@object-ui/plugin-charts 16.0.0 → 17.1.0

package/dist/index.js

@@ -1,54 +1,211 @@
-import { ComponentRegistry as e, buildChartSeries as t, buildDimensionLabelMap as n, buildOptionColorMap as r, compareToTrendLabelKey as i, computeDrillFilter as a, extractRecords as o, isDrillEnabled as s, relabelDimensions as c, resolveDateMacros as l, resolveDrillTitle as u, shiftFilterByCompareTo as d } from "@object-ui/core";
-import * as f from "react";
-import p, { Suspense as m, useCallback as h, useContext as g, useEffect as ee, useMemo as _, useRef as te, useState as v } from "react";
-import { Button as ne, ChartSkeleton as re, Dialog as ie, DialogContent as ae, DialogHeader as oe, DialogTitle as se, RefreshIndicator as ce, Sheet as le, SheetContent as ue, SheetHeader as y, SheetTitle as b, Skeleton as x } from "@object-ui/components";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Area as T, AreaChart as de, Bar as fe, BarChart as E, CartesianGrid as D, Cell as pe, Funnel as me, FunnelChart as O, LabelList as he, Legend as k, Line as A, LineChart as j, Pie as ge, PieChart as M, PolarAngleAxis as _e, PolarGrid as ve, PolarRadiusAxis as ye, Radar as be, RadarChart as N, ResponsiveContainer as P, Sankey as xe, Scatter as Se, ScatterChart as Ce, Tooltip as F, Treemap as we, XAxis as I, YAxis as L, ZAxis as R } from "recharts";
-import { SchemaRenderer as Te, SchemaRendererContext as Ee, useDataScope as z, useDrillNavigation as De } from "@object-ui/react";
-import { AlertCircle as Oe, ArrowUpRight as ke } from "lucide-react";
-import { useSafeFieldLabel as Ae, useSafeTranslate as je } from "@object-ui/i18n";
+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 w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Area as de, AreaChart as fe, Bar as pe, BarChart as D, Brush as me, CartesianGrid as he, Cell as O, ComposedChart as ge, Funnel as _e, FunnelChart as ve, LabelList as ye, Legend as k, Line as be, LineChart as xe, Pie as Se, PieChart as Ce, PolarAngleAxis as we, PolarGrid as Te, PolarRadiusAxis as Ee, Radar as De, RadarChart as Oe, ReferenceArea as ke, ReferenceLine as Ae, ResponsiveContainer as A, Sankey as je, Scatter as Me, ScatterChart as j, Tooltip as M, Treemap as Ne, XAxis as N, YAxis as P, ZAxis as Pe } from "recharts";
+import { SchemaRenderer as Fe, SchemaRendererContext as Ie, useDataScope as Le, useDrillNavigation as Re, useFilterScope as ze } from "@object-ui/react";
+import { AlertCircle as Be, ArrowUpRight as Ve } from "lucide-react";
+import { useSafeFieldLabel as He, useSafeTranslate as F } from "@object-ui/i18n";
 //#region \0rolldown/runtime.js
-var B = Object.defineProperty, V = (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;
 	}
