@gv-tech/design-system 2.20.0 → 2.21.1

package/dist/chart.d.ts

@@ -1,90 +1,2 @@
-import { AllowInDimension } from 'recharts/types/util/types';
-import { AnimationDuration } from 'recharts/types/util/types';
-import { AnimationTiming } from 'recharts/types/util/types';
-import { CartesianViewBox } from 'recharts/types/util/types';
-import { ContentType } from 'recharts/types/component/Tooltip';
-import { Coordinate } from 'recharts/types/util/types';
-import { JSX } from 'react/jsx-runtime';
-import { NameType } from 'recharts/types/component/DefaultTooltipContent';
-import { Payload } from 'recharts/types/component/DefaultTooltipContent';
-import * as React_2 from 'react';
-import * as RechartsPrimitive from 'recharts';
-import { UniqueOption } from 'recharts/types/util/payload/getUniqPayload';
-import { ValueType } from 'recharts/types/component/DefaultTooltipContent';
-
-export declare type ChartConfig = {
-    [k in string]: {
-        label?: React_2.ReactNode;
-        icon?: React_2.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<string, string>;
-    });
-};
-
-export declare const ChartContainer: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & ChartContainerBaseProps & {
-    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-declare interface ChartContainerBaseProps {
-    config: ChartConfig;
-    className?: string;
-    children?: React_2.ReactNode;
-    id?: string;
-}
-
-export declare const ChartLegend: typeof RechartsPrimitive.Legend;
-
-export declare const ChartLegendContent: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & ChartLegendContentBaseProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-declare interface ChartLegendContentBaseProps {
-    hideIcon?: boolean;
-    nameKey?: string;
-    className?: string;
-}
-
-export declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => JSX.Element | null;
-
-export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-
-export declare const ChartTooltipContent: React_2.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps< ValueType, NameType> & {
-    accessibilityLayer?: boolean;
-    active?: boolean | undefined;
-    includeHidden?: boolean | undefined;
-    allowEscapeViewBox?: AllowInDimension;
-    animationDuration?: AnimationDuration;
-    animationEasing?: AnimationTiming;
-    content?: ContentType<ValueType, NameType> | undefined;
-    coordinate?: Partial< Coordinate>;
-    cursor?: boolean | React_2.ReactElement | React_2.SVGProps<SVGElement>;
-    filterNull?: boolean;
-    defaultIndex?: number;
-    isAnimationActive?: boolean;
-    offset?: number;
-    payloadUniqBy?: UniqueOption<Payload<ValueType, NameType>> | undefined;
-    position?: Partial< Coordinate>;
-    reverseDirection?: AllowInDimension;
-    shared?: boolean;
-    trigger?: "hover" | "click";
-    useTranslate3d?: boolean;
-    viewBox?: CartesianViewBox;
-    wrapperStyle?: React_2.CSSProperties;
-} & React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & ChartTooltipContentBaseProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-declare interface ChartTooltipContentBaseProps {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: 'line' | 'dot' | 'dashed';
-    nameKey?: string;
-    labelKey?: string;
-    className?: string;
-    labelClassName?: string;
-}
-
-export { }
+export * from './packages/ui-web/src/chart'
+export {}

package/dist/chart.mjs

@@ -1,188 +1,130 @@
 "use client";
-import { j as r, r as $, L as R, s as T } from "./vendor-BQwS7aJt.mjs";
-import * as f from "react";
-import { c as i } from "./utils-Bgpn0CK0.mjs";
-const E = { light: "", dark: ".dark" }, w = f.createContext(null);
-function k() {
-  const a = f.useContext(w);
-  if (!a)
-    throw new Error("useChart must be used within a <ChartContainer />");
-  return a;
+"use client";
+import { _n as e, vn as t, vr as n, yn as r } from "./vendor-ChPUVHXi.mjs";
+import { t as i } from "./utils-BsD1_fYL.mjs";
+import * as a from "react";
+//#region packages/ui-web/src/chart.tsx
+var o = n(), s = {
+	light: "",
+	dark: ".dark"
+}, c = a.createContext(null);
+function l() {
+	let e = a.useContext(c);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
 }
-const I = f.forwardRef(({ id: a, className: e, children: s, config: t, ...c }, d) => {
-  const l = f.useId(), o = `chart-${a || l.replace(/:/g, "")}`;
-  return /* @__PURE__ */ r.jsx(w.Provider, { value: { config: t }, children: /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      "data-chart": o,
-      ref: d,
-      className: i(
-        "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-none",
-        e
-      ),
-      ...c,
-      children: [
-        /* @__PURE__ */ r.jsx(P, { id: o, config: t }),
-        /* @__PURE__ */ r.jsx($, { children: s })
-      ]
-    }
-  ) });
+var u = a.forwardRef(({ id: e, className: t, children: n, config: s, ...l }, u) => {
+	let f = a.useId(), p = `chart-${e || f.replace(/:/g, "")}`;
+	return /* @__PURE__ */ (0, o.jsx)(c.Provider, {
+		value: { config: s },
+		children: /* @__PURE__ */ (0, o.jsxs)("div", {
+			"data-chart": p,
+			ref: u,
+			className: i("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-none", t),
+			...l,
+			children: [/* @__PURE__ */ (0, o.jsx)(d, {
+				id: p,
+				config: s
+			}), /* @__PURE__ */ (0, o.jsx)(r, { children: n })]
+		})
+	});
 });
-I.displayName = "Chart";
-const P = ({ id: a, config: e }) => {
-  const s = Object.entries(e).filter(([, t]) => t.theme || t.color);
-  return s.length ? /* @__PURE__ */ r.jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(E).map(
-          ([t, c]) => `
-${c} [data-chart=${a}] {
-${s.map(([d, l]) => {
-            const o = l.theme?.[t] || l.color;
-            return o ? `  --color-${d}: ${o};` : null;
-          }).join(`
-`)}
+u.displayName = "Chart";
+var d = ({ id: e, config: t }) => {
+	let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
+	return n.length ? /* @__PURE__ */ (0, o.jsx)("style", { dangerouslySetInnerHTML: { __html: Object.entries(s).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] || n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
 }
-`
-        ).join(`
-`)
-      }
-    }
-  ) : null;
-}, O = T, S = f.forwardRef(
-  ({
-    active: a,
-    payload: e,
-    className: s,
-    indicator: t = "dot",
-    hideLabel: c = !1,
-    hideIndicator: d = !1,
-    label: l,
-    labelFormatter: o,
-    labelClassName: g,
-    formatter: h,
-    color: y,
-    nameKey: N,
-    labelKey: p
-  }, L) => {
-    const { config: x } = k(), C = f.useMemo(() => {
-      if (c || !e?.length)
-        return null;
-      const [n] = e, v = `${p || n?.dataKey || n?.name || "value"}`, j = b(x, n, v), u = !p && typeof l == "string" ? x[l]?.label || l : j?.label;
-      return o ? /* @__PURE__ */ r.jsx("div", { className: i("font-medium", g), children: o(u, e) }) : u ? /* @__PURE__ */ r.jsx("div", { className: i("font-medium", g), children: u }) : null;
-    }, [l, o, e, c, g, x, p]);
-    if (!a || !e?.length)
-      return null;
-    const m = e.length === 1 && t !== "dot";
-    return /* @__PURE__ */ r.jsxs(
-      "div",
-      {
-        ref: L,
-        className: i(
-          "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
-          s
-        ),
-        children: [
-          m ? null : C,
-          /* @__PURE__ */ r.jsx("div", { className: "grid gap-1.5", children: e.filter((n) => n.type !== "none").map((n, v) => {
-            const j = `${N || n.name || n.dataKey || "value"}`, u = b(x, n, j), _ = y || n.payload.fill || n.color;
-            return /* @__PURE__ */ r.jsx(
-              "div",
-              {
-                className: i(
-                  "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-                  t === "dot" && "items-center"
-                ),
-                children: h && n?.value !== void 0 && n.name ? h(n.value, n.name, n, v, n.payload) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  u?.icon ? /* @__PURE__ */ r.jsx(u.icon, {}) : !d && /* @__PURE__ */ r.jsx(
-                    "div",
-                    {
-                      className: i("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
-                        "h-2.5 w-2.5": t === "dot",
-                        "w-1": t === "line",
-                        "w-0 border-[1.5px] border-dashed bg-transparent": t === "dashed",
-                        "my-0.5": m && t === "dashed"
-                      }),
-                      style: {
-                        "--color-bg": _,
-                        "--color-border": _
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ r.jsxs(
-                    "div",
-                    {
-                      className: i(
-                        "flex flex-1 justify-between leading-none",
-                        m ? "items-end" : "items-center"
-                      ),
-                      children: [
-                        /* @__PURE__ */ r.jsxs("div", { className: "grid gap-1.5", children: [
-                          m ? C : null,
-                          /* @__PURE__ */ r.jsx("span", { className: "text-muted-foreground", children: u?.label || n.name })
-                        ] }),
-                        n.value && /* @__PURE__ */ r.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: n.value.toLocaleString() })
-                      ]
-                    }
-                  )
-                ] })
-              },
-              n.dataKey
-            );
-          }) })
-        ]
-      }
-    );
-  }
-);
-S.displayName = "ChartTooltip";
-const q = R, K = f.forwardRef(({ className: a, hideIcon: e = !1, payload: s, verticalAlign: t = "bottom", nameKey: c }, d) => {
-  const { config: l } = k();
-  return s?.length ? /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      ref: d,
-      className: i("flex items-center justify-center gap-4", t === "top" ? "pb-3" : "pt-3", a),
-      children: s.filter((o) => o.type !== "none").map((o) => {
-        const g = `${c || o.dataKey || "value"}`, h = b(l, o, g);
-        return /* @__PURE__ */ r.jsxs(
-          "div",
-          {
-            className: i("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-            children: [
-              h?.icon && !e ? /* @__PURE__ */ r.jsx(h.icon, {}) : /* @__PURE__ */ r.jsx(
-                "div",
-                {
-                  className: "h-2 w-2 shrink-0 rounded-[2px]",
-                  style: {
-                    backgroundColor: o.color
-                  }
-                }
-              ),
-              h?.label
-            ]
-          },
-          o.value
-        );
-      })
-    }
-  ) : null;
+`).join("\n") } }) : null;
+}, f = e, p = a.forwardRef(({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: s = !1, hideIndicator: c = !1, label: u, labelFormatter: d, labelClassName: f, formatter: p, color: m, nameKey: h, labelKey: _ }, v) => {
+	let { config: y } = l(), b = a.useMemo(() => {
+		if (s || !t?.length) return null;
+		let [e] = t, n = g(y, e, `${_ || e?.dataKey || e?.name || "value"}`), r = !_ && typeof u == "string" ? y[u]?.label || u : n?.label;
+		return d ? /* @__PURE__ */ (0, o.jsx)("div", {
+			className: i("font-medium", f),
+			children: d(r, t)
+		}) : r ? /* @__PURE__ */ (0, o.jsx)("div", {
+			className: i("font-medium", f),
+			children: r
+		}) : null;
+	}, [
+		u,
+		d,
+		t,
+		s,
+		f,
+		y,
+		_
+	]);
+	if (!e || !t?.length) return null;
+	let x = t.length === 1 && r !== "dot";
+	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		ref: v,
+		className: i("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", n),
+		children: [x ? null : b, /* @__PURE__ */ (0, o.jsx)("div", {
+			className: "grid gap-1.5",
+			children: t.filter((e) => e.type !== "none").map((e, t) => {
+				let n = g(y, e, `${h || e.name || e.dataKey || "value"}`), a = m || e.payload.fill || e.color;
+				return /* @__PURE__ */ (0, o.jsx)("div", {
+					className: i("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", r === "dot" && "items-center"),
+					children: p && e?.value !== void 0 && e.name ? p(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [n?.icon ? /* @__PURE__ */ (0, o.jsx)(n.icon, {}) : !c && /* @__PURE__ */ (0, o.jsx)("div", {
+						className: i("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+							"h-2.5 w-2.5": r === "dot",
+							"w-1": r === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
+							"my-0.5": x && r === "dashed"
+						}),
+						style: {
+							"--color-bg": a,
+							"--color-border": a
+						}
+					}), /* @__PURE__ */ (0, o.jsxs)("div", {
+						className: i("flex flex-1 justify-between leading-none", x ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ (0, o.jsxs)("div", {
+							className: "grid gap-1.5",
+							children: [x ? b : null, /* @__PURE__ */ (0, o.jsx)("span", {
+								className: "text-muted-foreground",
+								children: n?.label || e.name
+							})]
+						}), e.value && /* @__PURE__ */ (0, o.jsx)("span", {
+							className: "text-foreground font-mono font-medium tabular-nums",
+							children: e.value.toLocaleString()
+						})]
+					})] })
+				}, typeof e.dataKey == "function" ? t : e.dataKey ?? t);
+			})
+		})]
+	});
+});
+p.displayName = "ChartTooltip";
+var m = t, h = a.forwardRef(({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: a }, s) => {
+	let { config: c } = l();
+	return n?.length ? /* @__PURE__ */ (0, o.jsx)("div", {
+		ref: s,
+		className: i("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
+		children: n.filter((e) => e.type !== "none").map((e) => {
+			let n = g(c, e, `${a || e.dataKey || "value"}`);
+			return /* @__PURE__ */ (0, o.jsxs)("div", {
+				className: i("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [n?.icon && !t ? /* @__PURE__ */ (0, o.jsx)(n.icon, {}) : /* @__PURE__ */ (0, o.jsx)("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: e.color }
+				}), n?.label]
+			}, e.value);
+		})
+	}) : null;
 });
-K.displayName = "ChartLegend";
-function b(a, e, s) {
-  if (typeof e != "object" || e === null)
-    return;
-  const t = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
-  let c = s;
-  return s in e && typeof e[s] == "string" ? c = e[s] : t && s in t && typeof t[s] == "string" && (c = t[s]), c in a ? a[c] : a[s];
+h.displayName = "ChartLegend";
+function g(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
 }
-export {
-  I as ChartContainer,
-  q as ChartLegend,
-  K as ChartLegendContent,
-  P as ChartStyle,
-  O as ChartTooltip,
-  S as ChartTooltipContent
-};
-//# sourceMappingURL=chart.mjs.map
+//#endregion
+export { u as ChartContainer, m as ChartLegend, h as ChartLegendContent, d as ChartStyle, f as ChartTooltip, p as ChartTooltipContent };
+
+//# sourceMappingURL=chart.mjs.map

package/dist/chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.mjs","sources":["../packages/ui-web/src/chart.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport {\n  ChartConfig,\n  ChartContainerBaseProps,\n  ChartLegendContentBaseProps,\n  ChartTooltipContentBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const;\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    ChartContainerBaseProps & {\n      children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n    }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme || itemConfig.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color = itemConfig.theme?.[theme as keyof typeof THEMES] || itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join('\\n')}\n}\n`,\n          )\n          .join('\\n'),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & ChartTooltipContentBaseProps\n>(\n  (\n    {\n      active,\n      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    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\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 as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload\n            .filter((item) => item.type !== 'none')\n            .map((item, index) => {\n              const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n              const itemConfig = getPayloadConfigFromPayload(config, item, key);\n              const indicatorColor = color || ((item.payload as Record<string, unknown>).fill as string) || item.color;\n\n              return (\n                <div\n                  key={item.dataKey}\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 !== undefined && item.name ? (\n                    formatter(item.value, item.name, item, index, item.payload)\n                  ) : (\n                    <>\n                      {itemConfig?.icon ? (\n                        <itemConfig.icon />\n                      ) : (\n                        !hideIndicator && (\n                          <div\n                            className={cn('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            })}\n                            style={\n                              {\n                                '--color-bg': indicatorColor,\n                                '--color-border': indicatorColor,\n                              } as React.CSSProperties\n                            }\n                          />\n                        )\n                      )}\n                      <div\n                        className={cn(\n                          'flex flex-1 justify-between leading-none',\n                          nestLabel ? 'items-end' : 'items-center',\n                        )}\n                      >\n                        <div className=\"grid gap-1.5\">\n                          {nestLabel ? tooltipLabel : null}\n                          <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                        </div>\n                        {item.value && (\n                          <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                            {item.value.toLocaleString()}\n                          </span>\n                        )}\n                      </div>\n                    </>\n                  )}\n                </div>\n              );\n            })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> &\n    ChartLegendContentBaseProps\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}\n    >\n      {payload\n        .filter((item) => item.type !== 'none')\n        .map((item) => {\n          const key = `${nameKey || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n          return (\n            <div\n              key={item.value}\n              className={cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3')}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                  style={{\n                    backgroundColor: item.color,\n                  }}\n                />\n              )}\n              {itemConfig?.label}\n            </div>\n          );\n        })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload &&\n    typeof (payload as { payload: unknown }).payload === 'object' &&\n    (payload as { payload: unknown }).payload !== null\n      ? ((payload as { payload: unknown }).payload as Record<string, unknown>)\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof (payload as Record<string, unknown>)[key] === 'string') {\n    configLabelKey = (payload as Record<string, unknown>)[key] as string;\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {\n    configLabelKey = payloadPayload[key] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };\nexport type { ChartConfig };\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive.ResponsiveContainer","colorConfig","itemConfig","theme","prefix","key","color","ChartTooltip","RechartsPrimitive.Tooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","RechartsPrimitive.Legend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":";;;;AAaA,MAAMA,IAAS,EAAE,OAAO,IAAI,MAAM,QAAA,GAM5BC,IAAeC,EAAM,cAAwC,IAAI;AAEvE,SAASC,IAAW;AAClB,QAAMC,IAAUF,EAAM,WAAWD,CAAY;AAE7C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,mDAAmD;AAGrE,SAAOA;AACT;AAEA,MAAMC,IAAiBH,EAAM,WAM3B,CAAC,EAAE,IAAAI,GAAI,WAAAC,GAAW,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AACxD,QAAMC,IAAWV,EAAM,MAAA,GACjBW,IAAU,SAASP,KAAMM,EAAS,QAAQ,MAAM,EAAE,CAAC;AAEzD,+BACGX,EAAa,UAAb,EAAsB,OAAO,EAAE,QAAAQ,KAC9B,UAAAK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYD;AAAA,MACZ,KAAAF;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACAR;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAAM,gBAAAA,EAAAA,IAACC,GAAA,EAAW,IAAIJ,GAAS,QAAAJ,EAAA,CAAgB;AAAA,QACzCO,gBAAAA,MAACE,GAAA,EAAuC,UAAAV,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAErD;AAEJ,CAAC;AACDH,EAAe,cAAc;AAE7B,MAAMY,IAAa,CAAC,EAAE,IAAAX,GAAI,QAAAG,QAAkD;AAC1E,QAAMU,IAAc,OAAO,QAAQV,CAAM,EAAE,OAAO,CAAC,CAAA,EAAGW,CAAU,MAAMA,EAAW,SAASA,EAAW,KAAK;AAE1G,SAAKD,EAAY,SAKfH,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,yBAAyB;AAAA,QACvB,QAAQ,OAAO,QAAQhB,CAAM,EAC1B;AAAA,UACC,CAAC,CAACqB,GAAOC,CAAM,MAAM;AAAA,EAC/BA,CAAM,gBAAgBhB,CAAE;AAAA,EACxBa,EACC,IAAI,CAAC,CAACI,GAAKH,CAAU,MAAM;AAC1B,kBAAMI,IAAQJ,EAAW,QAAQC,CAA4B,KAAKD,EAAW;AAC7E,mBAAOI,IAAQ,aAAaD,CAAG,KAAKC,CAAK,MAAM;AAAA,UACjD,CAAC,EACA,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA;AAAA,QAAA,EAIF,KAAK;AAAA,CAAI;AAAA,MAAA;AAAA,IACd;AAAA,EAAA,IApBK;AAuBX,GAEMC,IAAeC,GAEfC,IAAsBzB,EAAM;AAAA,EAIhC,CACE;AAAA,IACE,QAAA0B;AAAA,IACA,SAAAC;AAAA,IACA,WAAAtB;AAAA,IACA,WAAAuB,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAZ;AAAA,IACA,SAAAa;AAAA,IACA,UAAAC;AAAA,EAAA,GAEF3B,MACG;AACH,UAAM,EAAE,QAAAF,EAAA,IAAWN,EAAA,GAEboC,IAAerC,EAAM,QAAQ,MAAM;AACvC,UAAI6B,KAAa,CAACF,GAAS;AACzB,eAAO;AAGT,YAAM,CAACW,CAAI,IAAIX,GACTN,IAAM,GAAGe,KAAYE,GAAM,WAAWA,GAAM,QAAQ,OAAO,IAC3DpB,IAAaqB,EAA4BhC,GAAQ+B,GAAMjB,CAAG,GAC1DmB,IACJ,CAACJ,KAAY,OAAOL,KAAU,WAC1BxB,EAAOwB,CAA4B,GAAG,SAASA,IAC/Cb,GAAY;AAElB,aAAIc,IACKlB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWD,EAAG,eAAeoB,CAAc,GAAI,UAAAD,EAAeQ,GAAOb,CAAO,EAAA,CAAE,IAGvFa,0BAIG,OAAA,EAAI,WAAW3B,EAAG,eAAeoB,CAAc,GAAI,UAAAO,GAAM,IAHxD;AAAA,IAIX,GAAG,CAACT,GAAOC,GAAgBL,GAASE,GAAWI,GAAgB1B,GAAQ6B,CAAQ,CAAC;AAEhF,QAAI,CAACV,KAAU,CAACC,GAAS;AACvB,aAAO;AAGT,UAAMc,IAAYd,EAAQ,WAAW,KAAKC,MAAc;AAExD,WACEhB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI;AAAA,UACT;AAAA,UACAR;AAAA,QAAA;AAAA,QAGD,UAAA;AAAA,UAACoC,IAA2B,OAAfJ;AAAA,UACdvB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBACZ,YACE,OAAO,CAACwB,MAASA,EAAK,SAAS,MAAM,EACrC,IAAI,CAACA,GAAMI,MAAU;AACpB,kBAAMrB,IAAM,GAAGc,KAAWG,EAAK,QAAQA,EAAK,WAAW,OAAO,IACxDpB,IAAaqB,EAA4BhC,GAAQ+B,GAAMjB,CAAG,GAC1DsB,IAAiBrB,KAAWgB,EAAK,QAAoC,QAAmBA,EAAK;AAEnG,mBACExB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWD;AAAA,kBACT;AAAA,kBACAe,MAAc,SAAS;AAAA,gBAAA;AAAA,gBAGxB,eAAaU,GAAM,UAAU,UAAaA,EAAK,OAC9CJ,EAAUI,EAAK,OAAOA,EAAK,MAAMA,GAAMI,GAAOJ,EAAK,OAAO,IAE1D1B,gBAAAA,EAAAA,KAAAgC,YAAA,EACG,UAAA;AAAA,kBAAA1B,GAAY,OACXJ,gBAAAA,EAAAA,IAACI,EAAW,MAAX,EAAgB,IAEjB,CAACY,KACChB,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWD,EAAG,kEAAkE;AAAA,wBAC9E,eAAee,MAAc;AAAA,wBAC7B,OAAOA,MAAc;AAAA,wBACrB,mDAAmDA,MAAc;AAAA,wBACjE,UAAUa,KAAab,MAAc;AAAA,sBAAA,CACtC;AAAA,sBACD,OACE;AAAA,wBACE,cAAce;AAAA,wBACd,kBAAkBA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAAA;AAAA,kBAKR/B,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWC;AAAA,wBACT;AAAA,wBACA4B,IAAY,cAAc;AAAA,sBAAA;AAAA,sBAG5B,UAAA;AAAA,wBAAA7B,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACZ,UAAA;AAAA,0BAAA6B,IAAYJ,IAAe;AAAA,gDAC3B,QAAA,EAAK,WAAU,yBAAyB,UAAAnB,GAAY,SAASoB,EAAK,KAAA,CAAK;AAAA,wBAAA,GAC1E;AAAA,wBACCA,EAAK,SACJxB,gBAAAA,MAAC,QAAA,EAAK,WAAU,sDACb,UAAAwB,EAAK,MAAM,eAAA,EAAe,CAC7B;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ,EAAA,CACF;AAAA,cAAA;AAAA,cA9CGA,EAAK;AAAA,YAAA;AAAA,UAkDhB,CAAC,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAb,EAAoB,cAAc;AAElC,MAAMoB,IAAcC,GAEdC,IAAqB/C,EAAM,WAK/B,CAAC,EAAE,WAAAK,GAAW,UAAA2C,IAAW,IAAO,SAAArB,GAAS,eAAAsB,IAAgB,UAAU,SAAAd,EAAA,GAAW1B,MAAQ;AACtF,QAAM,EAAE,QAAAF,EAAA,IAAWN,EAAA;AAEnB,SAAK0B,GAAS,SAKZb,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWI,EAAG,0CAA0CoC,MAAkB,QAAQ,SAAS,QAAQ5C,CAAS;AAAA,MAE3G,UAAAsB,EACE,OAAO,CAACW,MAASA,EAAK,SAAS,MAAM,EACrC,IAAI,CAACA,MAAS;AACb,cAAMjB,IAAM,GAAGc,KAAWG,EAAK,WAAW,OAAO,IAC3CpB,IAAaqB,EAA4BhC,GAAQ+B,GAAMjB,CAAG;AAEhE,eACET,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC,EAAG,iFAAiF;AAAA,YAE9F,UAAA;AAAA,cAAAK,GAAY,QAAQ,CAAC8B,0BACnB9B,EAAW,MAAX,CAAA,CAAgB,IAEjBJ,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,iBAAiBwB,EAAK;AAAA,kBAAA;AAAA,gBACxB;AAAA,cAAA;AAAA,cAGHpB,GAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAbRoB,EAAK;AAAA,QAAA;AAAA,MAgBhB,CAAC;AAAA,IAAA;AAAA,EAAA,IAhCE;AAmCX,CAAC;AACDS,EAAmB,cAAc;AAGjC,SAASR,EAA4BhC,GAAqBoB,GAAkBN,GAAa;AACvF,MAAI,OAAOM,KAAY,YAAYA,MAAY;AAC7C;AAGF,QAAMuB,IACJ,aAAavB,KACb,OAAQA,EAAiC,WAAY,YACpDA,EAAiC,YAAY,OACxCA,EAAiC,UACnC;AAEN,MAAIwB,IAAyB9B;AAE7B,SAAIA,KAAOM,KAAW,OAAQA,EAAoCN,CAAG,KAAM,WACzE8B,IAAkBxB,EAAoCN,CAAG,IAChD6B,KAAkB7B,KAAO6B,KAAkB,OAAOA,EAAe7B,CAAG,KAAM,aACnF8B,IAAiBD,EAAe7B,CAAG,IAG9B8B,KAAkB5C,IAASA,EAAO4C,CAAc,IAAI5C,EAAOc,CAA0B;AAC9F;"}
+{"version":3,"file":"chart.mjs","names":[],"sources":["../packages/ui-web/src/chart.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport {\n  ChartConfig,\n  ChartContainerBaseProps,\n  ChartLegendContentBaseProps,\n  ChartTooltipContentBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const;\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    ChartContainerBaseProps & {\n      children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n    }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-sector]:outline-none [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme || itemConfig.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color = itemConfig.theme?.[theme as keyof typeof THEMES] || itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join('\\n')}\n}\n`,\n          )\n          .join('\\n'),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  Partial<RechartsPrimitive.TooltipContentProps> & React.ComponentProps<'div'> & ChartTooltipContentBaseProps\n>(\n  (\n    {\n      active,\n      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    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\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 as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload\n            .filter((item: RechartsPrimitive.TooltipPayloadEntry) => item.type !== 'none')\n            .map((item: RechartsPrimitive.TooltipPayloadEntry, index: number) => {\n              const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n              const itemConfig = getPayloadConfigFromPayload(config, item, key);\n              const indicatorColor = color || ((item.payload as Record<string, unknown>).fill as string) || item.color;\n\n              return (\n                <div\n                  key={typeof item.dataKey === 'function' ? index : (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 !== undefined && item.name ? (\n                    formatter(item.value, item.name, item, index, item.payload)\n                  ) : (\n                    <>\n                      {itemConfig?.icon ? (\n                        <itemConfig.icon />\n                      ) : (\n                        !hideIndicator && (\n                          <div\n                            className={cn('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            })}\n                            style={\n                              {\n                                '--color-bg': indicatorColor,\n                                '--color-border': indicatorColor,\n                              } as React.CSSProperties\n                            }\n                          />\n                        )\n                      )}\n                      <div\n                        className={cn(\n                          'flex flex-1 justify-between leading-none',\n                          nestLabel ? 'items-end' : 'items-center',\n                        )}\n                      >\n                        <div className=\"grid gap-1.5\">\n                          {nestLabel ? tooltipLabel : null}\n                          <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                        </div>\n                        {item.value && (\n                          <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                            {item.value.toLocaleString()}\n                          </span>\n                        )}\n                      </div>\n                    </>\n                  )}\n                </div>\n              );\n            })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    Pick<RechartsPrimitive.DefaultLegendContentProps, 'payload' | 'verticalAlign'> &\n    ChartLegendContentBaseProps\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}\n    >\n      {payload\n        .filter((item: RechartsPrimitive.LegendPayload) => item.type !== 'none')\n        .map((item: RechartsPrimitive.LegendPayload) => {\n          const key = `${nameKey || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n          return (\n            <div\n              key={item.value}\n              className={cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3')}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                  style={{\n                    backgroundColor: item.color,\n                  }}\n                />\n              )}\n              {itemConfig?.label}\n            </div>\n          );\n        })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload &&\n    typeof (payload as { payload: unknown }).payload === 'object' &&\n    (payload as { payload: unknown }).payload !== null\n      ? ((payload as { payload: unknown }).payload as Record<string, unknown>)\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof (payload as Record<string, unknown>)[key] === 'string') {\n    configLabelKey = (payload as Record<string, unknown>)[key] as string;\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {\n    configLabelKey = payloadPayload[key] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };\nexport type { ChartConfig };\n"],"mappings":"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"}

package/dist/checkbox.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-B_07FHqh.js"),a=require("react"),n=require("./utils-CBWPs0D7.js");function i(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const d=i(a),s=d.forwardRef(({className:e,...c},r)=>t.jsxRuntimeExports.jsx(t.Checkbox,{ref:r,className:n.cn("peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",e),...c,children:t.jsxRuntimeExports.jsx(t.CheckboxIndicator,{className:n.cn("grid place-content-center text-current"),children:t.jsxRuntimeExports.jsx(t.Check,{className:"h-4 w-4"})})}));s.displayName=t.Checkbox?.displayName||"Checkbox";exports.Checkbox=s;
-//# sourceMappingURL=checkbox.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.hn,{ref:a,className:n.t(`peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`,e),...r,children:(0,i.jsx)(t.gn,{className:n.t(`grid place-content-center text-current`),children:(0,i.jsx)(t.or,{className:`h-4 w-4`})})}));a.displayName=t.hn?.displayName||`Checkbox`,exports.Checkbox=a;
+//# sourceMappingURL=checkbox.cjs.map

package/dist/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","sources":["../packages/ui-web/src/checkbox.tsx"],"sourcesContent":["'use client';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport type { CheckboxBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nexport interface CheckboxProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxBaseProps>,\n    CheckboxBaseProps {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        'peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className={cn('grid place-content-center text-current')}>\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = CheckboxPrimitive.Root?.displayName || 'Checkbox';\n\nexport { Checkbox };\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","Check"],"mappings":"mdAaMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,kBAAAA,IAACC,EAAAA,SAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,+RACAL,CAAA,EAED,GAAGC,EAEJ,SAAAE,EAAAA,kBAAAA,IAACG,EAAAA,kBAAA,CAA4B,UAAWD,EAAAA,GAAG,wCAAwC,EACjF,SAAAF,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,CAAA,CAC7B,CAAA,CAAA,CAGN,EACAT,EAAS,YAAcM,YAAwB,aAAe"}
+{"version":3,"file":"checkbox.cjs","names":[],"sources":["../packages/ui-web/src/checkbox.tsx"],"sourcesContent":["'use client';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport type { CheckboxBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nexport interface CheckboxProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxBaseProps>,\n    CheckboxBaseProps {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        'peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className={cn('grid place-content-center text-current')}>\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = CheckboxPrimitive.Root?.displayName || 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":"+PAaM,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,+RACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAA,EAAA,GAAA,CAA6B,UAAW,EAAA,EAAG,wCAAwC,YACjF,EAAA,EAAA,KAAC,EAAA,GAAD,CAAO,UAAU,SAAW,CAAA,CACD,CAAA,CACP,CAAA,CAE5B,EACA,EAAS,YAAA,EAAA,IAAsC,aAAe"}

package/dist/checkbox.d.ts

@@ -1,17 +1,2 @@
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as React_2 from 'react';
-
-export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-declare interface CheckboxBaseProps {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    onCheckedChange?: (checked: boolean) => void;
-}
-
-export declare interface CheckboxProps extends Omit<React_2.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxBaseProps>, CheckboxBaseProps {
-}
-
-export { }
+export * from './packages/ui-web/src/checkbox'
+export {}

package/dist/checkbox.mjs

@@ -1,23 +1,20 @@
 "use client";
-import { j as e, t as a, v as t, w as i } from "./vendor-BQwS7aJt.mjs";
-import * as n from "react";
-import { c as r } from "./utils-Bgpn0CK0.mjs";
-const d = n.forwardRef(
-  ({ className: s, ...c }, o) => /* @__PURE__ */ e.jsx(
-    a,
-    {
-      ref: o,
-      className: r(
-        "peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        s
-      ),
-      ...c,
-      children: /* @__PURE__ */ e.jsx(t, { className: r("grid place-content-center text-current"), children: /* @__PURE__ */ e.jsx(i, { className: "h-4 w-4" }) })
-    }
-  )
-);
-d.displayName = a?.displayName || "Checkbox";
-export {
-  d as Checkbox
-};
-//# sourceMappingURL=checkbox.mjs.map
+"use client";
+import { gn as e, hn as t, or as n, vr as r } from "./vendor-ChPUVHXi.mjs";
+import { t as i } from "./utils-BsD1_fYL.mjs";
+import * as a from "react";
+//#region packages/ui-web/src/checkbox.tsx
+var o = r(), s = a.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ (0, o.jsx)(t, {
+	ref: s,
+	className: i("peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", r),
+	...a,
+	children: /* @__PURE__ */ (0, o.jsx)(e, {
+		className: i("grid place-content-center text-current"),
+		children: /* @__PURE__ */ (0, o.jsx)(n, { className: "h-4 w-4" })
+	})
+}));
+s.displayName = t?.displayName || "Checkbox";
+//#endregion
+export { s as Checkbox };
+
+//# sourceMappingURL=checkbox.mjs.map

package/dist/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","sources":["../packages/ui-web/src/checkbox.tsx"],"sourcesContent":["'use client';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport type { CheckboxBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nexport interface CheckboxProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxBaseProps>,\n    CheckboxBaseProps {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        'peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className={cn('grid place-content-center text-current')}>\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = CheckboxPrimitive.Root?.displayName || 'Checkbox';\n\nexport { Checkbox };\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","Check"],"mappings":";;;;AAaA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxBC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAAE,gBAAAA,EAAAA,IAACG,GAAA,EAA4B,WAAWD,EAAG,wCAAwC,GACjF,UAAAF,gBAAAA,EAAAA,IAACI,GAAA,EAAM,WAAU,UAAA,CAAU,EAAA,CAC7B;AAAA,IAAA;AAAA,EAAA;AAGN;AACAT,EAAS,cAAcM,GAAwB,eAAe;"}
+{"version":3,"file":"checkbox.mjs","names":[],"sources":["../packages/ui-web/src/checkbox.tsx"],"sourcesContent":["'use client';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport type { CheckboxBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nexport interface CheckboxProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxBaseProps>,\n    CheckboxBaseProps {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        'peer border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground grid h-4 w-4 shrink-0 place-content-center rounded-sm border shadow focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator className={cn('grid place-content-center text-current')}>\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = CheckboxPrimitive.Root?.displayName || 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":";;;;;;aAaM,IAAW,EAAM,YACpB,EAAE,cAAW,GAAG,KAAS,MACxB,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,gSACA,CACF;CACA,GAAI;WAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA6B,WAAW,EAAG,wCAAwC;YACjF,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAO,WAAU,UAAW,CAAA;CACD,CAAA;AACP,CAAA,CAE5B;AACA,EAAS,cAAA,GAAsC,eAAe"}

package/dist/collapsible.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./vendor-B_07FHqh.js"),e=l.Root$2,o=l.CollapsibleTrigger,t=l.CollapsibleContent;exports.Collapsible=e;exports.CollapsibleContent=t;exports.CollapsibleTrigger=o;
-//# sourceMappingURL=collapsible.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./vendor-3cr8xz0x.js");var t=e._r,n=e.gr,r=e.hr;exports.Collapsible=t,exports.CollapsibleContent=r,exports.CollapsibleTrigger=n;
+//# sourceMappingURL=collapsible.cjs.map

package/dist/collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.cjs","sources":["../packages/ui-web/src/collapsible.tsx"],"sourcesContent":["'use client';\nimport { CollapsibleBaseProps, CollapsibleContentBaseProps, CollapsibleTriggerBaseProps } from '@gv-tech/ui-core';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\nexport type {\n  CollapsibleContentBaseProps as CollapsibleContentProps,\n  CollapsibleBaseProps as CollapsibleProps,\n  CollapsibleTriggerBaseProps as CollapsibleTriggerProps,\n};\n"],"names":["Collapsible","CollapsiblePrimitive.Root","CollapsibleTrigger","CollapsiblePrimitive.CollapsibleTrigger","CollapsibleContent","CollapsiblePrimitive.CollapsibleContent"],"mappings":"qIAIMA,EAAcC,EAAAA,OAEdC,EAAqBC,EAAAA,mBAErBC,EAAqBC,EAAAA"}
+{"version":3,"file":"collapsible.cjs","names":[],"sources":["../packages/ui-web/src/collapsible.tsx"],"sourcesContent":["'use client';\nimport { CollapsibleBaseProps, CollapsibleContentBaseProps, CollapsibleTriggerBaseProps } from '@gv-tech/ui-core';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\nexport type {\n  CollapsibleContentBaseProps as CollapsibleContentProps,\n  CollapsibleBaseProps as CollapsibleProps,\n  CollapsibleTriggerBaseProps as CollapsibleTriggerProps,\n};\n"],"mappings":"qIAIA,IAAM,EAAA,EAAA,GAEA,EAAA,EAAA,GAEA,EAAA,EAAA"}