@object-ui/plugin-charts 17.1.0 → 17.3.0

package/dist/index.js

@@ -2,86 +2,86 @@ import { ComponentRegistry as e, buildCategoryRank as t, buildChartSeries as n,
 import * as m from "react";
 import h, { Suspense as g, useCallback as ee, useContext as te, useEffect as ne, useMemo as _, useRef as re, useState as v } from "react";
 import { Button as ie, ChartSkeleton as y, Dialog as ae, DialogContent as b, DialogHeader as x, DialogTitle as S, RefreshIndicator as C, Sheet as oe, SheetContent as se, SheetHeader as ce, SheetTitle as le, Skeleton as ue } from "@object-ui/components";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Area as de, AreaChart as fe, Bar as pe, BarChart as D, Brush as me, CartesianGrid as he, Cell as O, ComposedChart as ge, Funnel as _e, FunnelChart as ve, LabelList as ye, Legend as k, Line as be, LineChart as xe, Pie as Se, PieChart as Ce, PolarAngleAxis as we, PolarGrid as Te, PolarRadiusAxis as Ee, Radar as De, RadarChart as Oe, ReferenceArea as ke, ReferenceLine as Ae, ResponsiveContainer as A, Sankey as je, Scatter as Me, ScatterChart as j, Tooltip as M, Treemap as Ne, XAxis as N, YAxis as P, ZAxis as Pe } from "recharts";
-import { SchemaRenderer as Fe, SchemaRendererContext as Ie, useDataScope as Le, useDrillNavigation as Re, useFilterScope as ze } from "@object-ui/react";
-import { AlertCircle as Be, ArrowUpRight as Ve } from "lucide-react";
-import { useSafeFieldLabel as He, useSafeTranslate as F } from "@object-ui/i18n";
+import { Fragment as de, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Area as fe, AreaChart as pe, Bar as me, BarChart as E, Brush as he, CartesianGrid as ge, Cell as D, ComposedChart as _e, Funnel as ve, FunnelChart as O, LabelList as k, Legend as A, Line as ye, LineChart as be, Pie as xe, PieChart as Se, PolarAngleAxis as Ce, PolarGrid as we, PolarRadiusAxis as Te, Radar as Ee, RadarChart as De, ReferenceArea as Oe, ReferenceLine as ke, ResponsiveContainer as Ae, Sankey as je, Scatter as Me, ScatterChart as j, Tooltip as M, Treemap as N, XAxis as P, YAxis as F, ZAxis as Ne } from "recharts";
+import { SchemaRenderer as Pe, SchemaRendererContext as Fe, useDataScope as Ie, useDrillNavigation as Le, useFilterScope as Re } from "@object-ui/react";
+import { AlertCircle as ze, ArrowUpRight as Be } from "lucide-react";
+import { useSafeFieldLabel as Ve, useSafeTranslate as I } from "@object-ui/i18n";
 //#region \0rolldown/runtime.js
