@object-ui/plugin-charts 17.3.0 → 17.6.0

package/dist/index.js

@@ -1,87 +1,87 @@
-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 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";
+import { ComponentRegistry as e, buildCategoryRank as t, buildChartSeries as n, buildOptionColorMap as r, chartRowBucketId as i, compareToTrendLabelKey as a, computeDrillFilter as o, deriveDimensionLabelMaps as s, dimensionOptionTranslator as c, extractRecords as l, humanizeLabel as u, isDrillEnabled as d, loadDimensionFieldMeta as f, localizeFieldOptions as p, relabelDimensions as m, resolveContextTokens as ee, resolveDrillTitle as te, resolveFilterPlaceholders as ne, shiftFilterByCompareTo as re } from "@object-ui/core";
+import * as h from "react";
+import g, { Suspense as _, useCallback as ie, useContext as ae, useEffect as oe, useMemo as v, useState as y } from "react";
+import { Button as b, ChartSkeleton as x, Dialog as S, DialogContent as C, DialogHeader as se, DialogTitle as ce, RefreshIndicator as le, Sheet as ue, SheetContent as de, SheetHeader as fe, SheetTitle as pe, Skeleton as w } from "@object-ui/components";
+import { Fragment as me, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Area as he, AreaChart as ge, Bar as _e, BarChart as D, Brush as ve, CartesianGrid as ye, Cell as be, ComposedChart as O, Funnel as xe, FunnelChart as Se, LabelList as Ce, Legend as k, Line as we, LineChart as Te, Pie as Ee, PieChart as De, PolarAngleAxis as Oe, PolarGrid as ke, PolarRadiusAxis as Ae, Radar as je, RadarChart as Me, ReferenceArea as Ne, ReferenceLine as Pe, ResponsiveContainer as Fe, Sankey as A, Scatter as j, ScatterChart as M, Tooltip as Ie, Treemap as Le, XAxis as N, YAxis as P, ZAxis as Re } from "recharts";
+import { ElementDataSourceGate as F, SchemaRenderer as ze, SchemaRendererContext as Be, useDataScope as Ve, useDrillNavigation as He, useFilterScope as Ue } from "@object-ui/react";
+import { AlertCircle as We, ArrowUpRight as Ge } from "lucide-react";
+import { useSafeFieldLabel as Ke, useSafeTranslate as qe } from "@object-ui/i18n";
 //#region \0rolldown/runtime.js
