@object-ui/plugin-charts 17.2.0 → 17.3.0

package/dist/index.js

@@ -1,36 +1,36 @@
 import { ComponentRegistry as e, buildCategoryRank as t, buildChartSeries as n, buildDimensionLabelMap as r, buildOptionColorMap as i, compareToTrendLabelKey as a, computeDrillFilter as o, extractRecords as s, isDrillEnabled as c, relabelDimensions as l, resolveContextTokens as u, resolveDrillTitle as d, resolveFilterPlaceholders as f, shiftFilterByCompareTo as p } from "@object-ui/core";
 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 w } from "@object-ui/components";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Area as ue, AreaChart as de, Bar as fe, BarChart as O, Brush as pe, CartesianGrid as me, Cell as k, ComposedChart as he, Funnel as ge, FunnelChart as _e, LabelList as ve, 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 j, Sankey as Ae, Scatter as je, ScatterChart as M, Tooltip as N, Treemap as P, XAxis as F, YAxis as I, ZAxis as Me } from "recharts";
-import { SchemaRenderer as Ne, SchemaRendererContext as Pe, useDataScope as Fe, useDrillNavigation as Ie, useFilterScope as Le } from "@object-ui/react";
-import { AlertCircle as Re, ArrowUpRight as ze } from "lucide-react";
-import { useSafeFieldLabel as Be, useSafeTranslate as L } from "@object-ui/i18n";
+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 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 R = Object.defineProperty, z = (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;
 	}
