@object-ui/plugin-charts 16.0.0 → 16.1.0

package/dist/index.js

@@ -1,10 +1,10 @@
 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 { 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 de, SheetTitle as y, Skeleton as b } from "@object-ui/components";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Area as w, AreaChart as fe, Bar as pe, BarChart as T, CartesianGrid as E, Cell as me, Funnel as he, FunnelChart as D, LabelList as ge, Legend as O, Line as k, LineChart as A, Pie as _e, PieChart as j, PolarAngleAxis as ve, PolarGrid as ye, PolarRadiusAxis as be, Radar as xe, RadarChart as M, ResponsiveContainer as N, Sankey as Se, Scatter as Ce, ScatterChart as P, 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 De, useDrillNavigation as z } 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";
 //#region \0rolldown/runtime.js
@@ -28,27 +28,27 @@ function Ne(e, t = 14) {
 }
 function U({ x: e, y: t, payload: n }) {
 	let r = String(n?.value ?? ""), i = Ne(r);
-	return /* @__PURE__ */ C("g", {
+	return /* @__PURE__ */ S("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ w("text", {
+		children: /* @__PURE__ */ C("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__ */ S("title", { children: r }), i]
 		})
 	});
 }
 function Pe({ 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__ */ S("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__ */ S(N, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ w(E, {
+			children: /* @__PURE__ */ C(T, {
 				data: e,
 				margin: {
 					top: 10,
@@ -57,66 +57,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__ */ C("defs", { children: [/* @__PURE__ */ C("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ C("stop", {
+							/* @__PURE__ */ S("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ C("stop", {
+							/* @__PURE__ */ S("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ C("stop", {
+							/* @__PURE__ */ S("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ w("filter", {
+					}), /* @__PURE__ */ C("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ C("feGaussianBlur", {
+							/* @__PURE__ */ S("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ C("feOffset", {
+							/* @__PURE__ */ S("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ C("feFlood", {
+							/* @__PURE__ */ S("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ C("feComposite", {
+							/* @__PURE__ */ S("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ w("feMerge", { children: [/* @__PURE__ */ C("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ C("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ C("feMerge", { children: [/* @__PURE__ */ S("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ S("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ C(D, {
+					/* @__PURE__ */ S(E, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ C(I, {
+					/* @__PURE__ */ S(I, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ C(U, {}) : {
+						tick: s ? /* @__PURE__ */ S(U, {}) : {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
 							fontFamily: "monospace"
@@ -127,7 +127,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__ */ S(L, {
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
@@ -136,7 +136,7 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						tickLine: !1,
 						axisLine: !1
 					}),
-					/* @__PURE__ */ C(F, {
+					/* @__PURE__ */ S(F, {
 						cursor: {
 							fill: "hsl(var(--muted))",
 							opacity: .2
@@ -151,11 +151,11 @@ function Pe({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ C(k, { wrapperStyle: {
+					/* @__PURE__ */ S(O, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ C(fe, {
+					/* @__PURE__ */ S(pe, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -180,28 +180,43 @@ function Ie() {
 	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 W({ id: e, className: t, children: n, config: r, disableSettleRemount: i, ...a }) {
+	let o = f.useId(), s = `chart-${e || o.replace(/:/g, "")}`, c = f.useRef(null), [l, u] = f.useState(0);
+	return f.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__ */ S(ze.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ C("div", {
+			ref: c,
 			"data-slot": "chart",
-			"data-chart": o,
+			"data-chart": s,
 			className: q("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__ */ S(Be, {
+				id: s,
 				config: r
-			}), /* @__PURE__ */ C(P, {
+			}), /* @__PURE__ */ S(N, {
 				width: "100%",
 				height: "100%",
 				children: n
-			})]
+			}, l)]
 		})
 	});
 }
@@ -209,10 +224,10 @@ function G({ active: e, payload: t, className: n, indicator: r = "dot", hideLabe
 	let { config: m } = Ie(), h = f.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", {
+		return s ? /* @__PURE__ */ S("div", {
 			className: q("font-medium", c),
 			children: s(a, t)
-		}) : a ? /* @__PURE__ */ C("div", {
+		}) : a ? /* @__PURE__ */ S("div", {
 			className: q("font-medium", c),
 			children: a
 		}) : null;
@@ -227,29 +242,29 @@ function G({ active: e, payload: t, className: n, indicator: r = "dot", hideLabe
 	]);
 	if (!e || !t?.length) return null;
 	let g = t.length === 1 && r !== "dot";
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("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", {
+		children: [g ? null : h, /* @__PURE__ */ S("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", {
+				return /* @__PURE__ */ S("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", {
+					children: l && e?.value !== void 0 && e.name ? l(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ C(x, { children: [i?.icon ? /* @__PURE__ */ S(i.icon, {}) : !a && /* @__PURE__ */ S("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" : ""),
 						style: {
 							"--color-bg": o,
 							"--color-border": o
 						}
-					}), /* @__PURE__ */ w("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: q("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ C("span", {
+							children: [g ? h : null, /* @__PURE__ */ S("span", {
 								className: "text-muted-foreground",
 								children: i?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ C("span", {
+						}), e.value && /* @__PURE__ */ S("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -261,13 +276,13 @@ 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", {
+	return n?.length ? /* @__PURE__ */ S("div", {
 		className: q("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", {
+			return /* @__PURE__ */ C("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", {
+				children: [r?.icon && !t ? /* @__PURE__ */ S(r.icon, {}) : /* @__PURE__ */ S("div", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
 				}), r?.label]
@@ -286,7 +301,7 @@ var q, Re, ze, Be, J, Y, Ve = V((() => {
 		dark: ".dark"
 	}, ze = f.createContext(null), Be = ({ 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__ */ S("style", { dangerouslySetInnerHTML: { __html: Object.entries(Re).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -294,7 +309,7 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, J = F, Y = k;
+	}, J = F, Y = O;
 }));
 //#endregion
 //#region src/chartDrillEvents.ts
@@ -332,9 +347,28 @@ function Ge(e, 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) => {
+var Ke = V((() => {})), qe = /* @__PURE__ */ H({ default: () => Ye });
+function Je(e) {
+	let { x: t, y: n, width: r, height: i, name: a, fill: o } = e;
+	return r <= 0 || i <= 0 ? null : /* @__PURE__ */ C("g", { children: [/* @__PURE__ */ S("rect", {
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		fill: o,
+		stroke: "hsl(var(--background))",
+		strokeWidth: 2
+	}), r > 48 && i > 18 ? /* @__PURE__ */ S("text", {
+		x: t + 6,
+		y: n + 18,
+		fill: "#fff",
+		fontSize: 12,
+		className: "pointer-events-none",
+		children: a
+	}) : null] });
+}
+function Ye({ 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 = l === !1 ? { disableSettleRemount: !0 } : {}, [h, g] = f.useState(!1), ee = f.useCallback((e) => {
 		if (!c || !e) return;
 		let t = Array.isArray(e.activePayload) ? e.activePayload[0] : void 0;
 		c({
@@ -342,7 +376,7 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			series: t?.dataKey ? String(t.dataKey) : void 0,
 			value: typeof t?.value == "number" ? t.value : void 0
 		});
-	}, [c]), ee = f.useCallback((e) => {
+	}, [c]), _ = f.useCallback((e) => {
 		if (!c || !e) return;
 		let t = e.payload?.[r], n = i[0]?.dataKey || "value";
 		c({
@@ -354,13 +388,13 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		c,
 		r,
 		i
-	]), _ = c ? {
-		onClick: g,
-		style: { cursor: "pointer" }
-	} : {}, te = c ? {
+	]), te = c ? {
 		onClick: ee,
 		style: { cursor: "pointer" }
-	} : {}, v = f.useCallback((e, t, n) => s && s[e == null ? "" : String(e)] || n[t % n.length], [s]), ne = f.useCallback((e) => {
+	} : {}, v = c ? {
+		onClick: _,
+		style: { cursor: "pointer" }
+	} : {}, ne = f.useCallback((e, t, n) => s && s[e == null ? "" : String(e)] || n[t % n.length], [s]), re = f.useCallback((e) => {
 		if (!c) return;
 		let t = Ue(e, r, i);
 		t && c(t);
@@ -368,42 +402,42 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		c,
 		r,
 		i
-	]), re = f.useCallback((e) => {
+	]), ie = f.useCallback((e) => {
 		if (!c) return;
 		let t = We(e, i);
 		t && c(t);
-	}, [c, i]), ie = f.useCallback((e) => {
+	}, [c, i]), ae = f.useCallback((e) => {
 		if (!c) return;
 		let t = Ge(e, i);
 		t && c(t);
-	}, [c, i]), ae = c ? {
-		onClick: ne,
-		cursor: "pointer"
-	} : {}, oe = c ? {
+	}, [c, i]), oe = c ? {
 		onClick: re,
-		style: { cursor: "pointer" }
+		cursor: "pointer"
 	} : {}, se = c ? {
 		onClick: ie,
 		style: { cursor: "pointer" }
+	} : {}, ce = c ? {
+		onClick: ae,
+		style: { cursor: "pointer" }
 	} : {};
 	f.useEffect(() => {
-		let e = () => h(window.innerWidth < 640);
+		let e = () => g(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 le = {
+		bar: T,
+		"horizontal-bar": T,
+		line: A,
+		area: fe,
+		pie: j,
+		donut: j,
+		radar: M,
+		scatter: P,
+		funnel: D,
+		combo: T,
+		treemap: T,
+		sankey: T
+	}[u] || T, ue = f.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = n?.[String(e)]?.label;
 		if (t != null) return String(t);
@@ -425,13 +459,13 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				}
 			}
 		}
-		return m && i.length > 8 ? i.slice(0, 8) + "…" : i;
+		return h && i.length > 8 ? i.slice(0, 8) + "…" : i;
 	}, [
 		d,
 		r,
-		m,
+		h,
 		n
-	]), ue = f.useMemo(() => d.some((e) => String(e[r] || "").length > 5), [d, r]), y = () => Array.isArray(o) && o.length > 0 ? o : [
+	]), de = f.useMemo(() => d.some((e) => String(e[r] || "").length > 5), [d, r]), y = () => Array.isArray(o) && o.length > 0 ? o : [
 		"hsl(var(--chart-1))",
 		"hsl(var(--chart-2))",
 		"hsl(var(--chart-3))",
@@ -449,22 +483,22 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		} catch {
 			return String(t);
 		}
-	}, []), x = f.useMemo(() => ({
+	}, []), O = f.useMemo(() => ({
 		tickLine: !1,
 		tickMargin: 10,
 		axisLine: !1,
 		interval: "preserveStartEnd",
-		minTickGap: m ? 32 : 48,
-		tickFormatter: le,
-		...!m && ue && {
+		minTickGap: h ? 32 : 48,
+		tickFormatter: ue,
+		...!h && de && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
-		m,
-		ue,
-		le
+		h,
+		de,
+		ue
 	]);
 	if (u === "pie" || u === "donut") {
 		let e = u === "donut" ? "52%" : 0, t = y(), o = { ...n };
@@ -474,17 +508,18 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			let a = String(i);
 			o[a] || (o[a] = {
 				label: a,
-				color: v(i, n, t)
+				color: ne(i, n, t)
 			});
-		}), /* @__PURE__ */ C(W, {
+		}), /* @__PURE__ */ S(W, {
 			config: o,
 			className: a,
-			children: /* @__PURE__ */ w(M, { children: [
-				/* @__PURE__ */ C(J, {
+			...m,
+			children: /* @__PURE__ */ C(j, { children: [
+				/* @__PURE__ */ S(J, {
 					cursor: !1,
-					content: /* @__PURE__ */ C(G, { hideLabel: !0 })
+					content: /* @__PURE__ */ S(G, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ C(ge, {
+				/* @__PURE__ */ S(_e, {
 					data: d,
 					dataKey: i[0]?.dataKey || "value",
 					nameKey: r || "name",
@@ -493,19 +528,19 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					paddingAngle: 2,
 					outerRadius: "85%",
 					...p,
-					...te,
+					...v,
 					children: d.map((e, n) => {
-						let i = v(e?.[r], n, t);
-						return /* @__PURE__ */ C(pe, { fill: Z(i) }, `cell-${n}`);
+						let i = ne(e?.[r], n, t);
+						return /* @__PURE__ */ S(me, { fill: Z(i) }, `cell-${n}`);
 					})
 				}),
-				/* @__PURE__ */ C(Y, {
+				/* @__PURE__ */ S(Y, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
-						fontSize: m ? "11px" : "12px",
+						fontSize: h ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ C(K, {
+					content: /* @__PURE__ */ S(K, {
 						nameKey: r,
 						className: "flex-wrap"
 					})
@@ -526,59 +561,43 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			let r = Number(t?.[e] ?? 0);
 			return Number(n?.[e] ?? 0) - r;
 		});
-		return /* @__PURE__ */ C(W, {
+		return /* @__PURE__ */ S(W, {
 			config: n,
 			className: a,
-			children: /* @__PURE__ */ w(O, { children: [/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }), /* @__PURE__ */ w(me, {
+			...m,
+			children: /* @__PURE__ */ C(D, { children: [/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }), /* @__PURE__ */ C(he, {
 				dataKey: e,
 				data: l,
 				nameKey: r,
-				isAnimationActive: !0,
+				...p,
 				...s,
-				children: [/* @__PURE__ */ C(he, {
+				children: [/* @__PURE__ */ S(ge, {
 					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}`))]
+				}), l.map((e, n) => /* @__PURE__ */ S(me, { fill: Z(t[n % t.length]) }, `funnel-cell-${n}`))]
 			})] })
 		});
 	}
 	if (u === "treemap") {
-		let e = i[0]?.dataKey || "value", t = y();
-		return /* @__PURE__ */ C(W, {
+		let e = i[0]?.dataKey || "value", t = y(), o = d.map((n, i) => ({
+			name: String(n?.[r] ?? ""),
+			size: Number(n?.[e]) || 0,
+			fill: Z(t[i % t.length])
+		}));
+		return /* @__PURE__ */ S(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])
-				})),
+			...m,
+			children: /* @__PURE__ */ S(we, {
+				data: o,
 				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, {})
+				...p,
+				content: /* @__PURE__ */ S(Je, {}),
+				...se,
+				children: /* @__PURE__ */ S(F, {})
 			})
 		});
 	}
@@ -588,10 +607,11 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			target: n + 1,
 			value: Number(t?.[e]) || 0
 		}));
-		return c.length === 0 ? /* @__PURE__ */ C("div", { className: a }) : /* @__PURE__ */ C(W, {
+		return c.length === 0 ? /* @__PURE__ */ S("div", { className: a }) : /* @__PURE__ */ S(W, {
 			config: n,
 			className: a,
-			children: /* @__PURE__ */ C(xe, {
+			...m,
+			children: /* @__PURE__ */ S(Se, {
 				data: {
 					nodes: s,
 					links: c
@@ -602,24 +622,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, {})
+				...ce,
+				children: /* @__PURE__ */ S(F, {})
 			})
 		});
 	}
-	if (u === "radar") return /* @__PURE__ */ C(W, {
+	if (u === "radar") return /* @__PURE__ */ S(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ w(N, {
+		...m,
+		children: /* @__PURE__ */ C(M, {
 			data: d,
 			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__ */ S(ye, {}),
+				/* @__PURE__ */ S(ve, { dataKey: r }),
+				/* @__PURE__ */ S(be, {}),
+				/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
+				/* @__PURE__ */ S(Y, {
+					content: /* @__PURE__ */ S(K, {}),
+					...h && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -629,30 +650,32 @@ 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, {
+					return /* @__PURE__ */ S(xe, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
-						fillOpacity: .6
+						fillOpacity: .6,
+						...p
 					}, e.dataKey);
 				})
 			]
 		})
 	});
-	if (u === "scatter") return /* @__PURE__ */ C(W, {
+	if (u === "scatter") return /* @__PURE__ */ S(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ w(Ce, { children: [
-			/* @__PURE__ */ C(D, { vertical: !1 }),
-			/* @__PURE__ */ C(I, {
+		...m,
+		children: /* @__PURE__ */ C(P, { children: [
+			/* @__PURE__ */ S(E, { vertical: !1 }),
+			/* @__PURE__ */ S(I, {
 				type: "number",
 				dataKey: r,
 				name: String(n[r]?.label || r),
 				tickLine: !1,
 				axisLine: !1,
-				minTickGap: m ? 32 : 48
+				minTickGap: h ? 32 : 48
 			}),
-			/* @__PURE__ */ C(L, {
+			/* @__PURE__ */ S(L, {
 				type: "number",
 				dataKey: i[0]?.dataKey || "value",
 				name: String(n[i[0]?.dataKey]?.label || i[0]?.dataKey),
@@ -661,14 +684,14 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				tickFormatter: b,
 				width: 48
 			}),
-			/* @__PURE__ */ C(R, {
+			/* @__PURE__ */ S(R, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-			/* @__PURE__ */ C(Y, {
-				content: /* @__PURE__ */ C(K, {}),
-				...m && {
+			/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
+			/* @__PURE__ */ S(Y, {
+				content: /* @__PURE__ */ S(K, {}),
+				...h && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: "11px",
@@ -678,35 +701,37 @@ 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, {
+				return /* @__PURE__ */ S(Ce, {
 					name: n[e.dataKey]?.label || e.dataKey,
 					data: d,
 					fill: i,
 					fillOpacity: a?.fillOpacity,
-					...ae
+					...p,
+					...oe
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (u === "combo") return /* @__PURE__ */ C(W, {
+	if (u === "combo") return /* @__PURE__ */ S(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ w(E, {
+		...m,
+		children: /* @__PURE__ */ C(T, {
 			data: d,
 			children: [
-				/* @__PURE__ */ C(D, { vertical: !1 }),
-				/* @__PURE__ */ C(I, {
+				/* @__PURE__ */ S(E, { vertical: !1 }),
+				/* @__PURE__ */ S(I, {
 					dataKey: r,
-					...x
+					...O
 				}),
-				/* @__PURE__ */ C(L, {
+				/* @__PURE__ */ S(L, {
 					yAxisId: "left",
 					tickLine: !1,
 					axisLine: !1,
 					tickFormatter: b,
 					width: 48
 				}),
-				/* @__PURE__ */ C(L, {
+				/* @__PURE__ */ S(L, {
 					yAxisId: "right",
 					orientation: "right",
 					tickLine: !1,
@@ -714,10 +739,10 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					tickFormatter: b,
 					width: 48
 				}),
-				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-				/* @__PURE__ */ C(Y, {
-					content: /* @__PURE__ */ C(K, {}),
-					...m && {
+				/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
+				/* @__PURE__ */ S(Y, {
+					content: /* @__PURE__ */ S(K, {}),
+					...h && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -727,7 +752,7 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				}),
 				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, {
+					return i === "line" ? /* @__PURE__ */ S(k, {
 						yAxisId: a,
 						type: "monotone",
 						dataKey: e.dataKey,
@@ -737,7 +762,7 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						strokeOpacity: o?.strokeOpacity,
 						strokeDasharray: o?.strokeDasharray,
 						...p
-					}, e.dataKey) : i === "area" ? /* @__PURE__ */ C(T, {
+					}, e.dataKey) : i === "area" ? /* @__PURE__ */ S(w, {
 						yAxisId: a,
 						type: "monotone",
 						dataKey: e.dataKey,
@@ -747,7 +772,7 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						strokeOpacity: o?.strokeOpacity,
 						strokeDasharray: o?.strokeDasharray,
 						...p
-					}, e.dataKey) : /* @__PURE__ */ C(fe, {
+					}, e.dataKey) : /* @__PURE__ */ S(pe, {
 						yAxisId: a,
 						dataKey: e.dataKey,
 						fill: r,
@@ -759,76 +784,77 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			]
 		})
 	});
-	let k = u === "horizontal-bar", P = y(), Te = s ? Object.values(s).map((e) => Z(String(e))) : [], Ee = Array.from(/* @__PURE__ */ new Set([
-		...P,
+	let N = u === "horizontal-bar", Te = y(), Ee = s ? Object.values(s).map((e) => Z(String(e))) : [], De = Array.from(/* @__PURE__ */ new Set([
 		...Te,
-		...i.map((e, t) => Z(n[e.dataKey]?.color || P[t % P.length] || X))
+		...Ee,
+		...i.map((e, t) => Z(n[e.dataKey]?.color || Te[t % Te.length] || X))
 	])), z = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
-	return /* @__PURE__ */ C(W, {
+	return /* @__PURE__ */ S(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ w(ce, {
+		...m,
+		children: /* @__PURE__ */ C(le, {
 			data: d,
-			layout: k ? "vertical" : "horizontal",
-			..._,
+			layout: N ? "vertical" : "horizontal",
+			...te,
 			children: [
-				/* @__PURE__ */ C("defs", { children: Ee.map((e) => /* @__PURE__ */ w(f.Fragment, { children: [/* @__PURE__ */ w("linearGradient", {
+				/* @__PURE__ */ S("defs", { children: De.map((e) => /* @__PURE__ */ C(f.Fragment, { children: [/* @__PURE__ */ C("linearGradient", {
 					id: `bg-${z(e)}`,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ C("stop", {
+					children: [/* @__PURE__ */ S("stop", {
 						offset: "0%",
 						style: { stopColor: e },
 						stopOpacity: .95
-					}), /* @__PURE__ */ C("stop", {
+					}), /* @__PURE__ */ S("stop", {
 						offset: "100%",
 						style: { stopColor: e },
 						stopOpacity: .5
 					})]
-				}), /* @__PURE__ */ w("linearGradient", {
+				}), /* @__PURE__ */ C("linearGradient", {
 					id: `ag-${z(e)}`,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ C("stop", {
+					children: [/* @__PURE__ */ S("stop", {
 						offset: "0%",
 						style: { stopColor: e },
 						stopOpacity: .5
-					}), /* @__PURE__ */ C("stop", {
+					}), /* @__PURE__ */ S("stop", {
 						offset: "95%",
 						style: { stopColor: e },
 						stopOpacity: .05
 					})]
 				})] }, z(e))) }),
-				/* @__PURE__ */ C(D, { vertical: !1 }),
-				k ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(I, {
+				/* @__PURE__ */ S(E, { vertical: !1 }),
+				N ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(I, {
 					type: "number",
 					tickLine: !1,
 					axisLine: !1,
 					tickFormatter: b
-				}), /* @__PURE__ */ C(L, {
+				}), /* @__PURE__ */ S(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, {
+					tickFormatter: ue
+				})] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(I, {
 					dataKey: r,
-					...x
-				}), /* @__PURE__ */ C(L, {
+					...O
+				}), /* @__PURE__ */ S(L, {
 					tickLine: !1,
 					axisLine: !1,
 					tickFormatter: b,
 					width: 48
 				})] }),
-				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
-				/* @__PURE__ */ C(Y, {
-					content: /* @__PURE__ */ C(K, {}),
-					...m && {
+				/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
+				/* @__PURE__ */ S(Y, {
+					content: /* @__PURE__ */ S(K, {}),
+					...h && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -840,18 +866,18 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					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, {
+						return /* @__PURE__ */ S(pe, {
 							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}`))
+							children: t && d.map((e, t) => /* @__PURE__ */ S(me, { fill: `url(#bg-${z(Z(ne(e?.[r], t, a)))})` }, `cell-${t}`))
 						}, e.dataKey);
 					}
 					if (u === "line") {
 						let t = Q(e, "line");
-						return /* @__PURE__ */ C(A, {
+						return /* @__PURE__ */ S(k, {
 							type: "monotone",
 							dataKey: e.dataKey,
 							stroke: l,
@@ -864,7 +890,7 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 					if (u === "area") {
 						let t = Q(e, "area");
-						return /* @__PURE__ */ C(T, {
+						return /* @__PURE__ */ S(w, {
 							type: "monotone",
 							dataKey: e.dataKey,
 							fill: `url(#ag-${z(l)})`,
@@ -882,8 +908,8 @@ function Je({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		})
 	});
 }
-var X, Ye, Z, Q, Xe = V((() => {
-	Ve(), Ke(), X = "hsl(var(--primary))", Ye = {
+var X, Xe, Z, Q, Ze = V((() => {
+	Ve(), Ke(), X = "hsl(var(--primary))", Xe = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -906,14 +932,14 @@ var X, Ye, Z, Q, Xe = V((() => {
 		fuchsia: "#d946ef",
 		pink: "#ec4899",
 		rose: "#f43f5e"
-	}, Z = (e) => Ye[e] || e, Q = (e, t) => e?.variant === "comparison" ? {
+	}, Z = (e) => Xe[e] || e, Q = (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, {
+})), Qe = p.lazy(() => Promise.resolve().then(() => (Fe(), Me))), $e = p.lazy(() => Promise.resolve().then(() => (Ze(), qe))), et = ({ schema: e }) => /* @__PURE__ */ S(m, {
+	fallback: /* @__PURE__ */ S(b, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ S(Qe, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -946,9 +972,9 @@ var X, Ye, Z, Q, Xe = V((() => {
 			className: e.className
 		};
 	}, [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__ */ S(m, {
+		fallback: /* @__PURE__ */ S(b, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ S($e, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
@@ -964,10 +990,10 @@ var X, Ye, Z, Q, Xe = V((() => {
 };
 //#endregion
 //#region src/ObjectChart.tsx
-function et(e) {
+function tt(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function tt(e, t) {
+function nt(e, t) {
 	let { field: n, function: r, groupBy: i } = t, a = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
@@ -998,13 +1024,13 @@ function tt(e, t) {
 		};
 	});
 }
-async function nt(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), s = `__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 ?? ""), o = n.test(i) ? i : tt(i);
 			return {
 				...e,
 				[t]: a(i, o),
@@ -1016,7 +1042,7 @@ 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 = tt(r);
 			return {
 				...e,
 				[t]: a(r, i),
@@ -1026,7 +1052,7 @@ async function nt(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 ?? ""), o = r[i] || et(i);
+			let n = e[t], i = String(n ?? ""), o = r[i] || tt(i);
 			return {
 				...e,
 				[t]: a(i, o),
@@ -1079,17 +1105,17 @@ async function nt(e, t, n, r, i) {
 		let n = e[t], r = String(n ?? "");
 		return {
 			...e,
-			[t]: u.test(r) ? r : et(r),
+			[t]: u.test(r) ? r : tt(r),
 			[s]: 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);
+var it = (e) => {
+	let { schema: f } = e, p = e.onSegmentClick, m = g(Ee), b = e.dataSource || m?.dataSource, x = De(f.bind), { fieldOptionLabel: w } = Ae(), fe = te(w);
 	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({
+		fe.current = w;
+	}, [w]);
+	let [pe, T] = v([]), [E, me] = v(null), [he, D] = v(() => !(Array.isArray(f.data) && f.data.length > 0) && (!!f.objectName || !!f.dataset)), [ge, O] = v(null), [k, A] = v(null), [_e, j] = v(null), [ve, ye] = v(null), { openRecordList: be } = z(), xe = je(), M = _(() => f.aggregate ? JSON.stringify(f.aggregate) : "", [f.aggregate]), N = _(() => f.filter ? JSON.stringify(f.filter) : "", [f.filter]), Se = _(() => f.compareTo ? JSON.stringify(f.compareTo) : "", [f.compareTo]), Ce = _(() => f.dataset ? JSON.stringify({
 		d: f.dataset,
 		dim: f.dimensions ?? [],
 		val: f.values ?? []
@@ -1097,7 +1123,7 @@ var rt = (e) => {
 		f.dataset,
 		f.dimensions,
 		f.values
-	]), Ce = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
+	]), P = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
 	ee(() => {
 		let e = !1;
 		return (async () => {
@@ -1112,7 +1138,7 @@ var rt = (e) => {
 					o = n?.item ?? n?.data ?? n, i = o?.object, a = ((o?.dimensions || []).find((t) => t?.name === e) ?? (o?.dimensions || [])[0])?.field ?? e;
 				}
 				if (!i || !a) {
-					e || (M(null), ve(null));
+					e || (j(null), ye(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;
@@ -1124,9 +1150,9 @@ var rt = (e) => {
 					}
 					Object.keys(e).length > 0 && (d = e);
 				}
-				e || (M(u), ve(d));
+				e || (j(u), ye(d));
 			} catch {
-				e || (M(null), ve(null));
+				e || (j(null), ye(null));
 			}
 		})(), () => {
 			e = !0;
@@ -1134,8 +1160,8 @@ var rt = (e) => {
 	}, [
 		f.objectName,
 		f.dataset,
-		Se,
-		N,
+		Ce,
+		M,
 		f.xAxisKey
 	]);
 	let F = h(async (e, t) => {
@@ -1164,15 +1190,15 @@ var rt = (e) => {
 		}
 		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;
+			return f.aggregate && n.length > 0 && (n = nt(n, f.aggregate)), n;
 		}
 		return [];
-	}, [f.objectName, N]), we = h(async (e, t) => {
+	}, [f.objectName, M]), we = h(async (e, t) => {
 		if (!e || !f.objectName && !f.dataset) {
-			t.current && O(!1);
+			t.current && D(!1);
 			return;
 		}
-		t.current && (O(!0), k(null));
+		t.current && (D(!0), O(null));
 		try {
 			if (f.dataset && typeof e.queryDataset == "function") {
 				let n = l(f.filter), r = await e.queryDataset(f.dataset, {
@@ -1180,10 +1206,10 @@ var rt = (e) => {
 					measures: Array.isArray(f.values) ? f.values : [],
 					...n ? { runtimeFilter: n } : {}
 				});
-				t.current && (E(Array.isArray(r?.rows) ? r.rows : []), pe(Array.isArray(r?.fields) ? r.fields : null));
+				t.current && (T(Array.isArray(r?.rows) ? r.rows : []), me(Array.isArray(r?.fields) ? r.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;
+			let n = l(f.filter), r = f.compareTo, i = !!r && P(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;
@@ -1225,41 +1251,41 @@ var rt = (e) => {
 			}
 			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));
+				c = await rt(c, p, t, e, (e, t) => fe.current(f.objectName, p, e, t));
 			} catch {}
-			t.current && E(c);
+			t.current && T(c);
 		} 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), t.current && O(e instanceof Error ? e.message : "Failed to load chart data");
 		} finally {
-			t.current && O(!1);
+			t.current && D(!1);
 		}
 	}, [
 		f.objectName,
-		Se,
+		Ce,
+		M,
 		N,
-		P,
-		xe,
+		Se,
 		f.xAxisKey,
 		f.chartType,
 		F
 	]);
 	ee(() => {
 		let e = { current: !0 };
-		return (f.objectName || f.dataset) && !S && !f.data ? we(x, e) : e.current && O(!1), () => {
+		return (f.objectName || f.dataset) && !x && !f.data ? we(b, e) : e.current && D(!1), () => {
 			e.current = !1;
 		};
 	}, [
 		f.objectName,
-		Se,
+		Ce,
+		b,
 		x,
-		S,
 		f.data,
-		P,
 		N,
-		xe,
+		M,
+		Se,
 		we
 	]);
-	let I = S || f.data || fe, L = Array.isArray(I) ? I : [], R = f.drillDown, B = f.aggregate?.groupBy || f.xAxisKey, V = _(() => {
+	let I = x || f.data || pe, 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) {
@@ -1269,7 +1295,7 @@ var rt = (e) => {
 			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 = _(() => {
+	}, [L, B]), H = f.compareTo, Me = !!H && P(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 = {
@@ -1294,7 +1320,7 @@ var rt = (e) => {
 		f.aggregate,
 		f.filter,
 		H
-	]), U = f.dataset ? t(c(L, _e), f.dimensions, f.values, D) : null, Pe = U ? {
+	]), U = f.dataset ? t(c(L, ve), f.dimensions, f.values, E) : null, Pe = U ? {
 		...f,
 		data: U.data,
 		xAxisKey: U.xAxisKey,
@@ -1303,42 +1329,42 @@ var rt = (e) => {
 		...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 = f.colors && !Array.isArray(f.colors) && typeof f.colors == "object" ? f.colors : null, Ie = Array.isArray(f.colors) ? f.colors : void 0, W = _e || Fe ? {
+		..._e || {},
 		...Fe || {}
 	} : void 0, G = {
 		...Pe,
 		colors: Ie,
 		...W ? { categoryColors: W } : {}
 	};
-	if (me && L.length === 0) return /* @__PURE__ */ w("div", {
+	if (he && L.length === 0) return /* @__PURE__ */ C("div", {
 		className: "p-2 " + (f.className || ""),
 		"data-testid": "chart-loading",
 		role: "status",
 		"aria-busy": "true",
 		"aria-live": "polite",
-		children: [/* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ S("span", {
 			className: "sr-only",
 			children: "Loading chart data…"
-		}), /* @__PURE__ */ C(re, { className: "h-full" })]
+		}), /* @__PURE__ */ S(re, { className: "h-full" })]
 	});
-	if (he) return /* @__PURE__ */ w("div", {
+	if (ge) return /* @__PURE__ */ C("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-4 " + (f.className || ""),
 		"data-testid": "chart-error",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ C(Oe, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ S(Oe, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ S("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ S("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", {
+	if (!b && f.objectName && L.length === 0) return /* @__PURE__ */ C("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (f.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
@@ -1349,20 +1375,20 @@ var rt = (e) => {
 	});
 	let K = s(R) ? (e) => {
 		let t = e.category, n = t != null && V.has(String(t)) ? V.get(String(t)) : t;
-		j({
+		A({
 			...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 = {
+	} : void 0, Le = p ?? K, q = !p && k && f.objectName ? (() => {
+		let e = a(R, k, { groupByField: B }), t = {
 			...f.filter || {},
 			...e
-		}, n = u(R, A, f.title || "Details"), r = R?.target ?? "drawer", i = /* @__PURE__ */ C("div", {
+		}, n = u(R, k, f.title || "Details"), r = R?.target ?? "drawer", i = /* @__PURE__ */ S("div", {
 			className: "overflow-auto",
 			"data-testid": "chart-drill-body",
-			children: /* @__PURE__ */ C(Te, {
+			children: /* @__PURE__ */ S(Te, {
 				schema: {
 					type: "object-data-table",
 					objectName: f.objectName,
@@ -1379,49 +1405,49 @@ var rt = (e) => {
 						target: "dialog"
 					}
 				},
-				dataSource: x
+				dataSource: b
 			})
-		}), o = ye && f.objectName ? /* @__PURE__ */ w(ne, {
+		}), o = be && f.objectName ? /* @__PURE__ */ C(ne, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				ye(f.objectName, t), j(null);
+				be(f.objectName, t), A(null);
 			},
-			children: [be("dashboard.openInList", "Open in list"), /* @__PURE__ */ C(ke, { className: "ml-1 h-3.5 w-3.5" })]
+			children: [xe("dashboard.openInList", "Open in list"), /* @__PURE__ */ S(ke, { className: "ml-1 h-3.5 w-3.5" })]
 		}) : null;
-		return r === "dialog" ? /* @__PURE__ */ C(ie, {
+		return r === "dialog" ? /* @__PURE__ */ S(ie, {
 			open: !0,
-			onOpenChange: (e) => !e && j(null),
-			children: /* @__PURE__ */ w(ae, {
+			onOpenChange: (e) => !e && A(null),
+			children: /* @__PURE__ */ C(ae, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ w(oe, {
+				children: [/* @__PURE__ */ C(oe, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ C(se, { children: n }), o]
+					children: [/* @__PURE__ */ S(se, { children: n }), o]
 				}), i]
 			})
-		}) : /* @__PURE__ */ C(le, {
+		}) : /* @__PURE__ */ S(le, {
 			open: !0,
-			onOpenChange: (e) => !e && j(null),
-			children: /* @__PURE__ */ w(ue, {
+			onOpenChange: (e) => !e && A(null),
+			children: /* @__PURE__ */ C(ue, {
 				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__ */ C(de, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ C(b, { children: n }), o]
-				}), /* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ S(y, { children: n }), o]
+				}), /* @__PURE__ */ S("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: i
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ C(ce, { active: me && L.length > 0 }),
-			/* @__PURE__ */ C($, {
+			/* @__PURE__ */ S(ce, { active: he && L.length > 0 }),
+			/* @__PURE__ */ S($, {
 				...e,
 				schema: G,
 				onChartClick: Le
@@ -1430,7 +1456,7 @@ var rt = (e) => {
 		]
 	});
 };
-e.register("object-chart", rt, {
+e.register("object-chart", it, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -1462,11 +1488,11 @@ e.register("object-chart", rt, {
 });
 //#endregion
 //#region src/index.tsx
-var it = {
-	"bar-chart": $e,
+var at = {
+	"bar-chart": et,
 	chart: $
 };
-e.register("bar-chart", $e, {
+e.register("bar-chart", et, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -1530,7 +1556,7 @@ e.register("bar-chart", $e, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", rt, {
+}), e.register("chart", it, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -1697,4 +1723,4 @@ e.register("bar-chart", $e, {
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { $e as ChartBarRenderer, $ as ChartRenderer, rt as ObjectChart, it as chartComponents };
+export { et as ChartBarRenderer, $ as ChartRenderer, it as ObjectChart, at as chartComponents };