-var L = Object.defineProperty, R = (e, t, n) => () => {
+var I = Object.defineProperty, L = (e, t, n) => () => {
 	if (n) throw n[0];
 	try {
 		return e && (t = e(e = 0)), t;
 	} catch (e) {
 		throw n = [e], e;
 	}
-}, z = (e, t) => {
+}, R = (e, t) => {
 	let n = {};
-	for (var r in e) L(n, r, {
+	for (var r in e) I(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || L(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || I(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/normalizeChartSchema.ts
-function B(e) {
-	let t = G(e);
+function z(e) {
+	let t = W(e);
 	if (t) return t;
-	if (W(e)) return Object.values(e).find((e) => typeof e == "string" && e);
+	if (U(e)) return Object.values(e).find((e) => typeof e == "string" && e);
 }
-function V(e) {
-	if (!W(e)) return;
-	let t = {}, n = G(e.field);
+function B(e) {
+	if (!U(e)) return;
+	let t = {}, n = W(e.field);
 	n && (t.field = n);
-	let r = G(e.format);
+	let r = W(e.format);
 	r && (t.format = r);
-	let i = K(e.min);
+	let i = G(e.min);
 	i !== void 0 && (t.min = i);
-	let a = K(e.max);
+	let a = G(e.max);
 	a !== void 0 && (t.max = a);
-	let o = K(e.stepSize);
+	let o = G(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 = G(e.position);
+	let s = W(e.position);
 	(s === "left" || s === "right" || s === "top" || s === "bottom") && (t.position = s);
-	let c = B(e.title);
+	let c = z(e.title);
 	return c && (t.title = c), t;
 }
-function H(e) {
-	if (!W(e)) {
-		let t = G(e);
+function V(e) {
+	if (!U(e)) {
+		let t = W(e);
 		return t ? { dataKey: t } : void 0;
 	}
-	let t = G(e.dataKey) ?? G(e.name);
+	let t = W(e.dataKey) ?? W(e.name);
 	if (!t) return;
-	let n = { dataKey: t }, r = B(e.label);
+	let n = { dataKey: t }, r = z(e.label);
 	r && (n.label = r);
-	let i = G(e.chartType) ?? G(e.type);
+	let i = W(e.chartType) ?? W(e.type);
 	(i === "bar" || i === "line" || i === "area") && (n.chartType = i);
-	let a = G(e.variant);
+	let a = W(e.variant);
 	(a === "comparison" || a === "current" || a === "primary") && (n.variant = a);
-	let o = K(e.opacity);
+	let o = G(e.opacity);
 	o !== void 0 && (n.opacity = o);
-	let s = G(e.dashArray);
+	let s = W(e.dashArray);
 	s && (n.dashArray = s);
-	let c = G(e.stack);
+	let c = W(e.stack);
 	c && (n.stack = c);
-	let l = G(e.yAxis);
+	let l = W(e.yAxis);
 	(l === "left" || l === "right") && (n.yAxis = l);
-	let u = G(e.color);
+	let u = W(e.color);
 	return u && (n.color = u), n;
 }
-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);
+function H(e) {
+	if (!U(e)) return {};
+	let t = {}, n = W(e.type), r = W(e.chartType) ?? W(e.specType) ?? (n && nt.has(n) ? n : void 0);
+	r && $e.has(r) && (t.chartType = r);
+	let i = e.xAxis, a = B(i);
 	a && (a.format || a.title || a.showGridLines !== void 0) && (t.xAxis = a);
-	let o = G(e.xAxisKey) ?? a?.field ?? G(i);
+	let o = W(e.xAxisKey) ?? a?.field ?? W(i);
 	o && (t.xAxisKey = o);
-	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);
+	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);
 	s.length && (t.yAxes = s);
-	let c = (Array.isArray(e.series) ? e.series : Array.isArray(e.categories) ? e.categories : void 0)?.map(H).filter((e) => !!e);
+	let c = (Array.isArray(e.series) ? e.series : Array.isArray(e.categories) ? e.categories : void 0)?.map(V).filter((e) => !!e);
 	if (!c?.length) {
 		let e = s.filter((e) => e.field).map((e, t) => ({
 			dataKey: e.field,
@@ -91,28 +91,28 @@ function He(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 = B(e.title);
+	let l = z(e.title);
 	l && (t.title = l);
-	let u = B(e.subtitle);
+	let u = z(e.subtitle);
 	u && (t.subtitle = u);
-	let d = B(e.description);
+	let d = z(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;
+	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;
 }
-function Ue(e) {
+function Je(e) {
 	if (e === "bar" || e === "column") return "bar";
 	if (e === "line") return "line";
 	if (e === "area") return "area";
 }
-function We(e, t) {
+function Ye(e, t) {
 	if (e === "combo") return "combo";
-	let n = Ue(e);
+	let n = Je(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 U(e) {
+function Xe(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 U(e) {
 		}
 	};
 }
-function Ge(e, t) {
+function Ze(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 > Ze) return;
+	if (u < 1 || u > K) 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 Ke(e) {
+function Qe(e) {
 	if (!e) return;
 	let { min: t, max: n } = e;
 	if (t !== void 0 || n !== void 0) return [t ?? "auto", n ?? "auto"];
 }
-var qe, Je, Ye, Xe, W, G, K, Ze, Qe = R((() => {
-	qe = /* @__PURE__ */ new Set([
+var $e, et, tt, nt, U, W, G, K, rt = L((() => {
+	$e = /* @__PURE__ */ new Set([
 		"bar",
 		"column",
 		"horizontal-bar",
@@ -168,44 +168,44 @@ var qe, Je, Ye, Xe, W, G, K, Ze, Qe = R((() => {
 		"treemap",
 		"sankey",
 		"combo"
-	]), Je = /* @__PURE__ */ new Set([
+	]), et = /* @__PURE__ */ new Set([
 		"gauge",
 		"solid-gauge",
 		"metric",
 		"kpi",
 		"bullet"
-	]), Ye = /* @__PURE__ */ new Set(["table", "pivot"]), Xe = /* @__PURE__ */ new Set([
-		...qe,
-		...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__ */ z({ default: () => tt });
-function et(e, t = 14) {
+	]), tt = /* @__PURE__ */ new Set(["table", "pivot"]), nt = /* @__PURE__ */ new Set([
+		...$e,
+		...et,
+		...tt
+	]), 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, K = 200;
+})), it = /* @__PURE__ */ R({ default: () => st });
+function at(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__ */ w("g", {
+function ot({ x: e, y: t, payload: n }) {
+	let r = String(n?.value ?? ""), i = at(r);
+	return /* @__PURE__ */ T("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ T("text", {
+		children: /* @__PURE__ */ E("text", {
 			dy: 10,
 			textAnchor: "end",
 			transform: "rotate(-32)",
 			fill: "hsl(var(--muted-foreground))",
 			fontSize: 11,
 			fontFamily: "monospace",
-			children: [r !== i && /* @__PURE__ */ w("title", { children: r }), i]
+			children: [r !== i && /* @__PURE__ */ T("title", { children: r }), i]
 		})
 	});
 }
-function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+function st({ 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__ */ w("div", {
+	return /* @__PURE__ */ T("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__ */ w(Ae, {
+		children: /* @__PURE__ */ T(Fe, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ T(E, {
+			children: /* @__PURE__ */ E(D, {
 				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__ */ T("defs", { children: [/* @__PURE__ */ T("linearGradient", {
+					/* @__PURE__ */ E("defs", { children: [/* @__PURE__ */ E("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ w("stop", {
+							/* @__PURE__ */ T("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ w("stop", {
+							/* @__PURE__ */ T("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ w("stop", {
+							/* @__PURE__ */ T("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ T("filter", {
+					}), /* @__PURE__ */ E("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ w("feGaussianBlur", {
+							/* @__PURE__ */ T("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ w("feOffset", {
+							/* @__PURE__ */ T("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ w("feFlood", {
+							/* @__PURE__ */ T("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ w("feComposite", {
+							/* @__PURE__ */ T("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ T("feMerge", { children: [/* @__PURE__ */ w("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ w("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ E("feMerge", { children: [/* @__PURE__ */ T("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ T("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ w(ge, {
+					/* @__PURE__ */ T(ye, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ w(P, {
+					/* @__PURE__ */ T(N, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ w(q, {}) : {
+						tick: s ? /* @__PURE__ */ T(ot, {}) : {
 							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__ */ w(F, {
+					/* @__PURE__ */ T(P, {
 						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__ */ w(M, {
+					/* @__PURE__ */ T(Ie, {
 						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__ */ w(A, { wrapperStyle: {
+					/* @__PURE__ */ T(k, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ w(me, {
+					/* @__PURE__ */ T(_e, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -329,62 +329,65 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var nt = R((() => {}));
+var ct = L((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
-function rt() {
-	let e = m.useContext(st);
+function q() {
+	let e = h.useContext(pt);
 	if (!e) throw Error("useChart must be used within a <ChartContainer />");
 	return e;
 }
-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(() => {
+function J({ id: e, className: t, children: n, config: r, disableSettleRemount: i, style: a, ...o }) {
+	let s = h.useId(), c = `chart-${e || s.replace(/:/g, "")}`, l = h.useRef(null), [u, d] = h.useState(0);
+	h.useEffect(() => {
 		if (i) return;
-		let e = c.current;
+		let e = l.current;
 		if (e == null || typeof ResizeObserver > "u") return;
 		let t = !1, n, r = new ResizeObserver((e) => {
 			if (t) return;
 			let i = e[0]?.contentRect;
 			i == null || i.width <= 0 || i.height <= 0 || (n != null && clearTimeout(n), n = setTimeout(() => {
-				t = !0, r.disconnect(), u((e) => e + 1);
+				t = !0, r.disconnect(), d((e) => e + 1);
 			}, 80));
 		});
 		return r.observe(e), () => {
 			t = !0, n != null && clearTimeout(n), r.disconnect();
 		};
-	}, [i]), /* @__PURE__ */ w(st.Provider, {
+	}, [i]);
+	let f = a?.height != null || a?.minHeight != null, p = a?.width != null || a?.minWidth != null, m = {
+		...f ? {} : { minHeight: mt },
+		...p ? {} : { minWidth: 0 },
+		...a
+	};
+	return /* @__PURE__ */ T(pt.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ T("div", {
-			ref: c,
+		children: /* @__PURE__ */ E("div", {
+			ref: l,
 			"data-slot": "chart",
-			"data-chart": s,
+			"data-chart": c,
 			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__ */ w(ct, {
-				id: s,
+			style: m,
+			...o,
+			children: [/* @__PURE__ */ T(X, {
+				id: c,
 				config: r
-			}), /* @__PURE__ */ w(Ae, {
+			}), /* @__PURE__ */ T(Fe, {
 				width: "100%",
 				height: "100%",
+				...f ? {} : { minHeight: mt },
 				children: n
-			}, l)]
+			}, u)]
 		})
 	});
 }
-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(() => {
+function lt({ 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 } = q(), m = h.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__ */ w("div", {
+		let [e] = t, n = `${f || e?.dataKey || e?.name || "value"}`, r = dt(p, e, n), a = !f && typeof o == "string" ? p[o]?.label || o : r?.label;
+		return s ? /* @__PURE__ */ T("div", {
 			className: Y("font-medium", c),
 			children: s(a, t)
-		}) : a ? /* @__PURE__ */ w("div", {
+		}) : a ? /* @__PURE__ */ T("div", {
 			className: Y("font-medium", c),
 			children: a
 		}) : null;
@@ -398,30 +401,30 @@ function it({ active: e, payload: t, className: n, indicator: r = "dot", hideLab
 		f
 	]);
 	if (!e || !t?.length) return null;
-	let g = t.length === 1 && r !== "dot";
-	return /* @__PURE__ */ T("div", {
+	let ee = t.length === 1 && r !== "dot";
+	return /* @__PURE__ */ E("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", {
+		children: [ee ? null : m, /* @__PURE__ */ T("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__ */ w("div", {
+				let n = `${d || e.name || e.dataKey || "value"}`, i = dt(p, e, n), o = u || e.payload.fill || e.color;
+				return /* @__PURE__ */ T("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" : ""),
+					children: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ E(me, { children: [i?.icon ? /* @__PURE__ */ T(i.icon, {}) : !a && /* @__PURE__ */ T("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" : "", ee && r === "dashed" ? "my-0.5" : ""),
 						style: {
 							"--color-bg": o,
 							"--color-border": o
 						}
-					}), /* @__PURE__ */ T("div", {
-						className: Y("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ E("div", {
+						className: Y("flex flex-1 justify-between leading-none", ee ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ E("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ w("span", {
+							children: [ee ? m : null, /* @__PURE__ */ T("span", {
 								className: "text-muted-foreground",
 								children: i?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ w("span", {
+						}), e.value && /* @__PURE__ */ T("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -431,15 +434,15 @@ 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__ */ w("div", {
+function ut({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = q();
+	return n?.length ? /* @__PURE__ */ T("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__ */ T("div", {
+			let n = `${i || e.dataKey || "value"}`, r = dt(a, e, n);
+			return /* @__PURE__ */ E("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", {
+				children: [r?.icon && !t ? /* @__PURE__ */ T(r.icon, {}) : /* @__PURE__ */ T("div", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
 				}), r?.label]
@@ -447,18 +450,18 @@ function at({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bo
 		})
 	}) : null;
 }
-function ot(e, t, n) {
+function dt(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 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 = R((() => {
-	Y = (...e) => e.filter(Boolean).join(" "), X = {
+var Y, ft, pt, mt, X, Z, ht, gt = L((() => {
+	Y = (...e) => e.filter(Boolean).join(" "), ft = {
 		light: "",
 		dark: ".dark"
-	}, st = m.createContext(null), ct = ({ id: e, config: t }) => {
+	}, pt = h.createContext(null), mt = 280, X = ({ id: e, config: t }) => {
 		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-		return n.length ? /* @__PURE__ */ w("style", { dangerouslySetInnerHTML: { __html: Object.entries(X).map(([t, r]) => `
+		return n.length ? /* @__PURE__ */ T("style", { dangerouslySetInnerHTML: { __html: Object.entries(ft).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -466,48 +469,48 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, Z = M, lt = A;
+	}, Z = Ie, ht = k;
 }));
 //#endregion
 //#region src/chartDrillEvents.ts
-function dt(e) {
+function _t(e) {
 	return e?.[0]?.dataKey || "value";
 }
-function ft(e, t, n) {
+function vt(e, t, n) {
 	if (!e) return null;
 	let r = e.payload ?? e, i = r?.[t];
 	if (i == null) return null;
-	let a = dt(n);
+	let a = _t(n);
 	return {
 		category: String(i),
 		series: a,
 		value: typeof r?.[a] == "number" ? r[a] : void 0
 	};
 }
-function pt(e, t) {
+function yt(e, t) {
 	if (!e) return null;
 	let n = e.name ?? e.payload?.name ?? e.root?.name;
 	if (n == null) return null;
 	let r = e.value ?? e.size ?? e.payload?.size;
 	return {
 		category: String(n),
-		series: dt(t),
+		series: _t(t),
 		value: typeof r == "number" ? r : void 0
 	};
 }
-function mt(e, t) {
+function bt(e, t) {
 	if (!e) return null;
 	let n = e.payload ?? e, r = n?.name;
 	return r == null || n?.depth === 0 ? null : {
 		category: String(r),
-		series: dt(t),
+		series: _t(t),
 		value: typeof n?.value == "number" ? n.value : void 0
 	};
 }
-var ht = R((() => {})), gt = /* @__PURE__ */ z({ default: () => xt });
-function _t(e) {
+var xt = L((() => {})), St = /* @__PURE__ */ R({ default: () => kt });
+function Ct(e) {
 	let { x: t, y: n, width: r, height: i, name: a, fill: o } = e;
-	return r <= 0 || i <= 0 ? null : /* @__PURE__ */ T("g", { children: [/* @__PURE__ */ w("rect", {
+	return r <= 0 || i <= 0 ? null : /* @__PURE__ */ E("g", { children: [/* @__PURE__ */ T("rect", {
 		x: t,
 		y: n,
 		width: r,
@@ -515,7 +518,7 @@ function _t(e) {
 		fill: o,
 		stroke: "hsl(var(--background))",
 		strokeWidth: 2
-	}), r > 48 && i > 18 ? /* @__PURE__ */ w("text", {
+	}), r > 48 && i > 18 ? /* @__PURE__ */ T("text", {
 		x: t + 6,
 		y: n + 18,
 		fill: "#fff",
@@ -524,102 +527,127 @@ function _t(e) {
 		children: a
 	}) : null] });
 }
-function vt({ title: e, subtitle: t, children: n }) {
-	return !e && !t ? /* @__PURE__ */ w(de, { children: n }) : /* @__PURE__ */ T("div", {
+function wt({ title: e, subtitle: t, children: n }) {
+	return !e && !t ? /* @__PURE__ */ T(me, { children: n }) : /* @__PURE__ */ E("div", {
 		className: "flex h-full w-full flex-col",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ E("div", {
 			className: "mb-2 shrink-0",
-			children: [e ? /* @__PURE__ */ w("div", {
+			children: [e ? /* @__PURE__ */ T("div", {
 				className: "text-sm font-medium leading-tight text-foreground",
 				children: e
-			}) : null, t ? /* @__PURE__ */ w("div", {
+			}) : null, t ? /* @__PURE__ */ T("div", {
 				className: "text-xs leading-tight text-muted-foreground",
 				children: t
 			}) : null]
-		}), /* @__PURE__ */ w("div", {
+		}), /* @__PURE__ */ T("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 = We(ie, a), ae = Ue(ie), b = Array.isArray(n) ? n : [], x = d === !1 ? { isAnimationActive: !1 } : {}, S = {
-		...d === !1 ? { disableSettleRemount: !0 } : {},
+function Tt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: a = "name", series: o = [], className: s = "", colors: c, categoryColors: l, categoryOrder: u, onChartClick: d, isAnimationActive: f, xAxis: p, yAxes: m, showLegend: ee, showDataLabels: te, title: ne, subtitle: re, description: g, height: _, annotations: ie, interaction: ae }) {
+	let oe = e === "column" ? "bar" : e, v = Ye(oe, o), y = Je(oe), b = Array.isArray(n) ? n : [], x = f === !1 ? { isAnimationActive: !1 } : {}, S = {
+		...f === !1 ? { disableSettleRemount: !0 } : {},
 		..._ ? { style: { height: _ } } : {},
-		...ne ? {
+		...g ? {
 			role: "img",
-			"aria-label": ne
+			"aria-label": g
 		} : {}
-	}, [C, oe] = m.useState(!1), se = m.useCallback((e) => {
-		if (!u || !e) return;
-		let t = Array.isArray(e.activePayload) ? e.activePayload[0] : void 0;
-		u({
+	}, [C, se] = h.useState(!1), ce = h.useRef(null), le = h.useCallback((e) => (...t) => {
+		let n = Ft(t);
+		n !== void 0 && (ce.current = {
+			gesture: n,
+			dataKey: String(e.dataKey)
+		});
+	}, []), ue = d ? (e) => ({ onClick: le(e) }) : () => ({}), de = h.useCallback((e, t, n) => {
+		if (!d || !e) return;
+		let r = e.activeTooltipIndex ?? e.activeIndex, a = r == null ? NaN : Number(r), s = Number.isInteger(a) && a >= 0 ? b[a] : void 0, c = ce.current;
+		ce.current = null;
+		let l = Pt(t), u = c != null && l !== void 0 && c.gesture === l;
+		if (n && !u) return;
+		let f = u ? c.dataKey : Nt(e.activeDataKey, o), p = f != null && s ? s[f] : void 0;
+		d({
 			category: e.activeLabel == null ? void 0 : String(e.activeLabel),
-			series: t?.dataKey ? String(t.dataKey) : void 0,
-			value: typeof t?.value == "number" ? t.value : void 0
+			categoryId: i(s),
+			series: f,
+			seriesLabel: It(f, o),
+			value: typeof p == "number" ? p : void 0
 		});
-	}, [u]), ce = m.useCallback((e) => {
-		if (!u || !e) return;
-		let t = e.payload?.[i], n = a[0]?.dataKey || "value";
-		u({
+	}, [
+		d,
+		b,
+		o
+	]), fe = h.useCallback((e, t) => {
+		de(e, t, !1);
+	}, [de]), pe = h.useCallback((e, t) => {
+		de(e, t, !0);
+	}, [de]), w = h.useCallback((e) => {
+		if (!d || !e) return;
+		let t = e.payload?.[a], n = o[0]?.dataKey || "value";
+		d({
 			category: t == null ? void 0 : String(t),
+			categoryId: i(e.payload),
 			series: n,
+			seriesLabel: It(n, o),
 			value: typeof e.payload?.[n] == "number" ? e.payload[n] : void 0
 		});
 	}, [
-		u,
-		i,
-		a
-	]), le = u ? {
-		onClick: se,
+		d,
+		a,
+		o
+	]), k = d ? {
+		onClick: fe,
 		style: { cursor: "pointer" }
-	} : {}, ue = u ? {
-		onClick: ce,
+	} : {}, Fe = d ? { onClick: pe } : {}, F = d ? (e) => ({
+		...ue(e),
+		cursor: "pointer"
+	}) : () => ({}), ze = d ? {
+		onClick: w,
 		style: { cursor: "pointer" }
-	} : {}, 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);
+	} : {}, Be = h.useCallback((e, t, n) => l && l[e == null ? "" : String(e)] || n[t % n.length], [l]), Ve = h.useCallback((e) => {
+		if (!d) return;
+		let t = vt(e, a, o);
+		t && d(t);
 	}, [
-		u,
-		i,
-		a
-	]), Pe = m.useCallback((e) => {
-		if (!u) return;
-		let t = pt(e, a);
-		t && u(t);
-	}, [u, a]), Fe = m.useCallback((e) => {
-		if (!u) return;
-		let t = mt(e, a);
-		t && u(t);
-	}, [u, a]), Ie = u ? {
-		onClick: Ae,
+		d,
+		a,
+		o
+	]), He = h.useCallback((e) => {
+		if (!d) return;
+		let t = yt(e, o);
+		t && d(t);
+	}, [d, o]), Ue = h.useCallback((e) => {
+		if (!d) return;
+		let t = bt(e, o);
+		t && d(t);
+	}, [d, o]), We = d ? {
+		onClick: Ve,
 		cursor: "pointer"
-	} : {}, Le = u ? {
-		onClick: Pe,
+	} : {}, Ge = d ? {
+		onClick: He,
 		style: { cursor: "pointer" }
-	} : {}, Re = u ? {
-		onClick: Fe,
+	} : {}, Ke = d ? {
+		onClick: Ue,
 		style: { cursor: "pointer" }
 	} : {};
-	m.useEffect(() => {
-		let e = () => oe(window.innerWidth < 640);
+	h.useEffect(() => {
+		let e = () => se(window.innerWidth < 640);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let ze = {
-		bar: E,
-		"horizontal-bar": E,
-		line: be,
-		area: pe,
-		pie: Se,
-		donut: Se,
-		radar: De,
-		scatter: j,
-		funnel: O,
-		combo: _e,
-		treemap: E,
-		sankey: E
-	}[y] || E, Be = m.useCallback((e) => {
+	let qe = {
+		bar: D,
+		"horizontal-bar": D,
+		line: Te,
+		area: ge,
+		pie: De,
+		donut: De,
+		radar: Me,
+		scatter: M,
+		funnel: Se,
+		combo: O,
+		treemap: D,
+		sankey: D
+	}[v] || D, I = h.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = r?.[String(e)]?.label;
 		if (t != null) return String(t);
@@ -627,7 +655,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) / 864e5;
+				let t = (b.length > 1 ? Math.abs(new Date(String(b[b.length - 1][a] ?? "")).getTime() - new Date(String(b[0][a] ?? "")).getTime()) : 0) / 864e5;
 				try {
 					return t <= 62 ? e.toLocaleDateString(void 0, {
 						month: "short",
@@ -644,16 +672,16 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		return C && n.length > 8 ? n.slice(0, 8) + "…" : n;
 	}, [
 		b,
-		i,
+		a,
 		C,
 		r
-	]), Ve = m.useMemo(() => b.some((e) => String(e[i] || "").length > 5), [b, i]), I = () => Array.isArray(s) && s.length > 0 ? s : [
+	]), L = h.useMemo(() => b.some((e) => String(e[a] || "").length > 5), [b, a]), R = () => Array.isArray(c) && c.length > 0 ? c : [
 		"hsl(var(--chart-1))",
 		"hsl(var(--chart-2))",
 		"hsl(var(--chart-3))",
 		"hsl(var(--chart-4))",
 		"hsl(var(--chart-5))"
-	], L = m.useCallback((e) => {
+	], z = h.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "number" ? e : Number(e);
 		if (!Number.isFinite(t)) return String(e);
@@ -665,8 +693,8 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		} catch {
 			return String(t);
 		}
-	}, []), 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 = [];
+	}, []), B = m?.[0], V = m && m.length > 1 ? m[1] : B?.position === "right" ? B : void 0, H = !!m && m.length > 1, nt = h.useMemo(() => Xe(p?.format) ?? I, [p?.format, I]), U = h.useMemo(() => Xe(B?.format) ?? z, [B?.format, z]), W = h.useMemo(() => Xe(V?.format) ?? z, [V?.format, z]), G = h.useCallback((e) => {
+		let t = o.filter((t) => H ? (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);
@@ -674,11 +702,11 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		return n;
 	}, [
 		b,
-		a,
-		B
-	]), W = m.useCallback((e, t = "left") => {
+		o,
+		H
+	]), K = h.useCallback((e, t = "left") => {
 		if (!e) return {};
-		let n = Ke(e), r = Ge(e, Xe(t));
+		let n = Qe(e), r = Ze(e, G(t));
 		return {
 			...r ? { ticks: r } : {},
 			...n ? { domain: n } : {},
@@ -693,17 +721,17 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				position: "insideLeft"
 			} } : {}
 		};
-	}, [Xe]), G = R?.showGridLines !== !1, K = {
-		vertical: f?.showGridLines === !0,
-		horizontal: G
-	}, Ze = h !== !1, Qe = m.useMemo(() => {
-		if (!Array.isArray(re) || re.length === 0) return null;
+	}, [G]), rt = B?.showGridLines !== !1, it = {
+		vertical: p?.showGridLines === !0,
+		horizontal: rt
+	}, at = ee !== !1, ot = h.useMemo(() => {
+		if (!Array.isArray(ie) || ie.length === 0) return null;
 		let e = {
 			solid: void 0,
 			dashed: "4 4",
 			dotted: "1 4"
 		};
-		return re.map((t, n) => {
+		return ie.map((t, n) => {
 			let r = t?.axis === "x", i = Q(String(t?.color || "hsl(var(--muted-foreground))")), a = e[String(t?.style ?? "dashed")], o = typeof t?.label == "string" ? t.label : void 0, s = o ? { label: {
 				value: o,
 				position: "insideTopRight",
@@ -718,9 +746,9 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					y1: t.value,
 					y2: t.endValue
 				};
-				return /* @__PURE__ */ w(Oe, {
+				return /* @__PURE__ */ T(Ne, {
 					...e,
-					...B && !r ? { yAxisId: "left" } : {},
+					...H && !r ? { yAxisId: "left" } : {},
 					fill: i,
 					fillOpacity: .12,
 					stroke: i,
@@ -728,198 +756,199 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					...s
 				}, `ann-${n}`);
 			}
-			return /* @__PURE__ */ w(ke, {
+			return /* @__PURE__ */ T(Pe, {
 				...r ? { x: t?.value } : { y: t?.value },
-				...B && !r ? { yAxisId: "left" } : {},
+				...H && !r ? { yAxisId: "left" } : {},
 				stroke: i,
 				strokeDasharray: a,
 				...s
 			}, `ann-${n}`);
 		});
-	}, [re, B]), $e = v?.tooltips !== !1, et = v?.brush === !0 ? /* @__PURE__ */ w(he, {
-		dataKey: i,
+	}, [ie, H]), st = ae?.tooltips !== !1, ct = ae?.brush === !0 ? /* @__PURE__ */ T(ve, {
+		dataKey: a,
 		height: 24,
 		travellerWidth: 8,
 		stroke: "hsl(var(--muted-foreground))"
-	}) : null, q = (e) => g ? /* @__PURE__ */ w(k, {
+	}) : null, q = (e) => te ? /* @__PURE__ */ T(Ce, {
 		position: "top",
 		className: "fill-foreground",
 		fontSize: 11,
 		...e ? { formatter: e } : {}
-	}) : null, tt = m.useMemo(() => ({
+	}) : null, dt = h.useMemo(() => ({
 		tickLine: !1,
 		tickMargin: 10,
 		axisLine: !1,
 		interval: "preserveStartEnd",
 		minTickGap: C ? 32 : 48,
-		tickFormatter: V,
-		...f?.title ? { label: {
-			value: f.title,
+		tickFormatter: nt,
+		...p?.title ? { label: {
+			value: p.title,
 			position: "insideBottom",
 			offset: -4
 		} } : {},
-		...!C && Ve && {
+		...!C && L && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
 		C,
-		Ve,
-		V,
-		f?.title
+		L,
+		nt,
+		p?.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__ */ w("div", {
-			className: o,
+	if (v && et.has(v)) {
+		let e = o[0]?.dataKey || "value", t = b[0]?.[e], n = typeof t == "number" ? t : Number(t), i = o[0]?.label ?? r?.[e]?.label ?? e;
+		return /* @__PURE__ */ T("div", {
+			className: s,
 			"data-testid": "advanced-chart-single-value",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ E("div", {
 				className: "flex flex-col gap-1 py-4",
-				children: [/* @__PURE__ */ w("span", {
+				children: [/* @__PURE__ */ T("span", {
 					className: "text-3xl font-semibold tabular-nums",
 					children: Number.isFinite(n) ? new Intl.NumberFormat().format(n) : String(t ?? "—")
-				}), /* @__PURE__ */ w("span", {
+				}), /* @__PURE__ */ T("span", {
 					className: "text-xs text-muted-foreground",
 					children: String(i)
 				})]
 			})
 		});
 	}
-	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 ?? ""}`,
+	if (v && tt.has(v)) return /* @__PURE__ */ E("div", {
+		className: `rounded-md border border-dashed bg-muted/20 px-3 py-2 text-xs text-muted-foreground ${s ?? ""}`,
 		"data-testid": "advanced-chart-tabular-notice",
 		role: "note",
 		children: [
 			"Chart type “",
-			y,
+			v,
 			"” is tabular — render it with the data-table / pivot components; a chart block draws series charts."
 		]
 	});
-	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 ?? ""}`,
+	if (v && !$e.has(v)) return /* @__PURE__ */ E("div", {
+		className: `rounded-md border border-dashed bg-muted/20 px-3 py-2 text-xs text-muted-foreground ${s ?? ""}`,
 		"data-testid": "advanced-chart-unknown-type",
 		role: "note",
 		children: [
 			"Chart type “",
-			y,
+			v,
 			"” is not a spec chart type — nothing was drawn."
 		]
 	});
-	if (y === "pie" || y === "donut") {
-		let e = y === "donut" ? "52%" : 0, t = I(), n = { ...r };
+	if (v === "pie" || v === "donut") {
+		let e = v === "donut" ? "52%" : 0, t = R(), n = { ...r };
 		return b.forEach((e, r) => {
-			let a = e?.[i];
-			if (a == null || a === "") return;
-			let o = String(a);
+			let i = e?.[a];
+			if (i == null || i === "") return;
+			let o = String(i);
 			n[o] || (n[o] = {
 				label: o,
-				color: A(a, r, t)
+				color: Be(i, r, t)
 			});
-		}), /* @__PURE__ */ w(J, {
+		}), /* @__PURE__ */ T(J, {
 			config: n,
-			className: o,
+			className: s,
 			...S,
-			children: /* @__PURE__ */ T(Se, { children: [
-				/* @__PURE__ */ w(Z, {
+			children: /* @__PURE__ */ E(De, { children: [
+				/* @__PURE__ */ T(Z, {
 					cursor: !1,
-					content: /* @__PURE__ */ w(it, { hideLabel: !0 })
+					content: /* @__PURE__ */ T(lt, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ w(xe, {
+				/* @__PURE__ */ T(Ee, {
 					data: b,
-					dataKey: a[0]?.dataKey || "value",
-					nameKey: i || "name",
+					dataKey: o[0]?.dataKey || "value",
+					nameKey: a || "name",
 					innerRadius: e,
 					strokeWidth: 5,
 					paddingAngle: 2,
 					outerRadius: "85%",
 					...x,
-					...ue,
+					...ze,
 					children: b.map((e, n) => {
-						let r = A(e?.[i], n, t);
-						return /* @__PURE__ */ w(D, { fill: Q(r) }, `cell-${n}`);
+						let r = Be(e?.[a], n, t);
+						return /* @__PURE__ */ T(be, { fill: Q(r) }, `cell-${n}`);
 					})
 				}),
-				Ze ? /* @__PURE__ */ w(lt, {
+				at ? /* @__PURE__ */ T(ht, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: C ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ w(at, {
-						nameKey: i,
+					content: /* @__PURE__ */ T(ut, {
+						nameKey: a,
 						className: "flex-wrap"
 					})
 				}) : null
 			] })
 		});
 	}
-	if (y === "funnel") {
-		let e = a[0]?.dataKey || "value", n = I(), s = u ? (t) => {
-			t && u({
-				category: t?.payload?.[i] ?? t?.[i],
+	if (v === "funnel") {
+		let e = o[0]?.dataKey || "value", n = R(), c = d ? (t) => {
+			t && d({
+				category: t?.payload?.[a] ?? t?.[a],
+				categoryId: i(t?.payload) ?? i(t),
 				value: t?.payload?.[e] ?? t?.[e]
 			});
-		} : void 0, c = s ? {
-			onClick: s,
+		} : void 0, l = c ? {
+			onClick: c,
 			style: { cursor: "pointer" }
-		} : {}, d = t(l), f = d ? [...b].sort((e, t) => (d.get(String(e?.[i] ?? "")) ?? 2 ** 53 - 1) - (d.get(String(t?.[i] ?? "")) ?? 2 ** 53 - 1)) : [...b].sort((t, n) => {
+		} : {}, f = t(u), p = f ? [...b].sort((e, t) => (f.get(String(e?.[a] ?? "")) ?? 2 ** 53 - 1) - (f.get(String(t?.[a] ?? "")) ?? 2 ** 53 - 1)) : [...b].sort((t, n) => {
 			let r = Number(t?.[e] ?? 0);
 			return Number(n?.[e] ?? 0) - r;
 		});
-		return /* @__PURE__ */ w(J, {
+		return /* @__PURE__ */ T(J, {
 			config: r,
-			className: o,
+			className: s,
 			...S,
-			children: /* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }), /* @__PURE__ */ T(ve, {
+			children: /* @__PURE__ */ E(Se, { children: [/* @__PURE__ */ T(Z, { content: /* @__PURE__ */ T(lt, {}) }), /* @__PURE__ */ E(xe, {
 				dataKey: e,
-				data: f,
-				nameKey: i,
+				data: p,
+				nameKey: a,
 				...x,
-				...c,
-				children: [/* @__PURE__ */ w(k, {
+				...l,
+				children: [/* @__PURE__ */ T(Ce, {
 					position: "right",
 					fill: "hsl(var(--foreground))",
 					stroke: "none",
-					dataKey: i
-				}), f.map((e, t) => /* @__PURE__ */ w(D, { fill: Q(n[t % n.length]) }, `funnel-cell-${t}`))]
+					dataKey: a
+				}), p.map((e, t) => /* @__PURE__ */ T(be, { fill: Q(n[t % n.length]) }, `funnel-cell-${t}`))]
 			})] })
 		});
 	}
-	if (y === "treemap") {
-		let e = a[0]?.dataKey || "value", t = I(), n = b.map((n, r) => ({
-			name: String(n?.[i] ?? ""),
+	if (v === "treemap") {
+		let e = o[0]?.dataKey || "value", t = R(), n = b.map((n, r) => ({
+			name: String(n?.[a] ?? ""),
 			size: Number(n?.[e]) || 0,
 			fill: Q(t[r % t.length])
 		}));
-		return /* @__PURE__ */ w(J, {
+		return /* @__PURE__ */ T(J, {
 			config: r,
-			className: o,
+			className: s,
 			...S,
-			children: /* @__PURE__ */ w(N, {
+			children: /* @__PURE__ */ T(Le, {
 				data: n,
 				dataKey: "size",
 				nameKey: "name",
 				...x,
-				content: /* @__PURE__ */ w(_t, {}),
-				...Le,
-				children: /* @__PURE__ */ w(M, {})
+				content: /* @__PURE__ */ T(Ct, {}),
+				...Ge,
+				children: /* @__PURE__ */ T(Ie, {})
 			})
 		});
 	}
-	if (y === "sankey") {
-		let e = a[0]?.dataKey || "value", t = a[0]?.label || e, n = b.filter((t) => (Number(t?.[e]) || 0) > 0), s = [{ name: t }, ...n.map((e) => ({ name: String(e?.[i] ?? "") }))], c = n.map((t, n) => ({
+	if (v === "sankey") {
+		let e = o[0]?.dataKey || "value", t = o[0]?.label || e, n = b.filter((t) => (Number(t?.[e]) || 0) > 0), i = [{ name: t }, ...n.map((e) => ({ name: String(e?.[a] ?? "") }))], c = n.map((t, n) => ({
 			source: 0,
 			target: n + 1,
 			value: Number(t?.[e]) || 0
 		}));
-		return c.length === 0 ? /* @__PURE__ */ w("div", { className: o }) : /* @__PURE__ */ w(J, {
+		return c.length === 0 ? /* @__PURE__ */ T("div", { className: s }) : /* @__PURE__ */ T(J, {
 			config: r,
-			className: o,
+			className: s,
 			...S,
-			children: /* @__PURE__ */ w(je, {
+			children: /* @__PURE__ */ T(A, {
 				data: {
-					nodes: s,
+					nodes: i,
 					links: c
 				},
 				nodePadding: 24,
@@ -928,24 +957,24 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					strokeOpacity: .25
 				},
 				node: { fill: "hsl(var(--chart-1))" },
-				...Re,
-				children: /* @__PURE__ */ w(M, {})
+				...Ke,
+				children: /* @__PURE__ */ T(Ie, {})
 			})
 		});
 	}
-	if (y === "radar") return /* @__PURE__ */ w(J, {
+	if (v === "radar") return /* @__PURE__ */ T(J, {
 		config: r,
-		className: o,
+		className: s,
 		...S,
-		children: /* @__PURE__ */ T(De, {
+		children: /* @__PURE__ */ E(Me, {
 			data: b,
 			children: [
-				/* @__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, {}),
+				/* @__PURE__ */ T(ke, {}),
+				/* @__PURE__ */ T(Oe, { dataKey: a }),
+				/* @__PURE__ */ T(Ae, {}),
+				/* @__PURE__ */ T(Z, { content: /* @__PURE__ */ T(lt, {}) }),
+				/* @__PURE__ */ T(ht, {
+					content: /* @__PURE__ */ T(ut, {}),
 					...C && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
@@ -954,9 +983,9 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 						}
 					}
 				}),
-				a.map((e) => {
-					let t = Q(r[e.dataKey]?.color || St);
-					return /* @__PURE__ */ w(Ee, {
+				o.map((e) => {
+					let t = Q(r[e.dataKey]?.color || At);
+					return /* @__PURE__ */ T(je, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
@@ -967,36 +996,36 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			]
 		})
 	});
-	if (y === "scatter") return /* @__PURE__ */ w(J, {
+	if (v === "scatter") return /* @__PURE__ */ T(J, {
 		config: r,
-		className: o,
+		className: s,
 		...S,
-		children: /* @__PURE__ */ T(j, { children: [
-			/* @__PURE__ */ w(ge, { vertical: !1 }),
-			/* @__PURE__ */ w(P, {
+		children: /* @__PURE__ */ E(M, { children: [
+			/* @__PURE__ */ T(ye, { vertical: !1 }),
+			/* @__PURE__ */ T(N, {
 				type: "number",
-				dataKey: i,
-				name: String(r[i]?.label || i),
+				dataKey: a,
+				name: String(r[a]?.label || a),
 				tickLine: !1,
 				axisLine: !1,
 				minTickGap: C ? 32 : 48
 			}),
-			/* @__PURE__ */ w(F, {
+			/* @__PURE__ */ T(P, {
 				type: "number",
-				dataKey: a[0]?.dataKey || "value",
-				name: String(r[a[0]?.dataKey]?.label || a[0]?.dataKey),
+				dataKey: o[0]?.dataKey || "value",
+				name: String(r[o[0]?.dataKey]?.label || o[0]?.dataKey),
 				tickLine: !1,
 				axisLine: !1,
-				tickFormatter: L,
+				tickFormatter: z,
 				width: 48
 			}),
-			/* @__PURE__ */ w(Ne, {
+			/* @__PURE__ */ T(Re, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }),
-			/* @__PURE__ */ w(lt, {
-				content: /* @__PURE__ */ w(at, {}),
+			/* @__PURE__ */ T(Z, { content: /* @__PURE__ */ T(lt, {}) }),
+			/* @__PURE__ */ T(ht, {
+				content: /* @__PURE__ */ T(ut, {}),
 				...C && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
@@ -1005,54 +1034,55 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 					}
 				}
 			}),
-			a.map((e, t) => {
-				let n = I(), i = Q(r[e.dataKey]?.color || n[t % n.length]), a = wt(e, "scatter");
-				return /* @__PURE__ */ w(Me, {
+			o.map((e, t) => {
+				let n = R(), i = Q(r[e.dataKey]?.color || n[t % n.length]), a = Mt(e, "scatter");
+				return /* @__PURE__ */ T(j, {
 					name: r[e.dataKey]?.label || e.dataKey,
 					data: b,
 					fill: i,
 					fillOpacity: a?.fillOpacity,
 					...x,
-					...Ie
+					...We
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (y === "combo") return /* @__PURE__ */ w(vt, {
-		title: ee,
-		subtitle: te,
-		children: /* @__PURE__ */ w(J, {
+	if (v === "combo") return /* @__PURE__ */ T(wt, {
+		title: ne,
+		subtitle: re,
+		children: /* @__PURE__ */ T(J, {
 			config: r,
-			className: o,
+			className: s,
 			...S,
-			children: /* @__PURE__ */ T(_e, {
+			children: /* @__PURE__ */ E(O, {
 				data: b,
+				...Fe,
 				children: [
-					/* @__PURE__ */ w(ge, { ...K }),
-					/* @__PURE__ */ w(P, {
-						dataKey: i,
-						...tt
+					/* @__PURE__ */ T(ye, { ...it }),
+					/* @__PURE__ */ T(N, {
+						dataKey: a,
+						...dt
 					}),
-					/* @__PURE__ */ w(F, {
+					/* @__PURE__ */ T(P, {
 						yAxisId: "left",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: H,
+						tickFormatter: U,
 						width: 48,
-						...W(R)
+						...K(B)
 					}),
-					/* @__PURE__ */ w(F, {
+					/* @__PURE__ */ T(P, {
 						yAxisId: "right",
 						orientation: "right",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: He,
+						tickFormatter: W,
 						width: 48,
-						...W(z, "right")
+						...K(V, "right")
 					}),
-					$e ? /* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }) : null,
-					Ze ? /* @__PURE__ */ w(lt, {
-						content: /* @__PURE__ */ w(at, {}),
+					st ? /* @__PURE__ */ T(Z, { content: /* @__PURE__ */ T(lt, {}) }) : null,
+					at ? /* @__PURE__ */ T(ht, {
+						content: /* @__PURE__ */ T(ut, {}),
 						...C && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
@@ -1061,11 +1091,11 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							}
 						}
 					}) : null,
-					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 = U((a === "right" ? z : R)?.format);
-						return i === "line" ? /* @__PURE__ */ w(ye, {
+					ot,
+					ct,
+					o.map((e, t) => {
+						let n = Q(r[e.dataKey]?.color || At), i = e.chartType || y || (t === 0 ? "bar" : "line"), a = e.yAxis === "right" || e.yAxis === "left" ? e.yAxis : y || i === "bar" ? "left" : "right", o = Mt(e, i), s = e.stack ? { stackId: String(e.stack) } : {}, c = Xe((a === "right" ? V : B)?.format);
+						return i === "line" ? /* @__PURE__ */ T(we, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1075,8 +1105,9 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							strokeOpacity: o?.strokeOpacity,
 							strokeDasharray: o?.strokeDasharray,
 							...x,
+							...F(e),
 							children: q(c)
-						}, e.dataKey) : i === "area" ? /* @__PURE__ */ w(fe, {
+						}, e.dataKey) : i === "area" ? /* @__PURE__ */ T(he, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1087,8 +1118,9 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							strokeDasharray: o?.strokeDasharray,
 							...s,
 							...x,
+							...F(e),
 							children: q(c)
-						}, e.dataKey) : /* @__PURE__ */ w(me, {
+						}, e.dataKey) : /* @__PURE__ */ T(_e, {
 							yAxisId: a,
 							dataKey: e.dataKey,
 							fill: n,
@@ -1096,6 +1128,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							fillOpacity: o?.fillOpacity,
 							...s,
 							...x,
+							...F(e),
 							children: q(c)
 						}, e.dataKey);
 					})
@@ -1103,94 +1136,94 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			})
 		})
 	});
-	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))
+	let Y = v === "horizontal-bar", ft = R(), pt = l ? Object.values(l).map((e) => Q(String(e))) : [], mt = Array.from(/* @__PURE__ */ new Set([
+		...ft,
+		...pt,
+		...o.map((e, t) => Q(r[e.dataKey]?.color || ft[t % ft.length] || At))
 	])), X = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
-	return /* @__PURE__ */ w(vt, {
-		title: ee,
-		subtitle: te,
-		children: /* @__PURE__ */ w(J, {
+	return /* @__PURE__ */ T(wt, {
+		title: ne,
+		subtitle: re,
+		children: /* @__PURE__ */ T(J, {
 			config: r,
-			className: o,
+			className: s,
 			...S,
-			children: /* @__PURE__ */ T(ze, {
+			children: /* @__PURE__ */ E(qe, {
 				data: b,
-				layout: nt ? "vertical" : "horizontal",
-				...le,
+				layout: Y ? "vertical" : "horizontal",
+				...k,
 				children: [
-					/* @__PURE__ */ w("defs", { children: Y.map((e) => /* @__PURE__ */ T(m.Fragment, { children: [/* @__PURE__ */ T("linearGradient", {
+					/* @__PURE__ */ T("defs", { children: mt.map((e) => /* @__PURE__ */ E(h.Fragment, { children: [/* @__PURE__ */ E("linearGradient", {
 						id: `bg-${X(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ w("stop", {
+						children: [/* @__PURE__ */ T("stop", {
 							offset: "0%",
 							style: { stopColor: e },
 							stopOpacity: .95
-						}), /* @__PURE__ */ w("stop", {
+						}), /* @__PURE__ */ T("stop", {
 							offset: "100%",
 							style: { stopColor: e },
 							stopOpacity: .5
 						})]
-					}), /* @__PURE__ */ T("linearGradient", {
+					}), /* @__PURE__ */ E("linearGradient", {
 						id: `ag-${X(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ w("stop", {
+						children: [/* @__PURE__ */ T("stop", {
 							offset: "0%",
 							style: { stopColor: e },
 							stopOpacity: .5
-						}), /* @__PURE__ */ w("stop", {
+						}), /* @__PURE__ */ T("stop", {
 							offset: "95%",
 							style: { stopColor: e },
 							stopOpacity: .05
 						})]
 					})] }, X(e))) }),
-					/* @__PURE__ */ w(ge, { ...K }),
-					nt ? /* @__PURE__ */ T(de, { children: [/* @__PURE__ */ w(P, {
+					/* @__PURE__ */ T(ye, { ...it }),
+					Y ? /* @__PURE__ */ E(me, { children: [/* @__PURE__ */ T(N, {
 						type: "number",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: H,
-						...W(R)
-					}), /* @__PURE__ */ w(F, {
+						tickFormatter: U,
+						...K(B)
+					}), /* @__PURE__ */ T(P, {
 						type: "category",
-						dataKey: i,
+						dataKey: a,
 						tickLine: !1,
 						axisLine: !1,
-						width: Math.min(140, Math.max(60, Math.max(...b.map((e) => String(e[i] ?? "").length)) * 7)),
-						tickFormatter: V
-					})] }) : /* @__PURE__ */ T(de, { children: [
-						/* @__PURE__ */ w(P, {
-							dataKey: i,
-							...tt
+						width: Math.min(140, Math.max(60, Math.max(...b.map((e) => String(e[a] ?? "").length)) * 7)),
+						tickFormatter: nt
+					})] }) : /* @__PURE__ */ E(me, { children: [
+						/* @__PURE__ */ T(N, {
+							dataKey: a,
+							...dt
 						}),
-						/* @__PURE__ */ w(F, {
-							...B ? { yAxisId: "left" } : {},
+						/* @__PURE__ */ T(P, {
+							...H ? { yAxisId: "left" } : {},
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: H,
+							tickFormatter: U,
 							width: 48,
-							...W(R)
+							...K(B)
 						}),
-						B ? /* @__PURE__ */ w(F, {
+						H ? /* @__PURE__ */ T(P, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: He,
+							tickFormatter: W,
 							width: 48,
-							...W(z, "right")
+							...K(V, "right")
 						}) : null
 					] }),
-					$e ? /* @__PURE__ */ w(Z, { content: /* @__PURE__ */ w(it, {}) }) : null,
-					Ze ? /* @__PURE__ */ w(lt, {
-						content: /* @__PURE__ */ w(at, {}),
+					st ? /* @__PURE__ */ T(Z, { content: /* @__PURE__ */ T(lt, {}) }) : null,
+					at ? /* @__PURE__ */ T(ht, {
+						content: /* @__PURE__ */ T(ut, {}),
 						...C && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
@@ -1199,13 +1232,13 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							}
 						}
 					}) : null,
-					Qe,
-					et,
-					a.map((e, t) => {
-						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__ */ T(me, {
+					ot,
+					ct,
+					o.map((e, t) => {
+						let n = R(), i = e.variant === "comparison", s = i ? o.slice(0, t).find((e) => e.variant !== "comparison") || o[0] : e, c = i ? o.indexOf(s) : t, l = Q(r[s.dataKey]?.color || n[c % n.length] || At), u = H ? { yAxisId: e.yAxis === "right" ? "right" : "left" } : {}, d = e.stack ? { stackId: String(e.stack) } : {}, f = Xe((e.yAxis === "right" ? V : B)?.format);
+						if (v === "bar" || v === "horizontal-bar") {
+							let t = o.filter((e) => e.variant !== "comparison").length === 1 && !i && o.length === 1 && b.length > 1, r = Mt(e, "bar");
+							return /* @__PURE__ */ E(_e, {
 								dataKey: e.dataKey,
 								fill: `url(#bg-${X(l)})`,
 								radius: 4,
@@ -1213,12 +1246,13 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								...d,
 								...u,
 								...x,
-								children: [t && b.map((e, t) => /* @__PURE__ */ w(D, { fill: `url(#bg-${X(Q(A(e?.[i], t, n)))})` }, `cell-${t}`)), q(f)]
+								...ue(e),
+								children: [t && b.map((e, t) => /* @__PURE__ */ T(be, { fill: `url(#bg-${X(Q(Be(e?.[a], t, n)))})` }, `cell-${t}`)), q(f)]
 							}, e.dataKey);
 						}
-						if (y === "line") {
-							let t = wt(e, "line");
-							return /* @__PURE__ */ w(ye, {
+						if (v === "line") {
+							let t = Mt(e, "line");
+							return /* @__PURE__ */ T(we, {
 								type: "monotone",
 								dataKey: e.dataKey,
 								stroke: l,
@@ -1228,12 +1262,13 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								strokeDasharray: t?.strokeDasharray,
 								...u,
 								...x,
+								...ue(e),
 								children: q(f)
 							}, e.dataKey);
 						}
-						if (y === "area") {
-							let t = wt(e, "area");
-							return /* @__PURE__ */ w(fe, {
+						if (v === "area") {
+							let t = Mt(e, "area");
+							return /* @__PURE__ */ T(he, {
 								type: "monotone",
 								dataKey: e.dataKey,
 								fill: `url(#ag-${X(l)})`,
@@ -1245,6 +1280,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								...d,
 								...u,
 								...x,
+								...ue(e),
 								children: q(f)
 							}, e.dataKey);
 						}
@@ -1255,35 +1291,64 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		})
 	});
 }
-function bt(e) {
+function Et(e) {
 	let t = e.chartType === "column" ? "bar" : e.chartType ?? "bar", n = Array.isArray(e.data) ? e.data : [], r = e.xAxisKey ?? "name";
-	return Tt.has(t) && n.length > 0 && !n.some((e) => typeof e == "object" && !!e && r in e);
+	return Lt.has(t) && n.length > 0 && !n.some((e) => typeof e == "object" && !!e && r in e);
+}
+function Dt(e) {
+	let t = e.chartType === "column" ? "bar" : e.chartType ?? "bar", n = Array.isArray(e.data) ? e.data : [];
+	return Rt.has(t) && n.length > 0 && Array.isArray(e.series) && e.series.length === 0;
+}
+function Ot({ code: e, className: t, children: n }) {
+	return /* @__PURE__ */ T("div", {
+		className: `flex h-full min-h-[120px] w-full items-center justify-center p-4 text-center text-sm text-muted-foreground ${t ?? ""}`,
+		role: "status",
+		"data-chart-error": e,
+		children: /* @__PURE__ */ T("span", { children: n })
+	});
 }
-function xt(e) {
-	let t = bt(e), n = e.xAxisKey ?? "name", r = m.useMemo(() => Object.keys((Array.isArray(e.data) ? e.data[0] : void 0) ?? {}), [e.data]);
-	return m.useEffect(() => {
-		t && console.warn(`[chart] no row has the category key "${n}" — rendering an explanatory placeholder instead of an empty axis. Row keys: ${JSON.stringify(r)}. A dataset query must PROJECT the dimension it groups by (framework#4033).`);
+function kt(e) {
+	let t = Et(e), n = !t && Dt(e), r = e.xAxisKey ?? "name", i = h.useMemo(() => Object.keys((Array.isArray(e.data) ? e.data[0] : void 0) ?? {}), [e.data]);
+	return h.useEffect(() => {
+		t && console.warn(`[chart] no row has the category key "${r}" — rendering an explanatory placeholder instead of an empty axis. Row keys: ${JSON.stringify(i)}. A dataset query must PROJECT the dimension it groups by (framework#4033).`);
 	}, [
 		t,
+		r,
+		i
+	]), h.useEffect(() => {
+		n && console.warn(`[chart] no series to plot against the category axis "${r}" — rendering an explanatory placeholder instead of an empty frame. Row keys: ${JSON.stringify(i)}. A grouped chart's SECOND dimension must be PROJECTED by the dataset query, and a chart with no measure selected has nothing to draw either (objectui#4683, framework#4033).`);
+	}, [
 		n,
-		r
-	]), 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__ */ T("span", { children: [
+		r,
+		i
+	]), t ? /* @__PURE__ */ E(Ot, {
+		code: "missing-category-key",
+		className: e.className,
+		children: [
 			"This chart cannot plot its category axis: no row has a",
 			" ",
-			/* @__PURE__ */ w("code", {
+			/* @__PURE__ */ T("code", {
 				className: "font-mono",
-				children: n
+				children: r
 			}),
 			" field."
-		] })
-	}) : /* @__PURE__ */ w(yt, { ...e });
+		]
+	}) : n ? /* @__PURE__ */ E(Ot, {
+		code: "no-plottable-series",
+		className: e.className,
+		children: [
+			"This chart cannot plot any series: no measure or group reached its",
+			" ",
+			/* @__PURE__ */ T("code", {
+				className: "font-mono",
+				children: r
+			}),
+			" axis."
+		]
+	}) : /* @__PURE__ */ T(Tt, { ...e });
 }
-var St, Ct, Q, wt, Tt, Et = R((() => {
-	ut(), ht(), Qe(), St = "hsl(var(--primary))", Ct = {
+var At, jt, Q, Mt, Nt, Pt, Ft, It, Lt, Rt, zt = L((() => {
+	gt(), xt(), rt(), At = "hsl(var(--primary))", jt = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -1306,11 +1371,31 @@ var St, Ct, Q, wt, Tt, Et = R((() => {
 		fuchsia: "#d946ef",
 		pink: "#ec4899",
 		rose: "#f43f5e"
-	}, Q = (e) => Ct[e] || e, wt = (e, t) => e?.variant === "comparison" ? {
+	}, Q = (e) => jt[e] || e, Mt = (e, t) => e?.variant === "comparison" ? {
 		strokeOpacity: typeof e.opacity == "number" ? e.opacity : t === "line" || t === "scatter" ? .5 : .6,
 		fillOpacity: typeof e.opacity == "number" ? e.opacity : t === "bar" ? .4 : t === "area" ? .2 : .5,
 		strokeDasharray: e.dashArray ?? (t === "line" || t === "area" ? "4 4" : void 0)
-	} : null, Tt = /* @__PURE__ */ new Set([
+	} : null, Nt = (e, t) => {
+		if (typeof e == "string" || typeof e == "number") {
+			let t = String(e);
+			if (t !== "") return t;
+		}
+		if (t.length === 1) {
+			let e = t[0]?.dataKey;
+			if (e != null && String(e) !== "") return String(e);
+		}
+	}, Pt = (e) => {
+		if (e && typeof e == "object" && "nativeEvent" in e) return e.nativeEvent;
+	}, Ft = (e) => {
+		for (let t = e.length - 1; t >= 0; --t) {
+			let n = Pt(e[t]);
+			if (n !== void 0) return n;
+		}
+	}, It = (e, t) => {
+		if (e == null) return;
+		let n = t.find((t) => String(t.dataKey) === e);
+		return typeof n?.label == "string" ? n.label : void 0;
+	}, Lt = /* @__PURE__ */ new Set([
 		"bar",
 		"horizontal-bar",
 		"line",
@@ -1320,14 +1405,20 @@ var St, Ct, Q, wt, Tt, Et = R((() => {
 		"radar",
 		"funnel",
 		"combo"
+	]), Rt = /* @__PURE__ */ new Set([
+		"bar",
+		"horizontal-bar",
+		"line",
+		"area",
+		"combo"
 	]);
 }));
 //#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__ */ w(g, {
-	fallback: /* @__PURE__ */ w(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ w(Dt, {
+rt();
+var Bt = g.lazy(() => Promise.resolve().then(() => (ct(), it))), Vt = g.lazy(() => Promise.resolve().then(() => (zt(), St))), Ht = ({ schema: e }) => /* @__PURE__ */ T(_, {
+	fallback: /* @__PURE__ */ T(w, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ T(Bt, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -1336,8 +1427,8 @@ var Dt = h.lazy(() => Promise.resolve().then(() => (nt(), $e))), Ot = h.lazy(()
 		color: e.color
 	})
 }), $ = ({ schema: e, onChartClick: t }) => {
-	let n = h.useMemo(() => {
-		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;
+	let n = g.useMemo(() => {
+		let t = H(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))",
@@ -1361,9 +1452,9 @@ var Dt = h.lazy(() => Promise.resolve().then(() => (nt(), $e))), Ot = h.lazy(()
 			spec: t
 		};
 	}, [e]);
-	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, {
+	return /* @__PURE__ */ T(_, {
+		fallback: /* @__PURE__ */ T(w, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ T(Vt, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
@@ -1390,15 +1481,12 @@ var Dt = h.lazy(() => Promise.resolve().then(() => (nt(), $e))), Ot = h.lazy(()
 };
 //#endregion
 //#region src/ObjectChart.tsx
-function At(e) {
-	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-}
-function jt(e) {
+function Ut(e) {
 	return e.field || e.function || "count";
 }
-var Mt = "__comparison";
-function Nt(e, t) {
-	let { field: n, function: r, groupBy: i } = t, a = jt(t), o = {};
+var Wt = "__comparison";
+function Gt(e, t) {
+	let { field: n, function: r, groupBy: i } = t, a = Ut(t), o = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
 		o[e] || (o[e] = []), o[e].push(t);
@@ -1426,13 +1514,13 @@ function Nt(e, t) {
 		};
 	});
 }
-async function Pt(e, t, n, r, i) {
+async function Kt(e, t, n, r, i) {
 	if (!e.length || !t) return e;
-	let a = i || ((e, t) => t), o = `__raw_${t}`, c = n?.fields?.[t];
-	if (!c) {
+	let a = i || ((e, t) => t), o = `__raw_${t}`, s = n?.fields?.[t];
+	if (!s) {
 		let n = /^\d{4}-\d{2}-\d{2}/;
 		return e.map((e) => {
-			let r = e[t], i = String(r ?? ""), s = n.test(i) ? i : At(i);
+			let r = e[t], i = String(r ?? ""), s = n.test(i) ? i : u(i);
 			return {
 				...e,
 				[t]: a(i, s),
@@ -1440,11 +1528,11 @@ async function Pt(e, t, n, r, i) {
 			};
 		});
 	}
-	let l = c.type;
-	if (l === "select" || l === "picklist" || l === "dropdown") {
-		let n = c.options || [];
+	let c = s.type;
+	if (c === "select" || c === "picklist" || c === "dropdown") {
+		let n = s.options || [];
 		if (n.length === 0) return e.map((e) => {
-			let n = e[t], r = String(n ?? ""), i = At(r);
+			let n = e[t], r = String(n ?? ""), i = u(r);
 			return {
 				...e,
 				[t]: a(r, i),
@@ -1454,7 +1542,7 @@ async function Pt(e, t, n, r, i) {
 		let r = {};
 		for (let e of n) typeof e == "string" ? r[e] = e : e && typeof e == "object" && (r[String(e.value)] = e.label || String(e.value));
 		return e.map((e) => {
-			let n = e[t], i = String(n ?? ""), s = r[i] || At(i);
+			let n = e[t], i = String(n ?? ""), s = r[i] || u(i);
 			return {
 				...e,
 				[t]: a(i, s),
@@ -1462,8 +1550,8 @@ async function Pt(e, t, n, r, i) {
 			};
 		});
 	}
-	if (l === "lookup" || l === "master_detail") {
-		let n = c.reference_to || c.reference;
+	if (c === "lookup" || c === "master_detail") {
+		let n = s.reference_to || s.reference;
 		if (!n || !r || typeof r.find != "function") return e.map((e) => ({
 			...e,
 			[o]: e[t]
@@ -1473,12 +1561,12 @@ async function Pt(e, t, n, r, i) {
 			...e,
 			[o]: e[t]
 		}));
-		let a = c.id_field || "id";
+		let a = s.id_field || "id";
 		try {
-			let l = await r.find(n, {
+			let c = await r.find(n, {
 				$filter: { [a]: { $in: i } },
 				$top: i.length
-			}), u = s(l), d = c.reference_field || c.display_field || "name", f = {};
+			}), u = l(c), d = s.reference_field || s.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));
@@ -1498,26 +1586,22 @@ async function Pt(e, t, n, r, i) {
 			}));
 		}
 	}
-	if (l === "date" || l === "datetime" || l === "date_time" || l === "timestamp" || l === "time") return e.map((e) => ({
+	if (c === "date" || c === "datetime" || c === "date_time" || c === "timestamp" || c === "time") return e.map((e) => ({
 		...e,
 		[o]: e[t]
 	}));
-	let u = /^\d{4}-\d{2}-\d{2}/;
+	let d = /^\d{4}-\d{2}-\d{2}/;
 	return e.map((e) => {
 		let n = e[t], r = String(n ?? "");
 		return {
 			...e,
-			[t]: u.test(r) ? r : At(r),
+			[t]: d.test(r) ? r : u(r),
 			[o]: n
 		};
 	});
 }
-var Ft = (e) => {
-	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(() => {
-		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({
+var qt = (e) => {
+	let { schema: t } = e, i = e.onSegmentClick, u = ae(Be), h = e.dataSource || u?.dataSource, g = u?.apiFetch, _ = Ve(t.bind), { fieldOptionLabel: w } = Ke(), [me, he] = y([]), [ge, _e] = y(null), [D, ve] = y(() => !(Array.isArray(t.data) && t.data.length > 0) && (!!t.objectName || !!t.dataset)), [ye, be] = y(null), [O, xe] = y(null), [Se, Ce] = y(null), { openRecordList: k } = He(), we = qe(), Te = v(() => t.aggregate ? JSON.stringify(t.aggregate) : "", [t.aggregate]), Ee = v(() => t.filter ? JSON.stringify(t.filter) : "", [t.filter]), De = v(() => t.compareTo ? JSON.stringify(t.compareTo) : "", [t.compareTo]), Oe = v(() => t.dataset ? JSON.stringify({
 		d: t.dataset,
 		dim: t.dimensions ?? [],
 		val: t.values ?? []
@@ -1525,36 +1609,37 @@ var Ft = (e) => {
 		t.dataset,
 		t.dimensions,
 		t.values
-	]), Oe = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
-	ne(() => {
+	]), ke = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
+	oe(() => {
 		let e = !1;
 		return (async () => {
 			try {
-				let n = {
+				let n = g ?? fetch, r = {
 					headers: { accept: "application/json" },
 					credentials: "include"
-				}, a = t.objectName, o, s = null, c = t.aggregate?.groupBy;
-				if (a) o = c && typeof c == "object" && !Array.isArray(c) ? c.field : typeof c == "string" ? c : t.xAxisKey;
+				}, i = t.objectName, a, o = null, s = t.aggregate?.groupBy;
+				if (i) a = s && typeof s == "object" && !Array.isArray(s) ? s.field : typeof s == "string" ? s : t.xAxisKey;
 				else if (t.dataset) {
-					let e = Array.isArray(t.dimensions) && t.dimensions.length ? t.dimensions[0] : void 0, r = await (await fetch(`/api/v1/meta/dataset/${encodeURIComponent(t.dataset)}`, n)).json().catch(() => null);
-					s = r?.item ?? r?.data ?? r, a = s?.object, o = ((s?.dimensions || []).find((t) => t?.name === e) ?? (s?.dimensions || [])[0])?.field ?? e;
+					let e = Array.isArray(t.dimensions) && t.dimensions.length ? t.dimensions[0] : void 0, s = await (await n(`/api/v1/meta/dataset/${encodeURIComponent(t.dataset)}`, r)).json().catch(() => null);
+					o = s?.item ?? s?.data ?? s, i = o?.object, a = ((o?.dimensions || []).find((t) => t?.name === e) ?? (o?.dimensions || [])[0])?.field ?? e;
 				}
-				if (!a || !o) {
-					e || (ye(null), xe(null));
+				if (!i || !a) {
+					e || Ce(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;
-				if (t.dataset && Array.isArray(t.dimensions)) {
-					let e = {};
-					for (let n of t.dimensions) {
-						let t = (s?.dimensions || []).find((e) => e?.name === n)?.field ?? n, i = r(u?.fields?.[t]?.options);
-						i && (e[n] = i);
-					}
-					Object.keys(e).length > 0 && (f = e);
-				}
-				e || (ye(d), xe(f));
+				let c = async (e) => {
+					let t = await (await n(`/api/v1/meta/object/${encodeURIComponent(e)}`, r)).json().catch(() => null);
+					return t?.item ?? t?.data ?? t;
+				}, l = {};
+				if (t.dataset && Array.isArray(t.dimensions)) for (let e of t.dimensions) l[e] = (o?.dimensions || []).find((t) => t?.name === e)?.field ?? e;
+				let u = await f(c, i, [a, ...Object.values(l)]);
+				e || Ce({
+					metaByPath: u,
+					colorPath: a,
+					fieldByDim: t.dataset && Array.isArray(t.dimensions) ? l : null
+				});
 			} catch {
-				e || (ye(null), xe(null));
+				e || Ce(null);
 			}
 		})(), () => {
 			e = !0;
@@ -1562,17 +1647,31 @@ var Ft = (e) => {
 	}, [
 		t.objectName,
 		t.dataset,
-		De,
-		we,
-		t.xAxisKey
+		Oe,
+		Te,
+		t.xAxisKey,
+		g
 	]);
-	let ke = ee(async (e, n) => {
+	let { fieldOptionColors: Ae, dimensionLabels: je } = v(() => {
+		if (!Se) return {
+			fieldOptionColors: null,
+			dimensionLabels: null
+		};
+		let { metaByPath: e, colorPath: t, fieldByDim: n } = Se, i = p(e[t]?.options, c(e[t], w)), a = s(e, n ? Object.entries(n).map(([e, t]) => ({
+			dim: e,
+			path: t
+		})) : null, w);
+		return {
+			fieldOptionColors: r(i),
+			dimensionLabels: a
+		};
+	}, [Se, w]), Me = ie(async (e, n) => {
 		if (t.aggregate && typeof e.aggregate == "function") {
 			let r = t.aggregate.groupBy;
 			if (r && typeof r == "object" && !Array.isArray(r)) {
 				let i = t.aggregate.field, a = t.aggregate.function, o = {
 					function: a,
-					alias: jt(t.aggregate)
+					alias: Ut(t.aggregate)
 				};
 				a !== "count" && i && (o.field = i);
 				let s = await e.aggregate(t.objectName, {
@@ -1591,29 +1690,29 @@ var Ft = (e) => {
 			return Array.isArray(i) ? i : [];
 		}
 		if (typeof e.find == "function") {
-			let r = await e.find(t.objectName, { $filter: n }), i = s(r);
-			return t.aggregate && i.length > 0 && (i = Nt(i, t.aggregate)), i;
+			let r = await e.find(t.objectName, { $filter: n }), i = l(r);
+			return t.aggregate && i.length > 0 && (i = Gt(i, t.aggregate)), i;
 		}
 		return [];
-	}, [t.objectName, we]), Ae = Re(), je = ee(async (e, n) => {
+	}, [t.objectName, Te]), Ne = Ue(), Pe = ie(async (e, n) => {
 		if (!e || !t.objectName && !t.dataset) {
-			n.current && D(!1);
+			n.current && ve(!1);
 			return;
 		}
-		n.current && (D(!0), ve(null));
+		n.current && (ve(!0), be(null));
 		try {
 			if (t.dataset && typeof e.queryDataset == "function") {
-				let r = f(t.filter, Ae), i = await e.queryDataset(t.dataset, {
+				let r = ne(t.filter, Ne), 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 && (me(Array.isArray(i?.rows) ? i.rows : []), he(Array.isArray(i?.fields) ? i.fields : null));
+				n.current && (he(Array.isArray(i?.rows) ? i.rows : []), _e(Array.isArray(i?.fields) ? i.fields : null));
 				return;
 			}
-			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;
+			let r = ne(t.filter, Ne), i = t.compareTo, a = !!i && ke(t.chartType), o = a ? ee(re(t.filter, i), Ne) : null, [s, c] = await Promise.all([Me(e, r), o ? Me(e, o) : Promise.resolve([])]), l = s, u = t.aggregate?.groupBy, d = u && typeof u == "object" && !Array.isArray(u) ? u.alias || u.field : u || t.xAxisKey;
 			if (a && c.length > 0 && t.aggregate) {
-				let e = t.aggregate.field, n = t.aggregate.function, r = jt(t.aggregate), i = (t) => {
+				let e = t.aggregate.field, n = t.aggregate.function, r = Ut(t.aggregate), i = (t) => {
 					if (t == null) return null;
 					if (e) {
 						let r = `${e}_${n}`;
@@ -1621,7 +1720,7 @@ var Ft = (e) => {
 						if (n === "count" && `${e}_count` in t) return Number(t[`${e}_count`]);
 					}
 					return r in t ? Number(t[r]) : "value" in t ? Number(t.value) : "count" in t ? Number(t.count) : null;
-				}, a = `${r}${Mt}`, o = m;
+				}, a = `${r}${Wt}`, o = d;
 				if (o && l.some((e) => e[o] != null) && c.some((e) => e[o] != null)) {
 					let e = /* @__PURE__ */ new Map();
 					for (let t of c) {
@@ -1655,138 +1754,139 @@ var Ft = (e) => {
 					l = t;
 				}
 			}
-			if (m && typeof e.getObjectSchema == "function") try {
+			if (d && typeof e.getObjectSchema == "function") try {
 				let n = await e.getObjectSchema(t.objectName);
-				l = await Pt(l, m, n, e, (e, n) => fe.current(t.objectName, m, e, n));
+				l = await Kt(l, d, n, e, (e, n) => w(t.objectName, d, e, n));
 			} catch {}
-			n.current && me(l);
+			n.current && he(l);
 		} catch (e) {
-			console.error("[ObjectChart] Fetch error:", e), n.current && ve(e instanceof Error ? e.message : "Failed to load chart data");
+			console.error("[ObjectChart] Fetch error:", e), n.current && be(e instanceof Error ? e.message : "Failed to load chart data");
 		} finally {
-			n.current && D(!1);
+			n.current && ve(!1);
 		}
 	}, [
 		t.objectName,
-		De,
-		we,
+		Oe,
 		Te,
 		Ee,
+		De,
 		t.xAxisKey,
 		t.chartType,
-		ke,
-		Ae
+		Me,
+		Ne,
+		w
 	]);
-	ne(() => {
+	oe(() => {
 		let e = { current: !0 };
-		return (t.objectName || t.dataset) && !ue && !t.data ? je(g, e) : e.current && D(!1), () => {
+		return (t.objectName || t.dataset) && !_ && !t.data ? Pe(h, e) : e.current && ve(!1), () => {
 			e.current = !1;
 		};
 	}, [
 		t.objectName,
-		De,
-		g,
-		ue,
+		Oe,
+		h,
+		_,
 		t.data,
-		Te,
-		we,
 		Ee,
-		je
+		Te,
+		De,
+		Pe
 	]);
-	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];
+	let Fe = _ || t.data || me, A = Array.isArray(Fe) ? Fe : [], j = t.drillDown, M = t.aggregate?.groupBy || t.xAxisKey, Ie = v(() => {
+		if (!M) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map(), t = `__raw_${M}`;
+		for (let n of A) {
+			let r = n?.[M];
 			if (r == null) continue;
 			let i = t in (n || {}) ? n[t] : r;
 			e.set(String(r), i);
 		}
 		return e;
-	}, [j, N]), F = _(() => {
+	}, [A, M]), Le = v(() => {
 		if (O) return {
 			...t.filter || {},
-			...o(M, O, { groupByField: N })
+			...o(j, O, { groupByField: M })
 		};
 	}, [
 		O,
+		j,
 		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 = _(() => {
+		Ee
+	]), N = !i && !!O && !!t.objectName && j?.target === "navigate" && !!k;
+	oe(() => {
+		N && (k(t.objectName, Le), xe(null));
+	}, [N]);
+	let P = t.compareTo, Re = t.aggregate ? Ut(t.aggregate) : void 0, F = Re ? `${Re}${Wt}` : void 0, I = !!P && ke(t.chartType) && !!F && A.some((e) => e[F] != null), L = v(() => {
 		let e = Array.isArray(t.series) ? t.series : null;
-		if (!B) return e;
-		let n = e || [{ dataKey: R }], r = {
+		if (!I) return e;
+		let n = e || [{ dataKey: Re }], r = {
 			vsLastWeek: "Previous week",
 			vsLastMonth: "Previous month",
 			vsLastQuarter: "Previous quarter",
 			vsLastYear: "Previous year",
 			vsYesterday: "Yesterday",
 			vsPreviousPeriod: "Previous period"
-		}[a(L, t.filter)] || "Previous period";
+		}[a(P, t.filter)] || "Previous period";
 		return [...n.map((e) => ({
 			...e,
 			variant: e.variant || "current"
 		})), {
-			dataKey: z,
+			dataKey: F,
 			label: r,
 			variant: "comparison"
 		}];
 	}, [
-		B,
+		I,
 		t.series,
-		R,
-		z,
+		Re,
+		F,
 		t.filter,
-		L
-	]), H = t.dataset ? n(l(j, be), t.dimensions, t.values, E) : null, He = H ? {
+		P
+	]), R = t.dataset ? n(m(A, je), t.dimensions, t.values, ge, { nullCategoryLabel: we("chart.nullCategory", "(None)") }) : null, z = R ? {
 		...t,
-		data: H.data,
-		xAxisKey: H.xAxisKey,
-		series: H.series
+		data: R.data,
+		xAxisKey: R.xAxisKey,
+		series: R.series
 	} : {
 		...t,
-		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 || {},
-		...Ue || {}
-	} : void 0, Ge = {
-		...He,
-		colors: We,
-		...U ? { categoryColors: U } : {}
+		data: A,
+		...L ? { series: L } : {}
+	}, B = t.colors && !Array.isArray(t.colors) && typeof t.colors == "object" ? t.colors : null, V = Array.isArray(t.colors) ? t.colors : void 0, H = Ae || B ? {
+		...Ae || {},
+		...B || {}
+	} : void 0, Je = {
+		...z,
+		colors: V,
+		...H ? { categoryColors: H } : {}
 	};
-	if (ge && j.length === 0) return /* @__PURE__ */ T("div", {
+	if (D && A.length === 0) return /* @__PURE__ */ E("div", {
 		className: "p-2 " + (t.className || ""),
 		"data-testid": "chart-loading",
 		role: "status",
 		"aria-busy": "true",
 		"aria-live": "polite",
-		children: [/* @__PURE__ */ w("span", {
+		children: [/* @__PURE__ */ T("span", {
 			className: "sr-only",
 			children: "Loading chart data…"
-		}), /* @__PURE__ */ w(y, { className: "h-full" })]
+		}), /* @__PURE__ */ T(x, { className: "h-full" })]
 	});
-	if (_e) return /* @__PURE__ */ T("div", {
+	if (ye) return /* @__PURE__ */ E("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-4 " + (t.className || ""),
 		"data-testid": "chart-error",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ w(ze, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ w("p", {
+			/* @__PURE__ */ T(We, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ T("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
-			/* @__PURE__ */ w("p", {
+			/* @__PURE__ */ T("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: _e
+				children: ye
 			})
 		]
 	});
-	if (!g && t.objectName && j.length === 0) return /* @__PURE__ */ T("div", {
+	if (!h && t.objectName && A.length === 0) return /* @__PURE__ */ E("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (t.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
@@ -1795,22 +1895,22 @@ var Ft = (e) => {
 			"”"
 		]
 	});
-	let Ke = c(M) ? (e) => {
-		let t = e.category, n = t != null && P.has(String(t)) ? P.get(String(t)) : t;
-		k({
+	let Ye = d(j) ? (e) => {
+		let t = e.category, n = t != null && Ie.has(String(t)) ? Ie.get(String(t)) : t;
+		xe({
 			...e,
 			category: n,
 			categoryLabel: t,
 			scope: "cell"
 		});
-	} : 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 = {
+	} : void 0, Xe = i ?? Ye, Ze = !i && O && t.objectName && !N ? (() => {
+		let e = Le ?? {}, n = te(j, O, t.title || "Details"), r = j?.target ?? "drawer", i = {
 			type: "object-data-table",
 			objectName: t.objectName,
 			filter: e,
 			pagination: !0,
-			pageSize: M?.maxRows,
-			columns: M?.columns?.map((e) => ({
+			pageSize: j?.maxRows,
+			columns: j?.columns?.map((e) => ({
 				accessorKey: e,
 				header: e
 			})),
@@ -1819,63 +1919,75 @@ var Ft = (e) => {
 				mode: "record",
 				target: "dialog"
 			}
-		}, a = /* @__PURE__ */ w("div", {
+		}, a = /* @__PURE__ */ T("div", {
 			className: "overflow-auto",
 			"data-testid": "chart-drill-body",
-			children: /* @__PURE__ */ w(Pe, {
+			children: /* @__PURE__ */ T(ze, {
 				schema: i,
-				dataSource: g
+				dataSource: h
 			})
-		}), o = Se && t.objectName ? /* @__PURE__ */ T(ie, {
+		}), o = k && t.objectName ? /* @__PURE__ */ E(b, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				Se(t.objectName, e), k(null);
+				k(t.objectName, e), xe(null);
 			},
-			children: [Ce("dashboard.openInList", "Open in list"), /* @__PURE__ */ w(Be, { className: "ml-1 h-3.5 w-3.5" })]
+			children: [we("dashboard.openInList", "Open in list"), /* @__PURE__ */ T(Ge, { className: "ml-1 h-3.5 w-3.5" })]
 		}) : null;
-		return r === "dialog" ? /* @__PURE__ */ w(ae, {
+		return r === "dialog" ? /* @__PURE__ */ T(S, {
 			open: !0,
-			onOpenChange: (e) => !e && k(null),
-			children: /* @__PURE__ */ T(b, {
+			onOpenChange: (e) => !e && xe(null),
+			children: /* @__PURE__ */ E(C, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ T(x, {
+				children: [/* @__PURE__ */ E(se, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ w(S, { children: n }), o]
+					children: [/* @__PURE__ */ T(ce, { children: n }), o]
 				}), a]
 			})
-		}) : /* @__PURE__ */ w(oe, {
+		}) : /* @__PURE__ */ T(ue, {
 			open: !0,
-			onOpenChange: (e) => !e && k(null),
-			children: /* @__PURE__ */ T(se, {
+			onOpenChange: (e) => !e && xe(null),
+			children: /* @__PURE__ */ E(de, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-				children: [/* @__PURE__ */ T(ce, {
+				children: [/* @__PURE__ */ E(fe, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ w(le, { children: n }), o]
-				}), /* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ T(pe, { children: n }), o]
+				}), /* @__PURE__ */ T("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: a
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ T("div", {
-		className: "relative",
+	return /* @__PURE__ */ E("div", {
+		className: "relative h-full",
 		children: [
-			/* @__PURE__ */ w(C, { active: ge && j.length > 0 }),
-			/* @__PURE__ */ w($, {
+			/* @__PURE__ */ T(le, { active: D && A.length > 0 }),
+			/* @__PURE__ */ T($, {
 				...e,
-				schema: Ge,
-				onChartClick: qe
+				schema: Je,
+				onChartClick: Xe
 			}),
-			Je
+			Ze
 		]
 	});
-};
-e.register("object-chart", Ft, {
+}, Jt = { filter: !0 }, Yt = (e) => /* @__PURE__ */ T(F, {
+	schema: e.schema,
+	mapping: Jt,
+	dataSource: e.dataSource,
+	testId: "object-chart",
+	errorTitle: "This chart’s data source could not be resolved",
+	children: (t) => /* @__PURE__ */ T(qt, {
+		...e,
+		schema: t
+	})
+});
+//#endregion
+//#region src/index.tsx
+e.register("object-chart", Yt, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -1910,14 +2022,12 @@ e.register("object-chart", Ft, {
 			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."
 		}
 	]
-});
-//#endregion
-//#region src/index.tsx
-var It = {
-	"bar-chart": kt,
+}), rt();
+var Xt = {
+	"bar-chart": Ht,
 	chart: $
 };
-e.register("bar-chart", kt, {
+e.register("bar-chart", Ht, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -1981,7 +2091,7 @@ e.register("bar-chart", kt, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", Ft, {
+}), e.register("chart", Yt, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -2148,4 +2258,4 @@ e.register("bar-chart", kt, {
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { kt as ChartBarRenderer, $ as ChartRenderer, Ft as ObjectChart, It as chartComponents };
+export { Ht as ChartBarRenderer, $ as ChartRenderer, qt as ObjectChart, Yt as ObjectChartBlock, Xt as chartComponents, H as normalizeChartSchema };