-}, H = (e, t) => {
+}, R = (e, t) => {
 	let n = {};
-	for (var r in e) B(n, r, {
+	for (var r in e) I(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || B(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Me = /* @__PURE__ */ H({ default: () => Pe });
-function Ne(e, t = 14) {
+	return t || I(n, Symbol.toStringTag, { value: "Module" }), n;
+};
+//#endregion
+//#region src/normalizeChartSchema.ts
+function z(e) {
+	let t = W(e);
+	if (t) return t;
+	if (U(e)) return Object.values(e).find((e) => typeof e == "string" && e);
+}
+function B(e) {
+	if (!U(e)) return;
+	let t = {}, n = W(e.field);
+	n && (t.field = n);
+	let r = W(e.format);
+	r && (t.format = r);
+	let i = G(e.min);
+	i !== void 0 && (t.min = i);
+	let a = G(e.max);
+	a !== void 0 && (t.max = a);
+	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 = W(e.position);
+	(s === "left" || s === "right" || s === "top" || s === "bottom") && (t.position = s);
+	let c = z(e.title);
+	return c && (t.title = c), t;
+}
+function V(e) {
+	if (!U(e)) {
+		let t = W(e);
+		return t ? { dataKey: t } : void 0;
+	}
+	let t = W(e.dataKey) ?? W(e.name);
+	if (!t) return;
+	let n = { dataKey: t }, r = z(e.label);
+	r && (n.label = r);
+	let i = W(e.chartType) ?? W(e.type);
+	(i === "bar" || i === "line" || i === "area") && (n.chartType = i);
+	let a = W(e.variant);
+	(a === "comparison" || a === "current" || a === "primary") && (n.variant = a);
+	let o = G(e.opacity);
+	o !== void 0 && (n.opacity = o);
+	let s = W(e.dashArray);
+	s && (n.dashArray = s);
+	let c = W(e.stack);
+	c && (n.stack = c);
+	let l = W(e.yAxis);
+	(l === "left" || l === "right") && (n.yAxis = l);
+	let u = W(e.color);
+	return u && (n.color = u), n;
+}
+function Ue(e) {
+	if (!U(e)) return {};
+	let t = {}, n = W(e.type), r = W(e.chartType) ?? W(e.specType) ?? (n && Ze.has(n) ? n : void 0);
+	r && Je.has(r) && (t.chartType = r);
+	let i = e.xAxis, a = B(i);
+	a && (a.format || a.title || a.showGridLines !== void 0) && (t.xAxis = a);
+	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) => 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(V).filter((e) => !!e);
+	if (!c?.length) {
+		let e = s.filter((e) => e.field).map((e, t) => ({
+			dataKey: e.field,
+			...e.title ? { label: e.title } : {},
+			...t > 0 || e.position === "right" ? { yAxis: "right" } : {}
+		}));
+		e.length && (c = e);
+	}
+	c?.length && (t.series = c), typeof e.showLegend == "boolean" && (t.showLegend = e.showLegend), typeof e.showDataLabels == "boolean" && (t.showDataLabels = e.showDataLabels);
+	let l = z(e.title);
+	l && (t.title = l);
+	let u = z(e.subtitle);
+	u && (t.subtitle = u);
+	let d = z(e.description);
+	d && (t.description = d);
+	let f = G(e.height);
+	return f !== void 0 && f > 0 && (t.height = f), Array.isArray(e.annotations) && e.annotations.length && (t.annotations = e.annotations.filter(U)), U(e.interaction) && (t.interaction = e.interaction), t;
+}
+function We(e) {
+	if (e === "bar" || e === "column") return "bar";
+	if (e === "line") return "line";
+	if (e === "area") return "area";
+}
+function Ge(e, t) {
+	if (e === "combo") return "combo";
+	let n = We(e);
+	if (!n || !t || t.length < 2) return e;
+	let r = t.map((e) => e.chartType ?? n);
+	return new Set(r).size > 1 ? "combo" : e;
+}
+function H(e) {
+	if (!e) return;
+	let t = e.includes("%"), n = /^([$£€¥₹])/.exec(e), r = e.includes(","), i = /\.(0+)/.exec(e)?.[1].length ?? 0, a = {
+		$: "USD",
+		"£": "GBP",
+		"€": "EUR",
+		"¥": "CNY",
+		"₹": "INR"
+	};
+	if (!t && !n && !r && i === 0) return;
+	let o = {
+		minimumFractionDigits: i,
+		maximumFractionDigits: i,
+		useGrouping: r
+	};
+	return t ? o.style = "percent" : n && (o.style = "currency", o.currency = a[n[1]] ?? "USD"), (e) => {
+		let t = typeof e == "number" ? e : Number(e);
+		if (!Number.isFinite(t)) return e == null ? "" : String(e);
+		try {
+			return new Intl.NumberFormat(void 0, o).format(t);
+		} catch {
+			return String(t);
+		}
+	};
+}
+function Ke(e, t) {
+	let n = e?.stepSize;
+	if (!n || n <= 0) return;
+	let r = t.filter((e) => Number.isFinite(e)), i = r.length ? Math.min(...r) : void 0, a = r.length ? Math.max(...r) : void 0, o = e.min ?? Math.min(0, i ?? 0), s = e.max ?? a;
+	if (s === void 0 || !Number.isFinite(o) || !Number.isFinite(s) || s < o) return;
+	let c = Math.floor(o / n) * n, l = e.max === void 0 ? Math.ceil(s / n) * n : e.max, u = Math.floor((l - c) / n + 1e-9) + 1;
+	if (u < 1 || u > Qe) return;
+	let d = [];
+	for (let e = 0; e < u; e++) d.push(Number((c + e * n).toPrecision(12)));
+	return e.max !== void 0 && d[d.length - 1] < e.max && d.push(e.max), d;
+}
+function qe(e) {
+	if (!e) return;
+	let { min: t, max: n } = e;
+	if (!(t === void 0 && n === void 0)) return [t ?? "auto", n ?? "auto"];
+}
+var Je, Ye, Xe, Ze, U, W, G, Qe, $e = L((() => {
+	Je = /* @__PURE__ */ new Set([
+		"bar",
+		"column",
+		"horizontal-bar",
+		"line",
+		"area",
+		"pie",
+		"donut",
+		"funnel",
+		"radar",
+		"scatter",
+		"treemap",
+		"sankey",
+		"combo"
+	]), Ye = /* @__PURE__ */ new Set([
+		"gauge",
+		"solid-gauge",
+		"metric",
+		"kpi",
+		"bullet"
+	]), Xe = /* @__PURE__ */ new Set(["table", "pivot"]), Ze = /* @__PURE__ */ new Set([
+		...Je,
+		...Ye,
+		...Xe
+	]), U = (e) => !!e && typeof e == "object" && !Array.isArray(e), W = (e) => typeof e == "string" && e ? e : void 0, G = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Qe = 200;
+})), et = /* @__PURE__ */ R({ default: () => nt });
+function tt(e, t = 14) {
 	return e.length > t ? `${e.slice(0, t - 1)}…` : e;
 }
-function U({ x: e, y: t, payload: n }) {
-	let r = String(n?.value ?? ""), i = Ne(r);
-	return /* @__PURE__ */ C("g", {
+function K({ x: e, y: t, payload: n }) {
+	let r = String(n?.value ?? ""), i = tt(r);
+	return /* @__PURE__ */ T("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ w("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__ */ C("title", { children: r }), i]
+			children: [r !== i && /* @__PURE__ */ T("title", { children: r }), i]
 		})
 	});
 }
-function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+function nt({ 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__ */ C("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__ */ C(P, {
+		children: /* @__PURE__ */ T(A, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ w(E, {
+			children: /* @__PURE__ */ E(D, {
 				data: e,
 				margin: {
 					top: 10,
@@ -57,66 +214,66 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 					bottom: s ? 24 : 5
 				},
 				children: [
-					/* @__PURE__ */ w("defs", { children: [/* @__PURE__ */ w("linearGradient", {
+					/* @__PURE__ */ E("defs", { children: [/* @__PURE__ */ E("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ C("stop", {
+							/* @__PURE__ */ T("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ C("stop", {
+							/* @__PURE__ */ T("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ C("stop", {
+							/* @__PURE__ */ T("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ w("filter", {
+					}), /* @__PURE__ */ E("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ C("feGaussianBlur", {
+							/* @__PURE__ */ T("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ C("feOffset", {
+							/* @__PURE__ */ T("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ C("feFlood", {
+							/* @__PURE__ */ T("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ C("feComposite", {
+							/* @__PURE__ */ T("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ w("feMerge", { children: [/* @__PURE__ */ C("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ C("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ E("feMerge", { children: [/* @__PURE__ */ T("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ T("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ C(D, {
+					/* @__PURE__ */ T(he, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ C(I, {
+					/* @__PURE__ */ T(N, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ C(U, {}) : {
+						tick: s ? /* @__PURE__ */ T(K, {}) : {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
 							fontFamily: "monospace"
@@ -127,7 +284,7 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						height: s ? 56 : void 0,
 						dy: s ? void 0 : 10
 					}),
-					/* @__PURE__ */ C(L, {
+					/* @__PURE__ */ T(P, {
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
@@ -136,7 +293,7 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						tickLine: !1,
 						axisLine: !1
 					}),
-					/* @__PURE__ */ C(F, {
+					/* @__PURE__ */ T(M, {
 						cursor: {
 							fill: "hsl(var(--muted))",
 							opacity: .2
@@ -151,11 +308,11 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ C(k, { wrapperStyle: {
+					/* @__PURE__ */ T(k, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ C(fe, {
+					/* @__PURE__ */ T(pe, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -172,48 +329,63 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var Fe = V((() => {}));
+var rt = L((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
-function Ie() {
-	let e = f.useContext(ze);
+function it() {
+	let e = m.useContext(ct);
 	if (!e) throw Error("useChart must be used within a <ChartContainer />");
 	return e;
 }
-function W({ id: e, className: t, children: n, config: r, ...i }) {
-	let a = f.useId(), o = `chart-${e || a.replace(/:/g, "")}`;
-	return /* @__PURE__ */ C(ze.Provider, {
+function q({ id: e, className: t, children: n, config: r, disableSettleRemount: i, ...a }) {
+	let o = m.useId(), s = `chart-${e || o.replace(/:/g, "")}`, c = m.useRef(null), [l, u] = m.useState(0);
+	return m.useEffect(() => {
+		if (i) return;
+		let e = c.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);
+			}, 80));
+		});
+		return r.observe(e), () => {
+			t = !0, n != null && clearTimeout(n), r.disconnect();
+		};
+	}, [i]), /* @__PURE__ */ T(ct.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ E("div", {
+			ref: c,
 			"data-slot": "chart",
-			"data-chart": o,
-			className: q("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
+			"data-chart": s,
+			className: J("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
 			style: {
 				minHeight: 280,
 				minWidth: 0,
-				...i.style
+				...a.style
 			},
-			...i,
-			children: [/* @__PURE__ */ C(Be, {
-				id: o,
+			...a,
+			children: [/* @__PURE__ */ T(lt, {
+				id: s,
 				config: r
-			}), /* @__PURE__ */ C(P, {
+			}), /* @__PURE__ */ T(A, {
 				width: "100%",
 				height: "100%",
 				children: n
-			})]
+			}, l)]
 		})
 	});
 }
-function G({ 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: p }) {
-	let { config: m } = Ie(), h = f.useMemo(() => {
+function at({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: o, labelFormatter: s, labelClassName: c, formatter: l, color: u, nameKey: d, labelKey: f }) {
+	let { config: p } = it(), h = m.useMemo(() => {
 		if (i || !t?.length) return null;
-		let [e] = t, n = `${p || e?.dataKey || e?.name || "value"}`, r = Le(m, e, n), a = !p && typeof o == "string" ? m[o]?.label || o : r?.label;
-		return s ? /* @__PURE__ */ C("div", {
-			className: q("font-medium", c),
+		let [e] = t, n = `${f || e?.dataKey || e?.name || "value"}`, r = st(p, e, n), a = !f && typeof o == "string" ? p[o]?.label || o : r?.label;
+		return s ? /* @__PURE__ */ T("div", {
+			className: J("font-medium", c),
 			children: s(a, t)
-		}) : a ? /* @__PURE__ */ C("div", {
-			className: q("font-medium", c),
+		}) : a ? /* @__PURE__ */ T("div", {
+			className: J("font-medium", c),
 			children: a
 		}) : null;
 	}, [
@@ -222,34 +394,34 @@ function G({ active: e, payload: t, className: n, indicator: r = "dot", hideLabe
 		t,
 		i,
 		c,
-		m,
-		p
+		p,
+		f
 	]);
 	if (!e || !t?.length) return null;
 	let g = t.length === 1 && r !== "dot";
-	return /* @__PURE__ */ w("div", {
-		className: q("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__ */ C("div", {
+	return /* @__PURE__ */ E("div", {
+		className: J("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", n),
+		children: [g ? null : h, /* @__PURE__ */ T("div", {
 			className: "grid gap-1.5",
 			children: t.filter((e) => e.type !== "none").map((e, t) => {
-				let n = `${d || e.name || e.dataKey || "value"}`, i = Le(m, e, n), o = u || e.payload.fill || e.color;
-				return /* @__PURE__ */ C("div", {
-					className: q("[&>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__ */ w(S, { children: [i?.icon ? /* @__PURE__ */ C(i.icon, {}) : !a && /* @__PURE__ */ C("div", {
-						className: q("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", r === "dot" ? "h-2.5 w-2.5" : "", r === "line" ? "w-1" : "", r === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", g && r === "dashed" ? "my-0.5" : ""),
+				let n = `${d || e.name || e.dataKey || "value"}`, i = st(p, e, n), o = u || e.payload.fill || e.color;
+				return /* @__PURE__ */ T("div", {
+					className: J("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", r === "dot" ? "items-center" : ""),
+					children: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ E(w, { children: [i?.icon ? /* @__PURE__ */ T(i.icon, {}) : !a && /* @__PURE__ */ T("div", {
+						className: J("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", r === "dot" ? "h-2.5 w-2.5" : "", r === "line" ? "w-1" : "", r === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", g && r === "dashed" ? "my-0.5" : ""),
 						style: {
 							"--color-bg": o,
 							"--color-border": o
 						}
-					}), /* @__PURE__ */ w("div", {
-						className: q("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ E("div", {
+						className: J("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ E("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ C("span", {
+							children: [g ? h : null, /* @__PURE__ */ T("span", {
 								className: "text-muted-foreground",
 								children: i?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ C("span", {
+						}), e.value && /* @__PURE__ */ T("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -259,15 +431,15 @@ function G({ active: e, payload: t, className: n, indicator: r = "dot", hideLabe
 		})]
 	});
 }
-function K({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
-	let { config: a } = Ie();
-	return n?.length ? /* @__PURE__ */ C("div", {
-		className: q("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
+function ot({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = it();
+	return n?.length ? /* @__PURE__ */ T("div", {
+		className: J("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
 		children: n.filter((e) => e.type !== "none").map((e) => {
-			let n = `${i || e.dataKey || "value"}`, r = Le(a, e, n);
-			return /* @__PURE__ */ w("div", {
-				className: q("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-				children: [r?.icon && !t ? /* @__PURE__ */ C(r.icon, {}) : /* @__PURE__ */ C("div", {
+			let n = `${i || e.dataKey || "value"}`, r = st(a, e, n);
+			return /* @__PURE__ */ E("div", {
+				className: J("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [r?.icon && !t ? /* @__PURE__ */ T(r.icon, {}) : /* @__PURE__ */ T("div", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
 				}), r?.label]
@@ -275,18 +447,18 @@ function K({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bot
 		})
 	}) : null;
 }
-function Le(e, t, n) {
+function st(e, t, n) {
 	if (typeof t != "object" || !t) return;
 	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
 	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
 }
-var q, Re, ze, Be, J, Y, Ve = V((() => {
-	q = (...e) => e.filter(Boolean).join(" "), Re = {
+var J, Y, ct, lt, X, Z, ut = L((() => {
+	J = (...e) => e.filter(Boolean).join(" "), Y = {
 		light: "",
 		dark: ".dark"
-	}, ze = f.createContext(null), Be = ({ id: e, config: t }) => {
+	}, ct = m.createContext(null), lt = ({ id: e, config: t }) => {
 		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-		return n.length ? /* @__PURE__ */ C("style", { dangerouslySetInnerHTML: { __html: Object.entries(Re).map(([t, r]) => `
+		return n.length ? /* @__PURE__ */ T("style", { dangerouslySetInnerHTML: { __html: Object.entries(Y).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -294,124 +466,168 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, J = F, Y = k;
+	}, X = M, Z = k;
 }));
 //#endregion
 //#region src/chartDrillEvents.ts
-function He(e) {
+function dt(e) {
 	return e?.[0]?.dataKey || "value";
 }
-function Ue(e, t, n) {
+function ft(e, t, n) {
 	if (!e) return null;
 	let r = e.payload ?? e, i = r?.[t];
 	if (i == null) return null;
-	let a = He(n);
+	let a = dt(n);
 	return {
 		category: String(i),
 		series: a,
 		value: typeof r?.[a] == "number" ? r[a] : void 0
 	};
 }
-function We(e, t) {
+function pt(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: He(t),
+		series: dt(t),
 		value: typeof r == "number" ? r : void 0
 	};
 }
-function Ge(e, t) {
+function mt(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: He(t),
+		series: dt(t),
 		value: typeof n?.value == "number" ? n.value : void 0
 	};
 }
-var Ke = V((() => {})), qe = /* @__PURE__ */ H({ default: () => Je });
-function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r = "name", series: i = [], className: a = "", colors: o, categoryColors: s, onChartClick: c, isAnimationActive: l }) {
-	let u = e === "column" ? "bar" : e, d = Array.isArray(t) ? t : [], p = l === !1 ? { isAnimationActive: !1 } : {}, [m, h] = f.useState(!1), g = f.useCallback((e) => {
-		if (!c || !e) return;
+var ht = L((() => {})), gt = /* @__PURE__ */ R({ default: () => xt });
+function _t(e) {
+	let { x: t, y: n, width: r, height: i, name: a, fill: o } = e;
+	return r <= 0 || i <= 0 ? null : /* @__PURE__ */ E("g", { children: [/* @__PURE__ */ T("rect", {
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		fill: o,
+		stroke: "hsl(var(--background))",
+		strokeWidth: 2
+	}), r > 48 && i > 18 ? /* @__PURE__ */ T("text", {
+		x: t + 6,
+		y: n + 18,
+		fill: "#fff",
+		fontSize: 12,
+		className: "pointer-events-none",
+		children: a
+	}) : null] });
+}
+function vt({ title: e, subtitle: t, children: n }) {
+	return !e && !t ? /* @__PURE__ */ T(w, { children: n }) : /* @__PURE__ */ E("div", {
+		className: "flex h-full w-full flex-col",
+		children: [/* @__PURE__ */ E("div", {
+			className: "mb-2 shrink-0",
+			children: [e ? /* @__PURE__ */ T("div", {
+				className: "text-sm font-medium leading-tight text-foreground",
+				children: e
+			}) : null, t ? /* @__PURE__ */ T("div", {
+				className: "text-xs leading-tight text-muted-foreground",
+				children: t
+			}) : null]
+		}), /* @__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 = Ge(ie, a), ae = We(ie), b = Array.isArray(n) ? n : [], x = d === !1 ? { isAnimationActive: !1 } : {}, S = {
+		...d === !1 ? { disableSettleRemount: !0 } : {},
+		..._ ? { style: { height: _ } } : {},
+		...ne ? {
+			role: "img",
+			"aria-label": ne
+		} : {}
+	}, [C, oe] = m.useState(!1), se = m.useCallback((e) => {
+		if (!u || !e) return;
 		let t = Array.isArray(e.activePayload) ? e.activePayload[0] : void 0;
-		c({
+		u({
 			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
 		});
-	}, [c]), ee = f.useCallback((e) => {
-		if (!c || !e) return;
-		let t = e.payload?.[r], n = i[0]?.dataKey || "value";
-		c({
+	}, [u]), ce = m.useCallback((e) => {
+		if (!u || !e) return;
+		let t = e.payload?.[i], n = a[0]?.dataKey || "value";
+		u({
 			category: t == null ? void 0 : String(t),
 			series: n,
 			value: typeof e.payload?.[n] == "number" ? e.payload[n] : void 0
 		});
 	}, [
-		c,
-		r,
-		i
-	]), _ = c ? {
-		onClick: g,
+		u,
+		i,
+		a
+	]), le = u ? {
+		onClick: se,
 		style: { cursor: "pointer" }
-	} : {}, te = c ? {
-		onClick: ee,
+	} : {}, ue = u ? {
+		onClick: ce,
 		style: { cursor: "pointer" }
-	} : {}, v = f.useCallback((e, t, n) => s && s[e == null ? "" : String(e)] || n[t % n.length], [s]), ne = f.useCallback((e) => {
-		if (!c) return;
-		let t = Ue(e, r, i);
-		t && c(t);
+	} : {}, k = m.useCallback((e, t, n) => c && c[e == null ? "" : String(e)] || n[t % n.length], [c]), A = m.useCallback((e) => {
+		if (!u) return;
+		let t = ft(e, i, a);
+		t && u(t);
 	}, [
-		c,
-		r,
-		i
-	]), re = f.useCallback((e) => {
-		if (!c) return;
-		let t = We(e, i);
-		t && c(t);
-	}, [c, i]), ie = f.useCallback((e) => {
-		if (!c) return;
-		let t = Ge(e, i);
-		t && c(t);
-	}, [c, i]), ae = c ? {
-		onClick: ne,
+		u,
+		i,
+		a
+	]), Fe = m.useCallback((e) => {
+		if (!u) return;
+		let t = pt(e, a);
+		t && u(t);
+	}, [u, a]), Ie = m.useCallback((e) => {
+		if (!u) return;
+		let t = mt(e, a);
+		t && u(t);
+	}, [u, a]), Le = u ? {
+		onClick: A,
 		cursor: "pointer"
-	} : {}, oe = c ? {
-		onClick: re,
+	} : {}, Re = u ? {
+		onClick: Fe,
 		style: { cursor: "pointer" }
-	} : {}, se = c ? {
-		onClick: ie,
+	} : {}, ze = u ? {
+		onClick: Ie,
 		style: { cursor: "pointer" }
 	} : {};
-	f.useEffect(() => {
-		let e = () => h(window.innerWidth < 640);
+	m.useEffect(() => {
+		let e = () => oe(window.innerWidth < 640);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let ce = {
-		bar: E,
-		"horizontal-bar": E,
-		line: j,
-		area: de,
-		pie: M,
-		donut: M,
-		radar: N,
-		scatter: Ce,
-		funnel: O,
-		combo: E,
-		treemap: E,
-		sankey: E
-	}[u] || E, le = f.useCallback((e) => {
+	let Be = {
+		bar: D,
+		"horizontal-bar": D,
+		line: xe,
+		area: fe,
+		pie: Ce,
+		donut: Ce,
+		radar: Oe,
+		scatter: j,
+		funnel: ve,
+		combo: ge,
+		treemap: D,
+		sankey: D
+	}[y] || D, Ve = m.useCallback((e) => {
 		if (e == null || e === "") return "";
-		let t = n?.[String(e)]?.label;
+		let t = r?.[String(e)]?.label;
 		if (t != null) return String(t);
-		let i = typeof e == "string" ? e : String(e);
-		if (/^\d{4}-\d{2}-\d{2}/.test(i)) {
-			let e = new Date(i);
+		let n = typeof e == "string" ? e : String(e);
+		if (/^\d{4}-\d{2}-\d{2}/.test(n)) {
+			let e = new Date(n);
 			if (!Number.isNaN(e.getTime())) {
-				let t = (d.length > 1 ? Math.abs(new Date(String(d[d.length - 1][r] ?? "")).getTime() - new Date(String(d[0][r] ?? "")).getTime()) : 0) / (1e3 * 60 * 60 * 24);
+				let t = (b.length > 1 ? Math.abs(new Date(String(b[b.length - 1][i] ?? "")).getTime() - new Date(String(b[0][i] ?? "")).getTime()) : 0) / (1e3 * 60 * 60 * 24);
 				try {
 					return t <= 62 ? e.toLocaleDateString(void 0, {
 						month: "short",
@@ -425,19 +641,19 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				}
 			}
 		}
-		return m && i.length > 8 ? i.slice(0, 8) + "…" : i;
+		return C && n.length > 8 ? n.slice(0, 8) + "…" : n;
 	}, [
-		d,
-		r,
-		m,
-		n
-	]), ue = f.useMemo(() => d.some((e) => String(e[r] || "").length > 5), [d, r]), y = () => Array.isArray(o) && o.length > 0 ? o : [
+		b,
+		i,
+		C,
+		r
+	]), He = m.useMemo(() => b.some((e) => String(e[i] || "").length > 5), [b, i]), F = () => 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))"
-	], b = f.useCallback((e) => {
+	], I = m.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "number" ? e : Number(e);
 		if (!Number.isFinite(t)) return String(e);
@@ -449,149 +665,255 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		} catch {
 			return String(t);
 		}
-	}, []), x = f.useMemo(() => ({
+	}, []), L = p?.[0], R = p && p.length > 1 ? p[1] : L?.position === "right" ? L : void 0, z = !!p && p.length > 1, B = m.useMemo(() => H(f?.format) ?? Ve, [f?.format, Ve]), V = m.useMemo(() => H(L?.format) ?? I, [L?.format, I]), Ue = m.useMemo(() => H(R?.format) ?? I, [R?.format, I]), Ze = m.useCallback((e) => {
+		let t = a.filter((t) => z ? (t.yAxis === "right" ? "right" : "left") === e : e === "left").map((e) => e.dataKey), n = [];
+		for (let e of b) for (let r of t) {
+			let t = Number(e?.[r]);
+			Number.isFinite(t) && n.push(t);
+		}
+		return n;
+	}, [
+		b,
+		a,
+		z
+	]), U = m.useCallback((e, t = "left") => {
+		if (!e) return {};
+		let n = qe(e), r = Ke(e, Ze(t));
+		return {
+			...r ? { ticks: r } : {},
+			...n ? { domain: n } : {},
+			...n ? { allowDataOverflow: !0 } : {},
+			...e.logarithmic ? {
+				scale: "log",
+				domain: n ?? [1, "auto"]
+			} : {},
+			...e.title ? { label: {
+				value: e.title,
+				angle: -90,
+				position: "insideLeft"
+			} } : {}
+		};
+	}, [Ze]), W = L?.showGridLines !== !1, G = {
+		vertical: f?.showGridLines === !0,
+		horizontal: W
+	}, Qe = h !== !1, $e = m.useMemo(() => {
+		if (!Array.isArray(re) || re.length === 0) return null;
+		let e = {
+			solid: void 0,
+			dashed: "4 4",
+			dotted: "1 4"
+		};
+		return re.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",
+				fill: i,
+				fontSize: 11
+			} } : {};
+			return t?.type === "region" ? /* @__PURE__ */ T(ke, {
+				...r ? {
+					x1: t.value,
+					x2: t.endValue
+				} : {
+					y1: t.value,
+					y2: t.endValue
+				},
+				...z && !r ? { yAxisId: "left" } : {},
+				fill: i,
+				fillOpacity: .12,
+				stroke: i,
+				strokeOpacity: .35,
+				...s
+			}, `ann-${n}`) : /* @__PURE__ */ T(Ae, {
+				...r ? { x: t?.value } : { y: t?.value },
+				...z && !r ? { yAxisId: "left" } : {},
+				stroke: i,
+				strokeDasharray: a,
+				...s
+			}, `ann-${n}`);
+		});
+	}, [re, z]), et = v?.tooltips !== !1, tt = v?.brush === !0 ? /* @__PURE__ */ T(me, {
+		dataKey: i,
+		height: 24,
+		travellerWidth: 8,
+		stroke: "hsl(var(--muted-foreground))"
+	}) : null, K = (e) => g ? /* @__PURE__ */ T(ye, {
+		position: "top",
+		className: "fill-foreground",
+		fontSize: 11,
+		...e ? { formatter: e } : {}
+	}) : null, nt = m.useMemo(() => ({
 		tickLine: !1,
 		tickMargin: 10,
 		axisLine: !1,
 		interval: "preserveStartEnd",
-		minTickGap: m ? 32 : 48,
-		tickFormatter: le,
-		...!m && ue && {
+		minTickGap: C ? 32 : 48,
+		tickFormatter: B,
+		...f?.title ? { label: {
+			value: f.title,
+			position: "insideBottom",
+			offset: -4
+		} } : {},
+		...!C && He && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
-		m,
-		ue,
-		le
+		C,
+		He,
+		B,
+		f?.title
 	]);
-	if (u === "pie" || u === "donut") {
-		let e = u === "donut" ? "52%" : 0, t = y(), o = { ...n };
-		return d.forEach((e, n) => {
-			let i = e?.[r];
-			if (i == null || i === "") return;
-			let a = String(i);
-			o[a] || (o[a] = {
-				label: a,
-				color: v(i, n, t)
+	if (y && Ye.has(y)) {
+		let e = a[0]?.dataKey || "value", t = b[0]?.[e], n = typeof t == "number" ? t : Number(t), i = a[0]?.label ?? r?.[e]?.label ?? e;
+		return /* @__PURE__ */ T("div", {
+			className: o,
+			"data-testid": "advanced-chart-single-value",
+			children: /* @__PURE__ */ E("div", {
+				className: "flex flex-col gap-1 py-4",
+				children: [/* @__PURE__ */ T("span", {
+					className: "text-3xl font-semibold tabular-nums",
+					children: Number.isFinite(n) ? new Intl.NumberFormat().format(n) : String(t ?? "—")
+				}), /* @__PURE__ */ T("span", {
+					className: "text-xs text-muted-foreground",
+					children: String(i)
+				})]
+			})
+		});
+	}
+	if (y && Xe.has(y)) return /* @__PURE__ */ E("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",
+		children: [
+			"Chart type “",
+			y,
+			"” is tabular — render it with the data-table / pivot components; a chart block draws series charts."
+		]
+	});
+	if (y && !Je.has(y)) return /* @__PURE__ */ E("div", {
+		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",
+		children: [
+			"Chart type “",
+			y,
+			"” is not a spec chart type — nothing was drawn."
+		]
+	});
+	if (y === "pie" || y === "donut") {
+		let e = y === "donut" ? "52%" : 0, t = F(), n = { ...r };
+		return b.forEach((e, r) => {
+			let a = e?.[i];
+			if (a == null || a === "") return;
+			let o = String(a);
+			n[o] || (n[o] = {
+				label: o,
+				color: k(a, r, t)
 			});
-		}), /* @__PURE__ */ C(W, {
-			config: o,
-			className: a,
-			children: /* @__PURE__ */ w(M, { children: [
-				/* @__PURE__ */ C(J, {
+		}), /* @__PURE__ */ T(q, {
+			config: n,
+			className: o,
+			...S,
+			children: /* @__PURE__ */ E(Ce, { children: [
+				/* @__PURE__ */ T(X, {
 					cursor: !1,
-					content: /* @__PURE__ */ C(G, { hideLabel: !0 })
+					content: /* @__PURE__ */ T(at, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ C(ge, {
-					data: d,
-					dataKey: i[0]?.dataKey || "value",
-					nameKey: r || "name",
+				/* @__PURE__ */ T(Se, {
+					data: b,
+					dataKey: a[0]?.dataKey || "value",
+					nameKey: i || "name",
 					innerRadius: e,
 					strokeWidth: 5,
 					paddingAngle: 2,
 					outerRadius: "85%",
-					...p,
-					...te,
-					children: d.map((e, n) => {
-						let i = v(e?.[r], n, t);
-						return /* @__PURE__ */ C(pe, { fill: Z(i) }, `cell-${n}`);
+					...x,
+					...ue,
+					children: b.map((e, n) => {
+						let r = k(e?.[i], n, t);
+						return /* @__PURE__ */ T(O, { fill: Q(r) }, `cell-${n}`);
 					})
 				}),
-				/* @__PURE__ */ C(Y, {
+				/* @__PURE__ */ T(Z, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
-						fontSize: m ? "11px" : "12px",
+						fontSize: C ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ C(K, {
-						nameKey: r,
+					content: /* @__PURE__ */ T(ot, {
+						nameKey: i,
 						className: "flex-wrap"
 					})
 				})
 			] })
 		});
 	}
-	if (u === "funnel") {
-		let e = i[0]?.dataKey || "value", t = y(), o = c ? (t) => {
-			t && c({
-				category: t?.payload?.[r] ?? t?.[r],
+	if (y === "funnel") {
+		let e = a[0]?.dataKey || "value", n = F(), s = u ? (t) => {
+			t && u({
+				category: t?.payload?.[i] ?? t?.[i],
 				value: t?.payload?.[e] ?? t?.[e]
 			});
-		} : void 0, s = o ? {
-			onClick: o,
+		} : void 0, c = s ? {
+			onClick: s,
 			style: { cursor: "pointer" }
-		} : {}, l = [...d].sort((t, n) => {
+		} : {}, 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) => {
 			let r = Number(t?.[e] ?? 0);
 			return Number(n?.[e] ?? 0) - r;
 		});
-		return /* @__PURE__ */ C(W, {
-			config: n,
-			className: a,
-			children: /* @__PURE__ */ w(O, { children: [/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }), /* @__PURE__ */ w(me, {
+		return /* @__PURE__ */ T(q, {
+			config: r,
+			className: o,
+			...S,
+			children: /* @__PURE__ */ E(ve, { children: [/* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }), /* @__PURE__ */ E(_e, {
 				dataKey: e,
-				data: l,
-				nameKey: r,
-				isAnimationActive: !0,
-				...s,
-				children: [/* @__PURE__ */ C(he, {
+				data: f,
+				nameKey: i,
+				...x,
+				...c,
+				children: [/* @__PURE__ */ T(ye, {
 					position: "right",
 					fill: "hsl(var(--foreground))",
 					stroke: "none",
-					dataKey: r
-				}), l.map((e, n) => /* @__PURE__ */ C(pe, { fill: Z(t[n % t.length]) }, `funnel-cell-${n}`))]
+					dataKey: i
+				}), f.map((e, t) => /* @__PURE__ */ T(O, { fill: Q(n[t % n.length]) }, `funnel-cell-${t}`))]
 			})] })
 		});
 	}
-	if (u === "treemap") {
-		let e = i[0]?.dataKey || "value", t = y();
-		return /* @__PURE__ */ C(W, {
-			config: n,
-			className: a,
-			children: /* @__PURE__ */ C(we, {
-				data: d.map((n, i) => ({
-					name: String(n?.[r] ?? ""),
-					size: Number(n?.[e]) || 0,
-					fill: Z(t[i % t.length])
-				})),
+	if (y === "treemap") {
+		let e = a[0]?.dataKey || "value", t = F(), n = b.map((n, r) => ({
+			name: String(n?.[i] ?? ""),
+			size: Number(n?.[e]) || 0,
+			fill: Q(t[r % t.length])
+		}));
+		return /* @__PURE__ */ T(q, {
+			config: r,
+			className: o,
+			...S,
+			children: /* @__PURE__ */ T(Ne, {
+				data: n,
 				dataKey: "size",
 				nameKey: "name",
-				isAnimationActive: !0,
-				content: /* @__PURE__ */ C((e) => {
-					let { x: t, y: n, width: r, height: i, name: a, fill: o } = e;
-					return r <= 0 || i <= 0 ? null : /* @__PURE__ */ w("g", { children: [/* @__PURE__ */ C("rect", {
-						x: t,
-						y: n,
-						width: r,
-						height: i,
-						fill: o,
-						stroke: "hsl(var(--background))",
-						strokeWidth: 2
-					}), r > 48 && i > 18 ? /* @__PURE__ */ C("text", {
-						x: t + 6,
-						y: n + 18,
-						fill: "#fff",
-						fontSize: 12,
-						className: "pointer-events-none",
-						children: a
-					}) : null] });
-				}, {}),
-				...oe,
-				children: /* @__PURE__ */ C(F, {})
+				...x,
+				content: /* @__PURE__ */ T(_t, {}),
+				...Re,
+				children: /* @__PURE__ */ T(M, {})
 			})
 		});
 	}
-	if (u === "sankey") {
-		let e = i[0]?.dataKey || "value", t = i[0]?.label || e, o = d.filter((t) => (Number(t?.[e]) || 0) > 0), s = [{ name: t }, ...o.map((e) => ({ name: String(e?.[r] ?? "") }))], c = o.map((t, n) => ({
+	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) => ({
 			source: 0,
 			target: n + 1,
 			value: Number(t?.[e]) || 0
 		}));
-		return c.length === 0 ? /* @__PURE__ */ C("div", { className: a }) : /* @__PURE__ */ C(W, {
-			config: n,
-			className: a,
-			children: /* @__PURE__ */ C(xe, {
+		return c.length === 0 ? /* @__PURE__ */ T("div", { className: o }) : /* @__PURE__ */ T(q, {
+			config: r,
+			className: o,
+			...S,
+			children: /* @__PURE__ */ T(je, {
 				data: {
 					nodes: s,
 					links: c
@@ -602,24 +924,25 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					strokeOpacity: .25
 				},
 				node: { fill: "hsl(var(--chart-1))" },
-				...se,
-				children: /* @__PURE__ */ C(F, {})
+				...ze,
+				children: /* @__PURE__ */ T(M, {})
 			})
 		});
 	}
-	if (u === "radar") return /* @__PURE__ */ C(W, {
-		config: n,
-		className: a,
-		children: /* @__PURE__ */ w(N, {
-			data: d,
+	if (y === "radar") return /* @__PURE__ */ T(q, {
+		config: r,
+		className: o,
+		...S,
+		children: /* @__PURE__ */ E(Oe, {
+			data: b,
 			children: [
-				/* @__PURE__ */ C(ve, {}),
-				/* @__PURE__ */ C(_e, { dataKey: r }),
-				/* @__PURE__ */ C(ye, {}),
-				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-				/* @__PURE__ */ C(Y, {
-					content: /* @__PURE__ */ C(K, {}),
-					...m && {
+				/* @__PURE__ */ T(Te, {}),
+				/* @__PURE__ */ T(we, { dataKey: i }),
+				/* @__PURE__ */ T(Ee, {}),
+				/* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }),
+				/* @__PURE__ */ T(Z, {
+					content: /* @__PURE__ */ T(ot, {}),
+					...C && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -627,48 +950,50 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						}
 					}
 				}),
-				i.map((e) => {
-					let t = Z(n[e.dataKey]?.color || X);
-					return /* @__PURE__ */ C(be, {
+				a.map((e) => {
+					let t = Q(r[e.dataKey]?.color || St);
+					return /* @__PURE__ */ T(De, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
-						fillOpacity: .6
+						fillOpacity: .6,
+						...x
 					}, e.dataKey);
 				})
 			]
 		})
 	});
-	if (u === "scatter") return /* @__PURE__ */ C(W, {
-		config: n,
-		className: a,
-		children: /* @__PURE__ */ w(Ce, { children: [
-			/* @__PURE__ */ C(D, { vertical: !1 }),
-			/* @__PURE__ */ C(I, {
+	if (y === "scatter") return /* @__PURE__ */ T(q, {
+		config: r,
+		className: o,
+		...S,
+		children: /* @__PURE__ */ E(j, { children: [
+			/* @__PURE__ */ T(he, { vertical: !1 }),
+			/* @__PURE__ */ T(N, {
 				type: "number",
-				dataKey: r,
-				name: String(n[r]?.label || r),
+				dataKey: i,
+				name: String(r[i]?.label || i),
 				tickLine: !1,
 				axisLine: !1,
-				minTickGap: m ? 32 : 48
+				minTickGap: C ? 32 : 48
 			}),
-			/* @__PURE__ */ C(L, {
+			/* @__PURE__ */ T(P, {
 				type: "number",
-				dataKey: i[0]?.dataKey || "value",
-				name: String(n[i[0]?.dataKey]?.label || i[0]?.dataKey),
+				dataKey: a[0]?.dataKey || "value",
+				name: String(r[a[0]?.dataKey]?.label || a[0]?.dataKey),
 				tickLine: !1,
 				axisLine: !1,
-				tickFormatter: b,
+				tickFormatter: I,
 				width: 48
 			}),
-			/* @__PURE__ */ C(R, {
+			/* @__PURE__ */ T(Pe, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-			/* @__PURE__ */ C(Y, {
-				content: /* @__PURE__ */ C(K, {}),
-				...m && {
+			/* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }),
+			/* @__PURE__ */ T(Z, {
+				content: /* @__PURE__ */ T(ot, {}),
+				...C && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: "11px",
@@ -676,214 +1001,285 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}
 			}),
-			i.map((e, t) => {
-				let r = y(), i = Z(n[e.dataKey]?.color || r[t % r.length]), a = Q(e, "scatter");
-				return /* @__PURE__ */ C(Se, {
-					name: n[e.dataKey]?.label || e.dataKey,
-					data: d,
+			a.map((e, t) => {
+				let n = F(), i = Q(r[e.dataKey]?.color || n[t % n.length]), a = wt(e, "scatter");
+				return /* @__PURE__ */ T(Me, {
+					name: r[e.dataKey]?.label || e.dataKey,
+					data: b,
 					fill: i,
 					fillOpacity: a?.fillOpacity,
-					...ae
+					...x,
+					...Le
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (u === "combo") return /* @__PURE__ */ C(W, {
-		config: n,
-		className: a,
-		children: /* @__PURE__ */ w(E, {
-			data: d,
-			children: [
-				/* @__PURE__ */ C(D, { vertical: !1 }),
-				/* @__PURE__ */ C(I, {
-					dataKey: r,
-					...x
-				}),
-				/* @__PURE__ */ C(L, {
-					yAxisId: "left",
-					tickLine: !1,
-					axisLine: !1,
-					tickFormatter: b,
-					width: 48
-				}),
-				/* @__PURE__ */ C(L, {
-					yAxisId: "right",
-					orientation: "right",
-					tickLine: !1,
-					axisLine: !1,
-					tickFormatter: b,
-					width: 48
-				}),
-				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-				/* @__PURE__ */ C(Y, {
-					content: /* @__PURE__ */ C(K, {}),
-					...m && {
-						verticalAlign: "bottom",
-						wrapperStyle: {
-							fontSize: "11px",
-							paddingTop: "8px"
-						}
-					}
-				}),
-				i.map((e, t) => {
-					let r = Z(n[e.dataKey]?.color || X), i = e.chartType || (t === 0 ? "bar" : "line"), a = i === "bar" ? "left" : "right", o = Q(e, i);
-					return i === "line" ? /* @__PURE__ */ C(A, {
-						yAxisId: a,
-						type: "monotone",
-						dataKey: e.dataKey,
-						stroke: r,
-						strokeWidth: 2,
-						dot: !1,
-						strokeOpacity: o?.strokeOpacity,
-						strokeDasharray: o?.strokeDasharray,
-						...p
-					}, e.dataKey) : i === "area" ? /* @__PURE__ */ C(T, {
-						yAxisId: a,
-						type: "monotone",
-						dataKey: e.dataKey,
-						fill: r,
-						stroke: r,
-						fillOpacity: o?.fillOpacity ?? .4,
-						strokeOpacity: o?.strokeOpacity,
-						strokeDasharray: o?.strokeDasharray,
-						...p
-					}, e.dataKey) : /* @__PURE__ */ C(fe, {
-						yAxisId: a,
-						dataKey: e.dataKey,
-						fill: r,
-						radius: 4,
-						fillOpacity: o?.fillOpacity,
-						...p
-					}, e.dataKey);
-				})
-			]
-		})
-	});
-	let k = u === "horizontal-bar", P = y(), Te = s ? Object.values(s).map((e) => Z(String(e))) : [], Ee = Array.from(/* @__PURE__ */ new Set([
-		...P,
-		...Te,
-		...i.map((e, t) => Z(n[e.dataKey]?.color || P[t % P.length] || X))
-	])), z = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
-	return /* @__PURE__ */ C(W, {
-		config: n,
-		className: a,
-		children: /* @__PURE__ */ w(ce, {
-			data: d,
-			layout: k ? "vertical" : "horizontal",
-			..._,
-			children: [
-				/* @__PURE__ */ C("defs", { children: Ee.map((e) => /* @__PURE__ */ w(f.Fragment, { children: [/* @__PURE__ */ w("linearGradient", {
-					id: `bg-${z(e)}`,
-					x1: "0",
-					y1: "0",
-					x2: "0",
-					y2: "1",
-					children: [/* @__PURE__ */ C("stop", {
-						offset: "0%",
-						style: { stopColor: e },
-						stopOpacity: .95
-					}), /* @__PURE__ */ C("stop", {
-						offset: "100%",
-						style: { stopColor: e },
-						stopOpacity: .5
-					})]
-				}), /* @__PURE__ */ w("linearGradient", {
-					id: `ag-${z(e)}`,
-					x1: "0",
-					y1: "0",
-					x2: "0",
-					y2: "1",
-					children: [/* @__PURE__ */ C("stop", {
-						offset: "0%",
-						style: { stopColor: e },
-						stopOpacity: .5
-					}), /* @__PURE__ */ C("stop", {
-						offset: "95%",
-						style: { stopColor: e },
-						stopOpacity: .05
-					})]
-				})] }, z(e))) }),
-				/* @__PURE__ */ C(D, { vertical: !1 }),
-				k ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(I, {
-					type: "number",
-					tickLine: !1,
-					axisLine: !1,
-					tickFormatter: b
-				}), /* @__PURE__ */ C(L, {
-					type: "category",
-					dataKey: r,
-					tickLine: !1,
-					axisLine: !1,
-					width: Math.min(140, Math.max(60, Math.max(...d.map((e) => String(e[r] ?? "").length)) * 7)),
-					tickFormatter: le
-				})] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(I, {
-					dataKey: r,
-					...x
-				}), /* @__PURE__ */ C(L, {
-					tickLine: !1,
-					axisLine: !1,
-					tickFormatter: b,
-					width: 48
-				})] }),
-				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-				/* @__PURE__ */ C(Y, {
-					content: /* @__PURE__ */ C(K, {}),
-					...m && {
-						verticalAlign: "bottom",
-						wrapperStyle: {
-							fontSize: "11px",
-							paddingTop: "8px"
+	if (y === "combo") return /* @__PURE__ */ T(vt, {
+		title: ee,
+		subtitle: te,
+		children: /* @__PURE__ */ T(q, {
+			config: r,
+			className: o,
+			...S,
+			children: /* @__PURE__ */ E(ge, {
+				data: b,
+				children: [
+					/* @__PURE__ */ T(he, { ...G }),
+					/* @__PURE__ */ T(N, {
+						dataKey: i,
+						...nt
+					}),
+					/* @__PURE__ */ T(P, {
+						yAxisId: "left",
+						tickLine: !1,
+						axisLine: !1,
+						tickFormatter: V,
+						width: 48,
+						...U(L)
+					}),
+					/* @__PURE__ */ T(P, {
+						yAxisId: "right",
+						orientation: "right",
+						tickLine: !1,
+						axisLine: !1,
+						tickFormatter: Ue,
+						width: 48,
+						...U(R, "right")
+					}),
+					et ? /* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }) : null,
+					Qe ? /* @__PURE__ */ T(Z, {
+						content: /* @__PURE__ */ T(ot, {}),
+						...C && {
+							verticalAlign: "bottom",
+							wrapperStyle: {
+								fontSize: "11px",
+								paddingTop: "8px"
+							}
 						}
-					}
-				}),
-				i.map((e, t) => {
-					let a = y(), o = e.variant === "comparison", s = o ? i.slice(0, t).find((e) => e.variant !== "comparison") || i[0] : e, c = o ? i.indexOf(s) : t, l = Z(n[s.dataKey]?.color || a[c % a.length] || X);
-					if (u === "bar" || u === "horizontal-bar") {
-						let t = i.filter((e) => e.variant !== "comparison").length === 1 && !o && i.length === 1 && d.length > 1, n = Q(e, "bar");
-						return /* @__PURE__ */ C(fe, {
-							dataKey: e.dataKey,
-							fill: `url(#bg-${z(l)})`,
-							radius: 4,
-							fillOpacity: n?.fillOpacity,
-							...p,
-							children: t && d.map((e, t) => /* @__PURE__ */ C(pe, { fill: `url(#bg-${z(Z(v(e?.[r], t, a)))})` }, `cell-${t}`))
-						}, e.dataKey);
-					}
-					if (u === "line") {
-						let t = Q(e, "line");
-						return /* @__PURE__ */ C(A, {
+					}) : null,
+					$e,
+					tt,
+					a.map((e, t) => {
+						let n = Q(r[e.dataKey]?.color || St), i = e.chartType || ae || (t === 0 ? "bar" : "line"), a = e.yAxis === "right" || e.yAxis === "left" ? e.yAxis : ae || i === "bar" ? "left" : "right", o = wt(e, i), s = e.stack ? { stackId: String(e.stack) } : {}, c = H((a === "right" ? R : L)?.format);
+						return i === "line" ? /* @__PURE__ */ T(be, {
+							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
-							stroke: l,
+							stroke: n,
 							strokeWidth: 2,
 							dot: !1,
-							strokeOpacity: t?.strokeOpacity,
-							strokeDasharray: t?.strokeDasharray,
-							...p
-						}, e.dataKey);
-					}
-					if (u === "area") {
-						let t = Q(e, "area");
-						return /* @__PURE__ */ C(T, {
+							strokeOpacity: o?.strokeOpacity,
+							strokeDasharray: o?.strokeDasharray,
+							...x,
+							children: K(c)
+						}, e.dataKey) : i === "area" ? /* @__PURE__ */ T(de, {
+							yAxisId: a,
 							type: "monotone",
 							dataKey: e.dataKey,
-							fill: `url(#ag-${z(l)})`,
-							stroke: l,
-							strokeWidth: 2,
-							fillOpacity: t?.fillOpacity ?? 1,
-							strokeOpacity: t?.strokeOpacity,
-							strokeDasharray: t?.strokeDasharray,
-							...p
+							fill: n,
+							stroke: n,
+							fillOpacity: o?.fillOpacity ?? .4,
+							strokeOpacity: o?.strokeOpacity,
+							strokeDasharray: o?.strokeDasharray,
+							...s,
+							...x,
+							children: K(c)
+						}, e.dataKey) : /* @__PURE__ */ T(pe, {
+							yAxisId: a,
+							dataKey: e.dataKey,
+							fill: n,
+							radius: 4,
+							fillOpacity: o?.fillOpacity,
+							...s,
+							...x,
+							children: K(c)
 						}, e.dataKey);
-					}
-					return null;
-				})
-			]
+					})
+				]
+			})
 		})
 	});
+	let rt = y === "horizontal-bar", it = F(), st = c ? Object.values(c).map((e) => Q(String(e))) : [], J = Array.from(/* @__PURE__ */ new Set([
+		...it,
+		...st,
+		...a.map((e, t) => Q(r[e.dataKey]?.color || it[t % it.length] || St))
+	])), Y = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
+	return /* @__PURE__ */ T(vt, {
+		title: ee,
+		subtitle: te,
+		children: /* @__PURE__ */ T(q, {
+			config: r,
+			className: o,
+			...S,
+			children: /* @__PURE__ */ E(Be, {
+				data: b,
+				layout: rt ? "vertical" : "horizontal",
+				...le,
+				children: [
+					/* @__PURE__ */ T("defs", { children: J.map((e) => /* @__PURE__ */ E(m.Fragment, { children: [/* @__PURE__ */ E("linearGradient", {
+						id: `bg-${Y(e)}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ T("stop", {
+							offset: "0%",
+							style: { stopColor: e },
+							stopOpacity: .95
+						}), /* @__PURE__ */ T("stop", {
+							offset: "100%",
+							style: { stopColor: e },
+							stopOpacity: .5
+						})]
+					}), /* @__PURE__ */ E("linearGradient", {
+						id: `ag-${Y(e)}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ T("stop", {
+							offset: "0%",
+							style: { stopColor: e },
+							stopOpacity: .5
+						}), /* @__PURE__ */ T("stop", {
+							offset: "95%",
+							style: { stopColor: e },
+							stopOpacity: .05
+						})]
+					})] }, Y(e))) }),
+					/* @__PURE__ */ T(he, { ...G }),
+					rt ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(N, {
+						type: "number",
+						tickLine: !1,
+						axisLine: !1,
+						tickFormatter: V,
+						...U(L)
+					}), /* @__PURE__ */ T(P, {
+						type: "category",
+						dataKey: i,
+						tickLine: !1,
+						axisLine: !1,
+						width: Math.min(140, Math.max(60, Math.max(...b.map((e) => String(e[i] ?? "").length)) * 7)),
+						tickFormatter: B
+					})] }) : /* @__PURE__ */ E(w, { children: [
+						/* @__PURE__ */ T(N, {
+							dataKey: i,
+							...nt
+						}),
+						/* @__PURE__ */ T(P, {
+							...z ? { yAxisId: "left" } : {},
+							tickLine: !1,
+							axisLine: !1,
+							tickFormatter: V,
+							width: 48,
+							...U(L)
+						}),
+						z ? /* @__PURE__ */ T(P, {
+							yAxisId: "right",
+							orientation: "right",
+							tickLine: !1,
+							axisLine: !1,
+							tickFormatter: Ue,
+							width: 48,
+							...U(R, "right")
+						}) : null
+					] }),
+					et ? /* @__PURE__ */ T(X, { content: /* @__PURE__ */ T(at, {}) }) : null,
+					Qe ? /* @__PURE__ */ T(Z, {
+						content: /* @__PURE__ */ T(ot, {}),
+						...C && {
+							verticalAlign: "bottom",
+							wrapperStyle: {
+								fontSize: "11px",
+								paddingTop: "8px"
+							}
+						}
+					}) : null,
+					$e,
+					tt,
+					a.map((e, t) => {
+						let n = F(), o = e.variant === "comparison", s = o ? a.slice(0, t).find((e) => e.variant !== "comparison") || a[0] : e, c = o ? a.indexOf(s) : t, l = Q(r[s.dataKey]?.color || n[c % n.length] || St), u = z ? { yAxisId: e.yAxis === "right" ? "right" : "left" } : {}, d = e.stack ? { stackId: String(e.stack) } : {}, f = H((e.yAxis === "right" ? R : L)?.format);
+						if (y === "bar" || y === "horizontal-bar") {
+							let t = a.filter((e) => e.variant !== "comparison").length === 1 && !o && a.length === 1 && b.length > 1, r = wt(e, "bar");
+							return /* @__PURE__ */ E(pe, {
+								dataKey: e.dataKey,
+								fill: `url(#bg-${Y(l)})`,
+								radius: 4,
+								fillOpacity: r?.fillOpacity,
+								...d,
+								...u,
+								...x,
+								children: [t && b.map((e, t) => /* @__PURE__ */ T(O, { fill: `url(#bg-${Y(Q(k(e?.[i], t, n)))})` }, `cell-${t}`)), K(f)]
+							}, e.dataKey);
+						}
+						if (y === "line") {
+							let t = wt(e, "line");
+							return /* @__PURE__ */ T(be, {
+								type: "monotone",
+								dataKey: e.dataKey,
+								stroke: l,
+								strokeWidth: 2,
+								dot: !1,
+								strokeOpacity: t?.strokeOpacity,
+								strokeDasharray: t?.strokeDasharray,
+								...u,
+								...x,
+								children: K(f)
+							}, e.dataKey);
+						}
+						if (y === "area") {
+							let t = wt(e, "area");
+							return /* @__PURE__ */ T(de, {
+								type: "monotone",
+								dataKey: e.dataKey,
+								fill: `url(#ag-${Y(l)})`,
+								stroke: l,
+								strokeWidth: 2,
+								fillOpacity: t?.fillOpacity ?? 1,
+								strokeOpacity: t?.strokeOpacity,
+								strokeDasharray: t?.strokeDasharray,
+								...d,
+								...u,
+								...x,
+								children: K(f)
+							}, e.dataKey);
+						}
+						return null;
+					})
+				]
+			})
+		})
+	});
+}
+function bt(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);
+}
+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).`);
+	}, [
+		t,
+		n,
+		r
+	]), t ? /* @__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 ${e.className ?? ""}`,
+		role: "status",
+		"data-chart-error": "missing-category-key",
+		children: /* @__PURE__ */ E("span", { children: [
+			"This chart cannot plot its category axis: no row has a",
+			" ",
+			/* @__PURE__ */ T("code", {
+				className: "font-mono",
+				children: n
+			}),
+			" field."
+		] })
+	}) : /* @__PURE__ */ T(yt, { ...e });
 }
-var X, Ye, Z, Q, Xe = V((() => {
-	Ve(), Ke(), X = "hsl(var(--primary))", Ye = {
+var St, Ct, Q, wt, Tt, Et = L((() => {
+	ut(), ht(), $e(), St = "hsl(var(--primary))", Ct = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -906,14 +1302,28 @@ var X, Ye, Z, Q, Xe = V((() => {
 		fuchsia: "#d946ef",
 		pink: "#ec4899",
 		rose: "#f43f5e"
-	}, Z = (e) => Ye[e] || e, Q = (e, t) => e?.variant === "comparison" ? {
+	}, Q = (e) => Ct[e] || e, wt = (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;
-})), Ze = p.lazy(() => Promise.resolve().then(() => (Fe(), Me))), Qe = p.lazy(() => Promise.resolve().then(() => (Xe(), qe))), $e = ({ schema: e }) => /* @__PURE__ */ C(m, {
-	fallback: /* @__PURE__ */ C(x, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ C(Ze, {
+	} : null, Tt = /* @__PURE__ */ new Set([
+		"bar",
+		"horizontal-bar",
+		"line",
+		"area",
+		"pie",
+		"donut",
+		"radar",
+		"funnel",
+		"combo"
+	]);
+}));
+//#endregion
+//#region src/ChartRenderer.tsx
+$e();
+var Dt = h.lazy(() => Promise.resolve().then(() => (rt(), et))), Ot = h.lazy(() => Promise.resolve().then(() => (Et(), gt))), kt = ({ schema: e }) => /* @__PURE__ */ T(g, {
+	fallback: /* @__PURE__ */ T(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ T(Dt, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -922,33 +1332,34 @@ var X, Ye, Z, Q, Xe = V((() => {
 		color: e.color
 	})
 }), $ = ({ schema: e, onChartClick: t }) => {
-	let n = p.useMemo(() => {
-		let t = e.series, n = e.xAxisKey, r = e.config;
-		if (n || (e.index ? n = e.index : e.category && (n = e.category)), t || (e.categories ? t = e.categories.map((e) => ({ dataKey: e })) : e.value && (t = [{ dataKey: e.value }])), !r && t) {
-			let n = e.colors || [
+	let n = h.useMemo(() => {
+		let t = Ue(e), n = Array.isArray(e.series) ? e.series : void 0, r = (n?.length && n.every((e) => !!e && typeof e == "object" && "dataKey" in e) ? n : t.series) ?? n, i = e.xAxisKey ?? t.xAxisKey, a = e.config;
+		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))",
 				"hsl(var(--chart-2))",
 				"hsl(var(--chart-3))"
-			], i = {};
-			t.forEach((e, t) => {
-				i[e.dataKey] = {
+			], n = {};
+			r.forEach((e, r) => {
+				n[e.dataKey] = {
 					label: e.label || e.dataKey,
-					color: n[t % n.length]
+					color: e.color || t[r % t.length]
 				};
-			}), r = i;
+			}), a = n;
 		}
 		return {
-			chartType: e.chartType,
+			chartType: e.chartType ?? t.chartType,
 			data: Array.isArray(e.data) ? e.data : [],
-			config: r,
-			xAxisKey: n,
-			series: t,
-			className: e.className
+			config: a,
+			xAxisKey: i,
+			series: r,
+			className: e.className,
+			spec: t
 		};
 	}, [e]);
-	return /* @__PURE__ */ C(m, {
-		fallback: /* @__PURE__ */ C(x, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ C(Qe, {
+	return /* @__PURE__ */ T(g, {
+		fallback: /* @__PURE__ */ T(ue, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ T(Ot, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
@@ -957,58 +1368,73 @@ var X, Ye, Z, Q, Xe = V((() => {
 			className: n.className,
 			colors: Array.isArray(e.colors) ? e.colors : void 0,
 			categoryColors: e.categoryColors,
+			categoryOrder: e.categoryOrder,
 			isAnimationActive: e.isAnimationActive,
-			onChartClick: t
+			onChartClick: t,
+			xAxis: n.spec.xAxis,
+			yAxes: n.spec.yAxes,
+			showLegend: n.spec.showLegend,
+			showDataLabels: n.spec.showDataLabels,
+			title: n.spec.title,
+			subtitle: n.spec.subtitle,
+			description: n.spec.description,
+			height: n.spec.height ?? e.height,
+			annotations: n.spec.annotations,
+			interaction: n.spec.interaction
 		})
 	});
 };
 //#endregion
 //#region src/ObjectChart.tsx
-function et(e) {
+function At(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function tt(e, t) {
-	let { field: n, function: r, groupBy: i } = t, a = {};
+function jt(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 = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
-		a[e] || (a[e] = []), a[e].push(t);
+		o[e] || (o[e] = []), o[e].push(t);
 	}
-	return Object.entries(a).map(([e, t]) => {
-		let a = t.map((e) => Number(e[n]) || 0), o;
+	return Object.entries(o).map(([e, t]) => {
+		let o = n ? t.map((e) => Number(e[n]) || 0) : [], s;
 		switch (r) {
 			case "count":
-				o = t.length;
+				s = t.length;
 				break;
 			case "avg":
-				o = a.length > 0 ? a.reduce((e, t) => e + t, 0) / a.length : 0;
+				s = o.length > 0 ? o.reduce((e, t) => e + t, 0) / o.length : 0;
 				break;
 			case "min":
-				o = a.length > 0 ? Math.min(...a) : 0;
+				s = o.length > 0 ? Math.min(...o) : 0;
 				break;
 			case "max":
-				o = a.length > 0 ? Math.max(...a) : 0;
+				s = o.length > 0 ? Math.max(...o) : 0;
 				break;
 			default:
-				o = a.reduce((e, t) => e + t, 0);
+				s = o.reduce((e, t) => e + t, 0);
 				break;
 		}
 		return {
 			[i]: e,
-			[n]: o
+			[a]: s
 		};
 	});
 }
-async function nt(e, t, n, r, i) {
+async function Pt(e, t, n, r, i) {
 	if (!e.length || !t) return e;
-	let a = i || ((e, t) => t), s = `__raw_${t}`, c = n?.fields?.[t];
+	let a = i || ((e, t) => t), o = `__raw_${t}`, c = n?.fields?.[t];
 	if (!c) {
 		let n = /^\d{4}-\d{2}-\d{2}/;
 		return e.map((e) => {
-			let r = e[t], i = String(r ?? ""), o = n.test(i) ? i : et(i);
+			let r = e[t], i = String(r ?? ""), s = n.test(i) ? i : At(i);
 			return {
 				...e,
-				[t]: a(i, o),
-				[s]: r
+				[t]: a(i, s),
+				[o]: r
 			};
 		});
 	}
@@ -1016,21 +1442,21 @@ async function nt(e, t, n, r, i) {
 	if (l === "select" || l === "picklist" || l === "dropdown") {
 		let n = c.options || [];
 		if (n.length === 0) return e.map((e) => {
-			let n = e[t], r = String(n ?? ""), i = et(r);
+			let n = e[t], r = String(n ?? ""), i = At(r);
 			return {
 				...e,
 				[t]: a(r, i),
-				[s]: n
+				[o]: n
 			};
 		});
 		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 ?? ""), o = r[i] || et(i);
+			let n = e[t], i = String(n ?? ""), s = r[i] || At(i);
 			return {
 				...e,
-				[t]: a(i, o),
-				[s]: n
+				[t]: a(i, s),
+				[o]: n
 			};
 		});
 	}
@@ -1038,16 +1464,16 @@ async function nt(e, t, n, r, i) {
 		let n = c.reference_to || c.reference;
 		if (!n || !r || typeof r.find != "function") return e.map((e) => ({
 			...e,
-			[s]: e[t]
+			[o]: e[t]
 		}));
 		let i = [...new Set(e.map((e) => e[t]).filter((e) => e != null))];
 		if (i.length === 0) return e.map((e) => ({
 			...e,
-			[s]: e[t]
+			[o]: e[t]
 		}));
 		let a = c.id_field || "id";
 		try {
-			let l = o(await r.find(n, {
+			let l = s(await r.find(n, {
 				$filter: { [a]: { $in: i } },
 				$top: i.length
 			})), u = c.reference_field || c.display_field || "name", d = {};
@@ -1060,316 +1486,322 @@ async function nt(e, t, n, r, i) {
 				return {
 					...e,
 					[t]: d[r] || r,
-					[s]: n
+					[o]: n
 				};
 			});
 		} catch (n) {
 			return console.warn("[ObjectChart] Failed to resolve lookup labels:", n), e.map((e) => ({
 				...e,
-				[s]: e[t]
+				[o]: e[t]
 			}));
 		}
 	}
 	if (l === "date" || l === "datetime" || l === "date_time" || l === "timestamp" || l === "time") return e.map((e) => ({
 		...e,
-		[s]: e[t]
+		[o]: e[t]
 	}));
 	let u = /^\d{4}-\d{2}-\d{2}/;
 	return e.map((e) => {
 		let n = e[t], r = String(n ?? "");
 		return {
 			...e,
-			[t]: u.test(r) ? r : et(r),
-			[s]: n
+			[t]: u.test(r) ? r : At(r),
+			[o]: n
 		};
 	});
 }
-var rt = (e) => {
-	let { schema: f } = e, p = e.onSegmentClick, m = g(Ee), x = e.dataSource || m?.dataSource, S = z(f.bind), { fieldOptionLabel: T } = Ae(), de = te(T);
-	ee(() => {
-		de.current = T;
-	}, [T]);
-	let [fe, E] = v([]), [D, pe] = v(null), [me, O] = v(() => !(Array.isArray(f.data) && f.data.length > 0) && (!!f.objectName || !!f.dataset)), [he, k] = v(null), [A, j] = v(null), [ge, M] = v(null), [_e, ve] = v(null), { openRecordList: ye } = De(), be = je(), N = _(() => f.aggregate ? JSON.stringify(f.aggregate) : "", [f.aggregate]), P = _(() => f.filter ? JSON.stringify(f.filter) : "", [f.filter]), xe = _(() => f.compareTo ? JSON.stringify(f.compareTo) : "", [f.compareTo]), Se = _(() => f.dataset ? JSON.stringify({
-		d: f.dataset,
-		dim: f.dimensions ?? [],
-		val: f.values ?? []
+var Ft = (e) => {
+	let { schema: t } = e, m = e.onSegmentClick, h = te(Ie), g = e.dataSource || h?.dataSource, ue = Le(t.bind), { fieldOptionLabel: w } = He(), de = re(w);
+	ne(() => {
+		de.current = w;
+	}, [w]);
+	let [fe, pe] = v([]), [D, me] = v(null), [he, O] = v(() => !(Array.isArray(t.data) && t.data.length > 0) && (!!t.objectName || !!t.dataset)), [ge, _e] = v(null), [ve, ye] = v(null), [k, be] = v(null), [xe, Se] = v(null), { openRecordList: Ce } = Re(), we = F(), Te = _(() => t.aggregate ? JSON.stringify(t.aggregate) : "", [t.aggregate]), Ee = _(() => t.filter ? JSON.stringify(t.filter) : "", [t.filter]), De = _(() => t.compareTo ? JSON.stringify(t.compareTo) : "", [t.compareTo]), Oe = _(() => t.dataset ? JSON.stringify({
+		d: t.dataset,
+		dim: t.dimensions ?? [],
+		val: t.values ?? []
 	}) : "", [
-		f.dataset,
-		f.dimensions,
-		f.values
-	]), Ce = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
-	ee(() => {
+		t.dataset,
+		t.dimensions,
+		t.values
+	]), ke = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
+	ne(() => {
 		let e = !1;
 		return (async () => {
 			try {
-				let t = {
+				let n = {
 					headers: { accept: "application/json" },
 					credentials: "include"
-				}, i = f.objectName, a, o = null, s = f.aggregate?.groupBy;
-				if (i) a = s && typeof s == "object" && !Array.isArray(s) ? s.field : typeof s == "string" ? s : f.xAxisKey;
-				else if (f.dataset) {
-					let e = Array.isArray(f.dimensions) && f.dimensions.length ? f.dimensions[0] : void 0, n = await (await fetch(`/api/v1/meta/dataset/${encodeURIComponent(f.dataset)}`, t)).json().catch(() => null);
-					o = n?.item ?? n?.data ?? n, i = o?.object, a = ((o?.dimensions || []).find((t) => t?.name === e) ?? (o?.dimensions || [])[0])?.field ?? e;
+				}, 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;
+				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;
 				}
-				if (!i || !a) {
-					e || (M(null), ve(null));
+				if (!a || !o) {
+					e || (be(null), Se(null));
 					return;
 				}
-				let c = await (await fetch(`/api/v1/meta/object/${encodeURIComponent(i)}`, t)).json().catch(() => null), l = c?.item ?? c?.data ?? c, u = r(l?.fields?.[a]?.options), d = null;
-				if (f.dataset && Array.isArray(f.dimensions)) {
+				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 t of f.dimensions) {
-						let r = (o?.dimensions || []).find((e) => e?.name === t)?.field ?? t, i = n(l?.fields?.[r]?.options);
-						i && (e[t] = i);
+					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 && (d = e);
+					Object.keys(e).length > 0 && (f = e);
 				}
-				e || (M(u), ve(d));
+				e || (be(d), Se(f));
 			} catch {
-				e || (M(null), ve(null));
+				e || (be(null), Se(null));
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		f.objectName,
-		f.dataset,
-		Se,
-		N,
-		f.xAxisKey
+		t.objectName,
+		t.dataset,
+		Oe,
+		Te,
+		t.xAxisKey
 	]);
-	let F = h(async (e, t) => {
-		if (f.aggregate && typeof e.aggregate == "function") {
-			let n = f.aggregate.groupBy;
-			if (n && typeof n == "object" && !Array.isArray(n)) {
-				let r = f.aggregate.field, i = f.aggregate.function, a = {
-					function: i,
-					alias: r || i
+	let Ae = ee(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)
 				};
-				i !== "count" && r && (a.field = r);
-				let o = await e.aggregate(f.objectName, {
-					groupBy: [n],
-					aggregations: [a],
-					where: t
+				a !== "count" && i && (o.field = i);
+				let s = await e.aggregate(t.objectName, {
+					groupBy: [r],
+					aggregations: [o],
+					where: n
 				});
-				return Array.isArray(o) ? o : [];
+				return Array.isArray(s) ? s : [];
 			}
-			let r = await e.aggregate(f.objectName, {
-				field: f.aggregate.field,
-				function: f.aggregate.function,
-				groupBy: n,
-				filter: t
+			let i = await e.aggregate(t.objectName, {
+				field: t.aggregate.field,
+				function: t.aggregate.function,
+				groupBy: r,
+				filter: n
 			});
-			return Array.isArray(r) ? r : [];
+			return Array.isArray(i) ? i : [];
 		}
 		if (typeof e.find == "function") {
-			let n = o(await e.find(f.objectName, { $filter: t }));
-			return f.aggregate && n.length > 0 && (n = tt(n, f.aggregate)), n;
+			let r = s(await e.find(t.objectName, { $filter: n }));
+			return t.aggregate && r.length > 0 && (r = Nt(r, t.aggregate)), r;
 		}
 		return [];
-	}, [f.objectName, N]), we = h(async (e, t) => {
-		if (!e || !f.objectName && !f.dataset) {
-			t.current && O(!1);
+	}, [t.objectName, Te]), A = ze(), je = ee(async (e, n) => {
+		if (!e || !t.objectName && !t.dataset) {
+			n.current && O(!1);
 			return;
 		}
-		t.current && (O(!0), k(null));
+		n.current && (O(!0), _e(null));
 		try {
-			if (f.dataset && typeof e.queryDataset == "function") {
-				let n = l(f.filter), r = await e.queryDataset(f.dataset, {
-					dimensions: Array.isArray(f.dimensions) ? f.dimensions : [],
-					measures: Array.isArray(f.values) ? f.values : [],
-					...n ? { runtimeFilter: n } : {}
+			if (t.dataset && typeof e.queryDataset == "function") {
+				let r = f(t.filter, A), i = await e.queryDataset(t.dataset, {
+					dimensions: Array.isArray(t.dimensions) ? t.dimensions : [],
+					measures: Array.isArray(t.values) ? t.values : [],
+					...r ? { runtimeFilter: r } : {}
 				});
-				t.current && (E(Array.isArray(r?.rows) ? r.rows : []), pe(Array.isArray(r?.fields) ? r.fields : null));
+				n.current && (pe(Array.isArray(i?.rows) ? i.rows : []), me(Array.isArray(i?.fields) ? i.fields : null));
 				return;
 			}
-			let n = l(f.filter), r = f.compareTo, i = !!r && Ce(f.chartType), a = i ? d(f.filter, r) : null, [o, s] = await Promise.all([F(e, n), a ? F(e, a) : Promise.resolve([])]), c = o, u = f.aggregate?.groupBy, p = u && typeof u == "object" && !Array.isArray(u) ? u.alias || u.field : u || f.xAxisKey;
-			if (i && s.length > 0 && f.aggregate) {
-				let e = f.aggregate.field, t = f.aggregate.function, n = (n) => {
-					if (n == null) return null;
-					let r = `${e}_${t}`;
-					return r in n ? Number(n[r]) : t === "count" && `${e}_count` in n ? Number(n[`${e}_count`]) : e in n ? Number(n[e]) : "value" in n ? Number(n.value) : "count" in n ? Number(n.count) : null;
-				}, r = `${e}__comparison`, i = p;
-				if (i && c.some((e) => e[i] != null) && s.some((e) => e[i] != null)) {
+			let r = f(t.filter, A), i = t.compareTo, a = !!i && ke(t.chartType), o = a ? u(p(t.filter, i), A) : null, [s, c] = await Promise.all([Ae(e, r), o ? Ae(e, o) : Promise.resolve([])]), l = s, d = t.aggregate?.groupBy, m = d && typeof d == "object" && !Array.isArray(d) ? d.alias || d.field : d || t.xAxisKey;
+			if (a && c.length > 0 && t.aggregate) {
+				let e = t.aggregate.field, n = t.aggregate.function, r = jt(t.aggregate), i = (t) => {
+					if (t == null) return null;
+					if (e) {
+						let r = `${e}_${n}`;
+						if (r in t) return Number(t[r]);
+						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;
+				if (o && l.some((e) => e[o] != null) && c.some((e) => e[o] != null)) {
 					let e = /* @__PURE__ */ new Map();
-					for (let t of s) {
-						let r = String(t[i] ?? "");
-						e.set(r, n(t));
+					for (let t of c) {
+						let n = String(t[o] ?? "");
+						e.set(n, i(t));
 					}
-					c = c.map((t) => {
-						let n = String(t[i] ?? ""), a = e.get(n);
-						return a == null ? t : {
+					l = l.map((t) => {
+						let n = String(t[o] ?? ""), r = e.get(n);
+						return r == null ? t : {
 							...t,
-							[r]: a
+							[a]: r
 						};
 					});
-					let t = new Set(c.map((e) => String(e[i] ?? "")));
-					for (let e of s) {
-						let a = String(e[i] ?? "");
-						t.has(a) || c.push({
-							[i]: a,
-							[r]: n(e)
+					let t = new Set(l.map((e) => String(e[o] ?? "")));
+					for (let e of c) {
+						let n = String(e[o] ?? "");
+						t.has(n) || l.push({
+							[o]: n,
+							[a]: i(e)
 						});
 					}
 				} else {
-					let e = Math.max(c.length, s.length), t = [];
-					for (let i = 0; i < e; i++) {
-						let e = c[i] || {}, a = s[i];
-						t.push(a ? {
+					let e = Math.max(l.length, c.length), t = [];
+					for (let n = 0; n < e; n++) {
+						let e = l[n] || {}, r = c[n];
+						t.push(r ? {
 							...e,
-							[r]: n(a)
+							[a]: i(r)
 						} : e);
 					}
-					c = t;
+					l = t;
 				}
 			}
-			if (p && typeof e.getObjectSchema == "function") try {
-				let t = await e.getObjectSchema(f.objectName);
-				c = await nt(c, p, t, e, (e, t) => de.current(f.objectName, p, e, t));
+			if (m && typeof e.getObjectSchema == "function") try {
+				let n = await e.getObjectSchema(t.objectName);
+				l = await Pt(l, m, n, e, (e, n) => de.current(t.objectName, m, e, n));
 			} catch {}
-			t.current && E(c);
+			n.current && pe(l);
 		} catch (e) {
-			console.error("[ObjectChart] Fetch error:", e), t.current && k(e instanceof Error ? e.message : "Failed to load chart data");
+			console.error("[ObjectChart] Fetch error:", e), n.current && _e(e instanceof Error ? e.message : "Failed to load chart data");
 		} finally {
-			t.current && O(!1);
+			n.current && O(!1);
 		}
 	}, [
-		f.objectName,
-		Se,
-		N,
-		P,
-		xe,
-		f.xAxisKey,
-		f.chartType,
-		F
+		t.objectName,
+		Oe,
+		Te,
+		Ee,
+		De,
+		t.xAxisKey,
+		t.chartType,
+		Ae,
+		A
 	]);
-	ee(() => {
+	ne(() => {
 		let e = { current: !0 };
-		return (f.objectName || f.dataset) && !S && !f.data ? we(x, e) : e.current && O(!1), () => {
+		return (t.objectName || t.dataset) && !ue && !t.data ? je(g, e) : e.current && O(!1), () => {
 			e.current = !1;
 		};
 	}, [
-		f.objectName,
-		Se,
-		x,
-		S,
-		f.data,
-		P,
-		N,
-		xe,
-		we
+		t.objectName,
+		Oe,
+		g,
+		ue,
+		t.data,
+		Ee,
+		Te,
+		De,
+		je
 	]);
-	let I = S || f.data || fe, L = Array.isArray(I) ? I : [], R = f.drillDown, B = f.aggregate?.groupBy || f.xAxisKey, V = _(() => {
-		if (!B) return /* @__PURE__ */ new Map();
-		let e = /* @__PURE__ */ new Map(), t = `__raw_${B}`;
-		for (let n of L) {
-			let r = n?.[B];
+	let Me = ue || t.data || fe, j = Array.isArray(Me) ? Me : [], M = t.drillDown, Ne = t.aggregate?.groupBy || t.xAxisKey, N = _(() => {
+		if (!Ne) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map(), t = `__raw_${Ne}`;
+		for (let n of j) {
+			let r = n?.[Ne];
 			if (r == null) continue;
 			let i = t in (n || {}) ? n[t] : r;
 			e.set(String(r), i);
 		}
 		return e;
-	}, [L, B]), H = f.compareTo, Me = !!H && Ce(f.chartType) && !!f.aggregate && L.some((e) => e[`${f.aggregate.field}__comparison`] != null), Ne = _(() => {
-		let e = Array.isArray(f.series) ? f.series : null;
-		if (!Me) return e;
-		let t = e || [{ dataKey: f.aggregate.field }], n = {
+	}, [j, Ne]), P = t.compareTo, Pe = t.aggregate ? jt(t.aggregate) : void 0, I = Pe ? `${Pe}${Mt}` : void 0, L = !!P && ke(t.chartType) && !!I && j.some((e) => e[I] != null), R = _(() => {
+		let e = Array.isArray(t.series) ? t.series : null;
+		if (!L) return e;
+		let n = e || [{ dataKey: Pe }], r = {
 			vsLastWeek: "Previous week",
 			vsLastMonth: "Previous month",
 			vsLastQuarter: "Previous quarter",
 			vsLastYear: "Previous year",
 			vsYesterday: "Yesterday",
 			vsPreviousPeriod: "Previous period"
-		}[i(H, f.filter)] || "Previous period";
-		return [...t.map((e) => ({
+		}[a(P, t.filter)] || "Previous period";
+		return [...n.map((e) => ({
 			...e,
 			variant: e.variant || "current"
 		})), {
-			dataKey: `${f.aggregate.field}__comparison`,
-			label: n,
+			dataKey: I,
+			label: r,
 			variant: "comparison"
 		}];
 	}, [
-		Me,
-		f.series,
-		f.aggregate,
-		f.filter,
-		H
-	]), U = f.dataset ? t(c(L, _e), f.dimensions, f.values, D) : null, Pe = U ? {
-		...f,
-		data: U.data,
-		xAxisKey: U.xAxisKey,
-		series: U.series
+		L,
+		t.series,
+		Pe,
+		I,
+		t.filter,
+		P
+	]), z = t.dataset ? n(l(j, xe), t.dimensions, t.values, D) : null, B = z ? {
+		...t,
+		data: z.data,
+		xAxisKey: z.xAxisKey,
+		series: z.series
 	} : {
-		...f,
-		data: L,
-		...Ne ? { series: Ne } : {}
-	}, Fe = f.colors && !Array.isArray(f.colors) && typeof f.colors == "object" ? f.colors : null, Ie = Array.isArray(f.colors) ? f.colors : void 0, W = ge || Fe ? {
-		...ge || {},
-		...Fe || {}
-	} : void 0, G = {
-		...Pe,
-		colors: Ie,
-		...W ? { categoryColors: W } : {}
+		...t,
+		data: j,
+		...R ? { series: R } : {}
+	}, V = t.colors && !Array.isArray(t.colors) && typeof t.colors == "object" ? t.colors : null, Ue = Array.isArray(t.colors) ? t.colors : void 0, We = k || V ? {
+		...k || {},
+		...V || {}
+	} : void 0, Ge = {
+		...B,
+		colors: Ue,
+		...We ? { categoryColors: We } : {}
 	};
-	if (me && L.length === 0) return /* @__PURE__ */ w("div", {
-		className: "p-2 " + (f.className || ""),
+	if (he && j.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__ */ C("span", {
+		children: [/* @__PURE__ */ T("span", {
 			className: "sr-only",
 			children: "Loading chart data…"
-		}), /* @__PURE__ */ C(re, { className: "h-full" })]
+		}), /* @__PURE__ */ T(y, { className: "h-full" })]
 	});
-	if (he) return /* @__PURE__ */ w("div", {
-		className: "flex flex-col items-center justify-center gap-2 p-4 " + (f.className || ""),
+	if (ge) 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__ */ C(Oe, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ T(Be, { 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__ */ C("p", {
+			/* @__PURE__ */ T("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: he
+				children: ge
 			})
 		]
 	});
-	if (!x && f.objectName && L.length === 0) return /* @__PURE__ */ w("div", {
-		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (f.className || ""),
+	if (!g && t.objectName && j.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: [
 			"No data source available for “",
-			f.objectName,
+			t.objectName,
 			"”"
 		]
 	});
-	let K = s(R) ? (e) => {
-		let t = e.category, n = t != null && V.has(String(t)) ? V.get(String(t)) : t;
-		j({
+	let H = c(M) ? (e) => {
+		let t = e.category, n = t != null && N.has(String(t)) ? N.get(String(t)) : t;
+		ye({
 			...e,
 			category: n,
 			categoryLabel: t,
 			scope: "cell"
 		});
-	} : void 0, Le = p ?? K, q = !p && A && f.objectName ? (() => {
-		let e = a(R, A, { groupByField: B }), t = {
-			...f.filter || {},
+	} : void 0, Ke = m ?? H, qe = !m && ve && t.objectName ? (() => {
+		let e = o(M, ve, { groupByField: Ne }), n = {
+			...t.filter || {},
 			...e
-		}, n = u(R, A, f.title || "Details"), r = R?.target ?? "drawer", i = /* @__PURE__ */ C("div", {
+		}, r = d(M, ve, t.title || "Details"), i = M?.target ?? "drawer", a = /* @__PURE__ */ T("div", {
 			className: "overflow-auto",
 			"data-testid": "chart-drill-body",
-			children: /* @__PURE__ */ C(Te, {
+			children: /* @__PURE__ */ T(Fe, {
 				schema: {
 					type: "object-data-table",
-					objectName: f.objectName,
-					filter: t,
+					objectName: t.objectName,
+					filter: n,
 					pagination: !0,
-					pageSize: R?.maxRows,
-					columns: R?.columns?.map((e) => ({
+					pageSize: M?.maxRows,
+					columns: M?.columns?.map((e) => ({
 						accessorKey: e,
 						header: e
 					})),
@@ -1379,58 +1811,58 @@ var rt = (e) => {
 						target: "dialog"
 					}
 				},
-				dataSource: x
+				dataSource: g
 			})
-		}), o = ye && f.objectName ? /* @__PURE__ */ w(ne, {
+		}), s = Ce && t.objectName ? /* @__PURE__ */ E(ie, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				ye(f.objectName, t), j(null);
+				Ce(t.objectName, n), ye(null);
 			},
-			children: [be("dashboard.openInList", "Open in list"), /* @__PURE__ */ C(ke, { className: "ml-1 h-3.5 w-3.5" })]
+			children: [we("dashboard.openInList", "Open in list"), /* @__PURE__ */ T(Ve, { className: "ml-1 h-3.5 w-3.5" })]
 		}) : null;
-		return r === "dialog" ? /* @__PURE__ */ C(ie, {
+		return i === "dialog" ? /* @__PURE__ */ T(ae, {
 			open: !0,
-			onOpenChange: (e) => !e && j(null),
-			children: /* @__PURE__ */ w(ae, {
+			onOpenChange: (e) => !e && ye(null),
+			children: /* @__PURE__ */ E(b, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ w(oe, {
+				children: [/* @__PURE__ */ E(x, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ C(se, { children: n }), o]
-				}), i]
+					children: [/* @__PURE__ */ T(S, { children: r }), s]
+				}), a]
 			})
-		}) : /* @__PURE__ */ C(le, {
+		}) : /* @__PURE__ */ T(oe, {
 			open: !0,
-			onOpenChange: (e) => !e && j(null),
-			children: /* @__PURE__ */ w(ue, {
+			onOpenChange: (e) => !e && ye(null),
+			children: /* @__PURE__ */ E(se, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-				children: [/* @__PURE__ */ w(y, {
+				children: [/* @__PURE__ */ E(ce, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ C(b, { children: n }), o]
-				}), /* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ T(le, { children: r }), s]
+				}), /* @__PURE__ */ T("div", {
 					className: "flex-1 overflow-hidden mt-2",
-					children: i
+					children: a
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ C(ce, { active: me && L.length > 0 }),
-			/* @__PURE__ */ C($, {
+			/* @__PURE__ */ T(C, { active: he && j.length > 0 }),
+			/* @__PURE__ */ T($, {
 				...e,
-				schema: G,
-				onChartClick: Le
+				schema: Ge,
+				onChartClick: Ke
 			}),
-			q
+			qe
 		]
 	});
 };
-e.register("object-chart", rt, {
+e.register("object-chart", Ft, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -1462,11 +1894,11 @@ e.register("object-chart", rt, {
 });
 //#endregion
 //#region src/index.tsx
-var it = {
-	"bar-chart": $e,
+var It = {
+	"bar-chart": kt,
 	chart: $
 };
-e.register("bar-chart", $e, {
+e.register("bar-chart", kt, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -1530,7 +1962,7 @@ e.register("bar-chart", $e, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", rt, {
+}), e.register("chart", Ft, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -1697,4 +2129,4 @@ e.register("bar-chart", $e, {
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { $e as ChartBarRenderer, $ as ChartRenderer, rt as ObjectChart, it as chartComponents };
+export { kt as ChartBarRenderer, $ as ChartRenderer, Ft as ObjectChart, It as chartComponents };