-var I = Object.defineProperty, L = (e, t, n) => () => {
+var L = Object.defineProperty, R = (e, t, n) => () => {
 	if (n) throw n[0];
 	try {
 		return e && (t = e(e = 0)), t;
 	} catch (e) {
 		throw n = [e], e;
 	}
-}, R = (e, t) => {
+}, z = (e, t) => {
 	let n = {};
-	for (var r in e) I(n, r, {
+	for (var r in e) L(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || I(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || L(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/normalizeChartSchema.ts
-function z(e) {
-	let t = W(e);
+function B(e) {
+	let t = G(e);
 	if (t) return t;
-	if (U(e)) return Object.values(e).find((e) => typeof e == "string" && e);
+	if (W(e)) return Object.values(e).find((e) => typeof e == "string" && e);
 }
-function B(e) {
-	if (!U(e)) return;
-	let t = {}, n = W(e.field);
+function V(e) {
+	if (!W(e)) return;
+	let t = {}, n = G(e.field);
 	n && (t.field = n);
-	let r = W(e.format);
+	let r = G(e.format);
 	r && (t.format = r);
-	let i = G(e.min);
+	let i = K(e.min);
 	i !== void 0 && (t.min = i);
-	let a = G(e.max);
+	let a = K(e.max);
 	a !== void 0 && (t.max = a);
-	let o = G(e.stepSize);
+	let o = K(e.stepSize);
 	o !== void 0 && o > 0 && (t.stepSize = o), typeof e.showGridLines == "boolean" && (t.showGridLines = e.showGridLines), typeof e.logarithmic == "boolean" && (t.logarithmic = e.logarithmic);
-	let s = W(e.position);
+	let s = G(e.position);
 	(s === "left" || s === "right" || s === "top" || s === "bottom") && (t.position = s);
-	let c = z(e.title);
+	let c = B(e.title);
 	return c && (t.title = c), t;
 }
-function V(e) {
-	if (!U(e)) {
-		let t = W(e);
+function H(e) {
+	if (!W(e)) {
+		let t = G(e);
 		return t ? { dataKey: t } : void 0;
 	}
-	let t = W(e.dataKey) ?? W(e.name);
+	let t = G(e.dataKey) ?? G(e.name);
 	if (!t) return;
-	let n = { dataKey: t }, r = z(e.label);
+	let n = { dataKey: t }, r = B(e.label);
 	r && (n.label = r);
-	let i = W(e.chartType) ?? W(e.type);
+	let i = G(e.chartType) ?? G(e.type);
 	(i === "bar" || i === "line" || i === "area") && (n.chartType = i);
-	let a = W(e.variant);
+	let a = G(e.variant);
 	(a === "comparison" || a === "current" || a === "primary") && (n.variant = a);
-	let o = G(e.opacity);
+	let o = K(e.opacity);
 	o !== void 0 && (n.opacity = o);
-	let s = W(e.dashArray);
+	let s = G(e.dashArray);
 	s && (n.dashArray = s);
-	let c = W(e.stack);
+	let c = G(e.stack);
 	c && (n.stack = c);
-	let l = W(e.yAxis);
+	let l = G(e.yAxis);
 	(l === "left" || l === "right") && (n.yAxis = l);
-	let u = W(e.color);
+	let u = G(e.color);
 	return u && (n.color = u), n;
 }
-function Ue(e) {
-	if (!U(e)) return {};
-	let t = {}, n = W(e.type), r = W(e.chartType) ?? W(e.specType) ?? (n && Ze.has(n) ? n : void 0);
-	r && Je.has(r) && (t.chartType = r);
-	let i = e.xAxis, a = B(i);
+function He(e) {
+	if (!W(e)) return {};
+	let t = {}, n = G(e.type), r = G(e.chartType) ?? G(e.specType) ?? (n && Xe.has(n) ? n : void 0);
+	r && qe.has(r) && (t.chartType = r);
+	let i = e.xAxis, a = V(i);
 	a && (a.format || a.title || a.showGridLines !== void 0) && (t.xAxis = a);
-	let o = W(e.xAxisKey) ?? a?.field ?? W(i);
+	let o = G(e.xAxisKey) ?? a?.field ?? G(i);
 	o && (t.xAxisKey = o);
-	let s = (Array.isArray(e.yAxis) ? e.yAxis : e.yAxis === void 0 ? [] : [e.yAxis]).map((e) => B(e) ?? (W(e) ? { field: W(e) } : void 0)).filter((e) => !!e);
+	let s = (Array.isArray(e.yAxis) ? e.yAxis : e.yAxis === void 0 ? [] : [e.yAxis]).map((e) => V(e) ?? (G(e) ? { field: G(e) } : void 0)).filter((e) => !!e);
 	s.length && (t.yAxes = s);
-	let c = (Array.isArray(e.series) ? e.series : Array.isArray(e.categories) ? e.categories : void 0)?.map(V).filter((e) => !!e);
+	let c = (Array.isArray(e.series) ? e.series : Array.isArray(e.categories) ? e.categories : void 0)?.map(H).filter((e) => !!e);
 	if (!c?.length) {
 		let e = s.filter((e) => e.field).map((e, t) => ({
 			dataKey: e.field,
@@ -91,28 +91,28 @@ function Ue(e) {
 		e.length && (c = e);
 	}
 	c?.length && (t.series = c), typeof e.showLegend == "boolean" && (t.showLegend = e.showLegend), typeof e.showDataLabels == "boolean" && (t.showDataLabels = e.showDataLabels);
-	let l = z(e.title);
+	let l = B(e.title);
 	l && (t.title = l);
-	let u = z(e.subtitle);
+	let u = B(e.subtitle);
 	u && (t.subtitle = u);
-	let d = z(e.description);
+	let d = B(e.description);
 	d && (t.description = d);
-	let f = G(e.height);
-	return f !== void 0 && f > 0 && (t.height = f), Array.isArray(e.annotations) && e.annotations.length && (t.annotations = e.annotations.filter(U)), U(e.interaction) && (t.interaction = e.interaction), t;
+	let f = K(e.height);
+	return f !== void 0 && f > 0 && (t.height = f), Array.isArray(e.annotations) && e.annotations.length && (t.annotations = e.annotations.filter(W)), W(e.interaction) && (t.interaction = e.interaction), t;
 }
-function We(e) {
+function Ue(e) {
 	if (e === "bar" || e === "column") return "bar";
 	if (e === "line") return "line";
 	if (e === "area") return "area";
 }
-function Ge(e, t) {
+function We(e, t) {
 	if (e === "combo") return "combo";
-	let n = We(e);
+	let n = Ue(e);
 	if (!n || !t || t.length < 2) return e;
 	let r = t.map((e) => e.chartType ?? n);
 	return new Set(r).size > 1 ? "combo" : e;
 }
-function H(e) {
+function U(e) {
 	if (!e) return;
 	let t = e.includes("%"), n = /^([$£€¥₹])/.exec(e), r = e.includes(","), i = /\.(0+)/.exec(e)?.[1].length ?? 0, a = {
 		$: "USD",
@@ -137,24 +137,24 @@ function H(e) {
 		}
 	};
 }
-function Ke(e, t) {
+function Ge(e, t) {
 	let n = e?.stepSize;
 	if (!n || n <= 0) return;
 	let r = t.filter((e) => Number.isFinite(e)), i = r.length ? Math.min(...r) : void 0, a = r.length ? Math.max(...r) : void 0, o = e.min ?? Math.min(0, i ?? 0), s = e.max ?? a;
 	if (s === void 0 || !Number.isFinite(o) || !Number.isFinite(s) || s < o) return;
 	let c = Math.floor(o / n) * n, l = e.max === void 0 ? Math.ceil(s / n) * n : e.max, u = Math.floor((l - c) / n + 1e-9) + 1;
-	if (u < 1 || u > Qe) return;
+	if (u < 1 || u > Ze) return;
 	let d = [];
 	for (let e = 0; e < u; e++) d.push(Number((c + e * n).toPrecision(12)));
 	return e.max !== void 0 && d[d.length - 1] < e.max && d.push(e.max), d;
 }
-function qe(e) {
+function Ke(e) {
 	if (!e) return;
 	let { min: t, max: n } = e;
-	if (!(t === void 0 && n === void 0)) return [t ?? "auto", n ?? "auto"];
+	if (t !== void 0 || n !== void 0) return [t ?? "auto", n ?? "auto"];
 }
-var Je, Ye, Xe, Ze, U, W, G, Qe, $e = L((() => {
-	Je = /* @__PURE__ */ new Set([
+var qe, Je, Ye, Xe, W, G, K, Ze, Qe = R((() => {
+	qe = /* @__PURE__ */ new Set([
 		"bar",
 		"column",
 		"horizontal-bar",
@@ -168,44 +168,44 @@ var Je, Ye, Xe, Ze, U, W, G, Qe, $e = L((() => {
 		"treemap",
 		"sankey",
 		"combo"
-	]), Ye = /* @__PURE__ */ new Set([
+	]), Je = /* @__PURE__ */ new Set([
 		"gauge",
 		"solid-gauge",
 		"metric",
 		"kpi",
 		"bullet"
-	]), Xe = /* @__PURE__ */ new Set(["table", "pivot"]), Ze = /* @__PURE__ */ new Set([
+	]), Ye = /* @__PURE__ */ new Set(["table", "pivot"]), Xe = /* @__PURE__ */ new Set([
+		...qe,
 		...Je,
-		...Ye,
-		...Xe
-	]), U = (e) => !!e && typeof e == "object" && !Array.isArray(e), W = (e) => typeof e == "string" && e ? e : void 0, G = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Qe = 200;
-})), et = /* @__PURE__ */ R({ default: () => nt });
-function tt(e, t = 14) {
+		...Ye
+	]), W = (e) => !!e && typeof e == "object" && !Array.isArray(e), G = (e) => typeof e == "string" && e ? e : void 0, K = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Ze = 200;
+})), $e = /* @__PURE__ */ z({ default: () => tt });
+function et(e, t = 14) {
 	return e.length > t ? `${e.slice(0, t - 1)}…` : e;
 }
-function K({ x: e, y: t, payload: n }) {
-	let r = String(n?.value ?? ""), i = tt(r);
-	return /* @__PURE__ */ T("g", {
+function q({ x: e, y: t, payload: n }) {
+	let r = String(n?.value ?? ""), i = et(r);
+	return /* @__PURE__ */ w("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ E("text", {
+		children: /* @__PURE__ */ T("text", {
 			dy: 10,
 			textAnchor: "end",
 			transform: "rotate(-32)",
 			fill: "hsl(var(--muted-foreground))",
 			fontSize: 11,
 			fontFamily: "monospace",
-			children: [r !== i && /* @__PURE__ */ T("title", { children: r }), i]
+			children: [r !== i && /* @__PURE__ */ w("title", { children: r }), i]
 		})
 	});
 }
-function nt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
 	let o = e.map((e) => String(e?.[n] ?? "")), s = o.length > 4 || o.some((e) => e.length > 8);
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ w("div", {
 		className: `p-2 sm:p-3 md:p-4 rounded-xl border border-border bg-card/40 backdrop-blur-sm shadow-lg shadow-background/5 ${i}`,
-		children: /* @__PURE__ */ T(A, {
+		children: /* @__PURE__ */ w(Ae, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ E(D, {
+			children: /* @__PURE__ */ T(E, {
 				data: e,
 				margin: {
 					top: 10,
@@ -214,66 +214,66 @@ function nt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 					bottom: s ? 24 : 5
 				},
 				children: [
-					/* @__PURE__ */ E("defs", { children: [/* @__PURE__ */ E("linearGradient", {
+					/* @__PURE__ */ T("defs", { children: [/* @__PURE__ */ T("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ T("stop", {
+							/* @__PURE__ */ w("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ T("stop", {
+							/* @__PURE__ */ w("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ T("stop", {
+							/* @__PURE__ */ w("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ E("filter", {
+					}), /* @__PURE__ */ T("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ T("feGaussianBlur", {
+							/* @__PURE__ */ w("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ T("feOffset", {
+							/* @__PURE__ */ w("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ T("feFlood", {
+							/* @__PURE__ */ w("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ T("feComposite", {
+							/* @__PURE__ */ w("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ E("feMerge", { children: [/* @__PURE__ */ T("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ T("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ T("feMerge", { children: [/* @__PURE__ */ w("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ w("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ T(he, {
+					/* @__PURE__ */ w(ge, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ T(N, {
+					/* @__PURE__ */ w(P, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ T(K, {}) : {
+						tick: s ? /* @__PURE__ */ w(q, {}) : {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
 							fontFamily: "monospace"
@@ -284,7 +284,7 @@ function nt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						height: s ? 56 : void 0,
 						dy: s ? void 0 : 10
 					}),
-					/* @__PURE__ */ T(P, {
+					/* @__PURE__ */ w(F, {
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
@@ -293,7 +293,7 @@ function nt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						tickLine: !1,
 						axisLine: !1
 					}),
-					/* @__PURE__ */ T(M, {
+					/* @__PURE__ */ w(M, {
 						cursor: {
 							fill: "hsl(var(--muted))",
 							opacity: .2
@@ -308,11 +308,11 @@ function nt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ T(k, { wrapperStyle: {
+					/* @__PURE__ */ w(A, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ T(pe, {
+					/* @__PURE__ */ w(me, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -329,15 +329,15 @@ function nt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var rt = L((() => {}));
+var nt = R((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
-function it() {
-	let e = m.useContext(ct);
+function rt() {
+	let e = m.useContext(st);
 	if (!e) throw Error("useChart must be used within a <ChartContainer />");
 	return e;
 }
-function q({ id: e, className: t, children: n, config: r, disableSettleRemount: i, ...a }) {
+function J({ id: e, className: t, children: n, config: r, disableSettleRemount: i, ...a }) {
 	let o = m.useId(), s = `chart-${e || o.replace(/:/g, "")}`, c = m.useRef(null), [l, u] = m.useState(0);
 	return m.useEffect(() => {
 		if (i) return;
@@ -353,23 +353,23 @@ function q({ id: e, className: t, children: n, config: r, disableSettleRemount:
 		return r.observe(e), () => {
 			t = !0, n != null && clearTimeout(n), r.disconnect();
 		};
-	}, [i]), /* @__PURE__ */ T(ct.Provider, {
+	}, [i]), /* @__PURE__ */ w(st.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ T("div", {
 			ref: c,
 			"data-slot": "chart",
 			"data-chart": s,
-			className: J("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
+			className: Y("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
 			style: {
 				minHeight: 280,
 				minWidth: 0,
 				...a.style
 			},
 			...a,
-			children: [/* @__PURE__ */ T(lt, {
+			children: [/* @__PURE__ */ w(ct, {
 				id: s,
 				config: r
-			}), /* @__PURE__ */ T(A, {
+			}), /* @__PURE__ */ w(Ae, {
 				width: "100%",
 				height: "100%",
 				children: n
@@ -377,15 +377,15 @@ function q({ id: e, className: t, children: n, config: r, disableSettleRemount:
 		})
 	});
 }
-function at({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: o, labelFormatter: s, labelClassName: c, formatter: l, color: u, nameKey: d, labelKey: f }) {
-	let { config: p } = it(), h = m.useMemo(() => {
+function it({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: o, labelFormatter: s, labelClassName: c, formatter: l, color: u, nameKey: d, labelKey: f }) {
+	let { config: p } = rt(), h = m.useMemo(() => {
 		if (i || !t?.length) return null;
-		let [e] = t, n = `${f || e?.dataKey || e?.name || "value"}`, r = st(p, e, n), a = !f && typeof o == "string" ? p[o]?.label || o : r?.label;
-		return s ? /* @__PURE__ */ T("div", {
-			className: J("font-medium", c),
+		let [e] = t, n = `${f || e?.dataKey || e?.name || "value"}`, r = ot(p, e, n), a = !f && typeof o == "string" ? p[o]?.label || o : r?.label;
+		return s ? /* @__PURE__ */ w("div", {
+			className: Y("font-medium", c),
 			children: s(a, t)
-		}) : a ? /* @__PURE__ */ T("div", {
-			className: J("font-medium", c),
+		}) : a ? /* @__PURE__ */ w("div", {
+			className: Y("font-medium", c),
 			children: a
 		}) : null;
 	}, [
@@ -399,29 +399,29 @@ function at({ active: e, payload: t, className: n, indicator: r = "dot", hideLab
 	]);
 	if (!e || !t?.length) return null;
 	let g = t.length === 1 && r !== "dot";
-	return /* @__PURE__ */ E("div", {
-		className: J("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: [g ? null : h, /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ T("div", {
+		className: Y("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: [g ? null : h, /* @__PURE__ */ w("div", {
 			className: "grid gap-1.5",
 			children: t.filter((e) => e.type !== "none").map((e, t) => {
-				let n = `${d || e.name || e.dataKey || "value"}`, i = st(p, e, n), o = u || e.payload.fill || e.color;
-				return /* @__PURE__ */ T("div", {
-					className: J("[&>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: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ E(w, { children: [i?.icon ? /* @__PURE__ */ T(i.icon, {}) : !a && /* @__PURE__ */ T("div", {
-						className: J("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", r === "dot" ? "h-2.5 w-2.5" : "", r === "line" ? "w-1" : "", r === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", g && r === "dashed" ? "my-0.5" : ""),
+				let n = `${d || e.name || e.dataKey || "value"}`, i = ot(p, e, n), o = u || e.payload.fill || e.color;
+				return /* @__PURE__ */ w("div", {
+					className: Y("[&>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: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ T(de, { children: [i?.icon ? /* @__PURE__ */ w(i.icon, {}) : !a && /* @__PURE__ */ w("div", {
+						className: Y("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", r === "dot" ? "h-2.5 w-2.5" : "", r === "line" ? "w-1" : "", r === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", g && r === "dashed" ? "my-0.5" : ""),
 						style: {
 							"--color-bg": o,
 							"--color-border": o
 						}
-					}), /* @__PURE__ */ E("div", {
-						className: J("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ T("div", {
+						className: Y("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ T("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ T("span", {
+							children: [g ? h : null, /* @__PURE__ */ w("span", {
 								className: "text-muted-foreground",
 								children: i?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ T("span", {
+						}), e.value && /* @__PURE__ */ w("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -431,15 +431,15 @@ function at({ active: e, payload: t, className: n, indicator: r = "dot", hideLab
 		})]
 	});
 }
-function ot({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
-	let { config: a } = it();
-	return n?.length ? /* @__PURE__ */ T("div", {
-		className: J("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
+function at({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = rt();
+	return n?.length ? /* @__PURE__ */ w("div", {
+		className: Y("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 = `${i || e.dataKey || "value"}`, r = st(a, e, n);
-			return /* @__PURE__ */ E("div", {
-				className: J("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-				children: [r?.icon && !t ? /* @__PURE__ */ T(r.icon, {}) : /* @__PURE__ */ T("div", {
+			let n = `${i || e.dataKey || "value"}`, r = ot(a, e, n);
+			return /* @__PURE__ */ T("div", {
+				className: Y("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [r?.icon && !t ? /* @__PURE__ */ w(r.icon, {}) : /* @__PURE__ */ w("div", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
 				}), r?.label]
@@ -447,18 +447,18 @@ function ot({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bo
 		})
 	}) : null;
 }
-function st(e, t, n) {
+function ot(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];
+	return r && n in r && typeof r[n] == "string" ? i = r[n] : n in t && typeof t[n] == "string" && (i = t[n]), i in e ? e[i] : e[n];
 }
-var J, Y, ct, lt, X, Z, ut = L((() => {
-	J = (...e) => e.filter(Boolean).join(" "), Y = {
+var Y, X, st, ct, Z, lt, ut = R((() => {
+	Y = (...e) => e.filter(Boolean).join(" "), X = {
 		light: "",
 		dark: ".dark"
-	}, ct = m.createContext(null), lt = ({ id: e, config: t }) => {
+	}, st = m.createContext(null), ct = ({ id: e, config: t }) => {
 		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-		return n.length ? /* @__PURE__ */ T("style", { dangerouslySetInnerHTML: { __html: Object.entries(Y).map(([t, r]) => `
+		return n.length ? /* @__PURE__ */ w("style", { dangerouslySetInnerHTML: { __html: Object.entries(X).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -466,7 +466,7 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, X = M, Z = k;
+	}, Z = M, lt = A;
 }));
 //#endregion
 //#region src/chartDrillEvents.ts
@@ -504,10 +504,10 @@ function mt(e, t) {
 		value: typeof n?.value == "number" ? n.value : void 0
 	};
 }
-var ht = L((() => {})), gt = /* @__PURE__ */ R({ default: () => xt });
+var ht = R((() => {})), gt = /* @__PURE__ */ z({ default: () => xt });
 function _t(e) {
 	let { x: t, y: n, width: r, height: i, name: a, fill: o } = e;
-	return r <= 0 || i <= 0 ? null : /* @__PURE__ */ E("g", { children: [/* @__PURE__ */ T("rect", {
+	return r <= 0 || i <= 0 ? null : /* @__PURE__ */ T("g", { children: [/* @__PURE__ */ w("rect", {
 		x: t,
 		y: n,
 		width: r,
@@ -515,7 +515,7 @@ function _t(e) {
 		fill: o,
 		stroke: "hsl(var(--background))",
 		strokeWidth: 2
-	}), r > 48 && i > 18 ? /* @__PURE__ */ T("text", {
+	}), r > 48 && i > 18 ? /* @__PURE__ */ w("text", {
 		x: t + 6,
 		y: n + 18,
 		fill: "#fff",
@@ -525,25 +525,25 @@ function _t(e) {
 	}) : null] });
 }
 function vt({ title: e, subtitle: t, children: n }) {
-	return !e && !t ? /* @__PURE__ */ T(w, { children: n }) : /* @__PURE__ */ E("div", {
+	return !e && !t ? /* @__PURE__ */ w(de, { children: n }) : /* @__PURE__ */ T("div", {
 		className: "flex h-full w-full flex-col",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "mb-2 shrink-0",
-			children: [e ? /* @__PURE__ */ T("div", {
+			children: [e ? /* @__PURE__ */ w("div", {
 				className: "text-sm font-medium leading-tight text-foreground",
 				children: e
-			}) : null, t ? /* @__PURE__ */ T("div", {
+			}) : null, t ? /* @__PURE__ */ w("div", {
 				className: "text-xs leading-tight text-muted-foreground",
 				children: t
 			}) : null]
-		}), /* @__PURE__ */ T("div", {
+		}), /* @__PURE__ */ w("div", {
 			className: "min-h-0 flex-1",
 			children: n
 		})]
 	});
 }
 function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i = "name", series: a = [], className: o = "", colors: s, categoryColors: c, categoryOrder: l, onChartClick: u, isAnimationActive: d, xAxis: f, yAxes: p, showLegend: h, showDataLabels: g, title: ee, subtitle: te, description: ne, height: _, annotations: re, interaction: v }) {
-	let ie = e === "column" ? "bar" : e, y = Ge(ie, a), ae = We(ie), b = Array.isArray(n) ? n : [], x = d === !1 ? { isAnimationActive: !1 } : {}, S = {
+	let ie = e === "column" ? "bar" : e, y = We(ie, a), ae = Ue(ie), b = Array.isArray(n) ? n : [], x = d === !1 ? { isAnimationActive: !1 } : {}, S = {
 		...d === !1 ? { disableSettleRemount: !0 } : {},
 		..._ ? { style: { height: _ } } : {},
 		...ne ? {
@@ -576,7 +576,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 	} : {}, ue = u ? {
 		onClick: ce,
 		style: { cursor: "pointer" }
-	} : {}, k = m.useCallback((e, t, n) => c && c[e == null ? "" : String(e)] || n[t % n.length], [c]), A = m.useCallback((e) => {
+	} : {}, A = m.useCallback((e, t, n) => c && c[e == null ? "" : String(e)] || n[t % n.length], [c]), Ae = m.useCallback((e) => {
 		if (!u) return;
 		let t = ft(e, i, a);
 		t && u(t);
@@ -584,42 +584,42 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		u,
 		i,
 		a
-	]), Fe = m.useCallback((e) => {
+	]), Pe = m.useCallback((e) => {
 		if (!u) return;
 		let t = pt(e, a);
 		t && u(t);
-	}, [u, a]), Ie = m.useCallback((e) => {
+	}, [u, a]), Fe = m.useCallback((e) => {
 		if (!u) return;
 		let t = mt(e, a);
 		t && u(t);
-	}, [u, a]), Le = u ? {
-		onClick: A,
+	}, [u, a]), Ie = u ? {
+		onClick: Ae,
 		cursor: "pointer"
+	} : {}, Le = u ? {
+		onClick: Pe,
+		style: { cursor: "pointer" }
 	} : {}, Re = u ? {
 		onClick: Fe,
 		style: { cursor: "pointer" }
-	} : {}, ze = u ? {
-		onClick: Ie,
-		style: { cursor: "pointer" }
 	} : {};
 	m.useEffect(() => {
 		let e = () => oe(window.innerWidth < 640);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Be = {
-		bar: D,
-		"horizontal-bar": D,
-		line: xe,
-		area: fe,
-		pie: Ce,
-		donut: Ce,
-		radar: Oe,
+	let ze = {
+		bar: E,
+		"horizontal-bar": E,
+		line: be,
+		area: pe,
+		pie: Se,
+		donut: Se,
+		radar: De,
 		scatter: j,
-		funnel: ve,
-		combo: ge,
-		treemap: D,
-		sankey: D
-	}[y] || D, Ve = m.useCallback((e) => {
+		funnel: O,
+		combo: _e,
+		treemap: E,
+		sankey: E
+	}[y] || E, Be = m.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = r?.[String(e)]?.label;
 		if (t != null) return String(t);
@@ -627,7 +627,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		if (/^\d{4}-\d{2}-\d{2}/.test(n)) {
 			let e = new Date(n);
 			if (!Number.isNaN(e.getTime())) {
-				let t = (b.length > 1 ? Math.abs(new Date(String(b[b.length - 1][i] ?? "")).getTime() - new Date(String(b[0][i] ?? "")).getTime()) : 0) / (1e3 * 60 * 60 * 24);
+				let t = (b.length > 1 ? Math.abs(new Date(String(b[b.length - 1][i] ?? "")).getTime() - new Date(String(b[0][i] ?? "")).getTime()) : 0) / 864e5;
 				try {
 					return t <= 62 ? e.toLocaleDateString(void 0, {
 						month: "short",
@@ -647,13 +647,13 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		i,
 		C,
 		r
-	]), He = m.useMemo(() => b.some((e) => String(e[i] || "").length > 5), [b, i]), F = () => Array.isArray(s) && s.length > 0 ? s : [
+	]), Ve = m.useMemo(() => b.some((e) => String(e[i] || "").length > 5), [b, i]), I = () => Array.isArray(s) && s.length > 0 ? s : [
 		"hsl(var(--chart-1))",
 		"hsl(var(--chart-2))",
 		"hsl(var(--chart-3))",
 		"hsl(var(--chart-4))",
 		"hsl(var(--chart-5))"
-	], I = m.useCallback((e) => {
+	], L = m.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "number" ? e : Number(e);
 		if (!Number.isFinite(t)) return String(e);
@@ -665,8 +665,8 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		} catch {
 			return String(t);
 		}
-	}, []), L = p?.[0], R = p && p.length > 1 ? p[1] : L?.position === "right" ? L : void 0, z = !!p && p.length > 1, B = m.useMemo(() => H(f?.format) ?? Ve, [f?.format, Ve]), V = m.useMemo(() => H(L?.format) ?? I, [L?.format, I]), Ue = m.useMemo(() => H(R?.format) ?? I, [R?.format, I]), Ze = m.useCallback((e) => {
-		let t = a.filter((t) => z ? (t.yAxis === "right" ? "right" : "left") === e : e === "left").map((e) => e.dataKey), n = [];
+	}, []), R = p?.[0], z = p && p.length > 1 ? p[1] : R?.position === "right" ? R : void 0, B = !!p && p.length > 1, V = m.useMemo(() => U(f?.format) ?? Be, [f?.format, Be]), H = m.useMemo(() => U(R?.format) ?? L, [R?.format, L]), He = m.useMemo(() => U(z?.format) ?? L, [z?.format, L]), Xe = m.useCallback((e) => {
+		let t = a.filter((t) => B ? (t.yAxis === "right" ? "right" : "left") === e : e === "left").map((e) => e.dataKey), n = [];
 		for (let e of b) for (let r of t) {
 			let t = Number(e?.[r]);
 			Number.isFinite(t) && n.push(t);
@@ -675,10 +675,10 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 	}, [
 		b,
 		a,
-		z
-	]), U = m.useCallback((e, t = "left") => {
+		B
+	]), W = m.useCallback((e, t = "left") => {
 		if (!e) return {};
-		let n = qe(e), r = Ke(e, Ze(t));
+		let n = Ke(e), r = Ge(e, Xe(t));
 		return {
 			...r ? { ticks: r } : {},
 			...n ? { domain: n } : {},
@@ -693,10 +693,10 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				position: "insideLeft"
 			} } : {}
 		};
-	}, [Ze]), W = L?.showGridLines !== !1, G = {
+	}, [Xe]), G = R?.showGridLines !== !1, K = {
 		vertical: f?.showGridLines === !0,
-		horizontal: W
-	}, Qe = h !== !1, $e = m.useMemo(() => {
+		horizontal: G
+	}, Ze = h !== !1, Qe = m.useMemo(() => {
 		if (!Array.isArray(re) || re.length === 0) return null;
 		let e = {
 			solid: void 0,
@@ -710,79 +710,83 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				fill: i,
 				fontSize: 11
 			} } : {};
-			return t?.type === "region" ? /* @__PURE__ */ T(ke, {
-				...r ? {
+			if (t?.type === "region") {
+				let e = r ? {
 					x1: t.value,
 					x2: t.endValue
 				} : {
 					y1: t.value,
 					y2: t.endValue
-				},
-				...z && !r ? { yAxisId: "left" } : {},
-				fill: i,
-				fillOpacity: .12,
-				stroke: i,
-				strokeOpacity: .35,
-				...s
-			}, `ann-${n}`) : /* @__PURE__ */ T(Ae, {
+				};
+				return /* @__PURE__ */ w(Oe, {
+					...e,
+					...B && !r ? { yAxisId: "left" } : {},
+					fill: i,
+					fillOpacity: .12,
+					stroke: i,
+					strokeOpacity: .35,
+					...s
+				}, `ann-${n}`);
+			}
+			return /* @__PURE__ */ w(ke, {
 				...r ? { x: t?.value } : { y: t?.value },
-				...z && !r ? { yAxisId: "left" } : {},
+				...B && !r ? { yAxisId: "left" } : {},
 				stroke: i,
 				strokeDasharray: a,
 				...s
 			}, `ann-${n}`);
 		});
-	}, [re, z]), et = v?.tooltips !== !1, tt = v?.brush === !0 ? /* @__PURE__ */ T(me, {
+	}, [re, B]), $e = v?.tooltips !== !1, et = v?.brush === !0 ? /* @__PURE__ */ w(he, {
 		dataKey: i,
 		height: 24,
 		travellerWidth: 8,
 		stroke: "hsl(var(--muted-foreground))"
-	}) : null, K = (e) => g ? /* @__PURE__ */ T(ye, {
+	}) : null, q = (e) => g ? /* @__PURE__ */ w(k, {
 		position: "top",
 		className: "fill-foreground",
 		fontSize: 11,
 		...e ? { formatter: e } : {}
-	}) : null, nt = m.useMemo(() => ({
+	}) : null, tt = m.useMemo(() => ({
 		tickLine: !1,
 		tickMargin: 10,
 		axisLine: !1,
 		interval: "preserveStartEnd",
 		minTickGap: C ? 32 : 48,
-		tickFormatter: B,
+		tickFormatter: V,
 		...f?.title ? { label: {
 			value: f.title,
 			position: "insideBottom",
 			offset: -4
 		} } : {},
-		...!C && He && {
+		...!C && Ve && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
 		C,
-		He,
-		B,
+		Ve,
+		V,
 		f?.title
 	]);
-	if (y && Ye.has(y)) {
+	if (y && Je.has(y)) {
 		let e = a[0]?.dataKey || "value", t = b[0]?.[e], n = typeof t == "number" ? t : Number(t), i = a[0]?.label ?? r?.[e]?.label ?? e;
-		return /* @__PURE__ */ T("div", {
+		return /* @__PURE__ */ w("div", {
 			className: o,
 			"data-testid": "advanced-chart-single-value",
-			children: /* @__PURE__ */ E("div", {
+			children: /* @__PURE__ */ T("div", {
 				className: "flex flex-col gap-1 py-4",
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ w("span", {
 					className: "text-3xl font-semibold tabular-nums",
 					children: Number.isFinite(n) ? new Intl.NumberFormat().format(n) : String(t ?? "—")
-				}), /* @__PURE__ */ T("span", {
+				}), /* @__PURE__ */ w("span", {
 					className: "text-xs text-muted-foreground",
 					children: String(i)
 				})]
 			})
 		});
 	}
-	if (y && Xe.has(y)) return /* @__PURE__ */ E("div", {
+	if (y && Ye.has(y)) return /* @__PURE__ */ T("div", {
 		className: `rounded-md border border-dashed bg-muted/20 px-3 py-2 text-xs text-muted-foreground ${o ?? ""}`,
 		"data-testid": "advanced-chart-tabular-notice",
 		role: "note",
@@ -792,7 +796,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			"” is tabular — render it with the data-table / pivot components; a chart block draws series charts."
 		]
 	});
-	if (y && !Je.has(y)) return /* @__PURE__ */ E("div", {
+	if (y && !qe.has(y)) return /* @__PURE__ */ T("div", {
 		className: `rounded-md border border-dashed bg-muted/20 px-3 py-2 text-xs text-muted-foreground ${o ?? ""}`,
 		"data-testid": "advanced-chart-unknown-type",
 		role: "note",
@@ -803,25 +807,25 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		]
 	});
 	if (y === "pie" || y === "donut") {
-		let e = y === "donut" ? "52%" : 0, t = F(), n = { ...r };
+		let e = y === "donut" ? "52%" : 0, t = I(), n = { ...r };
 		return b.forEach((e, r) => {
 			let a = e?.[i];
 			if (a == null || a === "") return;
 			let o = String(a);
 			n[o] || (n[o] = {
 				label: o,
-				color: k(a, r, t)
+				color: A(a, r, t)
 			});
-		}), /* @__PURE__ */ T(q, {
+		}), /* @__PURE__ */ w(J, {
 			config: n,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ E(Ce, { children: [
-				/* @__PURE__ */ T(X, {
+			children: /* @__PURE__ */ T(Se, { children: [
+				/* @__PURE__ */ w(Z, {
 					cursor: !1,
-					content: /* @__PURE__ */ T(at, { hideLabel: !0 })
+					content: /* @__PURE__ */ w(it, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ T(Se, {
+				/* @__PURE__ */ w(xe, {
 					data: b,
 					dataKey: a[0]?.dataKey || "value",
 					nameKey: i || "name",
@@ -832,26 +836,26 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					...x,
 					...ue,
 					children: b.map((e, n) => {
-						let r = k(e?.[i], n, t);
-						return /* @__PURE__ */ T(O, { fill: Q(r) }, `cell-${n}`);
+						let r = A(e?.[i], n, t);
+						return /* @__PURE__ */ w(D, { fill: Q(r) }, `cell-${n}`);
 					})
 				}),
-				/* @__PURE__ */ T(Z, {
+				Ze ? /* @__PURE__ */ w(lt, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: C ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ T(ot, {
+					content: /* @__PURE__ */ w(at, {
 						nameKey: i,
 						className: "flex-wrap"
 					})
-				})
+				}) : null
 			] })
 		});
 	}
 	if (y === "funnel") {
-		let e = a[0]?.dataKey || "value", n = F(), s = u ? (t) => {
+		let e = a[0]?.dataKey || "value", n = I(), s = u ? (t) => {
 			t && u({
 				category: t?.payload?.[i] ?? t?.[i],
 				value: t?.payload?.[e] ?? t?.[e]
@@ -863,43 +867,43 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			let r = Number(t?.[e] ?? 0);
 			return Number(n?.[e] ?? 0) - r;
 		});
-		return /* @__PURE__ */ T(q, {
+		return /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ E(ve, { children: [/* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }), /* @__PURE__ */ E(_e, {
+			children: /* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }), /* @__PURE__ */ T(ve, {
 				dataKey: e,
 				data: f,
 				nameKey: i,
 				...x,
 				...c,
-				children: [/* @__PURE__ */ T(ye, {
+				children: [/* @__PURE__ */ w(k, {
 					position: "right",
 					fill: "hsl(var(--foreground))",
 					stroke: "none",
 					dataKey: i
-				}), f.map((e, t) => /* @__PURE__ */ T(O, { fill: Q(n[t % n.length]) }, `funnel-cell-${t}`))]
+				}), f.map((e, t) => /* @__PURE__ */ w(D, { fill: Q(n[t % n.length]) }, `funnel-cell-${t}`))]
 			})] })
 		});
 	}
 	if (y === "treemap") {
-		let e = a[0]?.dataKey || "value", t = F(), n = b.map((n, r) => ({
+		let e = a[0]?.dataKey || "value", t = I(), n = b.map((n, r) => ({
 			name: String(n?.[i] ?? ""),
 			size: Number(n?.[e]) || 0,
 			fill: Q(t[r % t.length])
 		}));
-		return /* @__PURE__ */ T(q, {
+		return /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ T(Ne, {
+			children: /* @__PURE__ */ w(N, {
 				data: n,
 				dataKey: "size",
 				nameKey: "name",
 				...x,
-				content: /* @__PURE__ */ T(_t, {}),
-				...Re,
-				children: /* @__PURE__ */ T(M, {})
+				content: /* @__PURE__ */ w(_t, {}),
+				...Le,
+				children: /* @__PURE__ */ w(M, {})
 			})
 		});
 	}
@@ -909,11 +913,11 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			target: n + 1,
 			value: Number(t?.[e]) || 0
 		}));
-		return c.length === 0 ? /* @__PURE__ */ T("div", { className: o }) : /* @__PURE__ */ T(q, {
+		return c.length === 0 ? /* @__PURE__ */ w("div", { className: o }) : /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ T(je, {
+			children: /* @__PURE__ */ w(je, {
 				data: {
 					nodes: s,
 					links: c
@@ -924,24 +928,24 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					strokeOpacity: .25
 				},
 				node: { fill: "hsl(var(--chart-1))" },
-				...ze,
-				children: /* @__PURE__ */ T(M, {})
+				...Re,
+				children: /* @__PURE__ */ w(M, {})
 			})
 		});
 	}
-	if (y === "radar") return /* @__PURE__ */ T(q, {
+	if (y === "radar") return /* @__PURE__ */ w(J, {
 		config: r,
 		className: o,
 		...S,
-		children: /* @__PURE__ */ E(Oe, {
+		children: /* @__PURE__ */ T(De, {
 			data: b,
 			children: [
-				/* @__PURE__ */ T(Te, {}),
-				/* @__PURE__ */ T(we, { dataKey: i }),
-				/* @__PURE__ */ T(Ee, {}),
-				/* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }),
-				/* @__PURE__ */ T(Z, {
-					content: /* @__PURE__ */ T(ot, {}),
+				/* @__PURE__ */ w(we, {}),
+				/* @__PURE__ */ w(Ce, { dataKey: i }),
+				/* @__PURE__ */ w(Te, {}),
+				/* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }),
+				/* @__PURE__ */ w(lt, {
+					content: /* @__PURE__ */ w(at, {}),
 					...C && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
@@ -952,7 +956,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				}),
 				a.map((e) => {
 					let t = Q(r[e.dataKey]?.color || St);
-					return /* @__PURE__ */ T(De, {
+					return /* @__PURE__ */ w(Ee, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
@@ -963,13 +967,13 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			]
 		})
 	});
-	if (y === "scatter") return /* @__PURE__ */ T(q, {
+	if (y === "scatter") return /* @__PURE__ */ w(J, {
 		config: r,
 		className: o,
 		...S,
-		children: /* @__PURE__ */ E(j, { children: [
-			/* @__PURE__ */ T(he, { vertical: !1 }),
-			/* @__PURE__ */ T(N, {
+		children: /* @__PURE__ */ T(j, { children: [
+			/* @__PURE__ */ w(ge, { vertical: !1 }),
+			/* @__PURE__ */ w(P, {
 				type: "number",
 				dataKey: i,
 				name: String(r[i]?.label || i),
@@ -977,22 +981,22 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				axisLine: !1,
 				minTickGap: C ? 32 : 48
 			}),
-			/* @__PURE__ */ T(P, {
+			/* @__PURE__ */ w(F, {
 				type: "number",
 				dataKey: a[0]?.dataKey || "value",
 				name: String(r[a[0]?.dataKey]?.label || a[0]?.dataKey),
 				tickLine: !1,
 				axisLine: !1,
-				tickFormatter: I,
+				tickFormatter: L,
 				width: 48
 			}),
-			/* @__PURE__ */ T(Pe, {
+			/* @__PURE__ */ w(Ne, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }),
-			/* @__PURE__ */ T(Z, {
-				content: /* @__PURE__ */ T(ot, {}),
+			/* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }),
+			/* @__PURE__ */ w(lt, {
+				content: /* @__PURE__ */ w(at, {}),
 				...C && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
@@ -1002,53 +1006,53 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				}
 			}),
 			a.map((e, t) => {
-				let n = F(), i = Q(r[e.dataKey]?.color || n[t % n.length]), a = wt(e, "scatter");
-				return /* @__PURE__ */ T(Me, {
+				let n = I(), i = Q(r[e.dataKey]?.color || n[t % n.length]), a = wt(e, "scatter");
+				return /* @__PURE__ */ w(Me, {
 					name: r[e.dataKey]?.label || e.dataKey,
 					data: b,
 					fill: i,
 					fillOpacity: a?.fillOpacity,
 					...x,
-					...Le
+					...Ie
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (y === "combo") return /* @__PURE__ */ T(vt, {
+	if (y === "combo") return /* @__PURE__ */ w(vt, {
 		title: ee,
 		subtitle: te,
-		children: /* @__PURE__ */ T(q, {
+		children: /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ E(ge, {
+			children: /* @__PURE__ */ T(_e, {
 				data: b,
 				children: [
-					/* @__PURE__ */ T(he, { ...G }),
-					/* @__PURE__ */ T(N, {
+					/* @__PURE__ */ w(ge, { ...K }),
+					/* @__PURE__ */ w(P, {
 						dataKey: i,
-						...nt
+						...tt
 					}),
-					/* @__PURE__ */ T(P, {
+					/* @__PURE__ */ w(F, {
 						yAxisId: "left",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: V,
+						tickFormatter: H,
 						width: 48,
-						...U(L)
+						...W(R)
 					}),
-					/* @__PURE__ */ T(P, {
+					/* @__PURE__ */ w(F, {
 						yAxisId: "right",
 						orientation: "right",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: Ue,
+						tickFormatter: He,
 						width: 48,
-						...U(R, "right")
+						...W(z, "right")
 					}),
-					et ? /* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }) : null,
-					Qe ? /* @__PURE__ */ T(Z, {
-						content: /* @__PURE__ */ T(ot, {}),
+					$e ? /* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }) : null,
+					Ze ? /* @__PURE__ */ w(lt, {
+						content: /* @__PURE__ */ w(at, {}),
 						...C && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
@@ -1057,11 +1061,11 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							}
 						}
 					}) : null,
-					$e,
-					tt,
+					Qe,
+					et,
 					a.map((e, t) => {
-						let n = Q(r[e.dataKey]?.color || St), i = e.chartType || ae || (t === 0 ? "bar" : "line"), a = e.yAxis === "right" || e.yAxis === "left" ? e.yAxis : ae || i === "bar" ? "left" : "right", o = wt(e, i), s = e.stack ? { stackId: String(e.stack) } : {}, c = H((a === "right" ? R : L)?.format);
-						return i === "line" ? /* @__PURE__ */ T(be, {
+						let n = Q(r[e.dataKey]?.color || St), i = e.chartType || ae || (t === 0 ? "bar" : "line"), a = e.yAxis === "right" || e.yAxis === "left" ? e.yAxis : ae || i === "bar" ? "left" : "right", o = wt(e, i), s = e.stack ? { stackId: String(e.stack) } : {}, c = U((a === "right" ? z : R)?.format);
+						return i === "line" ? /* @__PURE__ */ w(ye, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1071,8 +1075,8 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							strokeOpacity: o?.strokeOpacity,
 							strokeDasharray: o?.strokeDasharray,
 							...x,
-							children: K(c)
-						}, e.dataKey) : i === "area" ? /* @__PURE__ */ T(de, {
+							children: q(c)
+						}, e.dataKey) : i === "area" ? /* @__PURE__ */ w(fe, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1083,8 +1087,8 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							strokeDasharray: o?.strokeDasharray,
 							...s,
 							...x,
-							children: K(c)
-						}, e.dataKey) : /* @__PURE__ */ T(pe, {
+							children: q(c)
+						}, e.dataKey) : /* @__PURE__ */ w(me, {
 							yAxisId: a,
 							dataKey: e.dataKey,
 							fill: n,
@@ -1092,101 +1096,101 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							fillOpacity: o?.fillOpacity,
 							...s,
 							...x,
-							children: K(c)
+							children: q(c)
 						}, e.dataKey);
 					})
 				]
 			})
 		})
 	});
-	let rt = y === "horizontal-bar", it = F(), st = c ? Object.values(c).map((e) => Q(String(e))) : [], J = Array.from(/* @__PURE__ */ new Set([
-		...it,
-		...st,
-		...a.map((e, t) => Q(r[e.dataKey]?.color || it[t % it.length] || St))
-	])), Y = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
-	return /* @__PURE__ */ T(vt, {
+	let nt = y === "horizontal-bar", rt = I(), ot = c ? Object.values(c).map((e) => Q(String(e))) : [], Y = Array.from(/* @__PURE__ */ new Set([
+		...rt,
+		...ot,
+		...a.map((e, t) => Q(r[e.dataKey]?.color || rt[t % rt.length] || St))
+	])), X = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
+	return /* @__PURE__ */ w(vt, {
 		title: ee,
 		subtitle: te,
-		children: /* @__PURE__ */ T(q, {
+		children: /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ E(Be, {
+			children: /* @__PURE__ */ T(ze, {
 				data: b,
-				layout: rt ? "vertical" : "horizontal",
+				layout: nt ? "vertical" : "horizontal",
 				...le,
 				children: [
-					/* @__PURE__ */ T("defs", { children: J.map((e) => /* @__PURE__ */ E(m.Fragment, { children: [/* @__PURE__ */ E("linearGradient", {
-						id: `bg-${Y(e)}`,
+					/* @__PURE__ */ w("defs", { children: Y.map((e) => /* @__PURE__ */ T(m.Fragment, { children: [/* @__PURE__ */ T("linearGradient", {
+						id: `bg-${X(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ T("stop", {
+						children: [/* @__PURE__ */ w("stop", {
 							offset: "0%",
 							style: { stopColor: e },
 							stopOpacity: .95
-						}), /* @__PURE__ */ T("stop", {
+						}), /* @__PURE__ */ w("stop", {
 							offset: "100%",
 							style: { stopColor: e },
 							stopOpacity: .5
 						})]
-					}), /* @__PURE__ */ E("linearGradient", {
-						id: `ag-${Y(e)}`,
+					}), /* @__PURE__ */ T("linearGradient", {
+						id: `ag-${X(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ T("stop", {
+						children: [/* @__PURE__ */ w("stop", {
 							offset: "0%",
 							style: { stopColor: e },
 							stopOpacity: .5
-						}), /* @__PURE__ */ T("stop", {
+						}), /* @__PURE__ */ w("stop", {
 							offset: "95%",
 							style: { stopColor: e },
 							stopOpacity: .05
 						})]
-					})] }, Y(e))) }),
-					/* @__PURE__ */ T(he, { ...G }),
-					rt ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(N, {
+					})] }, X(e))) }),
+					/* @__PURE__ */ w(ge, { ...K }),
+					nt ? /* @__PURE__ */ T(de, { children: [/* @__PURE__ */ w(P, {
 						type: "number",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: V,
-						...U(L)
-					}), /* @__PURE__ */ T(P, {
+						tickFormatter: H,
+						...W(R)
+					}), /* @__PURE__ */ w(F, {
 						type: "category",
 						dataKey: i,
 						tickLine: !1,
 						axisLine: !1,
 						width: Math.min(140, Math.max(60, Math.max(...b.map((e) => String(e[i] ?? "").length)) * 7)),
-						tickFormatter: B
-					})] }) : /* @__PURE__ */ E(w, { children: [
-						/* @__PURE__ */ T(N, {
+						tickFormatter: V
+					})] }) : /* @__PURE__ */ T(de, { children: [
+						/* @__PURE__ */ w(P, {
 							dataKey: i,
-							...nt
+							...tt
 						}),
-						/* @__PURE__ */ T(P, {
-							...z ? { yAxisId: "left" } : {},
+						/* @__PURE__ */ w(F, {
+							...B ? { yAxisId: "left" } : {},
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: V,
+							tickFormatter: H,
 							width: 48,
-							...U(L)
+							...W(R)
 						}),
-						z ? /* @__PURE__ */ T(P, {
+						B ? /* @__PURE__ */ w(F, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: Ue,
+							tickFormatter: He,
 							width: 48,
-							...U(R, "right")
+							...W(z, "right")
 						}) : null
 					] }),
-					et ? /* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }) : null,
-					Qe ? /* @__PURE__ */ T(Z, {
-						content: /* @__PURE__ */ T(ot, {}),
+					$e ? /* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }) : null,
+					Ze ? /* @__PURE__ */ w(lt, {
+						content: /* @__PURE__ */ w(at, {}),
 						...C && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
@@ -1195,26 +1199,26 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							}
 						}
 					}) : null,
-					$e,
-					tt,
+					Qe,
+					et,
 					a.map((e, t) => {
-						let n = F(), o = e.variant === "comparison", s = o ? a.slice(0, t).find((e) => e.variant !== "comparison") || a[0] : e, c = o ? a.indexOf(s) : t, l = Q(r[s.dataKey]?.color || n[c % n.length] || St), u = z ? { yAxisId: e.yAxis === "right" ? "right" : "left" } : {}, d = e.stack ? { stackId: String(e.stack) } : {}, f = H((e.yAxis === "right" ? R : L)?.format);
+						let n = I(), o = e.variant === "comparison", s = o ? a.slice(0, t).find((e) => e.variant !== "comparison") || a[0] : e, c = o ? a.indexOf(s) : t, l = Q(r[s.dataKey]?.color || n[c % n.length] || St), u = B ? { yAxisId: e.yAxis === "right" ? "right" : "left" } : {}, d = e.stack ? { stackId: String(e.stack) } : {}, f = U((e.yAxis === "right" ? z : R)?.format);
 						if (y === "bar" || y === "horizontal-bar") {
 							let t = a.filter((e) => e.variant !== "comparison").length === 1 && !o && a.length === 1 && b.length > 1, r = wt(e, "bar");
-							return /* @__PURE__ */ E(pe, {
+							return /* @__PURE__ */ T(me, {
 								dataKey: e.dataKey,
-								fill: `url(#bg-${Y(l)})`,
+								fill: `url(#bg-${X(l)})`,
 								radius: 4,
 								fillOpacity: r?.fillOpacity,
 								...d,
 								...u,
 								...x,
-								children: [t && b.map((e, t) => /* @__PURE__ */ T(O, { fill: `url(#bg-${Y(Q(k(e?.[i], t, n)))})` }, `cell-${t}`)), K(f)]
+								children: [t && b.map((e, t) => /* @__PURE__ */ w(D, { fill: `url(#bg-${X(Q(A(e?.[i], t, n)))})` }, `cell-${t}`)), q(f)]
 							}, e.dataKey);
 						}
 						if (y === "line") {
 							let t = wt(e, "line");
-							return /* @__PURE__ */ T(be, {
+							return /* @__PURE__ */ w(ye, {
 								type: "monotone",
 								dataKey: e.dataKey,
 								stroke: l,
@@ -1224,15 +1228,15 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								strokeDasharray: t?.strokeDasharray,
 								...u,
 								...x,
-								children: K(f)
+								children: q(f)
 							}, e.dataKey);
 						}
 						if (y === "area") {
 							let t = wt(e, "area");
-							return /* @__PURE__ */ T(de, {
+							return /* @__PURE__ */ w(fe, {
 								type: "monotone",
 								dataKey: e.dataKey,
-								fill: `url(#ag-${Y(l)})`,
+								fill: `url(#ag-${X(l)})`,
 								stroke: l,
 								strokeWidth: 2,
 								fillOpacity: t?.fillOpacity ?? 1,
@@ -1241,7 +1245,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								...d,
 								...u,
 								...x,
-								children: K(f)
+								children: q(f)
 							}, e.dataKey);
 						}
 						return null;
@@ -1263,23 +1267,23 @@ function xt(e) {
 		t,
 		n,
 		r
-	]), t ? /* @__PURE__ */ T("div", {
+	]), t ? /* @__PURE__ */ w("div", {
 		className: `flex h-full min-h-[120px] w-full items-center justify-center p-4 text-center text-sm text-muted-foreground ${e.className ?? ""}`,
 		role: "status",
 		"data-chart-error": "missing-category-key",
-		children: /* @__PURE__ */ E("span", { children: [
+		children: /* @__PURE__ */ T("span", { children: [
 			"This chart cannot plot its category axis: no row has a",
 			" ",
-			/* @__PURE__ */ T("code", {
+			/* @__PURE__ */ w("code", {
 				className: "font-mono",
 				children: n
 			}),
 			" field."
 		] })
-	}) : /* @__PURE__ */ T(yt, { ...e });
+	}) : /* @__PURE__ */ w(yt, { ...e });
 }
-var St, Ct, Q, wt, Tt, Et = L((() => {
-	ut(), ht(), $e(), St = "hsl(var(--primary))", Ct = {
+var St, Ct, Q, wt, Tt, Et = R((() => {
+	ut(), ht(), Qe(), St = "hsl(var(--primary))", Ct = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -1320,10 +1324,10 @@ var St, Ct, Q, wt, Tt, Et = L((() => {
 }));
 //#endregion
 //#region src/ChartRenderer.tsx
-$e();
-var Dt = h.lazy(() => Promise.resolve().then(() => (rt(), et))), Ot = h.lazy(() => Promise.resolve().then(() => (Et(), gt))), kt = ({ schema: e }) => /* @__PURE__ */ T(g, {
-	fallback: /* @__PURE__ */ T(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ T(Dt, {
+Qe();
+var Dt = h.lazy(() => Promise.resolve().then(() => (nt(), $e))), Ot = h.lazy(() => Promise.resolve().then(() => (Et(), gt))), kt = ({ schema: e }) => /* @__PURE__ */ w(g, {
+	fallback: /* @__PURE__ */ w(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ w(Dt, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -1333,7 +1337,7 @@ var Dt = h.lazy(() => Promise.resolve().then(() => (rt(), et))), Ot = h.lazy(()
 	})
 }), $ = ({ schema: e, onChartClick: t }) => {
 	let n = h.useMemo(() => {
-		let t = Ue(e), n = Array.isArray(e.series) ? e.series : void 0, r = (n?.length && n.every((e) => !!e && typeof e == "object" && "dataKey" in e) ? n : t.series) ?? n, i = e.xAxisKey ?? t.xAxisKey, a = e.config;
+		let t = He(e), n = Array.isArray(e.series) ? e.series : void 0, r = (n?.length && n.every((e) => !!e && typeof e == "object" && "dataKey" in e) ? n : t.series) ?? n, i = e.xAxisKey ?? t.xAxisKey, a = e.config;
 		if (i || (e.index ? i = e.index : e.category && (i = e.category)), r || (e.categories ? r = e.categories.map((e) => ({ dataKey: e })) : e.value && (r = [{ dataKey: e.value }])), !a && r) {
 			let t = e.colors || [
 				"hsl(var(--chart-1))",
@@ -1357,9 +1361,9 @@ var Dt = h.lazy(() => Promise.resolve().then(() => (rt(), et))), Ot = h.lazy(()
 			spec: t
 		};
 	}, [e]);
-	return /* @__PURE__ */ T(g, {
-		fallback: /* @__PURE__ */ T(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ T(Ot, {
+	return /* @__PURE__ */ w(g, {
+		fallback: /* @__PURE__ */ w(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ w(Ot, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
@@ -1414,9 +1418,7 @@ function Nt(e, t) {
 			case "max":
 				s = o.length > 0 ? Math.max(...o) : 0;
 				break;
-			default:
-				s = o.reduce((e, t) => e + t, 0);
-				break;
+			default: s = o.reduce((e, t) => e + t, 0);
 		}
 		return {
 			[i]: e,
@@ -1473,19 +1475,19 @@ async function Pt(e, t, n, r, i) {
 		}));
 		let a = c.id_field || "id";
 		try {
-			let l = s(await r.find(n, {
+			let l = await r.find(n, {
 				$filter: { [a]: { $in: i } },
 				$top: i.length
-			})), u = c.reference_field || c.display_field || "name", d = {};
-			for (let e of l) {
-				let t = String(e[a] ?? e.id ?? e._id ?? ""), n = e[u] || e.name || e.label || e.title || t;
-				t && (d[t] = String(n));
+			}), u = s(l), d = c.reference_field || c.display_field || "name", f = {};
+			for (let e of u) {
+				let t = String(e[a] ?? e.id ?? e._id ?? ""), n = e[d] || e.name || e.label || e.title || t;
+				t && (f[t] = String(n));
 			}
 			return e.map((e) => {
 				let n = e[t], r = String(n ?? "");
 				return {
 					...e,
-					[t]: d[r] || r,
+					[t]: f[r] || r,
 					[o]: n
 				};
 			});
@@ -1511,11 +1513,11 @@ async function Pt(e, t, n, r, i) {
 	});
 }
 var Ft = (e) => {
-	let { schema: t } = e, m = e.onSegmentClick, h = te(Ie), g = e.dataSource || h?.dataSource, ue = Le(t.bind), { fieldOptionLabel: w } = He(), de = re(w);
+	let { schema: t } = e, m = e.onSegmentClick, h = te(Fe), g = e.dataSource || h?.dataSource, ue = Ie(t.bind), { fieldOptionLabel: de } = Ve(), fe = re(de);
 	ne(() => {
-		de.current = w;
-	}, [w]);
-	let [fe, pe] = v([]), [D, me] = v(null), [he, O] = v(() => !(Array.isArray(t.data) && t.data.length > 0) && (!!t.objectName || !!t.dataset)), [ge, _e] = v(null), [ve, ye] = v(null), [k, be] = v(null), [xe, Se] = v(null), { openRecordList: Ce } = Re(), we = F(), Te = _(() => t.aggregate ? JSON.stringify(t.aggregate) : "", [t.aggregate]), Ee = _(() => t.filter ? JSON.stringify(t.filter) : "", [t.filter]), De = _(() => t.compareTo ? JSON.stringify(t.compareTo) : "", [t.compareTo]), Oe = _(() => t.dataset ? JSON.stringify({
+		fe.current = de;
+	}, [de]);
+	let [pe, me] = v([]), [E, he] = v(null), [ge, D] = v(() => !(Array.isArray(t.data) && t.data.length > 0) && (!!t.objectName || !!t.dataset)), [_e, ve] = v(null), [O, k] = v(null), [A, ye] = v(null), [be, xe] = v(null), { openRecordList: Se } = Le(), Ce = I(), we = _(() => t.aggregate ? JSON.stringify(t.aggregate) : "", [t.aggregate]), Te = _(() => t.filter ? JSON.stringify(t.filter) : "", [t.filter]), Ee = _(() => t.compareTo ? JSON.stringify(t.compareTo) : "", [t.compareTo]), De = _(() => t.dataset ? JSON.stringify({
 		d: t.dataset,
 		dim: t.dimensions ?? [],
 		val: t.values ?? []
@@ -1523,7 +1525,7 @@ var Ft = (e) => {
 		t.dataset,
 		t.dimensions,
 		t.values
-	]), ke = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
+	]), Oe = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
 	ne(() => {
 		let e = !1;
 		return (async () => {
@@ -1538,7 +1540,7 @@ var Ft = (e) => {
 					s = r?.item ?? r?.data ?? r, a = s?.object, o = ((s?.dimensions || []).find((t) => t?.name === e) ?? (s?.dimensions || [])[0])?.field ?? e;
 				}
 				if (!a || !o) {
-					e || (be(null), Se(null));
+					e || (ye(null), xe(null));
 					return;
 				}
 				let l = await (await fetch(`/api/v1/meta/object/${encodeURIComponent(a)}`, n)).json().catch(() => null), u = l?.item ?? l?.data ?? l, d = i(u?.fields?.[o]?.options), f = null;
@@ -1550,9 +1552,9 @@ var Ft = (e) => {
 					}
 					Object.keys(e).length > 0 && (f = e);
 				}
-				e || (be(d), Se(f));
+				e || (ye(d), xe(f));
 			} catch {
-				e || (be(null), Se(null));
+				e || (ye(null), xe(null));
 			}
 		})(), () => {
 			e = !0;
@@ -1560,11 +1562,11 @@ var Ft = (e) => {
 	}, [
 		t.objectName,
 		t.dataset,
-		Oe,
-		Te,
+		De,
+		we,
 		t.xAxisKey
 	]);
-	let Ae = ee(async (e, n) => {
+	let ke = ee(async (e, n) => {
 		if (t.aggregate && typeof e.aggregate == "function") {
 			let r = t.aggregate.groupBy;
 			if (r && typeof r == "object" && !Array.isArray(r)) {
@@ -1589,27 +1591,27 @@ var Ft = (e) => {
 			return Array.isArray(i) ? i : [];
 		}
 		if (typeof e.find == "function") {
-			let r = s(await e.find(t.objectName, { $filter: n }));
-			return t.aggregate && r.length > 0 && (r = Nt(r, t.aggregate)), r;
+			let r = await e.find(t.objectName, { $filter: n }), i = s(r);
+			return t.aggregate && i.length > 0 && (i = Nt(i, t.aggregate)), i;
 		}
 		return [];
-	}, [t.objectName, Te]), A = ze(), je = ee(async (e, n) => {
+	}, [t.objectName, we]), Ae = Re(), je = ee(async (e, n) => {
 		if (!e || !t.objectName && !t.dataset) {
-			n.current && O(!1);
+			n.current && D(!1);
 			return;
 		}
-		n.current && (O(!0), _e(null));
+		n.current && (D(!0), ve(null));
 		try {
 			if (t.dataset && typeof e.queryDataset == "function") {
-				let r = f(t.filter, A), i = await e.queryDataset(t.dataset, {
+				let r = f(t.filter, Ae), i = await e.queryDataset(t.dataset, {
 					dimensions: Array.isArray(t.dimensions) ? t.dimensions : [],
 					measures: Array.isArray(t.values) ? t.values : [],
 					...r ? { runtimeFilter: r } : {}
 				});
-				n.current && (pe(Array.isArray(i?.rows) ? i.rows : []), me(Array.isArray(i?.fields) ? i.fields : null));
+				n.current && (me(Array.isArray(i?.rows) ? i.rows : []), he(Array.isArray(i?.fields) ? i.fields : null));
 				return;
 			}
-			let r = f(t.filter, A), i = t.compareTo, a = !!i && ke(t.chartType), o = a ? u(p(t.filter, i), A) : null, [s, c] = await Promise.all([Ae(e, r), o ? Ae(e, o) : Promise.resolve([])]), l = s, d = t.aggregate?.groupBy, m = d && typeof d == "object" && !Array.isArray(d) ? d.alias || d.field : d || t.xAxisKey;
+			let r = f(t.filter, Ae), i = t.compareTo, a = !!i && Oe(t.chartType), o = a ? u(p(t.filter, i), Ae) : null, [s, c] = await Promise.all([ke(e, r), o ? ke(e, o) : Promise.resolve([])]), l = s, d = t.aggregate?.groupBy, m = d && typeof d == "object" && !Array.isArray(d) ? d.alias || d.field : d || t.xAxisKey;
 			if (a && c.length > 0 && t.aggregate) {
 				let e = t.aggregate.field, n = t.aggregate.function, r = jt(t.aggregate), i = (t) => {
 					if (t == null) return null;
@@ -1655,122 +1657,136 @@ var Ft = (e) => {
 			}
 			if (m && typeof e.getObjectSchema == "function") try {
 				let n = await e.getObjectSchema(t.objectName);
-				l = await Pt(l, m, n, e, (e, n) => de.current(t.objectName, m, e, n));
+				l = await Pt(l, m, n, e, (e, n) => fe.current(t.objectName, m, e, n));
 			} catch {}
-			n.current && pe(l);
+			n.current && me(l);
 		} catch (e) {
-			console.error("[ObjectChart] Fetch error:", e), n.current && _e(e instanceof Error ? e.message : "Failed to load chart data");
+			console.error("[ObjectChart] Fetch error:", e), n.current && ve(e instanceof Error ? e.message : "Failed to load chart data");
 		} finally {
-			n.current && O(!1);
+			n.current && D(!1);
 		}
 	}, [
 		t.objectName,
-		Oe,
+		De,
+		we,
 		Te,
 		Ee,
-		De,
 		t.xAxisKey,
 		t.chartType,
-		Ae,
-		A
+		ke,
+		Ae
 	]);
 	ne(() => {
 		let e = { current: !0 };
-		return (t.objectName || t.dataset) && !ue && !t.data ? je(g, e) : e.current && O(!1), () => {
+		return (t.objectName || t.dataset) && !ue && !t.data ? je(g, e) : e.current && D(!1), () => {
 			e.current = !1;
 		};
 	}, [
 		t.objectName,
-		Oe,
+		De,
 		g,
 		ue,
 		t.data,
-		Ee,
 		Te,
-		De,
+		we,
+		Ee,
 		je
 	]);
-	let Me = ue || t.data || fe, j = Array.isArray(Me) ? Me : [], M = t.drillDown, Ne = t.aggregate?.groupBy || t.xAxisKey, N = _(() => {
-		if (!Ne) return /* @__PURE__ */ new Map();
-		let e = /* @__PURE__ */ new Map(), t = `__raw_${Ne}`;
+	let Me = ue || t.data || pe, j = Array.isArray(Me) ? Me : [], M = t.drillDown, N = t.aggregate?.groupBy || t.xAxisKey, P = _(() => {
+		if (!N) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map(), t = `__raw_${N}`;
 		for (let n of j) {
-			let r = n?.[Ne];
+			let r = n?.[N];
 			if (r == null) continue;
 			let i = t in (n || {}) ? n[t] : r;
 			e.set(String(r), i);
 		}
 		return e;
-	}, [j, Ne]), P = t.compareTo, Pe = t.aggregate ? jt(t.aggregate) : void 0, I = Pe ? `${Pe}${Mt}` : void 0, L = !!P && ke(t.chartType) && !!I && j.some((e) => e[I] != null), R = _(() => {
+	}, [j, N]), F = _(() => {
+		if (O) return {
+			...t.filter || {},
+			...o(M, O, { groupByField: N })
+		};
+	}, [
+		O,
+		M,
+		N,
+		Te
+	]), Ne = !m && !!O && !!t.objectName && M?.target === "navigate" && !!Se;
+	ne(() => {
+		Ne && (Se(t.objectName, F), k(null));
+	}, [Ne]);
+	let L = t.compareTo, R = t.aggregate ? jt(t.aggregate) : void 0, z = R ? `${R}${Mt}` : void 0, B = !!L && Oe(t.chartType) && !!z && j.some((e) => e[z] != null), V = _(() => {
 		let e = Array.isArray(t.series) ? t.series : null;
-		if (!L) return e;
-		let n = e || [{ dataKey: Pe }], r = {
+		if (!B) return e;
+		let n = e || [{ dataKey: R }], r = {
 			vsLastWeek: "Previous week",
 			vsLastMonth: "Previous month",
 			vsLastQuarter: "Previous quarter",
 			vsLastYear: "Previous year",
 			vsYesterday: "Yesterday",
 			vsPreviousPeriod: "Previous period"
-		}[a(P, t.filter)] || "Previous period";
+		}[a(L, t.filter)] || "Previous period";
 		return [...n.map((e) => ({
 			...e,
 			variant: e.variant || "current"
 		})), {
-			dataKey: I,
+			dataKey: z,
 			label: r,
 			variant: "comparison"
 		}];
 	}, [
-		L,
+		B,
 		t.series,
-		Pe,
-		I,
+		R,
+		z,
 		t.filter,
-		P
-	]), z = t.dataset ? n(l(j, xe), t.dimensions, t.values, D) : null, B = z ? {
+		L
+	]), H = t.dataset ? n(l(j, be), t.dimensions, t.values, E) : null, He = H ? {
 		...t,
-		data: z.data,
-		xAxisKey: z.xAxisKey,
-		series: z.series
+		data: H.data,
+		xAxisKey: H.xAxisKey,
+		series: H.series
 	} : {
 		...t,
 		data: j,
-		...R ? { series: R } : {}
-	}, V = t.colors && !Array.isArray(t.colors) && typeof t.colors == "object" ? t.colors : null, Ue = Array.isArray(t.colors) ? t.colors : void 0, We = k || V ? {
-		...k || {},
-		...V || {}
+		...V ? { series: V } : {}
+	}, Ue = t.colors && !Array.isArray(t.colors) && typeof t.colors == "object" ? t.colors : null, We = Array.isArray(t.colors) ? t.colors : void 0, U = A || Ue ? {
+		...A || {},
+		...Ue || {}
 	} : void 0, Ge = {
-		...B,
-		colors: Ue,
-		...We ? { categoryColors: We } : {}
+		...He,
+		colors: We,
+		...U ? { categoryColors: U } : {}
 	};
-	if (he && j.length === 0) return /* @__PURE__ */ E("div", {
+	if (ge && j.length === 0) return /* @__PURE__ */ T("div", {
 		className: "p-2 " + (t.className || ""),
 		"data-testid": "chart-loading",
 		role: "status",
 		"aria-busy": "true",
 		"aria-live": "polite",
-		children: [/* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ w("span", {
 			className: "sr-only",
 			children: "Loading chart data…"
-		}), /* @__PURE__ */ T(y, { className: "h-full" })]
+		}), /* @__PURE__ */ w(y, { className: "h-full" })]
 	});
-	if (ge) return /* @__PURE__ */ E("div", {
+	if (_e) return /* @__PURE__ */ T("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-4 " + (t.className || ""),
 		"data-testid": "chart-error",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ T(Be, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ T("p", {
+			/* @__PURE__ */ w(ze, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ w("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
-			/* @__PURE__ */ T("p", {
+			/* @__PURE__ */ w("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: ge
+				children: _e
 			})
 		]
 	});
-	if (!g && t.objectName && j.length === 0) return /* @__PURE__ */ E("div", {
+	if (!g && t.objectName && j.length === 0) return /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (t.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
@@ -1779,86 +1795,83 @@ var Ft = (e) => {
 			"”"
 		]
 	});
-	let H = c(M) ? (e) => {
-		let t = e.category, n = t != null && N.has(String(t)) ? N.get(String(t)) : t;
-		ye({
+	let Ke = c(M) ? (e) => {
+		let t = e.category, n = t != null && P.has(String(t)) ? P.get(String(t)) : t;
+		k({
 			...e,
 			category: n,
 			categoryLabel: t,
 			scope: "cell"
 		});
-	} : void 0, Ke = m ?? H, qe = !m && ve && t.objectName ? (() => {
-		let e = o(M, ve, { groupByField: Ne }), n = {
-			...t.filter || {},
-			...e
-		}, r = d(M, ve, t.title || "Details"), i = M?.target ?? "drawer", a = /* @__PURE__ */ T("div", {
+	} : void 0, qe = m ?? Ke, Je = !m && O && t.objectName && !Ne ? (() => {
+		let e = F ?? {}, n = d(M, O, t.title || "Details"), r = M?.target ?? "drawer", i = {
+			type: "object-data-table",
+			objectName: t.objectName,
+			filter: e,
+			pagination: !0,
+			pageSize: M?.maxRows,
+			columns: M?.columns?.map((e) => ({
+				accessorKey: e,
+				header: e
+			})),
+			drillDown: {
+				enabled: !0,
+				mode: "record",
+				target: "dialog"
+			}
+		}, a = /* @__PURE__ */ w("div", {
 			className: "overflow-auto",
 			"data-testid": "chart-drill-body",
-			children: /* @__PURE__ */ T(Fe, {
-				schema: {
-					type: "object-data-table",
-					objectName: t.objectName,
-					filter: n,
-					pagination: !0,
-					pageSize: M?.maxRows,
-					columns: M?.columns?.map((e) => ({
-						accessorKey: e,
-						header: e
-					})),
-					drillDown: {
-						enabled: !0,
-						mode: "record",
-						target: "dialog"
-					}
-				},
+			children: /* @__PURE__ */ w(Pe, {
+				schema: i,
 				dataSource: g
 			})
-		}), s = Ce && t.objectName ? /* @__PURE__ */ E(ie, {
+		}), o = Se && t.objectName ? /* @__PURE__ */ T(ie, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				Ce(t.objectName, n), ye(null);
+				Se(t.objectName, e), k(null);
 			},
-			children: [we("dashboard.openInList", "Open in list"), /* @__PURE__ */ T(Ve, { className: "ml-1 h-3.5 w-3.5" })]
+			children: [Ce("dashboard.openInList", "Open in list"), /* @__PURE__ */ w(Be, { className: "ml-1 h-3.5 w-3.5" })]
 		}) : null;
-		return i === "dialog" ? /* @__PURE__ */ T(ae, {
+		return r === "dialog" ? /* @__PURE__ */ w(ae, {
 			open: !0,
-			onOpenChange: (e) => !e && ye(null),
-			children: /* @__PURE__ */ E(b, {
+			onOpenChange: (e) => !e && k(null),
+			children: /* @__PURE__ */ T(b, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ E(x, {
+				children: [/* @__PURE__ */ T(x, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ T(S, { children: r }), s]
+					children: [/* @__PURE__ */ w(S, { children: n }), o]
 				}), a]
 			})
-		}) : /* @__PURE__ */ T(oe, {
+		}) : /* @__PURE__ */ w(oe, {
 			open: !0,
-			onOpenChange: (e) => !e && ye(null),
-			children: /* @__PURE__ */ E(se, {
+			onOpenChange: (e) => !e && k(null),
+			children: /* @__PURE__ */ T(se, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-				children: [/* @__PURE__ */ E(ce, {
+				children: [/* @__PURE__ */ T(ce, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ T(le, { children: r }), s]
-				}), /* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ w(le, { children: n }), o]
+				}), /* @__PURE__ */ w("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: a
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ T(C, { active: he && j.length > 0 }),
-			/* @__PURE__ */ T($, {
+			/* @__PURE__ */ w(C, { active: ge && j.length > 0 }),
+			/* @__PURE__ */ w($, {
 				...e,
 				schema: Ge,
-				onChartClick: Ke
+				onChartClick: qe
 			}),
-			qe
+			Je
 		]
 	});
 };
@@ -1889,6 +1902,12 @@ e.register("object-chart", Ft, {
 			type: "object",
 			label: "Aggregate",
 			description: "Aggregation config: { field, function, groupBy }"
+		},
+		{
+			name: "drillDown",
+			type: "object",
+			label: "Drill-down",
+			description: "Segment drill config: { enabled?, filter?, title?, target?: 'drawer' | 'dialog', columns?, maxRows? }. Present = on; {} is enough. Clicking a segment opens the underlying records filtered by the clicked category."
 		}
 	]
 });