@object-ui/plugin-charts 17.2.0 → 17.5.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 w } from "@object-ui/components";
+import { ComponentRegistry as e, buildCategoryRank as t, buildChartSeries as n, buildOptionColorMap as r, compareToTrendLabelKey as i, computeDrillFilter as a, deriveDimensionLabelMaps as o, dimensionOptionTranslator as s, extractRecords as c, isDrillEnabled as l, loadDimensionFieldMeta as u, localizeFieldOptions as d, relabelDimensions as f, resolveContextTokens as p, resolveDrillTitle as ee, resolveFilterPlaceholders as m, shiftFilterByCompareTo as te } from "@object-ui/core";
+import * as h from "react";
+import g, { Suspense as _, useCallback as ne, useContext as re, useEffect as ie, useMemo as v, useRef as y, useState as b } from "react";
+import { Button as x, ChartSkeleton as S, Dialog as C, DialogContent as w, DialogHeader as ae, DialogTitle as oe, RefreshIndicator as se, Sheet as ce, SheetContent as le, SheetHeader as ue, SheetTitle as de, Skeleton as fe } 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 { Area as O, AreaChart as pe, Bar as me, BarChart as k, Brush as he, CartesianGrid as ge, Cell as _e, ComposedChart as ve, Funnel as ye, FunnelChart as be, LabelList as A, Legend as j, Line as xe, LineChart as Se, Pie as Ce, PieChart as we, PolarAngleAxis as Te, PolarGrid as Ee, PolarRadiusAxis as De, Radar as Oe, RadarChart as ke, ReferenceArea as Ae, ReferenceLine as je, ResponsiveContainer as Me, Sankey as Ne, Scatter as Pe, ScatterChart as Fe, Tooltip as M, Treemap as N, XAxis as P, YAxis as F, ZAxis as Ie } from "recharts";
+import { ElementDataSourceGate as Le, SchemaRenderer as Re, SchemaRendererContext as ze, useDataScope as Be, useDrillNavigation as Ve, useFilterScope as I } from "@object-ui/react";
+import { AlertCircle as He, ArrowUpRight as L } from "lucide-react";
+import { useSafeFieldLabel as R, useSafeTranslate as z } from "@object-ui/i18n";
 //#region \0rolldown/runtime.js
