@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/chart/chart.d.ts

@@ -1,69 +1,71 @@
-import { ComponentProps, CSSProperties, ReactNode } from 'react';
-import { ResponsiveContainer, Tooltip, Legend } from 'recharts';
-export type ChartConfig = {
-    [k in string]: {
-        label?: ReactNode;
-        icon?: ReactNode;
-        /** A CSS color or `var(--token)`. Use a token for light/dark theming. */
-        color?: string;
-    };
-};
+import { type ComponentProps, type CSSProperties, type ReactNode } from "react";
+import { ResponsiveContainer, Tooltip, Legend } from "recharts";
+export type ChartConfig = { [k in string]: {
+	label?: ReactNode;
+	icon?: ReactNode;
+	/** A CSS color or `var(--token)`. Use a token for light/dark theming. */
+	color?: string;
+} };
+/** Default saturated step for numbered chart series (chart-N-450). */
+export declare const CHART_SERIES_COLOR_TOKENS: readonly ["var(--color-chart-1-450)", "var(--color-chart-2-450)", "var(--color-chart-3-450)", "var(--color-chart-4-450)", "var(--color-chart-5-450)"];
+/** 1-based series index; wraps via modulo when more series than tokens. */
+export declare function chartSeriesColor(series: number): string;
 declare function colorVarsFromConfig(config: ChartConfig): CSSProperties;
 type ChartA11yProps = {
-    'aria-label': string;
-    'aria-labelledby'?: never;
+	"aria-label": string;
+	"aria-labelledby"?: never;
 } | {
-    'aria-labelledby': string;
-    'aria-label'?: never;
+	"aria-labelledby": string;
+	"aria-label"?: never;
 };
-type ChartContainerProps = Omit<ComponentProps<'div'>, 'aria-label' | 'aria-labelledby'> & ChartA11yProps & {
-    config: ChartConfig;
-    children: ComponentProps<typeof ResponsiveContainer>['children'];
+type ChartContainerProps = Omit<ComponentProps<"div">, "aria-label" | "aria-labelledby"> & ChartA11yProps & {
+	config: ChartConfig;
+	children: ComponentProps<typeof ResponsiveContainer>["children"];
 };
 declare function ChartContainer({ id, className, children, config, style, role, ...props }: ChartContainerProps): ReactNode;
 declare const ChartTooltip: typeof Tooltip;
 type TooltipPayloadItem = {
-    type?: string;
-    name?: string | number;
-    dataKey?: string | number;
-    value?: string | number;
-    color?: string;
-    payload?: Record<string, unknown>;
-    fill?: string;
-    [key: string]: unknown;
+	type?: string;
+	name?: string | number;
+	dataKey?: string | number;
+	value?: string | number;
+	color?: string;
+	payload?: Record<string, unknown>;
+	fill?: string;
+	[key: string]: unknown;
 };
-type ChartTooltipContentProps = Omit<ComponentProps<typeof Tooltip>, 'content' | 'formatter' | 'labelFormatter'> & {
-    className?: string;
-    labelClassName?: string;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: 'line' | 'dot' | 'dashed';
-    nameKey?: string;
-    labelKey?: string;
-    payload?: TooltipPayloadItem[];
-    label?: string | number;
-    color?: string;
-    formatter?: (value: string | number, name: string | number, item: TooltipPayloadItem, index: number, payload: Record<string, unknown> | undefined) => ReactNode;
-    labelFormatter?: (value: ReactNode, payload: TooltipPayloadItem[]) => ReactNode;
-    /** Pass an i18n-aware formatter from your app's locale; defaults to the environment locale. */
-    valueFormatter?: (value: string | number) => string;
+type ChartTooltipContentProps = Omit<ComponentProps<typeof Tooltip>, "content" | "formatter" | "labelFormatter"> & {
+	className?: string;
+	labelClassName?: string;
+	hideLabel?: boolean;
+	hideIndicator?: boolean;
+	indicator?: "line" | "dot" | "dashed";
+	nameKey?: string;
+	labelKey?: string;
+	payload?: TooltipPayloadItem[];
+	label?: string | number;
+	color?: string;
+	formatter?: (value: string | number, name: string | number, item: TooltipPayloadItem, index: number, payload: Record<string, unknown> | undefined) => ReactNode;
+	labelFormatter?: (value: ReactNode, payload: TooltipPayloadItem[]) => ReactNode;
+	/** Pass an i18n-aware formatter from your app's locale; defaults to the environment locale. */
+	valueFormatter?: (value: string | number) => string;
 };
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, valueFormatter, }: ChartTooltipContentProps): ReactNode;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, valueFormatter }: ChartTooltipContentProps): ReactNode;
 declare const ChartLegend: typeof Legend;
 type LegendPayloadItem = {
-    type?: string;
-    value?: string;
-    dataKey?: string | number;
-    color?: string;
-    [key: string]: unknown;
+	type?: string;
+	value?: string;
+	dataKey?: string | number;
+	color?: string;
+	[key: string]: unknown;
 };
 type ChartLegendContentProps = {
-    className?: string;
-    hideIcon?: boolean;
-    nameKey?: string;
-    payload?: LegendPayloadItem[];
-    verticalAlign?: 'top' | 'bottom' | 'middle';
+	className?: string;
+	hideIcon?: boolean;
+	nameKey?: string;
+	payload?: LegendPayloadItem[];
+	verticalAlign?: "top" | "bottom" | "middle";
 };
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): ReactNode;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey }: ChartLegendContentProps): ReactNode;
 declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfig[string] | undefined;
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, colorVarsFromConfig, getPayloadConfigFromPayload, };
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, colorVarsFromConfig, getPayloadConfigFromPayload };

