4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T12b7,"use client"; import { AnimatePresence, motion } from "motion/react"; import { ChartFrame, type ChartFrameProps } from "@/components/ui/chart"; import { useChoreography } from "@/lib/cojeev-motion/choreography"; import { arcPath, chartColor, clamp, finiteValue, pieAngles, type ChartColor, type ChartSlice } from "@/lib/cojeev/chart-geometry"; export type CircularChartProps = Omit & { data: ChartSlice[] }; export function CircularChart({ kind, variant, max = 100, data, ...props }: CircularChartProps & { kind: "pie" | "radial"; variant: string; max?: number }) { const { quiet, transition } = useChoreography(); return ({ ...item }))} series={[{ key: "value", label: kind === "radial" ? "Progress" : "Amount" }]} legendMode="points" interaction="shape">{plot => { const slices: ChartSlice[] = plot.data.map(point => ({ label: point.label, value: finiteValue(point.value), color: point.color as ChartColor })); const cx = plot.width / 2, cy = variant === "semicircle" ? plot.height * .7 : plot.height / 2; const outer = Math.max(1, Math.min(plot.width / 2 - 16, variant === "semicircle" ? 150 : 124)); const total = slices.reduce((sum, item) => sum + Math.max(0, item.value ?? 0), 0); const angles = pieAngles(slices); const ceiling = Number.isFinite(max) && max > 0 ? max : 100; const band = Math.min(18, outer / Math.max(2, slices.length + 1) * .72), gap = band * .35; return <> {kind === "pie" ? <> {angles.map((arc, index) => { if (!arc.value) return null; const selected = plot.active === index; const path = arcPath(cx, cy, outer - (selected ? 0 : 3), variant === "donut" ? outer * .64 : 0, arc.start, Math.max(arc.start, arc.end - (slices.length > 1 ? .022 : 0))); return plot.inspect(index)} />; })} {variant === "donut" && } {(variant === "donut" || total <= 0) && } : <> {slices.map((slice, index) => { const radius = Math.max(band, outer - index * (band + gap)), inner = Math.max(0, radius - band); const start = variant === "semicircle" ? -Math.PI : -Math.PI / 2; const sweep = variant === "semicircle" ? Math.PI : Math.PI * 2; const progress = clamp((slice.value ?? 0) / ceiling, 0, 1); const track = arcPath(cx, cy, radius, inner, start, start + sweep); const fill = arcPath(cx, cy, radius, inner, start, start + sweep * progress); return plot.inspect(index)}> {fill && } ; })} } ; }}; } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4c",null,{"namespace":"@000h-cojeev","registryDependencies":["https://000h.cojeev.com/r/cojeev.json","https://000h.cojeev.com/r/chart.json"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/cojeev/ui/pie-chart.tsx","content":"\"use client\";\nimport { CircularChart, type CircularChartProps } from \"@/lib/cojeev/chart-circular\";\nexport type PieChartProps = CircularChartProps & { variant?: \"pie\" | \"donut\" };\nexport function PieChart({ variant = \"pie\", caption = \"Pie chart\", ...props }: PieChartProps) { return ; }\n","type":"registry:ui"},{"path":"registry/cojeev/lib/chart-circular.tsx","content":"$4e","type":"registry:lib","target":"lib/cojeev/chart-circular.tsx"}],"className":"h-[70svh] min-h-80"}]]}]