-var R = Object.defineProperty, z = (e, t, n) => () => {
+var B = Object.defineProperty, V = (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) => {
+}, H = (e, t) => {
 	let n = {};
-	for (var r in e) R(n, r, {
+	for (var r in e) B(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || R(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || B(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/normalizeChartSchema.ts
-function V(e) {
-	let t = G(e);
+function U(e) {
+	let t = q(e);
 	if (t) return t;
-	if (W(e)) return Object.values(e).find((e) => typeof e == "string" && e);
+	if (K(e)) return Object.values(e).find((e) => typeof e == "string" && e);
 }
-function H(e) {
-	if (!W(e)) return;
-	let t = {}, n = G(e.field);
+function W(e) {
+	if (!K(e)) return;
+	let t = {}, n = q(e.field);
 	n && (t.field = n);
-	let r = G(e.format);
+	let r = q(e.format);
 	r && (t.format = r);
-	let i = K(e.min);
+	let i = J(e.min);
 	i !== void 0 && (t.min = i);
-	let a = K(e.max);
+	let a = J(e.max);
 	a !== void 0 && (t.max = a);
-	let o = K(e.stepSize);
+	let o = J(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 = q(e.position);
 	(s === "left" || s === "right" || s === "top" || s === "bottom") && (t.position = s);
-	let c = V(e.title);
+	let c = U(e.title);
 	return c && (t.title = c), t;
 }
-function U(e) {
-	if (!W(e)) {
-		let t = G(e);
+function Ue(e) {
+	if (!K(e)) {
+		let t = q(e);
 		return t ? { dataKey: t } : void 0;
 	}
-	let t = G(e.dataKey) ?? G(e.name);
+	let t = q(e.dataKey) ?? q(e.name);
 	if (!t) return;
-	let n = { dataKey: t }, r = V(e.label);
+	let n = { dataKey: t }, r = U(e.label);
 	r && (n.label = r);
-	let i = G(e.chartType) ?? G(e.type);
+	let i = q(e.chartType) ?? q(e.type);
 	(i === "bar" || i === "line" || i === "area") && (n.chartType = i);
-	let a = G(e.variant);
+	let a = q(e.variant);
 	(a === "comparison" || a === "current" || a === "primary") && (n.variant = a);
-	let o = K(e.opacity);
+	let o = J(e.opacity);
 	o !== void 0 && (n.opacity = o);
-	let s = G(e.dashArray);
+	let s = q(e.dashArray);
 	s && (n.dashArray = s);
-	let c = G(e.stack);
+	let c = q(e.stack);
 	c && (n.stack = c);
-	let l = G(e.yAxis);
+	let l = q(e.yAxis);
 	(l === "left" || l === "right") && (n.yAxis = l);
-	let u = G(e.color);
+	let u = q(e.color);
 	return u && (n.color = u), n;
 }
-function Ve(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);
+function We(e) {
+	if (!K(e)) return {};
+	let t = {}, n = q(e.type), r = q(e.chartType) ?? q(e.specType) ?? (n && Qe.has(n) ? n : void 0);
+	r && Ye.has(r) && (t.chartType = r);
+	let i = e.xAxis, a = W(i);
 	a && (a.format || a.title || a.showGridLines !== void 0) && (t.xAxis = a);
-	let o = G(e.xAxisKey) ?? a?.field ?? G(i);
+	let o = q(e.xAxisKey) ?? a?.field ?? q(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) => W(e) ?? (q(e) ? { field: q(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(Ue).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 = U(e.title);
 	l && (t.title = l);
-	let u = V(e.subtitle);
+	let u = U(e.subtitle);
 	u && (t.subtitle = u);
-	let d = V(e.description);
+	let d = U(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 = J(e.height);
+	return f !== void 0 && f > 0 && (t.height = f), Array.isArray(e.annotations) && e.annotations.length && (t.annotations = e.annotations.filter(K)), K(e.interaction) && (t.interaction = e.interaction), t;
 }
-function He(e) {
+function Ge(e) {
 	if (e === "bar" || e === "column") return "bar";
 	if (e === "line") return "line";
 	if (e === "area") return "area";
 }
-function Ue(e, t) {
+function Ke(e, t) {
 	if (e === "combo") return "combo";
-	let n = He(e);
+	let n = Ge(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 G(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 We(e) {
 		}
 	};
 }
-function Ge(e, t) {
+function qe(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 > Y) 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 Je(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((() => {
-	qe = /* @__PURE__ */ new Set([
+var Ye, Xe, Ze, Qe, K, q, J, Y, $e = V((() => {
+	Ye = /* @__PURE__ */ new Set([
 		"bar",
 		"column",
 		"horizontal-bar",
@@ -168,23 +168,23 @@ var qe, Je, Ye, Xe, W, G, K, Ze, Qe = z((() => {
 		"treemap",
 		"sankey",
 		"combo"
-	]), Je = /* @__PURE__ */ new Set([
+	]), Xe = /* @__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__ */ B({ default: () => tt });
-function et(e, t = 14) {
+	]), Ze = /* @__PURE__ */ new Set(["table", "pivot"]), Qe = /* @__PURE__ */ new Set([
+		...Ye,
+		...Xe,
+		...Ze
+	]), K = (e) => !!e && typeof e == "object" && !Array.isArray(e), q = (e) => typeof e == "string" && e ? e : void 0, J = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Y = 200;
+})), et = /* @__PURE__ */ H({ default: () => rt });
+function tt(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);
+function nt({ x: e, y: t, payload: n }) {
+	let r = String(n?.value ?? ""), i = tt(r);
 	return /* @__PURE__ */ E("g", {
 		transform: `translate(${e},${t})`,
 		children: /* @__PURE__ */ D("text", {
@@ -198,14 +198,14 @@ function q({ x: e, y: t, payload: n }) {
 		})
 	});
 }
-function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+function rt({ 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", {
 		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__ */ E(Me, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ D(O, {
+			children: /* @__PURE__ */ D(k, {
 				data: e,
 				margin: {
 					top: 10,
@@ -266,14 +266,14 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 							/* @__PURE__ */ D("feMerge", { children: [/* @__PURE__ */ E("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ E("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ E(me, {
+					/* @__PURE__ */ E(ge, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ E(F, {
+					/* @__PURE__ */ E(P, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ E(q, {}) : {
+						tick: s ? /* @__PURE__ */ E(nt, {}) : {
 							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__ */ E(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__ */ E(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__ */ E(j, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ E(fe, {
+					/* @__PURE__ */ E(me, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -329,63 +329,65 @@ function tt({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var nt = z((() => {}));
+var it = V((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
-function rt() {
-	let e = m.useContext(st);
+function at() {
+	let e = h.useContext(ut);
 	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 X({ 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__ */ E(st.Provider, {
+	}, [i]);
+	let f = a?.height != null || a?.minHeight != null, p = a?.width != null || a?.minWidth != null, ee = {
+		...f ? {} : { minHeight: 280 },
+		...p ? {} : { minWidth: 0 },
+		...a
+	};
+	return /* @__PURE__ */ E(ut.Provider, {
 		value: { config: r },
 		children: /* @__PURE__ */ D("div", {
-			ref: c,
+			ref: l,
 			"data-slot": "chart",
-			"data-chart": s,
-			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__ */ E(ct, {
-				id: s,
+			"data-chart": c,
+			className: Z("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
+			style: ee,
+			...o,
+			children: [/* @__PURE__ */ E(dt, {
+				id: c,
 				config: r
-			}), /* @__PURE__ */ E(j, {
+			}), /* @__PURE__ */ E(Me, {
 				width: "100%",
 				height: "100%",
 				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 ot({ 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 } = at(), ee = 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;
+		let [e] = t, n = `${f || e?.dataKey || e?.name || "value"}`, r = ct(p, e, n), a = !f && typeof o == "string" ? p[o]?.label || o : r?.label;
 		return s ? /* @__PURE__ */ E("div", {
-			className: Y("font-medium", c),
+			className: Z("font-medium", c),
 			children: s(a, t)
 		}) : a ? /* @__PURE__ */ E("div", {
-			className: Y("font-medium", c),
+			className: Z("font-medium", c),
 			children: a
 		}) : null;
 	}, [
@@ -398,26 +400,26 @@ 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";
+	let m = t.length === 1 && r !== "dot";
 	return /* @__PURE__ */ D("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", {
+		className: Z("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: [m ? null : ee, /* @__PURE__ */ E("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;
+				let n = `${d || e.name || e.dataKey || "value"}`, i = ct(p, e, n), o = u || e.payload.fill || e.color;
 				return /* @__PURE__ */ E("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" : ""),
+					className: Z("[&>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", {
-						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" : ""),
+						className: Z("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" : "", m && r === "dashed" ? "my-0.5" : ""),
 						style: {
 							"--color-bg": o,
 							"--color-border": o
 						}
 					}), /* @__PURE__ */ D("div", {
-						className: Y("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
+						className: Z("flex flex-1 justify-between leading-none", m ? "items-end" : "items-center"),
 						children: [/* @__PURE__ */ D("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ E("span", {
+							children: [m ? ee : null, /* @__PURE__ */ E("span", {
 								className: "text-muted-foreground",
 								children: i?.label || e.name
 							})]
@@ -431,14 +433,14 @@ 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();
+function st({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = at();
 	return n?.length ? /* @__PURE__ */ E("div", {
-		className: Y("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
+		className: Z("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);
+			let n = `${i || e.dataKey || "value"}`, r = ct(a, e, n);
 			return /* @__PURE__ */ D("div", {
-				className: Y("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				className: Z("[&>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", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
@@ -447,18 +449,18 @@ function at({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bo
 		})
 	}) : null;
 }
-function ot(e, t, n) {
+function ct(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 = z((() => {
-	Y = (...e) => e.filter(Boolean).join(" "), X = {
+var Z, lt, ut, dt, ft, pt, mt = V((() => {
+	Z = (...e) => e.filter(Boolean).join(" "), lt = {
 		light: "",
 		dark: ".dark"
-	}, st = m.createContext(null), ct = ({ id: e, config: t }) => {
+	}, ut = h.createContext(null), dt = ({ 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__ */ E("style", { dangerouslySetInnerHTML: { __html: Object.entries(lt).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -466,46 +468,46 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, Z = N, lt = A;
+	}, ft = M, pt = j;
 }));
 //#endregion
 //#region src/chartDrillEvents.ts
-function dt(e) {
+function ht(e) {
 	return e?.[0]?.dataKey || "value";
 }
-function ft(e, t, n) {
+function gt(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 = ht(n);
 	return {
 		category: String(i),
 		series: a,
 		value: typeof r?.[a] == "number" ? r[a] : void 0
 	};
 }
-function pt(e, t) {
+function _t(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: ht(t),
 		value: typeof r == "number" ? r : void 0
 	};
 }
-function mt(e, t) {
+function vt(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: ht(t),
 		value: typeof n?.value == "number" ? n.value : void 0
 	};
 }
-var ht = z((() => {})), gt = /* @__PURE__ */ B({ default: () => xt });
-function _t(e) {
+var yt = V((() => {})), bt = /* @__PURE__ */ H({ default: () => Tt });
+function xt(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", {
 		x: t,
@@ -524,7 +526,7 @@ function _t(e) {
 		children: a
 	}) : null] });
 }
-function vt({ title: e, subtitle: t, children: n }) {
+function St({ title: e, subtitle: t, children: n }) {
 	return !e && !t ? /* @__PURE__ */ E(T, { children: n }) : /* @__PURE__ */ D("div", {
 		className: "flex h-full w-full flex-col",
 		children: [/* @__PURE__ */ D("div", {
@@ -542,15 +544,15 @@ function vt({ title: e, subtitle: t, 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 = {
+function Ct({ 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: ee, showDataLabels: m, title: te, subtitle: g, description: _, height: ne, annotations: re, interaction: ie }) {
+	let v = e === "column" ? "bar" : e, y = Ke(v, a), b = Ge(v), x = Array.isArray(n) ? n : [], S = d === !1 ? { isAnimationActive: !1 } : {}, C = {
 		...d === !1 ? { disableSettleRemount: !0 } : {},
-		..._ ? { style: { height: _ } } : {},
-		...ne ? {
+		...ne ? { style: { height: ne } } : {},
+		..._ ? {
 			role: "img",
-			"aria-label": ne
+			"aria-label": _
 		} : {}
-	}, [C, oe] = m.useState(!1), se = m.useCallback((e) => {
+	}, [w, ae] = h.useState(!1), oe = h.useCallback((e) => {
 		if (!u || !e) return;
 		let t = Array.isArray(e.activePayload) ? e.activePayload[0] : void 0;
 		u({
@@ -558,7 +560,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			series: t?.dataKey ? String(t.dataKey) : void 0,
 			value: typeof t?.value == "number" ? t.value : void 0
 		});
-	}, [u]), ce = m.useCallback((e) => {
+	}, [u]), se = h.useCallback((e) => {
 		if (!u || !e) return;
 		let t = e.payload?.[i], n = a[0]?.dataKey || "value";
 		u({
@@ -570,56 +572,56 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		u,
 		i,
 		a
-	]), le = u ? {
-		onClick: se,
+	]), ce = u ? {
+		onClick: oe,
 		style: { cursor: "pointer" }
-	} : {}, w = u ? {
-		onClick: ce,
+	} : {}, le = u ? {
+		onClick: se,
 		style: { cursor: "pointer" }
-	} : {}, A = m.useCallback((e, t, n) => c && c[e == null ? "" : String(e)] || n[t % n.length], [c]), j = m.useCallback((e) => {
+	} : {}, ue = h.useCallback((e, t, n) => c && c[e == null ? "" : String(e)] || n[t % n.length], [c]), de = h.useCallback((e) => {
 		if (!u) return;
-		let t = ft(e, i, a);
+		let t = gt(e, i, a);
 		t && u(t);
 	}, [
 		u,
 		i,
 		a
-	]), Ne = m.useCallback((e) => {
+	]), fe = h.useCallback((e) => {
 		if (!u) return;
-		let t = pt(e, a);
+		let t = _t(e, a);
 		t && u(t);
-	}, [u, a]), Pe = m.useCallback((e) => {
+	}, [u, a]), j = h.useCallback((e) => {
 		if (!u) return;
-		let t = mt(e, a);
+		let t = vt(e, a);
 		t && u(t);
-	}, [u, a]), Fe = u ? {
-		onClick: j,
+	}, [u, a]), Me = u ? {
+		onClick: de,
 		cursor: "pointer"
-	} : {}, Ie = u ? {
-		onClick: Ne,
-		style: { cursor: "pointer" }
 	} : {}, Le = u ? {
-		onClick: Pe,
+		onClick: fe,
+		style: { cursor: "pointer" }
+	} : {}, Re = u ? {
+		onClick: j,
 		style: { cursor: "pointer" }
 	} : {};
-	m.useEffect(() => {
-		let e = () => oe(window.innerWidth < 640);
+	h.useEffect(() => {
+		let e = () => ae(window.innerWidth < 640);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Re = {
-		bar: O,
-		"horizontal-bar": O,
-		line: be,
-		area: de,
-		pie: Se,
-		donut: Se,
-		radar: De,
-		scatter: M,
-		funnel: _e,
-		combo: he,
-		treemap: O,
-		sankey: O
-	}[y] || O, ze = m.useCallback((e) => {
+	let ze = {
+		bar: k,
+		"horizontal-bar": k,
+		line: Se,
+		area: pe,
+		pie: we,
+		donut: we,
+		radar: ke,
+		scatter: Fe,
+		funnel: be,
+		combo: ve,
+		treemap: k,
+		sankey: k
+	}[y] || k, Be = h.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = r?.[String(e)]?.label;
 		if (t != null) return String(t);
@@ -627,7 +629,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 = (x.length > 1 ? Math.abs(new Date(String(x[x.length - 1][i] ?? "")).getTime() - new Date(String(x[0][i] ?? "")).getTime()) : 0) / 864e5;
 				try {
 					return t <= 62 ? e.toLocaleDateString(void 0, {
 						month: "short",
@@ -641,19 +643,19 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				}
 			}
 		}
-		return C && n.length > 8 ? n.slice(0, 8) + "…" : n;
+		return w && n.length > 8 ? n.slice(0, 8) + "…" : n;
 	}, [
-		b,
+		x,
 		i,
-		C,
+		w,
 		r
-	]), Be = m.useMemo(() => b.some((e) => String(e[i] || "").length > 5), [b, i]), L = () => Array.isArray(s) && s.length > 0 ? s : [
+	]), Ve = h.useMemo(() => x.some((e) => String(e[i] || "").length > 5), [x, 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) => {
+	], He = h.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "number" ? e : Number(e);
 		if (!Number.isFinite(t)) return String(e);
@@ -665,20 +667,20 @@ 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 = [];
-		for (let e of b) for (let r of t) {
+	}, []), L = p?.[0], R = p && p.length > 1 ? p[1] : L?.position === "right" ? L : void 0, z = !!p && p.length > 1, B = h.useMemo(() => G(f?.format) ?? Be, [f?.format, Be]), V = h.useMemo(() => G(L?.format) ?? He, [L?.format, He]), H = h.useMemo(() => G(R?.format) ?? He, [R?.format, He]), U = h.useCallback((e) => {
+		let t = a.filter((t) => z ? (t.yAxis === "right" ? "right" : "left") === e : e === "left").map((e) => e.dataKey), n = [];
+		for (let e of x) for (let r of t) {
 			let t = Number(e?.[r]);
 			Number.isFinite(t) && n.push(t);
 		}
 		return n;
 	}, [
-		b,
+		x,
 		a,
-		V
-	]), W = m.useCallback((e, t = "left") => {
+		z
+	]), W = h.useCallback((e, t = "left") => {
 		if (!e) return {};
-		let n = Ke(e), r = Ge(e, Xe(t));
+		let n = Je(e), r = qe(e, U(t));
 		return {
 			...r ? { ticks: r } : {},
 			...n ? { domain: n } : {},
@@ -693,10 +695,10 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 				position: "insideLeft"
 			} } : {}
 		};
-	}, [Xe]), G = z?.showGridLines !== !1, K = {
+	}, [U]), Ue = L?.showGridLines !== !1, We = {
 		vertical: f?.showGridLines === !0,
-		horizontal: G
-	}, Ze = h !== !1, Qe = m.useMemo(() => {
+		horizontal: Ue
+	}, Qe = ee !== !1, K = h.useMemo(() => {
 		if (!Array.isArray(re) || re.length === 0) return null;
 		let e = {
 			solid: void 0,
@@ -710,63 +712,67 @@ 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__ */ E(Ae, {
+					...e,
+					...z && !r ? { yAxisId: "left" } : {},
+					fill: i,
+					fillOpacity: .12,
+					stroke: i,
+					strokeOpacity: .35,
+					...s
+				}, `ann-${n}`);
+			}
+			return /* @__PURE__ */ E(je, {
 				...r ? { x: t?.value } : { y: t?.value },
-				...V && !r ? { yAxisId: "left" } : {},
+				...z && !r ? { yAxisId: "left" } : {},
 				stroke: i,
 				strokeDasharray: a,
 				...s
 			}, `ann-${n}`);
 		});
-	}, [re, V]), $e = v?.tooltips !== !1, et = v?.brush === !0 ? /* @__PURE__ */ E(pe, {
+	}, [re, z]), q = ie?.tooltips !== !1, J = ie?.brush === !0 ? /* @__PURE__ */ E(he, {
 		dataKey: i,
 		height: 24,
 		travellerWidth: 8,
 		stroke: "hsl(var(--muted-foreground))"
-	}) : null, q = (e) => g ? /* @__PURE__ */ E(ve, {
+	}) : null, Y = (e) => m ? /* @__PURE__ */ E(A, {
 		position: "top",
 		className: "fill-foreground",
 		fontSize: 11,
 		...e ? { formatter: e } : {}
-	}) : null, tt = m.useMemo(() => ({
+	}) : null, $e = h.useMemo(() => ({
 		tickLine: !1,
 		tickMargin: 10,
 		axisLine: !1,
 		interval: "preserveStartEnd",
-		minTickGap: C ? 32 : 48,
-		tickFormatter: H,
+		minTickGap: w ? 32 : 48,
+		tickFormatter: B,
 		...f?.title ? { label: {
 			value: f.title,
 			position: "insideBottom",
 			offset: -4
 		} } : {},
-		...!C && Be && {
+		...!w && Ve && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
-		C,
-		Be,
-		H,
+		w,
+		Ve,
+		B,
 		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;
+	if (y && Xe.has(y)) {
+		let e = a[0]?.dataKey || "value", t = x[0]?.[e], n = typeof t == "number" ? t : Number(t), i = a[0]?.label ?? r?.[e]?.label ?? e;
 		return /* @__PURE__ */ E("div", {
 			className: o,
 			"data-testid": "advanced-chart-single-value",
@@ -782,7 +788,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 			})
 		});
 	}
-	if (y && Ye.has(y)) return /* @__PURE__ */ D("div", {
+	if (y && Ze.has(y)) return /* @__PURE__ */ D("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 +798,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 && !Ye.has(y)) return /* @__PURE__ */ D("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,46 +809,46 @@ 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 };
-		return b.forEach((e, r) => {
+		let e = y === "donut" ? "52%" : 0, t = I(), n = { ...r };
+		return x.forEach((e, r) => {
 			let a = e?.[i];
 			if (a == null || a === "") return;
 			let o = String(a);
 			n[o] || (n[o] = {
 				label: o,
-				color: A(a, r, t)
+				color: ue(a, r, t)
 			});
-		}), /* @__PURE__ */ E(J, {
+		}), /* @__PURE__ */ E(X, {
 			config: n,
 			className: o,
-			...S,
-			children: /* @__PURE__ */ D(Se, { children: [
-				/* @__PURE__ */ E(Z, {
+			...C,
+			children: /* @__PURE__ */ D(we, { children: [
+				/* @__PURE__ */ E(ft, {
 					cursor: !1,
-					content: /* @__PURE__ */ E(it, { hideLabel: !0 })
+					content: /* @__PURE__ */ E(ot, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ E(xe, {
-					data: b,
+				/* @__PURE__ */ E(Ce, {
+					data: x,
 					dataKey: a[0]?.dataKey || "value",
 					nameKey: i || "name",
 					innerRadius: e,
 					strokeWidth: 5,
 					paddingAngle: 2,
 					outerRadius: "85%",
-					...x,
-					...w,
-					children: b.map((e, n) => {
-						let r = A(e?.[i], n, t);
-						return /* @__PURE__ */ E(k, { fill: Q(r) }, `cell-${n}`);
+					...S,
+					...le,
+					children: x.map((e, n) => {
+						let r = ue(e?.[i], n, t);
+						return /* @__PURE__ */ E(_e, { fill: Q(r) }, `cell-${n}`);
 					})
 				}),
-				Ze ? /* @__PURE__ */ E(lt, {
+				Qe ? /* @__PURE__ */ E(pt, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
-						fontSize: C ? "11px" : "12px",
+						fontSize: w ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ E(at, {
+					content: /* @__PURE__ */ E(st, {
 						nameKey: i,
 						className: "flex-wrap"
 					})
@@ -851,7 +857,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]
@@ -859,61 +865,61 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		} : void 0, c = s ? {
 			onClick: s,
 			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) => {
+		} : {}, d = t(l), f = d ? [...x].sort((e, t) => (d.get(String(e?.[i] ?? "")) ?? 2 ** 53 - 1) - (d.get(String(t?.[i] ?? "")) ?? 2 ** 53 - 1)) : [...x].sort((t, n) => {
 			let r = Number(t?.[e] ?? 0);
 			return Number(n?.[e] ?? 0) - r;
 		});
-		return /* @__PURE__ */ E(J, {
+		return /* @__PURE__ */ E(X, {
 			config: r,
 			className: o,
-			...S,
-			children: /* @__PURE__ */ D(_e, { children: [/* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }), /* @__PURE__ */ D(ge, {
+			...C,
+			children: /* @__PURE__ */ D(be, { children: [/* @__PURE__ */ E(ft, { content: /* @__PURE__ */ E(ot, {}) }), /* @__PURE__ */ D(ye, {
 				dataKey: e,
 				data: f,
 				nameKey: i,
-				...x,
+				...S,
 				...c,
-				children: [/* @__PURE__ */ E(ve, {
+				children: [/* @__PURE__ */ E(A, {
 					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__ */ E(_e, { 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 = x.map((n, r) => ({
 			name: String(n?.[i] ?? ""),
 			size: Number(n?.[e]) || 0,
 			fill: Q(t[r % t.length])
 		}));
-		return /* @__PURE__ */ E(J, {
+		return /* @__PURE__ */ E(X, {
 			config: r,
 			className: o,
-			...S,
-			children: /* @__PURE__ */ E(P, {
+			...C,
+			children: /* @__PURE__ */ E(N, {
 				data: n,
 				dataKey: "size",
 				nameKey: "name",
-				...x,
-				content: /* @__PURE__ */ E(_t, {}),
-				...Ie,
-				children: /* @__PURE__ */ E(N, {})
+				...S,
+				content: /* @__PURE__ */ E(xt, {}),
+				...Le,
+				children: /* @__PURE__ */ E(M, {})
 			})
 		});
 	}
 	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) => ({
+		let e = a[0]?.dataKey || "value", t = a[0]?.label || e, n = x.filter((t) => (Number(t?.[e]) || 0) > 0), s = [{ name: t }, ...n.map((e) => ({ name: String(e?.[i] ?? "") }))], c = n.map((t, n) => ({
 			source: 0,
 			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__ */ E("div", { className: o }) : /* @__PURE__ */ E(X, {
 			config: r,
 			className: o,
-			...S,
-			children: /* @__PURE__ */ E(Ae, {
+			...C,
+			children: /* @__PURE__ */ E(Ne, {
 				data: {
 					nodes: s,
 					links: c
@@ -924,25 +930,25 @@ 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__ */ E(M, {})
 			})
 		});
 	}
-	if (y === "radar") return /* @__PURE__ */ E(J, {
+	if (y === "radar") return /* @__PURE__ */ E(X, {
 		config: r,
 		className: o,
-		...S,
-		children: /* @__PURE__ */ D(De, {
-			data: b,
+		...C,
+		children: /* @__PURE__ */ D(ke, {
+			data: x,
 			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, {}),
-					...C && {
+				/* @__PURE__ */ E(Ee, {}),
+				/* @__PURE__ */ E(Te, { dataKey: i }),
+				/* @__PURE__ */ E(De, {}),
+				/* @__PURE__ */ E(ft, { content: /* @__PURE__ */ E(ot, {}) }),
+				/* @__PURE__ */ E(pt, {
+					content: /* @__PURE__ */ E(st, {}),
+					...w && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -951,49 +957,49 @@ 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, {
+					let t = Q(r[e.dataKey]?.color || Et);
+					return /* @__PURE__ */ E(Oe, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
 						fillOpacity: .6,
-						...x
+						...S
 					}, e.dataKey);
 				})
 			]
 		})
 	});
-	if (y === "scatter") return /* @__PURE__ */ E(J, {
+	if (y === "scatter") return /* @__PURE__ */ E(X, {
 		config: r,
 		className: o,
-		...S,
-		children: /* @__PURE__ */ D(M, { children: [
-			/* @__PURE__ */ E(me, { vertical: !1 }),
-			/* @__PURE__ */ E(F, {
+		...C,
+		children: /* @__PURE__ */ D(Fe, { children: [
+			/* @__PURE__ */ E(ge, { vertical: !1 }),
+			/* @__PURE__ */ E(P, {
 				type: "number",
 				dataKey: i,
 				name: String(r[i]?.label || i),
 				tickLine: !1,
 				axisLine: !1,
-				minTickGap: C ? 32 : 48
+				minTickGap: w ? 32 : 48
 			}),
-			/* @__PURE__ */ E(I, {
+			/* @__PURE__ */ E(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: He,
 				width: 48
 			}),
-			/* @__PURE__ */ E(Me, {
+			/* @__PURE__ */ E(Ie, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }),
-			/* @__PURE__ */ E(lt, {
-				content: /* @__PURE__ */ E(at, {}),
-				...C && {
+			/* @__PURE__ */ E(ft, { content: /* @__PURE__ */ E(ot, {}) }),
+			/* @__PURE__ */ E(pt, {
+				content: /* @__PURE__ */ E(st, {}),
+				...w && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: "11px",
@@ -1002,54 +1008,54 @@ 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 = Ot(e, "scatter");
+				return /* @__PURE__ */ E(Pe, {
 					name: r[e.dataKey]?.label || e.dataKey,
-					data: b,
+					data: x,
 					fill: i,
 					fillOpacity: a?.fillOpacity,
-					...x,
-					...Fe
+					...S,
+					...Me
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (y === "combo") return /* @__PURE__ */ E(vt, {
-		title: ee,
-		subtitle: te,
-		children: /* @__PURE__ */ E(J, {
+	if (y === "combo") return /* @__PURE__ */ E(St, {
+		title: te,
+		subtitle: g,
+		children: /* @__PURE__ */ E(X, {
 			config: r,
 			className: o,
-			...S,
-			children: /* @__PURE__ */ D(he, {
-				data: b,
+			...C,
+			children: /* @__PURE__ */ D(ve, {
+				data: x,
 				children: [
-					/* @__PURE__ */ E(me, { ...K }),
-					/* @__PURE__ */ E(F, {
+					/* @__PURE__ */ E(ge, { ...We }),
+					/* @__PURE__ */ E(P, {
 						dataKey: i,
-						...tt
+						...$e
 					}),
-					/* @__PURE__ */ E(I, {
+					/* @__PURE__ */ E(F, {
 						yAxisId: "left",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: U,
+						tickFormatter: V,
 						width: 48,
-						...W(z)
+						...W(L)
 					}),
-					/* @__PURE__ */ E(I, {
+					/* @__PURE__ */ E(F, {
 						yAxisId: "right",
 						orientation: "right",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: Ve,
+						tickFormatter: H,
 						width: 48,
-						...W(B, "right")
+						...W(R, "right")
 					}),
-					$e ? /* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }) : null,
-					Ze ? /* @__PURE__ */ E(lt, {
-						content: /* @__PURE__ */ E(at, {}),
-						...C && {
+					q ? /* @__PURE__ */ E(ft, { content: /* @__PURE__ */ E(ot, {}) }) : null,
+					Qe ? /* @__PURE__ */ E(pt, {
+						content: /* @__PURE__ */ E(st, {}),
+						...w && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
 								fontSize: "11px",
@@ -1057,11 +1063,11 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							}
 						}
 					}) : null,
-					Qe,
-					et,
+					K,
+					J,
 					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 || Et), i = e.chartType || b || (t === 0 ? "bar" : "line"), a = e.yAxis === "right" || e.yAxis === "left" ? e.yAxis : b || i === "bar" ? "left" : "right", o = Ot(e, i), s = e.stack ? { stackId: String(e.stack) } : {}, c = G((a === "right" ? R : L)?.format);
+						return i === "line" ? /* @__PURE__ */ E(xe, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1070,9 +1076,9 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							dot: !1,
 							strokeOpacity: o?.strokeOpacity,
 							strokeDasharray: o?.strokeDasharray,
-							...x,
-							children: q(c)
-						}, e.dataKey) : i === "area" ? /* @__PURE__ */ E(ue, {
+							...S,
+							children: Y(c)
+						}, e.dataKey) : i === "area" ? /* @__PURE__ */ E(O, {
 							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
@@ -1082,42 +1088,42 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							strokeOpacity: o?.strokeOpacity,
 							strokeDasharray: o?.strokeDasharray,
 							...s,
-							...x,
-							children: q(c)
-						}, e.dataKey) : /* @__PURE__ */ E(fe, {
+							...S,
+							children: Y(c)
+						}, e.dataKey) : /* @__PURE__ */ E(me, {
 							yAxisId: a,
 							dataKey: e.dataKey,
 							fill: n,
 							radius: 4,
 							fillOpacity: o?.fillOpacity,
 							...s,
-							...x,
-							children: q(c)
+							...S,
+							children: Y(c)
 						}, e.dataKey);
 					})
 				]
 			})
 		})
 	});
-	let nt = y === "horizontal-bar", rt = L(), 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, {
-		title: ee,
-		subtitle: te,
-		children: /* @__PURE__ */ E(J, {
+	let et = y === "horizontal-bar", tt = I(), nt = c ? Object.values(c).map((e) => Q(String(e))) : [], rt = Array.from(/* @__PURE__ */ new Set([
+		...tt,
+		...nt,
+		...a.map((e, t) => Q(r[e.dataKey]?.color || tt[t % tt.length] || Et))
+	])), it = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
+	return /* @__PURE__ */ E(St, {
+		title: te,
+		subtitle: g,
+		children: /* @__PURE__ */ E(X, {
 			config: r,
 			className: o,
-			...S,
-			children: /* @__PURE__ */ D(Re, {
-				data: b,
-				layout: nt ? "vertical" : "horizontal",
-				...le,
+			...C,
+			children: /* @__PURE__ */ D(ze, {
+				data: x,
+				layout: et ? "vertical" : "horizontal",
+				...ce,
 				children: [
-					/* @__PURE__ */ E("defs", { children: Y.map((e) => /* @__PURE__ */ D(m.Fragment, { children: [/* @__PURE__ */ D("linearGradient", {
-						id: `bg-${X(e)}`,
+					/* @__PURE__ */ E("defs", { children: rt.map((e) => /* @__PURE__ */ D(h.Fragment, { children: [/* @__PURE__ */ D("linearGradient", {
+						id: `bg-${it(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
@@ -1132,7 +1138,7 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							stopOpacity: .5
 						})]
 					}), /* @__PURE__ */ D("linearGradient", {
-						id: `ag-${X(e)}`,
+						id: `ag-${it(e)}`,
 						x1: "0",
 						y1: "0",
 						x2: "0",
@@ -1146,48 +1152,48 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							style: { stopColor: e },
 							stopOpacity: .05
 						})]
-					})] }, X(e))) }),
-					/* @__PURE__ */ E(me, { ...K }),
-					nt ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(F, {
+					})] }, it(e))) }),
+					/* @__PURE__ */ E(ge, { ...We }),
+					et ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(P, {
 						type: "number",
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: U,
-						...W(z)
-					}), /* @__PURE__ */ E(I, {
+						tickFormatter: V,
+						...W(L)
+					}), /* @__PURE__ */ E(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
+						width: Math.min(140, Math.max(60, Math.max(...x.map((e) => String(e[i] ?? "").length)) * 7)),
+						tickFormatter: B
 					})] }) : /* @__PURE__ */ D(T, { children: [
-						/* @__PURE__ */ E(F, {
+						/* @__PURE__ */ E(P, {
 							dataKey: i,
-							...tt
+							...$e
 						}),
-						/* @__PURE__ */ E(I, {
-							...V ? { yAxisId: "left" } : {},
+						/* @__PURE__ */ E(F, {
+							...z ? { yAxisId: "left" } : {},
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: U,
+							tickFormatter: V,
 							width: 48,
-							...W(z)
+							...W(L)
 						}),
-						V ? /* @__PURE__ */ E(I, {
+						z ? /* @__PURE__ */ E(F, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
-							tickFormatter: Ve,
+							tickFormatter: H,
 							width: 48,
-							...W(B, "right")
+							...W(R, "right")
 						}) : null
 					] }),
-					$e ? /* @__PURE__ */ E(Z, { content: /* @__PURE__ */ E(it, {}) }) : null,
-					Ze ? /* @__PURE__ */ E(lt, {
-						content: /* @__PURE__ */ E(at, {}),
-						...C && {
+					q ? /* @__PURE__ */ E(ft, { content: /* @__PURE__ */ E(ot, {}) }) : null,
+					Qe ? /* @__PURE__ */ E(pt, {
+						content: /* @__PURE__ */ E(st, {}),
+						...w && {
 							verticalAlign: "bottom",
 							wrapperStyle: {
 								fontSize: "11px",
@@ -1195,26 +1201,26 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 							}
 						}
 					}) : null,
-					Qe,
-					et,
+					K,
+					J,
 					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] || Et), u = z ? { yAxisId: e.yAxis === "right" ? "right" : "left" } : {}, d = e.stack ? { stackId: String(e.stack) } : {}, f = G((e.yAxis === "right" ? R : L)?.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, {
+							let t = a.filter((e) => e.variant !== "comparison").length === 1 && !o && a.length === 1 && x.length > 1, r = Ot(e, "bar");
+							return /* @__PURE__ */ D(me, {
 								dataKey: e.dataKey,
-								fill: `url(#bg-${X(l)})`,
+								fill: `url(#bg-${it(l)})`,
 								radius: 4,
 								fillOpacity: r?.fillOpacity,
 								...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)]
+								...S,
+								children: [t && x.map((e, t) => /* @__PURE__ */ E(_e, { fill: `url(#bg-${it(Q(ue(e?.[i], t, n)))})` }, `cell-${t}`)), Y(f)]
 							}, e.dataKey);
 						}
 						if (y === "line") {
-							let t = wt(e, "line");
-							return /* @__PURE__ */ E(ye, {
+							let t = Ot(e, "line");
+							return /* @__PURE__ */ E(xe, {
 								type: "monotone",
 								dataKey: e.dataKey,
 								stroke: l,
@@ -1223,16 +1229,16 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								strokeOpacity: t?.strokeOpacity,
 								strokeDasharray: t?.strokeDasharray,
 								...u,
-								...x,
-								children: q(f)
+								...S,
+								children: Y(f)
 							}, e.dataKey);
 						}
 						if (y === "area") {
-							let t = wt(e, "area");
-							return /* @__PURE__ */ E(ue, {
+							let t = Ot(e, "area");
+							return /* @__PURE__ */ E(O, {
 								type: "monotone",
 								dataKey: e.dataKey,
-								fill: `url(#ag-${X(l)})`,
+								fill: `url(#ag-${it(l)})`,
 								stroke: l,
 								strokeWidth: 2,
 								fillOpacity: t?.fillOpacity ?? 1,
@@ -1240,8 +1246,8 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 								strokeDasharray: t?.strokeDasharray,
 								...d,
 								...u,
-								...x,
-								children: q(f)
+								...S,
+								children: Y(f)
 							}, e.dataKey);
 						}
 						return null;
@@ -1251,13 +1257,13 @@ function yt({ chartType: e = "bar", data: n = [], config: r = {}, xAxisKey: i =
 		})
 	});
 }
-function bt(e) {
+function wt(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 kt.has(t) && n.length > 0 && !n.some((e) => typeof e == "object" && !!e && r in e);
 }
-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(() => {
+function Tt(e) {
+	let t = wt(e), n = e.xAxisKey ?? "name", r = 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 "${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).`);
 	}, [
 		t,
@@ -1276,10 +1282,10 @@ function xt(e) {
 			}),
 			" field."
 		] })
-	}) : /* @__PURE__ */ E(yt, { ...e });
+	}) : /* @__PURE__ */ E(Ct, { ...e });
 }
-var St, Ct, Q, wt, Tt, Et = z((() => {
-	ut(), ht(), Qe(), St = "hsl(var(--primary))", Ct = {
+var Et, Dt, Q, Ot, kt, At = V((() => {
+	mt(), yt(), $e(), Et = "hsl(var(--primary))", Dt = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -1302,11 +1308,11 @@ var St, Ct, Q, wt, Tt, Et = z((() => {
 		fuchsia: "#d946ef",
 		pink: "#ec4899",
 		rose: "#f43f5e"
-	}, Q = (e) => Ct[e] || e, wt = (e, t) => e?.variant === "comparison" ? {
+	}, Q = (e) => Dt[e] || e, Ot = (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, kt = /* @__PURE__ */ new Set([
 		"bar",
 		"horizontal-bar",
 		"line",
@@ -1320,10 +1326,10 @@ 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, {
+$e();
+var jt = g.lazy(() => Promise.resolve().then(() => (it(), et))), Mt = g.lazy(() => Promise.resolve().then(() => (At(), bt))), Nt = ({ schema: e }) => /* @__PURE__ */ E(_, {
+	fallback: /* @__PURE__ */ E(fe, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ E(jt, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -1332,8 +1338,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 = 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 n = g.useMemo(() => {
+		let t = We(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 +1363,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__ */ E(_, {
+		fallback: /* @__PURE__ */ E(fe, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ E(Mt, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
@@ -1386,15 +1392,15 @@ var Dt = h.lazy(() => Promise.resolve().then(() => (nt(), $e))), Ot = h.lazy(()
 };
 //#endregion
 //#region src/ObjectChart.tsx
-function At(e) {
+function Pt(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function jt(e) {
+function Ft(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 It = "__comparison";
+function Lt(e, t) {
+	let { field: n, function: r, groupBy: i } = t, a = Ft(t), o = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
 		o[e] || (o[e] = []), o[e].push(t);
@@ -1414,9 +1420,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,
@@ -1424,13 +1428,13 @@ function Nt(e, t) {
 		};
 	});
 }
-async function Pt(e, t, n, r, i) {
+async function Rt(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 : Pt(i);
 			return {
 				...e,
 				[t]: a(i, s),
@@ -1438,11 +1442,11 @@ async function Pt(e, t, n, r, i) {
 			};
 		});
 	}
-	let l = c.type;
+	let l = s.type;
 	if (l === "select" || l === "picklist" || l === "dropdown") {
-		let n = c.options || [];
+		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 = Pt(r);
 			return {
 				...e,
 				[t]: a(r, i),
@@ -1452,7 +1456,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] || Pt(i);
 			return {
 				...e,
 				[t]: a(i, s),
@@ -1461,7 +1465,7 @@ async function Pt(e, t, n, r, i) {
 		});
 	}
 	if (l === "lookup" || l === "master_detail") {
-		let n = c.reference_to || c.reference;
+		let n = s.reference_to || s.reference;
 		if (!n || !r || typeof r.find != "function") return e.map((e) => ({
 			...e,
 			[o]: e[t]
@@ -1471,21 +1475,21 @@ 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 = 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 = c(l), 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));
 			}
 			return e.map((e) => {
 				let n = e[t], r = String(n ?? "");
 				return {
 					...e,
-					[t]: d[r] || r,
+					[t]: f[r] || r,
 					[o]: n
 				};
 			});
@@ -1505,17 +1509,17 @@ async function Pt(e, t, n, r, i) {
 		let n = e[t], r = String(n ?? "");
 		return {
 			...e,
-			[t]: u.test(r) ? r : At(r),
+			[t]: u.test(r) ? r : Pt(r),
 			[o]: n
 		};
 	});
 }
-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);
-	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({
+var zt = (e) => {
+	let { schema: t } = e, h = e.onSegmentClick, g = re(ze), _ = e.dataSource || g?.dataSource, fe = g?.apiFetch, T = Be(t.bind), { fieldOptionLabel: O } = R(), pe = y(O);
+	ie(() => {
+		pe.current = O;
+	}, [O]);
+	let [me, k] = b([]), [he, ge] = b(null), [_e, ve] = b(() => !(Array.isArray(t.data) && t.data.length > 0) && (!!t.objectName || !!t.dataset)), [ye, be] = b(null), [A, j] = b(null), [xe, Se] = b(null), { openRecordList: Ce } = Ve(), we = z(), 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 ?? []
@@ -1523,36 +1527,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";
+	ie(() => {
 		let e = !1;
 		return (async () => {
 			try {
-				let n = {
+				let n = fe ?? 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 || Se(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 d = await u(c, i, [a, ...Object.values(l)]);
+				e || Se({
+					metaByPath: d,
+					colorPath: a,
+					fieldByDim: t.dataset && Array.isArray(t.dimensions) ? l : null
+				});
 			} catch {
-				e || (ye(null), xe(null));
+				e || Se(null);
 			}
 		})(), () => {
 			e = !0;
@@ -1560,17 +1565,31 @@ var Ft = (e) => {
 	}, [
 		t.objectName,
 		t.dataset,
-		De,
-		we,
-		t.xAxisKey
+		Oe,
+		Te,
+		t.xAxisKey,
+		fe
 	]);
-	let ke = ee(async (e, n) => {
+	let { fieldOptionColors: Ae, dimensionLabels: je } = v(() => {
+		if (!xe) return {
+			fieldOptionColors: null,
+			dimensionLabels: null
+		};
+		let { metaByPath: e, colorPath: t, fieldByDim: n } = xe, i = d(e[t]?.options, s(e[t], O)), a = o(e, n ? Object.entries(n).map(([e, t]) => ({
+			dim: e,
+			path: t
+		})) : null, O);
+		return {
+			fieldOptionColors: r(i),
+			dimensionLabels: a
+		};
+	}, [xe, O]), Me = ne(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: Ft(t.aggregate)
 				};
 				a !== "count" && i && (o.field = i);
 				let s = await e.aggregate(t.objectName, {
@@ -1589,29 +1608,29 @@ 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 = c(r);
+			return t.aggregate && i.length > 0 && (i = Lt(i, t.aggregate)), i;
 		}
 		return [];
-	}, [t.objectName, we]), j = Le(), Ae = ee(async (e, n) => {
+	}, [t.objectName, Te]), Ne = I(), Pe = ne(async (e, n) => {
 		if (!e || !t.objectName && !t.dataset) {
-			n.current && k(!1);
+			n.current && ve(!1);
 			return;
 		}
-		n.current && (k(!0), ge(null));
+		n.current && (ve(!0), be(null));
 		try {
 			if (t.dataset && typeof e.queryDataset == "function") {
-				let r = f(t.filter, j), i = await e.queryDataset(t.dataset, {
+				let r = m(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 && (fe(Array.isArray(i?.rows) ? i.rows : []), pe(Array.isArray(i?.fields) ? i.fields : null));
+				n.current && (k(Array.isArray(i?.rows) ? i.rows : []), ge(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 = m(t.filter, Ne), i = t.compareTo, a = !!i && ke(t.chartType), o = a ? p(te(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 = Ft(t.aggregate), i = (t) => {
 					if (t == null) return null;
 					if (e) {
 						let r = `${e}_${n}`;
@@ -1619,7 +1638,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}${It}`, 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) {
@@ -1653,44 +1672,44 @@ 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) => ue.current(t.objectName, m, e, n));
+				l = await Rt(l, d, n, e, (e, n) => pe.current(t.objectName, d, e, n));
 			} catch {}
-			n.current && fe(l);
+			n.current && k(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 && be(e instanceof Error ? e.message : "Failed to load chart data");
 		} finally {
-			n.current && k(!1);
+			n.current && ve(!1);
 		}
 	}, [
 		t.objectName,
-		De,
-		we,
+		Oe,
 		Te,
 		Ee,
+		De,
 		t.xAxisKey,
 		t.chartType,
-		ke,
-		j
+		Me,
+		Ne
 	]);
-	ne(() => {
+	ie(() => {
 		let e = { current: !0 };
-		return (t.objectName || t.dataset) && !w && !t.data ? Ae(g, e) : e.current && k(!1), () => {
+		return (t.objectName || t.dataset) && !T && !t.data ? Pe(_, e) : e.current && ve(!1), () => {
 			e.current = !1;
 		};
 	}, [
 		t.objectName,
-		De,
-		g,
-		w,
+		Oe,
+		_,
+		T,
 		t.data,
-		Te,
-		we,
 		Ee,
-		Ae
+		Te,
+		De,
+		Pe
 	]);
-	let je = w || t.data || de, M = Array.isArray(je) ? je : [], N = t.drillDown, P = t.aggregate?.groupBy || t.xAxisKey, F = _(() => {
+	let Fe = T || t.data || me, M = Array.isArray(Fe) ? Fe : [], N = t.drillDown, P = t.aggregate?.groupBy || t.xAxisKey, F = v(() => {
 		if (!P) return /* @__PURE__ */ new Map();
 		let e = /* @__PURE__ */ new Map(), t = `__raw_${P}`;
 		for (let n of M) {
@@ -1700,50 +1719,64 @@ var Ft = (e) => {
 			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 = _(() => {
+	}, [M, P]), Ie = v(() => {
+		if (A) return {
+			...t.filter || {},
+			...a(N, A, { groupByField: P })
+		};
+	}, [
+		A,
+		N,
+		P,
+		Ee
+	]), Le = !h && !!A && !!t.objectName && N?.target === "navigate" && !!Ce;
+	ie(() => {
+		Le && (Ce(t.objectName, Ie), j(null));
+	}, [Le]);
+	let B = t.compareTo, V = t.aggregate ? Ft(t.aggregate) : void 0, H = V ? `${V}${It}` : void 0, U = !!B && ke(t.chartType) && !!H && M.some((e) => e[H] != null), W = v(() => {
 		let e = Array.isArray(t.series) ? t.series : null;
-		if (!z) return e;
-		let n = e || [{ dataKey: Me }], r = {
+		if (!U) return e;
+		let n = e || [{ dataKey: V }], r = {
 			vsLastWeek: "Previous week",
 			vsLastMonth: "Previous month",
 			vsLastQuarter: "Previous quarter",
 			vsLastYear: "Previous year",
 			vsYesterday: "Yesterday",
 			vsPreviousPeriod: "Previous period"
-		}[a(I, t.filter)] || "Previous period";
+		}[i(B, t.filter)] || "Previous period";
 		return [...n.map((e) => ({
 			...e,
 			variant: e.variant || "current"
 		})), {
-			dataKey: R,
+			dataKey: H,
 			label: r,
 			variant: "comparison"
 		}];
 	}, [
-		z,
+		U,
 		t.series,
-		Me,
-		R,
+		V,
+		H,
 		t.filter,
-		I
-	]), V = t.dataset ? n(l(M, be), t.dimensions, t.values, O) : null, H = V ? {
+		B
+	]), Ue = t.dataset ? n(f(M, je), t.dimensions, t.values, he, { nullCategoryLabel: we("chart.nullCategory", "(None)") }) : null, We = Ue ? {
 		...t,
-		data: V.data,
-		xAxisKey: V.xAxisKey,
-		series: V.series
+		data: Ue.data,
+		xAxisKey: Ue.xAxisKey,
+		series: Ue.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 ? {
-		...A || {},
-		...U || {}
-	} : void 0, Ue = {
-		...H,
-		colors: Ve,
-		...He ? { categoryColors: He } : {}
+		...W ? { series: W } : {}
+	}, Ge = t.colors && !Array.isArray(t.colors) && typeof t.colors == "object" ? t.colors : null, Ke = Array.isArray(t.colors) ? t.colors : void 0, G = Ae || Ge ? {
+		...Ae || {},
+		...Ge || {}
+	} : void 0, qe = {
+		...We,
+		colors: Ke,
+		...G ? { categoryColors: G } : {}
 	};
-	if (me && M.length === 0) return /* @__PURE__ */ D("div", {
+	if (_e && M.length === 0) return /* @__PURE__ */ D("div", {
 		className: "p-2 " + (t.className || ""),
 		"data-testid": "chart-loading",
 		role: "status",
@@ -1752,25 +1785,25 @@ var Ft = (e) => {
 		children: [/* @__PURE__ */ E("span", {
 			className: "sr-only",
 			children: "Loading chart data…"
-		}), /* @__PURE__ */ E(y, { className: "h-full" })]
+		}), /* @__PURE__ */ E(S, { className: "h-full" })]
 	});
-	if (he) return /* @__PURE__ */ D("div", {
+	if (ye) return /* @__PURE__ */ D("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(He, { className: "h-6 w-6 text-destructive opacity-60" }),
 			/* @__PURE__ */ E("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
 			/* @__PURE__ */ E("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: he
+				children: ye
 			})
 		]
 	});
-	if (!g && t.objectName && M.length === 0) return /* @__PURE__ */ D("div", {
+	if (!_ && t.objectName && M.length === 0) return /* @__PURE__ */ D("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (t.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
@@ -1779,69 +1812,66 @@ var Ft = (e) => {
 			"”"
 		]
 	});
-	let We = c(N) ? (e) => {
+	let Je = l(N) ? (e) => {
 		let t = e.category, n = t != null && F.has(String(t)) ? F.get(String(t)) : t;
-		ve({
+		j({
 			...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, Ye = h ?? Je, Xe = !h && A && t.objectName && !Le ? (() => {
+		let e = Ie ?? {}, n = ee(N, A, t.title || "Details"), r = N?.target ?? "drawer", i = {
+			type: "object-data-table",
+			objectName: t.objectName,
+			filter: e,
+			pagination: !0,
+			pageSize: N?.maxRows,
+			columns: N?.columns?.map((e) => ({
+				accessorKey: e,
+				header: e
+			})),
+			drillDown: {
+				enabled: !0,
+				mode: "record",
+				target: "dialog"
+			}
+		}, a = /* @__PURE__ */ E("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"
-					}
-				},
-				dataSource: g
+			children: /* @__PURE__ */ E(Re, {
+				schema: i,
+				dataSource: _
 			})
-		}), s = Se && t.objectName ? /* @__PURE__ */ D(ie, {
+		}), o = Ce && t.objectName ? /* @__PURE__ */ D(x, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				Se(t.objectName, n), ve(null);
+				Ce(t.objectName, e), j(null);
 			},
-			children: [Ce("dashboard.openInList", "Open in list"), /* @__PURE__ */ E(ze, { className: "ml-1 h-3.5 w-3.5" })]
+			children: [we("dashboard.openInList", "Open in list"), /* @__PURE__ */ E(L, { className: "ml-1 h-3.5 w-3.5" })]
 		}) : null;
-		return i === "dialog" ? /* @__PURE__ */ E(ae, {
+		return r === "dialog" ? /* @__PURE__ */ E(C, {
 			open: !0,
-			onOpenChange: (e) => !e && ve(null),
-			children: /* @__PURE__ */ D(b, {
+			onOpenChange: (e) => !e && j(null),
+			children: /* @__PURE__ */ D(w, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ D(x, {
+				children: [/* @__PURE__ */ D(ae, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ E(S, { children: r }), s]
+					children: [/* @__PURE__ */ E(oe, { children: n }), o]
 				}), a]
 			})
-		}) : /* @__PURE__ */ E(oe, {
+		}) : /* @__PURE__ */ E(ce, {
 			open: !0,
-			onOpenChange: (e) => !e && ve(null),
-			children: /* @__PURE__ */ D(se, {
+			onOpenChange: (e) => !e && j(null),
+			children: /* @__PURE__ */ D(le, {
 				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__ */ D(ue, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ E(le, { children: r }), s]
+					children: [/* @__PURE__ */ E(de, { children: n }), o]
 				}), /* @__PURE__ */ E("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: a
@@ -1852,17 +1882,29 @@ var Ft = (e) => {
 	return /* @__PURE__ */ D("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ E(C, { active: me && M.length > 0 }),
+			/* @__PURE__ */ E(se, { active: _e && M.length > 0 }),
 			/* @__PURE__ */ E($, {
 				...e,
-				schema: Ue,
-				onChartClick: Ge
+				schema: qe,
+				onChartClick: Ye
 			}),
-			Ke
+			Xe
 		]
 	});
-};
-e.register("object-chart", Ft, {
+}, Bt = { filter: !0 }, Vt = (e) => /* @__PURE__ */ E(Le, {
+	schema: e.schema,
+	mapping: Bt,
+	dataSource: e.dataSource,
+	testId: "object-chart",
+	errorTitle: "This chart’s data source could not be resolved",
+	children: (t) => /* @__PURE__ */ E(zt, {
+		...e,
+		schema: t
+	})
+});
+//#endregion
+//#region src/index.tsx
+e.register("object-chart", Vt, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -1889,16 +1931,20 @@ 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."
 		}
 	]
-});
-//#endregion
-//#region src/index.tsx
-var It = {
-	"bar-chart": kt,
+}), $e();
+var Ht = {
+	"bar-chart": Nt,
 	chart: $
 };
-e.register("bar-chart", kt, {
+e.register("bar-chart", Nt, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -1962,7 +2008,7 @@ e.register("bar-chart", kt, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", Ft, {
+}), e.register("chart", Vt, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -2129,4 +2175,4 @@ e.register("bar-chart", kt, {
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { kt as ChartBarRenderer, $ as ChartRenderer, Ft as ObjectChart, It as chartComponents };
+export { Nt as ChartBarRenderer, $ as ChartRenderer, zt as ObjectChart, Vt as ObjectChartBlock, Ht as chartComponents, We as normalizeChartSchema };