package/dist/components/ui/core/chart/chart.js

@@ -1,125 +1,205 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { createContext as t, useContext as n, useMemo as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Legend as s, ResponsiveContainer as c, Tooltip as l } from "recharts";
-//#region libs/aura/src/components/ui/core/chart/chart.tsx
-function u(e) {
-	if (!e) return;
-	let t = e.trim();
-	return {
-		backgroundColor: t,
-		borderColor: t
-	};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { ResponsiveContainer, Tooltip, Legend } from "recharts";
+import { cn } from "../../../../lib/utils.js";
+function swatchStylesFromGraphColor(color) {
+    if (!color) {
+        return undefined;
+    }
+    const c = color.trim();
+    return {
+        backgroundColor: c,
+        borderColor: c
+    };
 }
-var d = t(null);
-function f() {
-	let e = n(d);
-	if (!e) throw Error("useChart must be used within a <ChartContainer>");
-	return e;
+/** Default saturated step for numbered chart series (chart-N-450). */ export const CHART_SERIES_COLOR_TOKENS = [
+    'var(--color-chart-1-450)',
+    'var(--color-chart-2-450)',
+    'var(--color-chart-3-450)',
+    'var(--color-chart-4-450)',
+    'var(--color-chart-5-450)'
+];
+/** 1-based series index; wraps via modulo when more series than tokens. */ export function chartSeriesColor(series) {
+    const count = CHART_SERIES_COLOR_TOKENS.length;
+    const zeroBased = ((series - 1) % count + count) % count;
+    return CHART_SERIES_COLOR_TOKENS[zeroBased];
 }
-function p(e) {
-	let t = {};
-	for (let [n, r] of Object.entries(e)) r.color && (t[`--color-${n}`] = r.color);
-	return t;
+const ChartContext = /*#__PURE__*/ createContext(null);
+function useChart() {
+    const context = useContext(ChartContext);
+    if (!context) {
+        throw new Error('useChart must be used within a <ChartContainer>');
+    }
+    return context;
 }
-function m({ id: t, className: n, children: i, config: o, style: s, role: l = "img", ...u }) {
-	let f = r(() => ({ config: o }), [o]), m = p(o);
-	return /* @__PURE__ */ a(d.Provider, {
-		value: f,
-		children: /* @__PURE__ */ a("div", {
-			role: l,
-			"data-slot": "chart",
-			"data-chart-id": t,
-			className: e("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-curve.recharts-tooltip-cursor]:stroke-chart-gridlines [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-chart-gridlines flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", n),
-			style: {
-				...m,
-				...s
-			},
-			...u,
-			children: /* @__PURE__ */ a(c, { children: i })
-		})
-	});
+function colorVarsFromConfig(config) {
+    const vars = {};
+    for (const [key, item] of Object.entries(config)){
+        if (item.color) {
+            vars[`--color-${key}`] = item.color;
+        }
+    }
+    return vars;
 }
-var h = l, g = [], _ = (e) => typeof e == "number" ? e.toLocaleString() : String(e);
-function v({ active: t, payload: n = g, className: r, indicator: s = "dot", hideLabel: c = !1, hideIndicator: l = !1, label: d, labelFormatter: p, labelClassName: m, formatter: h, color: v, nameKey: y, labelKey: b, valueFormatter: x = _ }) {
-	let { config: w } = f(), T = (() => {
-		if (c || !n?.length) return null;
-		let [t] = n, r = `${b ?? t?.dataKey ?? t?.name ?? "value"}`, i = S(w, t, r), o = !b && typeof d == "string" ? w[d]?.label ?? d : i?.label;
-		return p ? /* @__PURE__ */ a("div", {
-			className: e("font-medium", m),
-			children: p(o, n)
-		}) : o ? /* @__PURE__ */ a("div", {
-			className: e("font-medium", m),
-			children: o
-		}) : null;
-	})(), E = !t || !n.length, D = n.length === 1 && s !== "dot";
-	return /* @__PURE__ */ a("div", {
-		className: e("bg-popover-background grid min-w-32 items-start gap-1 rounded-md p-2 text-sm shadow-md", E && "invisible", r),
-		children: E ? null : /* @__PURE__ */ o(i, { children: [D ? null : T, /* @__PURE__ */ a("div", {
-			className: "grid gap-1.5",
-			children: n.filter((e) => e.type !== "none").map((t, n) => {
-				let r = `${y ?? t.name ?? t.dataKey ?? "value"}`, c = S(w, t, r), d = C(t.payload) && typeof t.payload.fill == "string" ? t.payload.fill : void 0, f = v ?? d ?? t.color, p = u(typeof f == "string" ? f : void 0);
-				return /* @__PURE__ */ a("div", {
-					className: e("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", s === "dot" && "items-center"),
-					children: h && t.value != null && t.name != null ? h(t.value, t.name, t, n, C(t.payload) ? t.payload : void 0) : /* @__PURE__ */ o(i, { children: [c?.icon ? c.icon : !l && /* @__PURE__ */ a("div", {
-						className: e("shrink-0 rounded-xs", {
-							"h-2 w-2": s === "dot",
-							"w-1": s === "line",
-							"w-0 border border-dashed bg-transparent": s === "dashed",
-							"my-0.5": D && s === "dashed"
-						}),
-						style: p
-					}), /* @__PURE__ */ o("div", {
-						className: e("flex flex-1 justify-between gap-4 leading-none", D ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ o("div", {
-							className: "grid gap-1",
-							children: [D ? T : null, /* @__PURE__ */ a("span", {
-								className: "text-muted-foreground",
-								children: c?.label ?? t.name
-							})]
-						}), t.value !== void 0 && t.value !== null && /* @__PURE__ */ a("span", {
-							className: "text-foreground tabular-nums",
-							children: x(t.value)
-						})]
-					})] })
-				}, t.dataKey ?? n);
-			})
-		})] })
-	});
+function ChartContainer({ id, className, children, config, style, role = 'img', ...props }) {
+    const contextValue = useMemo(()=>({
+            config
+        }), [
+        config
+    ]);
+    const cssVars = colorVarsFromConfig(config);
+    return /*#__PURE__*/ _jsx(ChartContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsx("div", {
+            role: role,
+            "data-slot": "chart",
+            "data-chart-id": id,
+            className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-curve.recharts-tooltip-cursor]:stroke-chart-gridlines [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-radial-bar-background-sector]:fill-medium-background [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-medium-background [&_.recharts-reference-line_[stroke='#ccc']]:stroke-chart-gridlines flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+            style: {
+                ...cssVars,
+                ...style
+            },
+            ...props,
+            children: /*#__PURE__*/ _jsx(ResponsiveContainer, {
+                children: children
+            })
+        })
+    });
 }
-var y = s, b = [];
-function x({ className: t, hideIcon: n = !1, payload: r = b, verticalAlign: i = "bottom", nameKey: s }) {
-	let { config: c } = f();
-	return r?.length ? /* @__PURE__ */ a("div", {
-		className: e("flex items-center justify-center gap-4", i === "top" ? "pb-3" : "pt-3", t),
-		children: r.filter((e) => e.type !== "none").map((t, r) => {
-			let i = `${s ?? t.dataKey ?? "value"}`, l = S(c, t, i), d = u(typeof t.color == "string" ? t.color : void 0);
-			return /* @__PURE__ */ o("div", {
-				className: e("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-				children: [l?.icon && !n ? l.icon : /* @__PURE__ */ a("div", {
-					className: "h-2 w-2 shrink-0 rounded-xs",
-					style: d
-				}), l?.label ?? t.value]
-			}, t.value ?? r);
-		})
-	}) : null;
+const ChartTooltip = Tooltip;
+const EMPTY_TOOLTIP_PAYLOAD = [];
+const defaultValueFormatter = (value)=>typeof value === 'number' ? value.toLocaleString() : String(value);
+function ChartTooltipContent({ active, payload = EMPTY_TOOLTIP_PAYLOAD, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, valueFormatter = defaultValueFormatter }) {
+    const { config } = useChart();
+    const tooltipLabel = (()=>{
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === 'string' ? config[label]?.label ?? label : itemConfig?.label;
+        if (labelFormatter) {
+            return /*#__PURE__*/ _jsx("div", {
+                className: cn('font-medium', labelClassName),
+                children: labelFormatter(value, payload)
+            });
+        }
+        if (!value) {
+            return null;
+        }
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn('font-medium', labelClassName),
+            children: value
+        });
+    })();
+    const isHidden = !active || !payload.length;
+    const nestLabel = payload.length === 1 && indicator !== 'dot';
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('bg-popover-background grid min-w-32 items-start gap-1 rounded-md p-2 text-sm shadow-md', isHidden && 'invisible', className),
+        children: isHidden ? null : /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                !nestLabel ? tooltipLabel : null,
+                /*#__PURE__*/ _jsx("div", {
+                    className: "grid gap-1.5",
+                    children: payload.filter((item)=>item.type !== 'none').map((item, index)=>{
+                        const key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;
+                        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                        const payloadFill = isRecord(item.payload) && typeof item.payload.fill === 'string' ? item.payload.fill : undefined;
+                        const indicatorColor = color ?? payloadFill ?? item.color;
+                        const indicatorSwatchStyle = swatchStylesFromGraphColor(typeof indicatorColor === 'string' ? indicatorColor : undefined);
+                        return /*#__PURE__*/ _jsx("div", {
+                            className: cn('[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5', indicator === 'dot' && 'items-center'),
+                            children: formatter && item.value != null && item.name != null ? formatter(item.value, item.name, item, index, isRecord(item.payload) ? item.payload : undefined) : /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    itemConfig?.icon ? itemConfig.icon : !hideIndicator && /*#__PURE__*/ _jsx("div", {
+                                        className: cn('shrink-0 rounded-xs', {
+                                            'h-2 w-2': indicator === 'dot',
+                                            'w-1': indicator === 'line',
+                                            'w-0 border border-dashed bg-transparent': indicator === 'dashed',
+                                            'my-0.5': nestLabel && indicator === 'dashed'
+                                        }),
+                                        style: indicatorSwatchStyle
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: cn('flex flex-1 justify-between gap-4 leading-none', nestLabel ? 'items-end' : 'items-center'),
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "grid gap-1",
+                                                children: [
+                                                    nestLabel ? tooltipLabel : null,
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        className: "text-muted-foreground",
+                                                        children: itemConfig?.label ?? item.name
+                                                    })
+                                                ]
+                                            }),
+                                            item.value !== undefined && item.value !== null && /*#__PURE__*/ _jsx("span", {
+                                                className: "text-base-foreground tabular-nums",
+                                                children: valueFormatter(item.value)
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }, item.dataKey ?? index);
+                    })
+                })
+            ]
+        })
+    });
 }