-}, B = (e, t) => {
+}, z = (e, t) => {
 	let n = {};
-	for (var r in e) R(n, r, {
+	for (var r in e) L(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || R(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || L(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/normalizeChartSchema.ts
-function V(e) {
+function B(e) {
 	let t = G(e);
 	if (t) return t;
 	if (W(e)) return Object.values(e).find((e) => typeof e == "string" && e);
 }
-function H(e) {
+function V(e) {
 	if (!W(e)) return;
 	let t = {}, n = G(e.field);
 	n && (t.field = n);
@@ -44,17 +44,17 @@ function H(e) {
 	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 = G(e.position);
 	(s === "left" || s === "right" || s === "top" || s === "bottom") && (t.position = s);
-	let c = V(e.title);
+	let c = B(e.title);
 	return c && (t.title = c), t;
 }
-function U(e) {
+function H(e) {
 	if (!W(e)) {
 		let t = G(e);
 		return t ? { dataKey: t } : void 0;
 	}
 	let t = G(e.dataKey) ?? G(e.name);
 	if (!t) return;
-	let n = { dataKey: t }, r = V(e.label);
+	let n = { dataKey: t }, r = B(e.label);
 	r && (n.label = r);
 	let i = G(e.chartType) ?? G(e.type);
 	(i === "bar" || i === "line" || i === "area") && (n.chartType = i);
@@ -71,17 +71,17 @@ function U(e) {
 	let u = G(e.color);
 	return u && (n.color = u), n;
 }
-function Ve(e) {
+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 = H(i);
+	let i = e.xAxis, a = V(i);
 	a && (a.format || a.title || a.showGridLines !== void 0) && (t.xAxis = a);
 	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) => H(e) ?? (G(e) ? { field: G(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(U).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 Ve(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 = V(e.title);
+	let l = B(e.title);
 	l && (t.title = l);
-	let u = V(e.subtitle);
+	let u = B(e.subtitle);
 	u && (t.subtitle = u);
-	let d = V(e.description);
+	let d = B(e.description);
 	d && (t.description = d);
 	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 He(e) {
+function Ue(e) {
 	if (e === "bar" || e === "column") return "bar";
 	if (e === "line") return "line";
 	if (e === "area") return "area";
 }
-function Ue(e, t) {
+function We(e, t) {
 	if (e === "combo") return "combo";
-	let n = He(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 We(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",
@@ -151,9 +151,9 @@ function Ge(e, t) {
 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 qe, Je, Ye, Xe, W, G, K, Ze, Qe = z((() => {
+var qe, Je, Ye, Xe, W, G, K, Ze, Qe = R((() => {
 	qe = /* @__PURE__ */ new Set([
 		"bar",
 		"column",
@@ -179,33 +179,33 @@ var qe, Je, Ye, Xe, W, G, K, Ze, Qe = z((() => {
 		...Je,
 		...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__ */ B({ default: () => tt });
+})), $e = /* @__PURE__ */ z({ default: () => tt });
 function et(e, t = 14) {
 	return e.length > t ? `${e.slice(0, t - 1)}…` : e;
 }
 function q({ x: e, y: t, payload: n }) {
 	let r = String(n?.value ?? ""), i = et(r);
-	return /* @__PURE__ */ E("g", {
+	return /* @__PURE__ */ w("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ D("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__ */ E("title", { children: r }), i]
+			children: [r !== i && /* @__PURE__ */ w("title", { children: r }), i]
 		})
 	});
 }
 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__ */ E("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__ */ E(j, {
+		children: /* @__PURE__ */ w(Ae, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ D(O, {
+			children: /* @__PURE__ */ T(E, {
 				data: e,
 				margin: {
 					top: 10,
@@ -214,66 +214,66 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 					bottom: s ? 24 : 5
 				},
 				children: [
-					/* @__PURE__ */ D("defs", { children: [/* @__PURE__ */ D("linearGradient", {
+					/* @__PURE__ */ T("defs", { children: [/* @__PURE__ */ T("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ E("stop", {
+							/* @__PURE__ */ w("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ E("stop", {
+							/* @__PURE__ */ w("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ E("stop", {
+							/* @__PURE__ */ w("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ D("filter", {
+					}), /* @__PURE__ */ T("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ E("feGaussianBlur", {
+							/* @__PURE__ */ w("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ E("feOffset", {
+							/* @__PURE__ */ w("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ E("feFlood", {
+							/* @__PURE__ */ w("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ E("feComposite", {
+							/* @__PURE__ */ w("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ D("feMerge", { children: [/* @__PURE__ */ E("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ E("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ T("feMerge", { children: [/* @__PURE__ */ w("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ w("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ E(me, {
+					/* @__PURE__ */ w(ge, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ E(F, {
+					/* @__PURE__ */ w(P, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ E(q, {}) : {
+						tick: s ? /* @__PURE__ */ w(q, {}) : {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
 							fontFamily: "monospace"
@@ -284,7 +284,7 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						height: s ? 56 : void 0,
 						dy: s ? void 0 : 10
 					}),
-					/* @__PURE__ */ E(I, {
+					/* @__PURE__ */ w(F, {
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
@@ -293,7 +293,7 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						tickLine: !1,
 						axisLine: !1
 					}),
-					/* @__PURE__ */ E(N, {
+					/* @__PURE__ */ w(M, {
 						cursor: {
 							fill: "hsl(var(--muted))",
 							opacity: .2
@@ -308,11 +308,11 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ E(A, { wrapperStyle: {
+					/* @__PURE__ */ w(A, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ E(fe, {
+					/* @__PURE__ */ w(me, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -329,7 +329,7 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var nt = z((() => {}));
+var nt = R((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
 function rt() {
@@ -353,9 +353,9 @@ function J({ id: e, className: t, children: n, config: r, disableSettleRemount:
 		return r.observe(e), () => {
 			t = !0, n != null && clearTimeout(n), r.disconnect();
 		};
-	}, [i]), /* @__PURE__ */ E(st.Provider, {
+	}, [i]), /* @__PURE__ */ w(st.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ T("div", {
 			ref: c,
 			"data-slot": "chart",
 			"data-chart": s,
@@ -366,10 +366,10 @@ function J({ id: e, className: t, children: n, config: r, disableSettleRemount:
 				...a.style
 			},
 			...a,
-			children: [/* @__PURE__ */ E(ct, {
+			children: [/* @__PURE__ */ w(ct, {
 				id: s,
 				config: r
-			}), /* @__PURE__ */ E(j, {
+			}), /* @__PURE__ */ w(Ae, {
 				width: "100%",
 				height: "100%",
 				children: n
@@ -381,10 +381,10 @@ function it({ active: e, payload: t, className: n, indicator: r = "dot", hideLab
 	let { config: p } = rt(), h = m.useMemo(() => {
 		if (i || !t?.length) return null;
 		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__ */ E("div", {
+		return s ? /* @__PURE__ */ w("div", {
 			className: Y("font-medium", c),
 			children: s(a, t)
-		}) : a ? /* @__PURE__ */ E("div", {
+		}) : a ? /* @__PURE__ */ w("div", {
 			className: Y("font-medium", c),
 			children: a
 		}) : null;
@@ -399,29 +399,29 @@ function it({ 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__ */ D("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__ */ E("div", {
+		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 = ot(p, e, n), o = u || e.payload.fill || e.color;
-				return /* @__PURE__ */ E("div", {
+				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__ */ D(T, { children: [i?.icon ? /* @__PURE__ */ E(i.icon, {}) : !a && /* @__PURE__ */ E("div", {
+					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__ */ D("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: Y("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ E("span", {
+							children: [g ? h : null, /* @__PURE__ */ w("span", {
 								className: "text-muted-foreground",
 								children: i?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ E("span", {
+						}), e.value && /* @__PURE__ */ w("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -433,13 +433,13 @@ function it({ active: e, payload: t, className: n, indicator: r = "dot", hideLab
 }
 function at({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
 	let { config: a } = rt();
-	return n?.length ? /* @__PURE__ */ E("div", {
+	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 = ot(a, e, n);
-			return /* @__PURE__ */ D("div", {
+			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__ */ E(r.icon, {}) : /* @__PURE__ */ E("div", {
+				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]
@@ -452,13 +452,13 @@ function ot(e, t, n) {
 	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = 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 Y, X, st, ct, Z, lt, ut = z((() => {
+var Y, X, st, ct, Z, lt, ut = R((() => {
 	Y = (...e) => e.filter(Boolean).join(" "), X = {
 		light: "",
 		dark: ".dark"
 	}, st = m.createContext(null), ct = ({ id: e, config: t }) => {
 		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-		return n.length ? /* @__PURE__ */ E("style", { dangerouslySetInnerHTML: { __html: Object.entries(X).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;
-	}, Z = N, lt = A;
+	}, 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 = z((() => {})), gt = /* @__PURE__ */ B({ 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__ */ D("g", { children: [/* @__PURE__ */ E("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__ */ E("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__ */ E(T, { children: n }) : /* @__PURE__ */ D("div", {
+	return !e && !t ? /* @__PURE__ */ w(de, { children: n }) : /* @__PURE__ */ T("div", {
 		className: "flex h-full w-full flex-col",
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "mb-2 shrink-0",
-			children: [e ? /* @__PURE__ */ E("div", {
+			children: [e ? /* @__PURE__ */ w("div", {
 				className: "text-sm font-medium leading-tight text-foreground",
 				children: e
-			}) : null, t ? /* @__PURE__ */ E("div", {
+			}) : null, t ? /* @__PURE__ */ w("div", {
 				className: "text-xs leading-tight text-muted-foreground",
 				children: t
 			}) : null]
-		}), /* @__PURE__ */ E("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 = Ue(ie, a), ae = He(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 ? {
@@ -573,10 +573,10 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 	]), le = u ? {
 		onClick: se,
 		style: { cursor: "pointer" }
-	} : {}, w = u ? {
+	} : {}, ue = u ? {
 		onClick: ce,
 		style: { cursor: "pointer" }
-	} : {}, A = m.useCallback((e, t, n) => c && c[e == null ? "" : String(e)] || n[t % n.length], [c]), j = 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
-	]), Ne = m.useCallback((e) => {
+	]), Pe = m.useCallback((e) => {
 		if (!u) return;
 		let t = pt(e, a);
 		t && u(t);
-	}, [u, a]), Pe = m.useCallback((e) => {
+	}, [u, a]), Fe = m.useCallback((e) => {
 		if (!u) return;
 		let t = mt(e, a);
 		t && u(t);
-	}, [u, a]), Fe = u ? {
-		onClick: j,
+	}, [u, a]), Ie = u ? {
+		onClick: Ae,
 		cursor: "pointer"
-	} : {}, Ie = u ? {
-		onClick: Ne,
-		style: { cursor: "pointer" }
 	} : {}, Le = u ? {
 		onClick: Pe,
 		style: { cursor: "pointer" }
+	} : {}, Re = u ? {
+		onClick: Fe,
+		style: { cursor: "pointer" }
 	} : {};
 	m.useEffect(() => {
 		let e = () => oe(window.innerWidth < 640);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Re = {
-		bar: O,
-		"horizontal-bar": O,
+	let ze = {
+		bar: E,
+		"horizontal-bar": E,
 		line: be,
-		area: de,
+		area: pe,
 		pie: Se,
 		donut: Se,
 		radar: De,
-		scatter: M,
-		funnel: _e,
-		combo: he,
-		treemap: O,
-		sankey: O
-	}[y] || O, ze = m.useCallback((e) => {
+		scatter: j,
+		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
-	]), Be = m.useMemo(() => b.some((e) => String(e[i] || "").length > 5), [b, i]), L = () => 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))"
-	], R = 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);
 		}
-	}, []), z = p?.[0], B = p && p.length > 1 ? p[1] : z?.position === "right" ? z : void 0, V = !!p && p.length > 1, H = m.useMemo(() => We(f?.format) ?? ze, [f?.format, ze]), U = m.useMemo(() => We(z?.format) ?? R, [z?.format, R]), Ve = m.useMemo(() => We(B?.format) ?? R, [B?.format, R]), Xe = m.useCallback((e) => {
-		let t = a.filter((t) => V ? (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,7 +675,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 	}, [
 		b,
 		a,
-		V
+		B
 	]), W = m.useCallback((e, t = "left") => {
 		if (!e) return {};
 		let n = Ke(e), r = Ge(e, Xe(t));
@@ -693,7 +693,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				position: "insideLeft"
 			} } : {}
 		};
-	}, [Xe]), G = z?.showGridLines !== !1, K = {
+	}, [Xe]), G = R?.showGridLines !== !1, K = {
 		vertical: f?.showGridLines === !0,
 		horizontal: G
 	}, Ze = h !== !1, Qe = m.useMemo(() => {
@@ -710,34 +710,38 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				fill: i,
 				fontSize: 11
 			} } : {};
-			return t?.type === "region" ? /* @__PURE__ */ E(Oe, {
-				...r ? {
+			if (t?.type === "region") {
+				let e = r ? {
 					x1: t.value,
 					x2: t.endValue
 				} : {
 					y1: t.value,
 					y2: t.endValue
-				},
-				...V && !r ? { yAxisId: "left" } : {},
-				fill: i,
-				fillOpacity: .12,
-				stroke: i,
-				strokeOpacity: .35,
-				...s
-			}, `ann-${n}`) : /* @__PURE__ */ E(ke, {
+				};
+				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 },
-				...V && !r ? { yAxisId: "left" } : {},
+				...B && !r ? { yAxisId: "left" } : {},
 				stroke: i,
 				strokeDasharray: a,
 				...s
 			}, `ann-${n}`);
 		});
-	}, [re, V]), $e = v?.tooltips !== !1, et = v?.brush === !0 ? /* @__PURE__ */ E(pe, {
+	}, [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, q = (e) => g ? /* @__PURE__ */ E(ve, {
+	}) : null, q = (e) => g ? /* @__PURE__ */ w(k, {
 		position: "top",
 		className: "fill-foreground",
 		fontSize: 11,
@@ -748,41 +752,41 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		axisLine: !1,
 		interval: "preserveStartEnd",
 		minTickGap: C ? 32 : 48,
-		tickFormatter: H,
+		tickFormatter: V,
 		...f?.title ? { label: {
 			value: f.title,
 			position: "insideBottom",
 			offset: -4
 		} } : {},
-		...!C && Be && {
+		...!C && Ve && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
 		C,
-		Be,
-		H,
+		Ve,
+		V,
 		f?.title
 	]);
 	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__ */ E("div", {
+		return /* @__PURE__ */ w("div", {
 			className: o,
 			"data-testid": "advanced-chart-single-value",
-			children: /* @__PURE__ */ D("div", {
+			children: /* @__PURE__ */ T("div", {
 				className: "flex flex-col gap-1 py-4",
-				children: [/* @__PURE__ */ E("span", {
+				children: [/* @__PURE__ */ w("span", {
 					className: "text-3xl font-semibold tabular-nums",
 					children: Number.isFinite(n) ? new Intl.NumberFormat().format(n) : String(t ?? "—")
-				}), /* @__PURE__ */ E("span", {
+				}), /* @__PURE__ */ w("span", {
 					className: "text-xs text-muted-foreground",
 					children: String(i)
 				})]
 			})
 		});
 	}
-	if (y && Ye.has(y)) return /* @__PURE__ */ D("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 && !qe.has(y)) return /* @__PURE__ */ D("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,7 +807,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		]
 	});
 	if (y === "pie" || y === "donut") {
-		let e = y === "donut" ? "52%" : 0, t = L(), 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;
@@ -812,16 +816,16 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				label: o,
 				color: A(a, r, t)
 			});
-		}), /* @__PURE__ */ E(J, {
+		}), /* @__PURE__ */ w(J, {
 			config: n,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ D(Se, { children: [
-				/* @__PURE__ */ E(Z, {
+			children: /* @__PURE__ */ T(Se, { children: [
+				/* @__PURE__ */ w(Z, {
 					cursor: !1,
-					content: /* @__PURE__ */ E(it, { hideLabel: !0 })
+					content: /* @__PURE__ */ w(it, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ E(xe, {
+				/* @__PURE__ */ w(xe, {
 					data: b,
 					dataKey: a[0]?.dataKey || "value",
 					nameKey: i || "name",
@@ -830,19 +834,19 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					paddingAngle: 2,
 					outerRadius: "85%",
 					...x,
-					...w,
+					...ue,
 					children: b.map((e, n) => {
 						let r = A(e?.[i], n, t);
-						return /* @__PURE__ */ E(k, { fill: Q(r) }, `cell-${n}`);
+						return /* @__PURE__ */ w(D, { fill: Q(r) }, `cell-${n}`);
 					})
 				}),
-				Ze ? /* @__PURE__ */ E(lt, {
+				Ze ? /* @__PURE__ */ w(lt, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: C ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ E(at, {
+					content: /* @__PURE__ */ w(at, {
 						nameKey: i,
 						className: "flex-wrap"
 					})
@@ -851,7 +855,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		});
 	}
 	if (y === "funnel") {
-		let e = a[0]?.dataKey || "value", n = L(), 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__ */ E(J, {
+		return /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ D(_e, { children: [/* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }), /* @__PURE__ */ D(ge, {
+			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__ */ E(ve, {
+				children: [/* @__PURE__ */ w(k, {
 					position: "right",
 					fill: "hsl(var(--foreground))",
 					stroke: "none",
 					dataKey: i
-				}), f.map((e, t) => /* @__PURE__ */ E(k, { 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 = L(), 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__ */ E(J, {
+		return /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ E(P, {
+			children: /* @__PURE__ */ w(N, {
 				data: n,
 				dataKey: "size",
 				nameKey: "name",
 				...x,
-				content: /* @__PURE__ */ E(_t, {}),
-				...Ie,
-				children: /* @__PURE__ */ E(N, {})
+				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__ */ E("div", { className: o }) : /* @__PURE__ */ E(J, {
+		return c.length === 0 ? /* @__PURE__ */ w("div", { className: o }) : /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ E(Ae, {
+			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))" },
-				...Le,
-				children: /* @__PURE__ */ E(N, {})
+				...Re,
+				children: /* @__PURE__ */ w(M, {})
 			})
 		});
 	}
-	if (y === "radar") return /* @__PURE__ */ E(J, {
+	if (y === "radar") return /* @__PURE__ */ w(J, {
 		config: r,
 		className: o,
 		...S,
-		children: /* @__PURE__ */ D(De, {
+		children: /* @__PURE__ */ T(De, {
 			data: b,
 			children: [
-				/* @__PURE__ */ E(we, {}),
-				/* @__PURE__ */ E(Ce, { dataKey: i }),
-				/* @__PURE__ */ E(Te, {}),
-				/* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }),
-				/* @__PURE__ */ E(lt, {
-					content: /* @__PURE__ */ E(at, {}),
+				/* @__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__ */ E(Ee, {
+					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__ */ E(J, {
+	if (y === "scatter") return /* @__PURE__ */ w(J, {
 		config: r,
 		className: o,
 		...S,
-		children: /* @__PURE__ */ D(M, { children: [
-			/* @__PURE__ */ E(me, { vertical: !1 }),
-			/* @__PURE__ */ E(F, {
+		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__ */ E(I, {
+			/* @__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: R,
+				tickFormatter: L,
 				width: 48
 			}),
-			/* @__PURE__ */ E(Me, {
+			/* @__PURE__ */ w(Ne, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }),
-			/* @__PURE__ */ E(lt, {
-				content: /* @__PURE__ */ E(at, {}),
+			/* @__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 = L(), i = Q(r[e.dataKey]?.color || n[t % n.length]), a = wt(e, "scatter");
-				return /* @__PURE__ */ E(je, {
+				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,
-					...Fe
+					...Ie
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (y === "combo") return /* @__PURE__ */ E(vt, {
+	if (y === "combo") return /* @__PURE__ */ w(vt, {
 		title: ee,
 		subtitle: te,
-		children: /* @__PURE__ */ E(J, {
+		children: /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ D(he, {
+			children: /* @__PURE__ */ T(_e, {
 				data: b,
 				children: [
-					/* @__PURE__ */ E(me, { ...K }),
-					/* @__PURE__ */ E(F, {
+					/* @__PURE__ */ w(ge, { ...K }),
+					/* @__PURE__ */ w(P, {
 						dataKey: i,
 						...tt
 					}),
-					/* @__PURE__ */ E(I, {
+					/* @__PURE__ */ w(F, {
 						yAxisId: "left",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: U,
+						tickFormatter: H,
 						width: 48,
-						...W(z)
+						...W(R)
 					}),
-					/* @__PURE__ */ E(I, {
+					/* @__PURE__ */ w(F, {
 						yAxisId: "right",
 						orientation: "right",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: Ve,
+						tickFormatter: He,
 						width: 48,
-						...W(B, "right")
+						...W(z, "right")
 					}),
-					$e ? /* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }) : null,
-					Ze ? /* @__PURE__ */ E(lt, {
-						content: /* @__PURE__ */ E(at, {}),
+					$e ? /* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }) : null,
+					Ze ? /* @__PURE__ */ w(lt, {
+						content: /* @__PURE__ */ w(at, {}),
 						...C && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
@@ -1060,8 +1064,8 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					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 = We((a === "right" ? B : z)?.format);
-						return i === "line" ? /* @__PURE__ */ E(ye, {
+						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,
@@ -1072,7 +1076,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							strokeDasharray: o?.strokeDasharray,
 							...x,
 							children: q(c)
-						}, e.dataKey) : i === "area" ? /* @__PURE__ */ E(ue, {
+						}, e.dataKey) : i === "area" ? /* @__PURE__ */ w(fe, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1084,7 +1088,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							...s,
 							...x,
 							children: q(c)
-						}, e.dataKey) : /* @__PURE__ */ E(fe, {
+						}, e.dataKey) : /* @__PURE__ */ w(me, {
 							yAxisId: a,
 							dataKey: e.dataKey,
 							fill: n,
@@ -1099,94 +1103,94 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			})
 		})
 	});
-	let nt = y === "horizontal-bar", rt = L(), ot = c ? Object.values(c).map((e) => Q(String(e))) : [], Y = Array.from(/* @__PURE__ */ new Set([
+	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__ */ E(vt, {
+	return /* @__PURE__ */ w(vt, {
 		title: ee,
 		subtitle: te,
-		children: /* @__PURE__ */ E(J, {
+		children: /* @__PURE__ */ w(J, {
 			config: r,
 			className: o,
 			...S,
-			children: /* @__PURE__ */ D(Re, {
+			children: /* @__PURE__ */ T(ze, {
 				data: b,
 				layout: nt ? "vertical" : "horizontal",
 				...le,
 				children: [
-					/* @__PURE__ */ E("defs", { children: Y.map((e) => /* @__PURE__ */ D(m.Fragment, { children: [/* @__PURE__ */ D("linearGradient", {
+					/* @__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__ */ E("stop", {
+						children: [/* @__PURE__ */ w("stop", {
 							offset: "0%",
 							style: { stopColor: e },
 							stopOpacity: .95
-						}), /* @__PURE__ */ E("stop", {
+						}), /* @__PURE__ */ w("stop", {
 							offset: "100%",
 							style: { stopColor: e },
 							stopOpacity: .5
 						})]
-					}), /* @__PURE__ */ D("linearGradient", {
+					}), /* @__PURE__ */ T("linearGradient", {
 						id: `ag-${X(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ E("stop", {
+						children: [/* @__PURE__ */ w("stop", {
 							offset: "0%",
 							style: { stopColor: e },
 							stopOpacity: .5
-						}), /* @__PURE__ */ E("stop", {
+						}), /* @__PURE__ */ w("stop", {
 							offset: "95%",
 							style: { stopColor: e },
 							stopOpacity: .05
 						})]
 					})] }, X(e))) }),
-					/* @__PURE__ */ E(me, { ...K }),
-					nt ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(F, {
+					/* @__PURE__ */ w(ge, { ...K }),
+					nt ? /* @__PURE__ */ T(de, { children: [/* @__PURE__ */ w(P, {
 						type: "number",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: U,
-						...W(z)
-					}), /* @__PURE__ */ E(I, {
+						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: H
-					})] }) : /* @__PURE__ */ D(T, { children: [
-						/* @__PURE__ */ E(F, {
+						tickFormatter: V
+					})] }) : /* @__PURE__ */ T(de, { children: [
+						/* @__PURE__ */ w(P, {
 							dataKey: i,
 							...tt
 						}),
-						/* @__PURE__ */ E(I, {
-							...V ? { yAxisId: "left" } : {},
+						/* @__PURE__ */ w(F, {
+							...B ? { yAxisId: "left" } : {},
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: U,
+							tickFormatter: H,
 							width: 48,
-							...W(z)
+							...W(R)
 						}),
-						V ? /* @__PURE__ */ E(I, {
+						B ? /* @__PURE__ */ w(F, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: Ve,
+							tickFormatter: He,
 							width: 48,
-							...W(B, "right")
+							...W(z, "right")
 						}) : null
 					] }),
-					$e ? /* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }) : null,
-					Ze ? /* @__PURE__ */ E(lt, {
-						content: /* @__PURE__ */ E(at, {}),
+					$e ? /* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }) : null,
+					Ze ? /* @__PURE__ */ w(lt, {
+						content: /* @__PURE__ */ w(at, {}),
 						...C && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
@@ -1198,10 +1202,10 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					Qe,
 					et,
 					a.map((e, t) => {
-						let n = L(), 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 = V ? { yAxisId: e.yAxis === "right" ? "right" : "left" } : {}, d = e.stack ? { stackId: String(e.stack) } : {}, f = We((e.yAxis === "right" ? B : z)?.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__ */ D(fe, {
+							return /* @__PURE__ */ T(me, {
 								dataKey: e.dataKey,
 								fill: `url(#bg-${X(l)})`,
 								radius: 4,
@@ -1209,12 +1213,12 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								...d,
 								...u,
 								...x,
-								children: [t && b.map((e, t) => /* @__PURE__ */ E(k, { fill: `url(#bg-${X(Q(A(e?.[i], t, n)))})` }, `cell-${t}`)), q(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__ */ E(ye, {
+							return /* @__PURE__ */ w(ye, {
 								type: "monotone",
 								dataKey: e.dataKey,
 								stroke: l,
@@ -1229,7 +1233,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 						}
 						if (y === "area") {
 							let t = wt(e, "area");
-							return /* @__PURE__ */ E(ue, {
+							return /* @__PURE__ */ w(fe, {
 								type: "monotone",
 								dataKey: e.dataKey,
 								fill: `url(#ag-${X(l)})`,
@@ -1263,22 +1267,22 @@ function xt(e) {
 		t,
 		n,
 		r
-	]), t ? /* @__PURE__ */ E("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__ */ D("span", { children: [
+		children: /* @__PURE__ */ T("span", { children: [
 			"This chart cannot plot its category axis: no row has a",
 			" ",
-			/* @__PURE__ */ E("code", {
+			/* @__PURE__ */ w("code", {
 				className: "font-mono",
 				children: n
 			}),
 			" field."
 		] })
-	}) : /* @__PURE__ */ E(yt, { ...e });
+	}) : /* @__PURE__ */ w(yt, { ...e });
 }
-var St, Ct, Q, wt, Tt, Et = z((() => {
+var St, Ct, Q, wt, Tt, Et = R((() => {
 	ut(), ht(), Qe(), St = "hsl(var(--primary))", Ct = {
 		slate: "#64748b",
 		gray: "#6b7280",
@@ -1321,9 +1325,9 @@ var St, Ct, Q, wt, Tt, Et = z((() => {
 //#endregion
 //#region src/ChartRenderer.tsx
 Qe();
-var Dt = h.lazy(() => Promise.resolve().then(() => (nt(), $e))), Ot = h.lazy(() => Promise.resolve().then(() => (Et(), gt))), kt = ({ schema: e }) => /* @__PURE__ */ E(g, {
-	fallback: /* @__PURE__ */ E(w, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ E(Dt, {
+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(() => (nt(), $e))), Ot = h.lazy(()
 	})
 }), $ = ({ schema: e, onChartClick: t }) => {
 	let n = h.useMemo(() => {
-		let t = Ve(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(() => (nt(), $e))), Ot = h.lazy(()
 			spec: t
 		};
 	}, [e]);
-	return /* @__PURE__ */ E(g, {
-		fallback: /* @__PURE__ */ E(w, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ E(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(Pe), g = e.dataSource || h?.dataSource, w = Fe(t.bind), { fieldOptionLabel: T } = Be(), ue = re(T);
+	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(() => {
-		ue.current = T;
-	}, [T]);
-	let [de, fe] = v([]), [O, pe] = v(null), [me, k] = v(() => !(Array.isArray(t.data) && t.data.length > 0) && (!!t.objectName || !!t.dataset)), [he, ge] = v(null), [_e, ve] = v(null), [A, ye] = v(null), [be, xe] = v(null), { openRecordList: Se } = Ie(), Ce = L(), 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({
+		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 ?? []
@@ -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, we]), j = Le(), Ae = ee(async (e, n) => {
+	}, [t.objectName, we]), Ae = Re(), je = ee(async (e, n) => {
 		if (!e || !t.objectName && !t.dataset) {
-			n.current && k(!1);
+			n.current && D(!1);
 			return;
 		}
-		n.current && (k(!0), ge(null));
+		n.current && (D(!0), ve(null));
 		try {
 			if (t.dataset && typeof e.queryDataset == "function") {
-				let r = f(t.filter, j), 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 && (fe(Array.isArray(i?.rows) ? i.rows : []), pe(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, j), i = t.compareTo, a = !!i && Oe(t.chartType), o = a ? u(p(t.filter, i), j) : 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;
+			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,13 +1657,13 @@ 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) => ue.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 && fe(l);
+			n.current && me(l);
 		} catch (e) {
-			console.error("[ObjectChart] Fetch error:", e), n.current && ge(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 && k(!1);
+			n.current && D(!1);
 		}
 	}, [
 		t.objectName,
@@ -1672,105 +1674,119 @@ var Ft = (e) => {
 		t.xAxisKey,
 		t.chartType,
 		ke,
-		j
+		Ae
 	]);
 	ne(() => {
 		let e = { current: !0 };
-		return (t.objectName || t.dataset) && !w && !t.data ? Ae(g, e) : e.current && k(!1), () => {
+		return (t.objectName || t.dataset) && !ue && !t.data ? je(g, e) : e.current && D(!1), () => {
 			e.current = !1;
 		};
 	}, [
 		t.objectName,
 		De,
 		g,
-		w,
+		ue,
 		t.data,
 		Te,
 		we,
 		Ee,
-		Ae
+		je
 	]);
-	let je = w || t.data || de, M = Array.isArray(je) ? je : [], N = t.drillDown, P = t.aggregate?.groupBy || t.xAxisKey, F = _(() => {
-		if (!P) return /* @__PURE__ */ new Map();
-		let e = /* @__PURE__ */ new Map(), t = `__raw_${P}`;
-		for (let n of M) {
-			let r = n?.[P];
+	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?.[N];
 			if (r == null) continue;
 			let i = t in (n || {}) ? n[t] : r;
 			e.set(String(r), i);
 		}
 		return e;
-	}, [M, P]), I = t.compareTo, Me = t.aggregate ? jt(t.aggregate) : void 0, R = Me ? `${Me}${Mt}` : void 0, z = !!I && Oe(t.chartType) && !!R && M.some((e) => e[R] != null), B = _(() => {
+	}, [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 (!z) return e;
-		let n = e || [{ dataKey: Me }], 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(I, t.filter)] || "Previous period";
+		}[a(L, t.filter)] || "Previous period";
 		return [...n.map((e) => ({
 			...e,
 			variant: e.variant || "current"
 		})), {
-			dataKey: R,
+			dataKey: z,
 			label: r,
 			variant: "comparison"
 		}];
 	}, [
-		z,
+		B,
 		t.series,
-		Me,
 		R,
+		z,
 		t.filter,
-		I
-	]), V = t.dataset ? n(l(M, be), t.dimensions, t.values, O) : null, H = V ? {
+		L
+	]), H = t.dataset ? n(l(j, be), t.dimensions, t.values, E) : null, He = H ? {
 		...t,
-		data: V.data,
-		xAxisKey: V.xAxisKey,
-		series: V.series
+		data: H.data,
+		xAxisKey: H.xAxisKey,
+		series: H.series
 	} : {
 		...t,
-		data: M,
-		...B ? { series: B } : {}
-	}, U = t.colors && !Array.isArray(t.colors) && typeof t.colors == "object" ? t.colors : null, Ve = Array.isArray(t.colors) ? t.colors : void 0, He = A || U ? {
+		data: j,
+		...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 || {},
-		...U || {}
-	} : void 0, Ue = {
-		...H,
-		colors: Ve,
-		...He ? { categoryColors: He } : {}
+		...Ue || {}
+	} : void 0, Ge = {
+		...He,
+		colors: We,
+		...U ? { categoryColors: U } : {}
 	};
-	if (me && M.length === 0) return /* @__PURE__ */ D("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__ */ E("span", {
+		children: [/* @__PURE__ */ w("span", {
 			className: "sr-only",
 			children: "Loading chart data…"
-		}), /* @__PURE__ */ E(y, { className: "h-full" })]
+		}), /* @__PURE__ */ w(y, { className: "h-full" })]
 	});
-	if (he) return /* @__PURE__ */ D("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__ */ E(Re, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ E("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__ */ E("p", {
+			/* @__PURE__ */ w("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: he
+				children: _e
 			})
 		]
 	});
-	if (!g && t.objectName && M.length === 0) return /* @__PURE__ */ D("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 We = c(N) ? (e) => {
-		let t = e.category, n = t != null && F.has(String(t)) ? F.get(String(t)) : t;
-		ve({
+	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, Ge = m ?? We, Ke = !m && _e && t.objectName ? (() => {
-		let e = o(N, _e, { groupByField: P }), n = {
-			...t.filter || {},
-			...e
-		}, r = d(N, _e, t.title || "Details"), i = N?.target ?? "drawer", a = /* @__PURE__ */ E("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__ */ E(Ne, {
-				schema: {
-					type: "object-data-table",
-					objectName: t.objectName,
-					filter: n,
-					pagination: !0,
-					pageSize: N?.maxRows,
-					columns: N?.columns?.map((e) => ({
-						accessorKey: e,
-						header: e
-					})),
-					drillDown: {
-						enabled: !0,
-						mode: "record",
-						target: "dialog"
-					}
-				},
+			children: /* @__PURE__ */ w(Pe, {
+				schema: i,
 				dataSource: g
 			})
-		}), s = Se && t.objectName ? /* @__PURE__ */ D(ie, {
+		}), o = Se && t.objectName ? /* @__PURE__ */ T(ie, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				Se(t.objectName, n), ve(null);
+				Se(t.objectName, e), k(null);
 			},
-			children: [Ce("dashboard.openInList", "Open in list"), /* @__PURE__ */ E(ze, { 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__ */ E(ae, {
+		return r === "dialog" ? /* @__PURE__ */ w(ae, {
 			open: !0,
-			onOpenChange: (e) => !e && ve(null),
-			children: /* @__PURE__ */ D(b, {
+			onOpenChange: (e) => !e && k(null),
+			children: /* @__PURE__ */ T(b, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ D(x, {
+				children: [/* @__PURE__ */ T(x, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ E(S, { children: r }), s]
+					children: [/* @__PURE__ */ w(S, { children: n }), o]
 				}), a]
 			})
-		}) : /* @__PURE__ */ E(oe, {
+		}) : /* @__PURE__ */ w(oe, {
 			open: !0,
-			onOpenChange: (e) => !e && ve(null),
-			children: /* @__PURE__ */ D(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__ */ D(ce, {
+				children: [/* @__PURE__ */ T(ce, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ E(le, { children: r }), s]
-				}), /* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ w(le, { children: n }), o]
+				}), /* @__PURE__ */ w("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: a
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ D("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ E(C, { active: me && M.length > 0 }),
-			/* @__PURE__ */ E($, {
+			/* @__PURE__ */ w(C, { active: ge && j.length > 0 }),
+			/* @__PURE__ */ w($, {
 				...e,
-				schema: Ue,
-				onChartClick: Ge
+				schema: Ge,
+				onChartClick: qe
 			}),
-			Ke
+			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."
 		}
 	]
 });