4b: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"] 4c: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"] 4d:T5dcc,"use client"; import * as React from "react"; import * as RechartsPrimitive from "recharts"; import { cn } from "@/lib/utils"; export type ChartConfig = Record< string, { label?: React.ReactNode; icon?: React.ComponentType<{ className?: string }>; color?: string; colors?: { light?: string[]; dark?: string[]; }; } >; type ChartContextValue = { id: string; config: ChartConfig; data: Record[]; selected?: string; setSelected: (key?: string) => void; }; const ChartContext = React.createContext(null); export function useChart() { const context = React.useContext(ChartContext); if (!context) { throw new Error("useChart must be used inside a chart"); } return context; } export function colorVar(key: string, stop = 0) { return stop === 0 ? `var(--color-${key})` : `var(--color-${key}-${stop})`; } export function ChartContainer({ id, config, data, className, children, defaultSelectedDataKey, onSelectionChange, variant = "panel", }: { id?: string; config: ChartConfig; data: Record[]; className?: string; children: React.ReactNode; defaultSelectedDataKey?: string; onSelectionChange?: (key?: string) => void; variant?: "panel" | "plain"; }) { const generatedId = React.useId().replace(/:/g, ""); const chartId = id ?? generatedId; const [selected, setSelectedState] = React.useState( defaultSelectedDataKey ); const setSelected = React.useCallback( (key?: string) => { setSelectedState((current) => { const next = current === key ? undefined : key; onSelectionChange?.(next); return next; }); }, [onSelectionChange] ); return (

{children}

); } function ChartStyle({ id, config }: { id: string; config: ChartConfig }) { const rules = Object.entries(config) .map(([key, item]) => { const dark = item.colors?.dark ?? (item.color ? [item.color] : ["var(--chart-1)"]); const light = item.colors?.light ?? (item.color ? [item.color] : ["var(--chart-1)"]); const darkStops = dark .map((color, index) => index === 0 ? `--color-${key}: ${color}; --color-${key}-0: ${color};` : `--color-${key}-${index}: ${color};` ) .join(" "); const lightStops = light .map((color, index) => index === 0 ? `--color-${key}: ${color}; --color-${key}-0: ${color};` : `--color-${key}-${index}: ${color};` ) .join(" "); return `[data-chart="${id}"]{${darkStops}}.light [data-chart="${id}"]{${lightStops}}`; }) .join("\n"); return