-function S(e, t, n) {
-	if (!C(t)) return;
-	let r = t, i = C(r.payload) ? r.payload : void 0, a = n, o = w(r, n);
-	if (o) a = o;
-	else {
-		let e = i ? w(i, n) : void 0;
-		e && (a = e);
-	}
-	return e[a] ?? e[n];
+const ChartLegend = Legend;
+const EMPTY_LEGEND_PAYLOAD = [];
+function ChartLegendContent({ className, hideIcon = false, payload = EMPTY_LEGEND_PAYLOAD, verticalAlign = 'bottom', nameKey }) {
+    const { config } = useChart();
+    if (!payload?.length) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className),
+        children: payload.filter((item)=>item.type !== 'none').map((item, index)=>{
+            const key = `${nameKey ?? item.dataKey ?? 'value'}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const legendSwatchStyle = swatchStylesFromGraphColor(typeof item.color === 'string' ? item.color : undefined);
+            return /*#__PURE__*/ _jsxs("div", {
+                className: cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'),
+                children: [
+                    itemConfig?.icon && !hideIcon ? itemConfig.icon : /*#__PURE__*/ _jsx("div", {
+                        className: "h-2 w-2 shrink-0 rounded-xs",
+                        style: legendSwatchStyle
+                    }),
+                    itemConfig?.label ?? item.value
+                ]
+            }, item.value ?? index);
+        })
+    });
 }
-function C(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e);
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (!isRecord(payload)) {
+        return undefined;
+    }
+    const payloadRecord = payload;
+    const payloadPayload = isRecord(payloadRecord.payload) ? payloadRecord.payload : undefined;
+    let configLabelKey = key;
+    const directValue = getStringValue(payloadRecord, key);
+    if (directValue) {
+        configLabelKey = directValue;
+    } else {
+        const nestedValue = payloadPayload ? getStringValue(payloadPayload, key) : undefined;
+        if (nestedValue) {
+            configLabelKey = nestedValue;
+        }
+    }
+    return config[configLabelKey] ?? config[key];
 }
-function w(e, t) {
-	let n = e[t];
-	return typeof n == "string" ? n : void 0;
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
-//#endregion
-export { m as ChartContainer, y as ChartLegend, x as ChartLegendContent, h as ChartTooltip, v as ChartTooltipContent, p as colorVarsFromConfig, S as getPayloadConfigFromPayload };
+function getStringValue(value, key) {
+    const nestedValue = value[key];
+    return typeof nestedValue === 'string' ? nestedValue : undefined;
+}
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, colorVarsFromConfig, getPayloadConfigFromPayload };
+
+//# sourceMappingURL=chart.js.map

package/dist/components/ui/core/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/chart/chart.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type CSSProperties,\n  type ReactNode,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { ResponsiveContainer, Tooltip, Legend } from 'recharts';\n\nimport { cn } from '../../../../lib/utils';\n\nfunction swatchStylesFromGraphColor(\n  color: string | undefined\n): CSSProperties | undefined {\n  if (!color) {\n    return undefined;\n  }\n  const c = color.trim();\n  return { backgroundColor: c, borderColor: c };\n}\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: ReactNode;\n    icon?: ReactNode;\n    /** A CSS color or `var(--token)`. Use a token for light/dark theming. */\n    color?: string;\n  };\n};\n\n/** Default saturated step for numbered chart series (chart-N-450). */\nexport const CHART_SERIES_COLOR_TOKENS = [\n  'var(--color-chart-1-450)',\n  'var(--color-chart-2-450)',\n  'var(--color-chart-3-450)',\n  'var(--color-chart-4-450)',\n  'var(--color-chart-5-450)',\n] as const;\n\n/** 1-based series index; wraps via modulo when more series than tokens. */\nexport function chartSeriesColor(series: number): string {\n  const count = CHART_SERIES_COLOR_TOKENS.length;\n  const zeroBased = (((series - 1) % count) + count) % count;\n  return CHART_SERIES_COLOR_TOKENS[zeroBased] as string;\n}\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer>');\n  }\n\n  return context;\n}\n\nfunction colorVarsFromConfig(config: ChartConfig): CSSProperties {\n  const vars: CSSProperties & Record<string, string> = {};\n  for (const [key, item] of Object.entries(config)) {\n    if (item.color) {\n      vars[`--color-${key}`] = item.color;\n    }\n  }\n  return vars;\n}\n\ntype ChartA11yProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-labelledby': string; 'aria-label'?: never };\n\ntype ChartContainerProps = Omit<\n  ComponentProps<'div'>,\n  'aria-label' | 'aria-labelledby'\n> &\n  ChartA11yProps & {\n    config: ChartConfig;\n    children: ComponentProps<typeof ResponsiveContainer>['children'];\n  };\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  style,\n  role = 'img',\n  ...props\n}: ChartContainerProps): ReactNode {\n  const contextValue = useMemo(() => ({ config }), [config]);\n  const cssVars = colorVarsFromConfig(config);\n\n  return (\n    <ChartContext.Provider value={contextValue}>\n      <div\n        role={role}\n        data-slot=\"chart\"\n        data-chart-id={id}\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-curve.recharts-tooltip-cursor]:stroke-chart-gridlines [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-radial-bar-background-sector]:fill-medium-background [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-medium-background [&_.recharts-reference-line_[stroke='#ccc']]:stroke-chart-gridlines flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n          className\n        )}\n        style={{ ...cssVars, ...style }}\n        {...props}\n      >\n        <ResponsiveContainer>{children}</ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\nconst ChartTooltip: typeof Tooltip = Tooltip;\n\ntype TooltipPayloadItem = {\n  type?: string;\n  name?: string | number;\n  dataKey?: string | number;\n  value?: string | number;\n  color?: string;\n  payload?: Record<string, unknown>;\n  fill?: string;\n  [key: string]: unknown;\n};\n\nconst EMPTY_TOOLTIP_PAYLOAD: TooltipPayloadItem[] = [];\n\ntype ChartTooltipContentProps = Omit<\n  ComponentProps<typeof Tooltip>,\n  'content' | 'formatter' | 'labelFormatter'\n> & {\n  className?: string;\n  labelClassName?: string;\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  indicator?: 'line' | 'dot' | 'dashed';\n  nameKey?: string;\n  labelKey?: string;\n  payload?: TooltipPayloadItem[];\n  label?: string | number;\n  color?: string;\n  formatter?: (\n    value: string | number,\n    name: string | number,\n    item: TooltipPayloadItem,\n    index: number,\n    payload: Record<string, unknown> | undefined\n  ) => ReactNode;\n  labelFormatter?: (\n    value: ReactNode,\n    payload: TooltipPayloadItem[]\n  ) => ReactNode;\n  /** Pass an i18n-aware formatter from your app's locale; defaults to the environment locale. */\n  valueFormatter?: (value: string | number) => string;\n};\n\nconst defaultValueFormatter = (value: string | number): string =>\n  typeof value === 'number' ? value.toLocaleString() : String(value);\n\nfunction ChartTooltipContent({\n  active,\n  payload = EMPTY_TOOLTIP_PAYLOAD,\n  className,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n  valueFormatter = defaultValueFormatter,\n}: ChartTooltipContentProps): ReactNode {\n  const { config } = useChart();\n\n  const tooltipLabel = (() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === 'string'\n        ? (config[label]?.label ?? label)\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn('font-medium', labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  })();\n\n  const isHidden = !active || !payload.length;\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      className={cn(\n        'bg-popover-background grid min-w-32 items-start gap-1 rounded-md p-2 text-sm shadow-md',\n        isHidden && 'invisible',\n        className\n      )}\n    >\n      {isHidden ? null : (\n        <>\n          {!nestLabel ? tooltipLabel : null}\n          <div className=\"grid gap-1.5\">\n            {payload\n              .filter((item: TooltipPayloadItem) => item.type !== 'none')\n              .map((item: TooltipPayloadItem, index: number) => {\n                const key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;\n                const itemConfig = getPayloadConfigFromPayload(\n                  config,\n                  item,\n                  key\n                );\n                const payloadFill =\n                  isRecord(item.payload) &&\n                  typeof item.payload.fill === 'string'\n                    ? item.payload.fill\n                    : undefined;\n                const indicatorColor = color ?? payloadFill ?? item.color;\n                const indicatorSwatchStyle = swatchStylesFromGraphColor(\n                  typeof indicatorColor === 'string'\n                    ? indicatorColor\n                    : undefined\n                );\n\n                return (\n                  <div\n                    key={item.dataKey ?? index}\n                    className={cn(\n                      '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5',\n                      indicator === 'dot' && 'items-center'\n                    )}\n                  >\n                    {formatter && item.value != null && item.name != null ? (\n                      formatter(\n                        item.value,\n                        item.name,\n                        item,\n                        index,\n                        isRecord(item.payload) ? item.payload : undefined\n                      )\n                    ) : (\n                      <>\n                        {itemConfig?.icon\n                          ? itemConfig.icon\n                          : !hideIndicator && (\n                              <div\n                                className={cn('shrink-0 rounded-xs', {\n                                  'h-2 w-2': indicator === 'dot',\n                                  'w-1': indicator === 'line',\n                                  'w-0 border border-dashed bg-transparent':\n                                    indicator === 'dashed',\n                                  'my-0.5': nestLabel && indicator === 'dashed',\n                                })}\n                                style={indicatorSwatchStyle}\n                              />\n                            )}\n                        <div\n                          className={cn(\n                            'flex flex-1 justify-between gap-4 leading-none',\n                            nestLabel ? 'items-end' : 'items-center'\n                          )}\n                        >\n                          <div className=\"grid gap-1\">\n                            {nestLabel ? tooltipLabel : null}\n                            <span className=\"text-muted-foreground\">\n                              {itemConfig?.label ?? item.name}\n                            </span>\n                          </div>\n                          {item.value !== undefined && item.value !== null && (\n                            <span className=\"text-base-foreground tabular-nums\">\n                              {valueFormatter(item.value)}\n                            </span>\n                          )}\n                        </div>\n                      </>\n                    )}\n                  </div>\n                );\n              })}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nconst ChartLegend: typeof Legend = Legend;\n\ntype LegendPayloadItem = {\n  type?: string;\n  value?: string;\n  dataKey?: string | number;\n  color?: string;\n  [key: string]: unknown;\n};\n\nconst EMPTY_LEGEND_PAYLOAD: LegendPayloadItem[] = [];\n\ntype ChartLegendContentProps = {\n  className?: string;\n  hideIcon?: boolean;\n  nameKey?: string;\n  payload?: LegendPayloadItem[];\n  verticalAlign?: 'top' | 'bottom' | 'middle';\n};\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload = EMPTY_LEGEND_PAYLOAD,\n  verticalAlign = 'bottom',\n  nameKey,\n}: ChartLegendContentProps): ReactNode {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-center gap-4',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        className\n      )}\n    >\n      {payload\n        .filter((item: LegendPayloadItem) => item.type !== 'none')\n        .map((item: LegendPayloadItem, index) => {\n          const key = `${nameKey ?? item.dataKey ?? 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const legendSwatchStyle = swatchStylesFromGraphColor(\n            typeof item.color === 'string' ? item.color : undefined\n          );\n\n          return (\n            <div\n              key={item.value ?? index}\n              className={cn(\n                '[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'\n              )}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                itemConfig.icon\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-xs\"\n                  style={legendSwatchStyle}\n                />\n              )}\n              {itemConfig?.label ?? item.value}\n            </div>\n          );\n        })}\n    </div>\n  );\n}\n\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string\n): ChartConfig[string] | undefined {\n  if (!isRecord(payload)) {\n    return undefined;\n  }\n  const payloadRecord = payload;\n\n  const payloadPayload = isRecord(payloadRecord.payload)\n    ? payloadRecord.payload\n    : undefined;\n\n  let configLabelKey: string = key;\n\n  const directValue = getStringValue(payloadRecord, key);\n  if (directValue) {\n    configLabelKey = directValue;\n  } else {\n    const nestedValue = payloadPayload\n      ? getStringValue(payloadPayload, key)\n      : undefined;\n    if (nestedValue) {\n      configLabelKey = nestedValue;\n    }\n  }\n\n  return config[configLabelKey] ?? config[key];\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction getStringValue(\n  value: Record<string, unknown>,\n  key: string\n): string | undefined {\n  const nestedValue = value[key];\n  return typeof nestedValue === 'string' ? nestedValue : undefined;\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  colorVarsFromConfig,\n  getPayloadConfigFromPayload,\n};\n"],"names":["createContext","useContext","useMemo","ResponsiveContainer","Tooltip","Legend","cn","swatchStylesFromGraphColor","color","undefined","c","trim","backgroundColor","borderColor","CHART_SERIES_COLOR_TOKENS","chartSeriesColor","series","count","length","zeroBased","ChartContext","useChart","context","Error","colorVarsFromConfig","config","vars","key","item","Object","entries","ChartContainer","id","className","children","style","role","props","contextValue","cssVars","Provider","value","div","data-slot","data-chart-id","ChartTooltip","EMPTY_TOOLTIP_PAYLOAD","defaultValueFormatter","toLocaleString","String","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","valueFormatter","tooltipLabel","dataKey","name","itemConfig","getPayloadConfigFromPayload","isHidden","nestLabel","filter","type","map","index","payloadFill","isRecord","fill","indicatorColor","indicatorSwatchStyle","icon","span","ChartLegend","EMPTY_LEGEND_PAYLOAD","ChartLegendContent","hideIcon","verticalAlign","legendSwatchStyle","payloadRecord","payloadPayload","configLabelKey","directValue","getStringValue","nestedValue","Array","isArray"],"mappings":";AAAA,SAIEA,aAAa,EACbC,UAAU,EACVC,OAAO,QACF,QAAQ;AAEf,SAASC,mBAAmB,EAAEC,OAAO,EAAEC,MAAM,QAAQ,WAAW;AAEhE,SAASC,EAAE,QAAQ,2BAAwB;AAE3C,SAASC,2BACPC,KAAyB;IAEzB,IAAI,CAACA,OAAO;QACV,OAAOC;IACT;IACA,MAAMC,IAAIF,MAAMG,IAAI;IACpB,OAAO;QAAEC,iBAAiBF;QAAGG,aAAaH;IAAE;AAC9C;AAWA,oEAAoE,GACpE,OAAO,MAAMI,4BAA4B;IACvC;IACA;IACA;IACA;IACA;CACD,CAAU;AAEX,yEAAyE,GACzE,OAAO,SAASC,iBAAiBC,MAAc;IAC7C,MAAMC,QAAQH,0BAA0BI,MAAM;IAC9C,MAAMC,YAAY,AAAC,CAAA,AAAEH,CAAAA,SAAS,CAAA,IAAKC,QAASA,KAAI,IAAKA;IACrD,OAAOH,yBAAyB,CAACK,UAAU;AAC7C;AAMA,MAAMC,6BAAepB,cAAwC;AAE7D,SAASqB;IACP,MAAMC,UAAUrB,WAAWmB;IAE3B,IAAI,CAACE,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAOD;AACT;AAEA,SAASE,oBAAoBC,MAAmB;IAC9C,MAAMC,OAA+C,CAAC;IACtD,KAAK,MAAM,CAACC,KAAKC,KAAK,IAAIC,OAAOC,OAAO,CAACL,QAAS;QAChD,IAAIG,KAAKpB,KAAK,EAAE;YACdkB,IAAI,CAAC,CAAC,QAAQ,EAAEC,KAAK,CAAC,GAAGC,KAAKpB,KAAK;QACrC;IACF;IACA,OAAOkB;AACT;AAeA,SAASK,eAAe,EACtBC,EAAE,EACFC,SAAS,EACTC,QAAQ,EACRT,MAAM,EACNU,KAAK,EACLC,OAAO,KAAK,EACZ,GAAGC,OACiB;IACpB,MAAMC,eAAepC,QAAQ,IAAO,CAAA;YAAEuB;QAAO,CAAA,GAAI;QAACA;KAAO;IACzD,MAAMc,UAAUf,oBAAoBC;IAEpC,qBACE,KAACL,aAAaoB,QAAQ;QAACC,OAAOH;kBAC5B,cAAA,KAACI;YACCN,MAAMA;YACNO,aAAU;YACVC,iBAAeZ;YACfC,WAAW3B,GACT,wtBACA2B;YAEFE,OAAO;gBAAE,GAAGI,OAAO;gBAAE,GAAGJ,KAAK;YAAC;YAC7B,GAAGE,KAAK;sBAET,cAAA,KAAClC;0BAAqB+B;;;;AAI9B;AAEA,MAAMW,eAA+BzC;AAarC,MAAM0C,wBAA8C,EAAE;AA+BtD,MAAMC,wBAAwB,CAACN,QAC7B,OAAOA,UAAU,WAAWA,MAAMO,cAAc,KAAKC,OAAOR;AAE9D,SAASS,oBAAoB,EAC3BC,MAAM,EACNC,UAAUN,qBAAqB,EAC/Bb,SAAS,EACToB,YAAY,KAAK,EACjBC,YAAY,KAAK,EACjBC,gBAAgB,KAAK,EACrBC,KAAK,EACLC,cAAc,EACdC,cAAc,EACdC,SAAS,EACTnD,KAAK,EACLoD,OAAO,EACPC,QAAQ,EACRC,iBAAiBf,qBAAqB,EACb;IACzB,MAAM,EAAEtB,MAAM,EAAE,GAAGJ;IAEnB,MAAM0C,eAAe,AAAC,CAAA;QACpB,IAAIT,aAAa,CAACF,SAASlC,QAAQ;YACjC,OAAO;QACT;QAEA,MAAM,CAACU,KAAK,GAAGwB;QACf,MAAMzB,MAAM,GAAGkC,YAAYjC,MAAMoC,WAAWpC,MAAMqC,QAAQ,SAAS;QACnE,MAAMC,aAAaC,4BAA4B1C,QAAQG,MAAMD;QAC7D,MAAMc,QACJ,CAACoB,YAAY,OAAOL,UAAU,WACzB/B,MAAM,CAAC+B,MAAM,EAAEA,SAASA,QACzBU,YAAYV;QAElB,IAAIC,gBAAgB;YAClB,qBACE,KAACf;gBAAIT,WAAW3B,GAAG,eAAeoD;0BAC/BD,eAAehB,OAAOW;;QAG7B;QAEA,IAAI,CAACX,OAAO;YACV,OAAO;QACT;QAEA,qBAAO,KAACC;YAAIT,WAAW3B,GAAG,eAAeoD;sBAAkBjB;;IAC7D,CAAA;IAEA,MAAM2B,WAAW,CAACjB,UAAU,CAACC,QAAQlC,MAAM;IAC3C,MAAMmD,YAAYjB,QAAQlC,MAAM,KAAK,KAAKmC,cAAc;IAExD,qBACE,KAACX;QACCT,WAAW3B,GACT,0FACA8D,YAAY,aACZnC;kBAGDmC,WAAW,qBACV;;gBACG,CAACC,YAAYN,eAAe;8BAC7B,KAACrB;oBAAIT,WAAU;8BACZmB,QACEkB,MAAM,CAAC,CAAC1C,OAA6BA,KAAK2C,IAAI,KAAK,QACnDC,GAAG,CAAC,CAAC5C,MAA0B6C;wBAC9B,MAAM9C,MAAM,GAAGiC,WAAWhC,KAAKqC,IAAI,IAAIrC,KAAKoC,OAAO,IAAI,SAAS;wBAChE,MAAME,aAAaC,4BACjB1C,QACAG,MACAD;wBAEF,MAAM+C,cACJC,SAAS/C,KAAKwB,OAAO,KACrB,OAAOxB,KAAKwB,OAAO,CAACwB,IAAI,KAAK,WACzBhD,KAAKwB,OAAO,CAACwB,IAAI,GACjBnE;wBACN,MAAMoE,iBAAiBrE,SAASkE,eAAe9C,KAAKpB,KAAK;wBACzD,MAAMsE,uBAAuBvE,2BAC3B,OAAOsE,mBAAmB,WACtBA,iBACApE;wBAGN,qBACE,KAACiC;4BAECT,WAAW3B,GACT,uGACA+C,cAAc,SAAS;sCAGxBM,aAAa/B,KAAKa,KAAK,IAAI,QAAQb,KAAKqC,IAAI,IAAI,OAC/CN,UACE/B,KAAKa,KAAK,EACVb,KAAKqC,IAAI,EACTrC,MACA6C,OACAE,SAAS/C,KAAKwB,OAAO,IAAIxB,KAAKwB,OAAO,GAAG3C,2BAG1C;;oCACGyD,YAAYa,OACTb,WAAWa,IAAI,GACf,CAACxB,+BACC,KAACb;wCACCT,WAAW3B,GAAG,uBAAuB;4CACnC,WAAW+C,cAAc;4CACzB,OAAOA,cAAc;4CACrB,2CACEA,cAAc;4CAChB,UAAUgB,aAAahB,cAAc;wCACvC;wCACAlB,OAAO2C;;kDAGf,MAACpC;wCACCT,WAAW3B,GACT,kDACA+D,YAAY,cAAc;;0DAG5B,MAAC3B;gDAAIT,WAAU;;oDACZoC,YAAYN,eAAe;kEAC5B,KAACiB;wDAAK/C,WAAU;kEACbiC,YAAYV,SAAS5B,KAAKqC,IAAI;;;;4CAGlCrC,KAAKa,KAAK,KAAKhC,aAAamB,KAAKa,KAAK,KAAK,sBAC1C,KAACuC;gDAAK/C,WAAU;0DACb6B,eAAelC,KAAKa,KAAK;;;;;;2BA5C/Bb,KAAKoC,OAAO,IAAIS;oBAoD3B;;;;;AAMd;AAEA,MAAMQ,cAA6B5E;AAUnC,MAAM6E,uBAA4C,EAAE;AAUpD,SAASC,mBAAmB,EAC1BlD,SAAS,EACTmD,WAAW,KAAK,EAChBhC,UAAU8B,oBAAoB,EAC9BG,gBAAgB,QAAQ,EACxBzB,OAAO,EACiB;IACxB,MAAM,EAAEnC,MAAM,EAAE,GAAGJ;IAEnB,IAAI,CAAC+B,SAASlC,QAAQ;QACpB,OAAO;IACT;IAEA,qBACE,KAACwB;QACCT,WAAW3B,GACT,0CACA+E,kBAAkB,QAAQ,SAAS,QACnCpD;kBAGDmB,QACEkB,MAAM,CAAC,CAAC1C,OAA4BA,KAAK2C,IAAI,KAAK,QAClDC,GAAG,CAAC,CAAC5C,MAAyB6C;YAC7B,MAAM9C,MAAM,GAAGiC,WAAWhC,KAAKoC,OAAO,IAAI,SAAS;YACnD,MAAME,aAAaC,4BAA4B1C,QAAQG,MAAMD;YAC7D,MAAM2D,oBAAoB/E,2BACxB,OAAOqB,KAAKpB,KAAK,KAAK,WAAWoB,KAAKpB,KAAK,GAAGC;YAGhD,qBACE,MAACiC;gBAECT,WAAW3B,GACT;;oBAGD4D,YAAYa,QAAQ,CAACK,WACpBlB,WAAWa,IAAI,iBAEf,KAACrC;wBACCT,WAAU;wBACVE,OAAOmD;;oBAGVpB,YAAYV,SAAS5B,KAAKa,KAAK;;eAb3Bb,KAAKa,KAAK,IAAIgC;QAgBzB;;AAGR;AAEA,SAASN,4BACP1C,MAAmB,EACnB2B,OAAgB,EAChBzB,GAAW;IAEX,IAAI,CAACgD,SAASvB,UAAU;QACtB,OAAO3C;IACT;IACA,MAAM8E,gBAAgBnC;IAEtB,MAAMoC,iBAAiBb,SAASY,cAAcnC,OAAO,IACjDmC,cAAcnC,OAAO,GACrB3C;IAEJ,IAAIgF,iBAAyB9D;IAE7B,MAAM+D,cAAcC,eAAeJ,eAAe5D;IAClD,IAAI+D,aAAa;QACfD,iBAAiBC;IACnB,OAAO;QACL,MAAME,cAAcJ,iBAChBG,eAAeH,gBAAgB7D,OAC/BlB;QACJ,IAAImF,aAAa;YACfH,iBAAiBG;QACnB;IACF;IAEA,OAAOnE,MAAM,CAACgE,eAAe,IAAIhE,MAAM,CAACE,IAAI;AAC9C;AAEA,SAASgD,SAASlC,KAAc;IAC9B,OAAO,OAAOA,UAAU,YAAYA,UAAU,QAAQ,CAACoD,MAAMC,OAAO,CAACrD;AACvE;AAEA,SAASkD,eACPlD,KAA8B,EAC9Bd,GAAW;IAEX,MAAMiE,cAAcnD,KAAK,CAACd,IAAI;IAC9B,OAAO,OAAOiE,gBAAgB,WAAWA,cAAcnF;AACzD;AAEA,SACEsB,cAAc,EACdc,YAAY,EACZK,mBAAmB,EACnB+B,WAAW,EACXE,kBAAkB,EAClB3D,mBAAmB,EACnB2C,2BAA2B,GAC3B"}

package/dist/components/ui/core/chart/index.d.ts

@@ -1,2 +1,2 @@
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from './chart';
-export type { ChartConfig } from './chart';
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, CHART_SERIES_COLOR_TOKENS, chartSeriesColor } from "./chart";
+export type { ChartConfig } from "./chart";

package/dist/components/ui/core/chart/index.js

@@ -1,2 +1,3 @@
-import { ChartContainer as e, ChartLegend as t, ChartLegendContent as n, ChartTooltip as r, ChartTooltipContent as i } from "./chart.js";
-export { e as ChartContainer, t as ChartLegend, n as ChartLegendContent, r as ChartTooltip, i as ChartTooltipContent };
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, CHART_SERIES_COLOR_TOKENS, chartSeriesColor } from "./chart.js";
+
+//# sourceMappingURL=index.js.map

package/dist/components/ui/core/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/chart/index.ts"],"sourcesContent":["export {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  CHART_SERIES_COLOR_TOKENS,\n  chartSeriesColor,\n} from './chart';\nexport type { ChartConfig } from './chart';\n"],"names":["ChartContainer","ChartLegend","ChartLegendContent","ChartTooltip","ChartTooltipContent","CHART_SERIES_COLOR_TOKENS","chartSeriesColor"],"mappings":"AAAA,SACEA,cAAc,EACdC,WAAW,EACXC,kBAAkB,EAClBC,YAAY,EACZC,mBAAmB,EACnBC,yBAAyB,EACzBC,gBAAgB,QACX,aAAU"}

package/dist/components/ui/core/checkbox/checkbox.d.ts

@@ -1,17 +1,17 @@
-import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
-import { CheckboxRootProps } from '@base-ui/react/checkbox';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
-type Orientation = 'horizontal' | 'vertical';
+import { type ForwardRefExoticComponent, type RefAttributes, type HTMLAttributes } from "react";
+import type { CheckboxRootProps } from "@base-ui/react/checkbox";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+type Orientation = "horizontal" | "vertical";
 declare const CheckboxGroup: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    orientation?: Orientation;
+	orientation?: Orientation;
 } & RefAttributes<HTMLDivElement>>;
 interface CheckboxItemVariantProps {
-    variant?: 'default' | 'card' | null;
+	variant?: "default" | "card" | null;
 }
 declare const checkboxItemVariants: (props?: (CheckboxItemVariantProps & ClassProp) | undefined) => string;
 declare const CheckboxItem: ForwardRefExoticComponent<HTMLAttributes<HTMLLabelElement> & VariantProps<typeof checkboxItemVariants> & RefAttributes<HTMLLabelElement>>;
-declare const CheckboxItemControl: ForwardRefExoticComponent<Omit<CheckboxRootProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const CheckboxItemControl: ForwardRefExoticComponent<Omit<CheckboxRootProps, "ref"> & RefAttributes<HTMLElement>>;
 declare const CheckboxItemLabel: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 declare const CheckboxItemDescription: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
-export { CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, };
+export { CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel };