@object-ui/plugin-charts 7.0.0 → 7.1.0

package/dist/index.js

@@ -1,47 +1,47 @@
-import { ComponentRegistry as e, buildChartSeries as t, compareToTrendLabelKey as n, computeDrillFilter as r, extractRecords as i, isDrillEnabled as a, resolveDateMacros as o, resolveDrillTitle as s, shiftFilterByCompareTo as c } from "@object-ui/core";
-import * as l from "react";
-import u, { Suspense as d, useCallback as f, useContext as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { Button as ee, Dialog as te, DialogContent as ne, DialogHeader as re, DialogTitle as ie, RefreshIndicator as ae, Sheet as oe, SheetContent as v, SheetHeader as y, SheetTitle as se, 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 ce, Bar as T, BarChart as E, CartesianGrid as D, Cell as O, Funnel as le, FunnelChart as ue, LabelList as de, Legend as k, Line as fe, LineChart as pe, Pie as A, PieChart as j, PolarAngleAxis as me, PolarGrid as he, PolarRadiusAxis as ge, Radar as M, RadarChart as N, ResponsiveContainer as P, Sankey as F, Scatter as I, ScatterChart as L, Tooltip as R, Treemap as z, XAxis as B, YAxis as V, ZAxis as H } from "recharts";
-import { SchemaRenderer as _e, SchemaRendererContext as ve, useDataScope as ye, useDrillNavigation as be } from "@object-ui/react";
-import { AlertCircle as xe, ArrowUpRight as Se } from "lucide-react";
-import { useSafeFieldLabel as Ce, useSafeTranslate as we } from "@object-ui/i18n";
+import { ComponentRegistry as e, buildChartSeries as t, buildOptionColorMap as n, compareToTrendLabelKey as r, computeDrillFilter as i, extractRecords as a, isDrillEnabled as o, resolveDateMacros as s, resolveDrillTitle as c, shiftFilterByCompareTo as l } from "@object-ui/core";
+import * as u from "react";
+import d, { Suspense as f, useCallback as p, useContext as m, useEffect as h, useMemo as g, useRef as ee, useState as _ } from "react";
+import { Button as te, Dialog as ne, DialogContent as re, DialogHeader as ie, DialogTitle as ae, RefreshIndicator as oe, Sheet as se, SheetContent as ce, SheetHeader as le, SheetTitle as v, Skeleton as y } from "@object-ui/components";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Area as C, AreaChart as ue, Bar as de, BarChart as w, CartesianGrid as T, Cell as E, Funnel as fe, FunnelChart as pe, LabelList as me, Legend as D, Line as O, LineChart as k, Pie as he, PieChart as A, PolarAngleAxis as j, PolarGrid as ge, PolarRadiusAxis as _e, Radar as M, RadarChart as ve, ResponsiveContainer as N, Sankey as ye, Scatter as be, ScatterChart as P, Tooltip as F, Treemap as I, XAxis as L, YAxis as R, ZAxis as xe } from "recharts";
+import { SchemaRenderer as Se, SchemaRendererContext as Ce, useDataScope as z, useDrillNavigation as we } from "@object-ui/react";
+import { AlertCircle as Te, ArrowUpRight as B } from "lucide-react";
+import { useSafeFieldLabel as Ee, useSafeTranslate as De } from "@object-ui/i18n";
 //#region \0rolldown/runtime.js
-var Te = Object.defineProperty, U = (e, t) => () => (e && (t = e(e = 0)), t), Ee = (e, t) => {
+var V = Object.defineProperty, H = (e, t) => () => (e && (t = e(e = 0)), t), Oe = (e, t) => {
 	let n = {};
-	for (var r in e) Te(n, r, {
+	for (var r in e) V(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Te(n, Symbol.toStringTag, { value: "Module" }), n;
-}, De = /* @__PURE__ */ Ee({ default: () => Ae });
-function Oe(e, t = 14) {
+	return t || V(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ke = /* @__PURE__ */ Oe({ default: () => Me });
+function Ae(e, t = 14) {
 	return e.length > t ? `${e.slice(0, t - 1)}…` : e;
 }
-function ke({ x: e, y: t, payload: n }) {
-	let r = String(n?.value ?? ""), i = Oe(r);
-	return /* @__PURE__ */ S("g", {
+function je({ x: e, y: t, payload: n }) {
+	let r = String(n?.value ?? ""), i = Ae(r);
+	return /* @__PURE__ */ x("g", {
 		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ C("text", {
+		children: /* @__PURE__ */ S("text", {
 			dy: 10,
 			textAnchor: "end",
 			transform: "rotate(-32)",
 			fill: "hsl(var(--muted-foreground))",
 			fontSize: 11,
 			fontFamily: "monospace",
-			children: [r !== i && /* @__PURE__ */ S("title", { children: r }), i]
+			children: [r !== i && /* @__PURE__ */ x("title", { children: r }), i]
 		})
 	});
 }
-function Ae({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+function Me({ 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__ */ S("div", {
+	return /* @__PURE__ */ x("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__ */ S(P, {
+		children: /* @__PURE__ */ x(N, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ C(E, {
+			children: /* @__PURE__ */ S(w, {
 				data: e,
 				margin: {
 					top: 10,
@@ -50,66 +50,66 @@ function Ae({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 					bottom: s ? 24 : 5
 				},
 				children: [
-					/* @__PURE__ */ C("defs", { children: [/* @__PURE__ */ C("linearGradient", {
+					/* @__PURE__ */ S("defs", { children: [/* @__PURE__ */ S("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ S("stop", {
+							/* @__PURE__ */ x("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ S("stop", {
+							/* @__PURE__ */ x("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ S("stop", {
+							/* @__PURE__ */ x("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ C("filter", {
+					}), /* @__PURE__ */ S("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ S("feGaussianBlur", {
+							/* @__PURE__ */ x("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ S("feOffset", {
+							/* @__PURE__ */ x("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ S("feFlood", {
+							/* @__PURE__ */ x("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ S("feComposite", {
+							/* @__PURE__ */ x("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ C("feMerge", { children: [/* @__PURE__ */ S("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ S("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ S("feMerge", { children: [/* @__PURE__ */ x("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ x("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ S(D, {
+					/* @__PURE__ */ x(T, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ S(B, {
+					/* @__PURE__ */ x(L, {
 						dataKey: n,
-						tick: s ? /* @__PURE__ */ S(ke, {}) : {
+						tick: s ? /* @__PURE__ */ x(je, {}) : {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
 							fontFamily: "monospace"
@@ -120,7 +120,7 @@ function Ae({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						height: s ? 56 : void 0,
 						dy: s ? void 0 : 10
 					}),
-					/* @__PURE__ */ S(V, {
+					/* @__PURE__ */ x(R, {
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
@@ -129,7 +129,7 @@ function Ae({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						tickLine: !1,
 						axisLine: !1
 					}),
-					/* @__PURE__ */ S(R, {
+					/* @__PURE__ */ x(F, {
 						cursor: {
 							fill: "hsl(var(--muted))",
 							opacity: .2
@@ -144,11 +144,11 @@ function Ae({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ S(k, { wrapperStyle: {
+					/* @__PURE__ */ x(D, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ S(T, {
+					/* @__PURE__ */ x(de, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -165,32 +165,32 @@ function Ae({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var je = U((() => {}));
+var Ne = H((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
-function Me() {
-	let e = l.useContext(Fe);
+function Pe() {
+	let e = u.useContext(Le);
 	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 = l.useId(), o = `chart-${e || a.replace(/:/g, "")}`;
-	return /* @__PURE__ */ S(Fe.Provider, {
+function U({ id: e, className: t, children: n, config: r, ...i }) {
+	let a = u.useId(), o = `chart-${e || a.replace(/:/g, "")}`;
+	return /* @__PURE__ */ x(Le.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ S("div", {
 			"data-slot": "chart",
 			"data-chart": o,
-			className: q("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
+			className: K("block w-full h-[350px] text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
 			style: {
 				minHeight: 280,
 				minWidth: 0,
 				...i.style
 			},
 			...i,
-			children: [/* @__PURE__ */ S(Ie, {
+			children: [/* @__PURE__ */ x(Re, {
 				id: o,
 				config: r
-			}), /* @__PURE__ */ S(P, {
+			}), /* @__PURE__ */ x(N, {
 				width: "100%",
 				height: "100%",
 				children: n
@@ -198,15 +198,15 @@ function W({ id: e, className: t, children: n, config: r, ...i }) {
 		})
 	});
 }
-function G({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: o, labelFormatter: s, labelClassName: c, formatter: u, color: d, nameKey: f, labelKey: p }) {
-	let { config: m } = Me(), h = l.useMemo(() => {
+function W({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: o, labelFormatter: s, labelClassName: c, formatter: l, color: d, nameKey: f, labelKey: p }) {
+	let { config: m } = Pe(), h = u.useMemo(() => {
 		if (i || !t?.length) return null;
-		let [e] = t, n = Ne(m, e, `${p || e?.dataKey || e?.name || "value"}`), r = !p && typeof o == "string" ? m[o]?.label || o : n?.label;
-		return s ? /* @__PURE__ */ S("div", {
-			className: q("font-medium", c),
+		let [e] = t, n = Fe(m, e, `${p || e?.dataKey || e?.name || "value"}`), r = !p && typeof o == "string" ? m[o]?.label || o : n?.label;
+		return s ? /* @__PURE__ */ x("div", {
+			className: K("font-medium", c),
 			children: s(r, t)
-		}) : r ? /* @__PURE__ */ S("div", {
-			className: q("font-medium", c),
+		}) : r ? /* @__PURE__ */ x("div", {
+			className: K("font-medium", c),
 			children: r
 		}) : null;
 	}, [
@@ -220,29 +220,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__ */ 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__ */ S("div", {
+	return /* @__PURE__ */ S("div", {
+		className: K("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__ */ x("div", {
 			className: "grid gap-1.5",
 			children: t.filter((e) => e.type !== "none").map((e, t) => {
-				let n = Ne(m, e, `${f || e.name || e.dataKey || "value"}`), i = d || e.payload.fill || e.color;
-				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: u && e?.value !== void 0 && e.name ? u(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ C(x, { children: [n?.icon ? /* @__PURE__ */ S(n.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" : ""),
+				let n = Fe(m, e, `${f || e.name || e.dataKey || "value"}`), i = d || e.payload.fill || e.color;
+				return /* @__PURE__ */ x("div", {
+					className: K("[&>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__ */ S(b, { children: [n?.icon ? /* @__PURE__ */ x(n.icon, {}) : !a && /* @__PURE__ */ x("div", {
+						className: K("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": i,
 							"--color-border": i
 						}
-					}), /* @__PURE__ */ C("div", {
-						className: q("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ S("div", {
+						className: K("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ S("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ S("span", {
+							children: [g ? h : null, /* @__PURE__ */ x("span", {
 								className: "text-muted-foreground",
 								children: n?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ S("span", {
+						}), e.value && /* @__PURE__ */ x("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -252,15 +252,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 } = Me();
-	return n?.length ? /* @__PURE__ */ S("div", {
-		className: q("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
+function G({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = Pe();
+	return n?.length ? /* @__PURE__ */ x("div", {
+		className: K("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 = Ne(a, e, `${i || e.dataKey || "value"}`);
-			return /* @__PURE__ */ C("div", {
-				className: q("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-				children: [n?.icon && !t ? /* @__PURE__ */ S(n.icon, {}) : /* @__PURE__ */ S("div", {
+			let n = Fe(a, e, `${i || e.dataKey || "value"}`);
+			return /* @__PURE__ */ S("div", {
+				className: K("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [n?.icon && !t ? /* @__PURE__ */ x(n.icon, {}) : /* @__PURE__ */ x("div", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
 				}), n?.label]
@@ -268,18 +268,18 @@ function K({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bot
 		})
 	}) : null;
 }
-function Ne(e, t, n) {
+function Fe(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, Pe, Fe, Ie, J, Y, Le = U((() => {
-	q = (...e) => e.filter(Boolean).join(" "), Pe = {
+var K, Ie, Le, Re, q, J, ze = H((() => {
+	K = (...e) => e.filter(Boolean).join(" "), Ie = {
 		light: "",
 		dark: ".dark"
-	}, Fe = l.createContext(null), Ie = ({ id: e, config: t }) => {
+	}, Le = u.createContext(null), Re = ({ id: e, config: t }) => {
 		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-		return n.length ? /* @__PURE__ */ S("style", { dangerouslySetInnerHTML: { __html: Object.entries(Pe).map(([t, r]) => `
+		return n.length ? /* @__PURE__ */ x("style", { dangerouslySetInnerHTML: { __html: Object.entries(Ie).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -287,122 +287,122 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, J = R, Y = k;
+	}, q = F, J = D;
 }));
 //#endregion
 //#region src/chartDrillEvents.ts
-function Re(e) {
+function Be(e) {
 	return e?.[0]?.dataKey || "value";
 }
-function ze(e, t, n) {
+function Ve(e, t, n) {
 	if (!e) return null;
 	let r = e.payload ?? e, i = r?.[t];
 	if (i == null) return null;
-	let a = Re(n);
+	let a = Be(n);
 	return {
 		category: String(i),
 		series: a,
 		value: typeof r?.[a] == "number" ? r[a] : void 0
 	};
 }
-function Be(e, t) {
+function He(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: Re(t),
+		series: Be(t),
 		value: typeof r == "number" ? r : void 0
 	};
 }
-function Ve(e, t) {
+function Ue(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: Re(t),
+		series: Be(t),
 		value: typeof n?.value == "number" ? n.value : void 0
 	};
 }
-var He = U((() => {})), Ue = /* @__PURE__ */ Ee({ default: () => We });
-function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r = "name", series: i = [], className: a = "", onChartClick: o }) {
-	let s = e === "column" ? "bar" : e, c = Array.isArray(t) ? t : [], [u, d] = l.useState(!1), f = l.useCallback((e) => {
-		if (!o || !e) return;
+var We = H((() => {})), Ge = /* @__PURE__ */ Oe({ default: () => Ke });
+function Ke({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r = "name", series: i = [], className: a = "", colors: o, categoryColors: s, onChartClick: c, isAnimationActive: l }) {
+	let d = e === "column" ? "bar" : e, f = Array.isArray(t) ? t : [], p = l === !1 ? { isAnimationActive: !1 } : {}, [m, h] = u.useState(!1), g = u.useCallback((e) => {
+		if (!c || !e) return;
 		let t = Array.isArray(e.activePayload) ? e.activePayload[0] : void 0;
-		o({
+		c({
 			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
 		});
-	}, [o]), p = l.useCallback((e) => {
-		if (!o || !e) return;
+	}, [c]), ee = u.useCallback((e) => {
+		if (!c || !e) return;
 		let t = e.payload?.[r], n = i[0]?.dataKey || "value";
-		o({
+		c({
 			category: t == null ? void 0 : String(t),
 			series: n,
 			value: typeof e.payload?.[n] == "number" ? e.payload[n] : void 0
 		});
 	}, [
-		o,
+		c,
 		r,
 		i
-	]), m = o ? {
-		onClick: f,
+	]), _ = c ? {
+		onClick: g,
 		style: { cursor: "pointer" }
-	} : {}, h = o ? {
-		onClick: p,
+	} : {}, te = c ? {
+		onClick: ee,
 		style: { cursor: "pointer" }
-	} : {}, g = l.useCallback((e) => {
-		if (!o) return;
-		let t = ze(e, r, i);
-		t && o(t);
+	} : {}, ne = u.useCallback((e, t, n) => s && s[e == null ? "" : String(e)] || n[t % n.length], [s]), re = u.useCallback((e) => {
+		if (!c) return;
+		let t = Ve(e, r, i);
+		t && c(t);
 	}, [
-		o,
+		c,
 		r,
 		i
-	]), _ = l.useCallback((e) => {
-		if (!o) return;
-		let t = Be(e, i);
-		t && o(t);
-	}, [o, i]), ee = l.useCallback((e) => {
-		if (!o) return;
-		let t = Ve(e, i);
-		t && o(t);
-	}, [o, i]), te = o ? {
-		onClick: g,
+	]), ie = u.useCallback((e) => {
+		if (!c) return;
+		let t = He(e, i);
+		t && c(t);
+	}, [c, i]), ae = u.useCallback((e) => {
+		if (!c) return;
+		let t = Ue(e, i);
+		t && c(t);
+	}, [c, i]), oe = c ? {
+		onClick: re,
 		cursor: "pointer"
-	} : {}, ne = o ? {
-		onClick: _,
+	} : {}, se = c ? {
+		onClick: ie,
 		style: { cursor: "pointer" }
-	} : {}, re = o ? {
-		onClick: ee,
+	} : {}, ce = c ? {
+		onClick: ae,
 		style: { cursor: "pointer" }
 	} : {};
-	l.useEffect(() => {
-		let e = () => d(window.innerWidth < 640);
+	u.useEffect(() => {
+		let e = () => h(window.innerWidth < 640);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let ie = {
-		bar: E,
-		"horizontal-bar": E,
-		line: pe,
-		area: ce,
-		pie: j,
-		donut: j,
-		radar: N,
-		scatter: L,
-		funnel: ue,
-		combo: E,
-		treemap: E,
-		sankey: E
-	}[s] || E, ae = l.useCallback((e) => {
+	let le = {
+		bar: w,
+		"horizontal-bar": w,
+		line: k,
+		area: ue,
+		pie: A,
+		donut: A,
+		radar: ve,
+		scatter: P,
+		funnel: pe,
+		combo: w,
+		treemap: w,
+		sankey: w
+	}[d] || w, v = u.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "string" ? e : String(e);
 		if (/^\d{4}-\d{2}-\d{2}/.test(t)) {
 			let e = new Date(t);
 			if (!Number.isNaN(e.getTime())) {
-				let t = (c.length > 1 ? Math.abs(new Date(String(c[c.length - 1][r] ?? "")).getTime() - new Date(String(c[0][r] ?? "")).getTime()) : 0) / (1e3 * 60 * 60 * 24);
+				let t = (f.length > 1 ? Math.abs(new Date(String(f[f.length - 1][r] ?? "")).getTime() - new Date(String(f[0][r] ?? "")).getTime()) : 0) / (1e3 * 60 * 60 * 24);
 				try {
 					return t <= 62 ? e.toLocaleDateString(void 0, {
 						month: "short",
@@ -416,18 +416,18 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				}
 			}
 		}
-		return u && t.length > 8 ? t.slice(0, 8) + "…" : t;
+		return m && t.length > 8 ? t.slice(0, 8) + "…" : t;
 	}, [
-		c,
+		f,
 		r,
-		u
-	]), oe = l.useMemo(() => c.some((e) => String(e[r] || "").length > 5), [c, r]), v = () => [
+		m
+	]), y = u.useMemo(() => f.some((e) => String(e[r] || "").length > 5), [f, r]), D = () => Array.isArray(o) && o.length > 0 ? o : [
 		"hsl(var(--chart-1))",
 		"hsl(var(--chart-2))",
 		"hsl(var(--chart-3))",
 		"hsl(var(--chart-4))",
 		"hsl(var(--chart-5))"
-	], y = l.useCallback((e) => {
+	], N = u.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "number" ? e : Number(e);
 		if (!Number.isFinite(t)) return String(e);
@@ -439,62 +439,60 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		} catch {
 			return String(t);
 		}
-	}, []), se = l.useMemo(() => ({
+	}, []), Se = u.useMemo(() => ({
 		tickLine: !1,
 		tickMargin: 10,
 		axisLine: !1,
 		interval: "preserveStartEnd",
-		minTickGap: u ? 32 : 48,
-		tickFormatter: ae,
-		...!u && oe && {
+		minTickGap: m ? 32 : 48,
+		tickFormatter: v,
+		...!m && y && {
 			angle: -35,
 			textAnchor: "end",
 			height: 60
 		}
 	}), [
-		u,
-		oe,
-		ae
+		m,
+		y,
+		v
 	]);
-	if (s === "pie" || s === "donut") {
-		let e = s === "donut" ? 60 : 0, t = v(), o = { ...n };
-		return c.forEach((e, n) => {
+	if (d === "pie" || d === "donut") {
+		let e = d === "donut" ? "52%" : 0, t = D(), o = { ...n };
+		return f.forEach((e, n) => {
 			let i = e?.[r];
 			if (i == null || i === "") return;
 			let a = String(i);
 			o[a] || (o[a] = {
 				label: a,
-				color: t[n % t.length]
+				color: ne(i, n, t)
 			});
-		}), /* @__PURE__ */ S(W, {
+		}), /* @__PURE__ */ x(U, {
 			config: o,
 			className: a,
-			children: /* @__PURE__ */ C(j, { children: [
-				/* @__PURE__ */ S(J, {
+			children: /* @__PURE__ */ S(A, { children: [
+				/* @__PURE__ */ x(q, {
 					cursor: !1,
-					content: /* @__PURE__ */ S(G, { hideLabel: !0 })
+					content: /* @__PURE__ */ x(W, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ S(A, {
-					data: c,
+				/* @__PURE__ */ x(he, {
+					data: f,
 					dataKey: i[0]?.dataKey || "value",
 					nameKey: r || "name",
 					innerRadius: e,
 					strokeWidth: 5,
 					paddingAngle: 2,
-					outerRadius: 80,
-					...h,
-					children: c.map((e, n) => {
-						let i = o[String(e[r])]?.color;
-						return i ||= t[n % t.length], /* @__PURE__ */ S(O, { fill: X(i) }, `cell-${n}`);
-					})
+					outerRadius: "85%",
+					...p,
+					...te,
+					children: f.map((e, n) => /* @__PURE__ */ x(E, { fill: X(ne(e?.[r], n, t)) }, `cell-${n}`))
 				}),
-				/* @__PURE__ */ S(Y, {
+				/* @__PURE__ */ x(J, {
 					verticalAlign: "bottom",
 					wrapperStyle: {
-						fontSize: u ? "11px" : "12px",
+						fontSize: m ? "11px" : "12px",
 						paddingTop: "8px"
 					},
-					content: /* @__PURE__ */ S(K, {
+					content: /* @__PURE__ */ x(G, {
 						nameKey: r,
 						className: "flex-wrap"
 					})
@@ -502,44 +500,44 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			] })
 		});
 	}
-	if (s === "funnel") {
-		let e = i[0]?.dataKey || "value", t = v(), s = o ? (t) => {
-			t && o({
+	if (d === "funnel") {
+		let e = i[0]?.dataKey || "value", t = D(), o = c ? (t) => {
+			t && c({
 				category: t?.payload?.[r] ?? t?.[r],
 				value: t?.payload?.[e] ?? t?.[e]
 			});
-		} : void 0, l = s ? {
-			onClick: s,
+		} : void 0, s = o ? {
+			onClick: o,
 			style: { cursor: "pointer" }
-		} : {}, u = [...c].sort((t, n) => {
+		} : {}, l = [...f].sort((t, n) => {
 			let r = Number(t?.[e] ?? 0);
 			return Number(n?.[e] ?? 0) - r;
 		});
-		return /* @__PURE__ */ S(W, {
+		return /* @__PURE__ */ x(U, {
 			config: n,
 			className: a,
-			children: /* @__PURE__ */ C(ue, { children: [/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }), /* @__PURE__ */ C(le, {
+			children: /* @__PURE__ */ S(pe, { children: [/* @__PURE__ */ x(q, { content: /* @__PURE__ */ x(W, {}) }), /* @__PURE__ */ S(fe, {
 				dataKey: e,
-				data: u,
+				data: l,
 				nameKey: r,
 				isAnimationActive: !0,
-				...l,
-				children: [/* @__PURE__ */ S(de, {
+				...s,
+				children: [/* @__PURE__ */ x(me, {
 					position: "right",
 					fill: "hsl(var(--foreground))",
 					stroke: "none",
 					dataKey: r
-				}), u.map((e, n) => /* @__PURE__ */ S(O, { fill: X(t[n % t.length]) }, `funnel-cell-${n}`))]
+				}), l.map((e, n) => /* @__PURE__ */ x(E, { fill: X(t[n % t.length]) }, `funnel-cell-${n}`))]
 			})] })
 		});
 	}
-	if (s === "treemap") {
-		let e = i[0]?.dataKey || "value", t = v();
-		return /* @__PURE__ */ S(W, {
+	if (d === "treemap") {
+		let e = i[0]?.dataKey || "value", t = D();
+		return /* @__PURE__ */ x(U, {
 			config: n,
 			className: a,
-			children: /* @__PURE__ */ S(z, {
-				data: c.map((n, i) => ({
+			children: /* @__PURE__ */ x(I, {
+				data: f.map((n, i) => ({
 					name: String(n?.[r] ?? ""),
 					size: Number(n?.[e]) || 0,
 					fill: X(t[i % t.length])
@@ -547,9 +545,9 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				dataKey: "size",
 				nameKey: "name",
 				isAnimationActive: !0,
-				content: /* @__PURE__ */ S((e) => {
+				content: /* @__PURE__ */ x((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", {
+					return r <= 0 || i <= 0 ? null : /* @__PURE__ */ S("g", { children: [/* @__PURE__ */ x("rect", {
 						x: t,
 						y: n,
 						width: r,
@@ -557,7 +555,7 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						fill: o,
 						stroke: "hsl(var(--background))",
 						strokeWidth: 2
-					}), r > 48 && i > 18 ? /* @__PURE__ */ S("text", {
+					}), r > 48 && i > 18 ? /* @__PURE__ */ x("text", {
 						x: t + 6,
 						y: n + 18,
 						fill: "#fff",
@@ -566,24 +564,24 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						children: a
 					}) : null] });
 				}, {}),
-				...ne,
-				children: /* @__PURE__ */ S(R, {})
+				...se,
+				children: /* @__PURE__ */ x(F, {})
 			})
 		});
 	}
-	if (s === "sankey") {
-		let e = i[0]?.dataKey || "value", t = i[0]?.label || e, o = c.filter((t) => (Number(t?.[e]) || 0) > 0), s = [{ name: t }, ...o.map((e) => ({ name: String(e?.[r] ?? "") }))], l = o.map((t, n) => ({
+	if (d === "sankey") {
+		let e = i[0]?.dataKey || "value", t = i[0]?.label || e, o = f.filter((t) => (Number(t?.[e]) || 0) > 0), s = [{ name: t }, ...o.map((e) => ({ name: String(e?.[r] ?? "") }))], c = o.map((t, n) => ({
 			source: 0,
 			target: n + 1,
 			value: Number(t?.[e]) || 0
 		}));
-		return l.length === 0 ? /* @__PURE__ */ S("div", { className: a }) : /* @__PURE__ */ S(W, {
+		return c.length === 0 ? /* @__PURE__ */ x("div", { className: a }) : /* @__PURE__ */ x(U, {
 			config: n,
 			className: a,
-			children: /* @__PURE__ */ S(F, {
+			children: /* @__PURE__ */ x(ye, {
 				data: {
 					nodes: s,
-					links: l
+					links: c
 				},
 				nodePadding: 24,
 				link: {
@@ -591,24 +589,24 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					strokeOpacity: .25
 				},
 				node: { fill: "hsl(var(--chart-1))" },
-				...re,
-				children: /* @__PURE__ */ S(R, {})
+				...ce,
+				children: /* @__PURE__ */ x(F, {})
 			})
 		});
 	}
-	if (s === "radar") return /* @__PURE__ */ S(W, {
+	if (d === "radar") return /* @__PURE__ */ x(U, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(N, {
-			data: c,
+		children: /* @__PURE__ */ S(ve, {
+			data: f,
 			children: [
-				/* @__PURE__ */ S(he, {}),
-				/* @__PURE__ */ S(me, { dataKey: r }),
-				/* @__PURE__ */ S(ge, {}),
-				/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
-				/* @__PURE__ */ S(Y, {
-					content: /* @__PURE__ */ S(K, {}),
-					...u && {
+				/* @__PURE__ */ x(ge, {}),
+				/* @__PURE__ */ x(j, { dataKey: r }),
+				/* @__PURE__ */ x(_e, {}),
+				/* @__PURE__ */ x(q, { content: /* @__PURE__ */ x(W, {}) }),
+				/* @__PURE__ */ x(J, {
+					content: /* @__PURE__ */ x(G, {}),
+					...m && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -617,8 +615,8 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}),
 				i.map((e) => {
-					let t = X(n[e.dataKey]?.color || Ge);
-					return /* @__PURE__ */ S(M, {
+					let t = X(n[e.dataKey]?.color || Y);
+					return /* @__PURE__ */ x(M, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
@@ -628,36 +626,36 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			]
 		})
 	});
-	if (s === "scatter") return /* @__PURE__ */ S(W, {
+	if (d === "scatter") return /* @__PURE__ */ x(U, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(L, { children: [
-			/* @__PURE__ */ S(D, { vertical: !1 }),
-			/* @__PURE__ */ S(B, {
+		children: /* @__PURE__ */ S(P, { children: [
+			/* @__PURE__ */ x(T, { vertical: !1 }),
+			/* @__PURE__ */ x(L, {
 				type: "number",
 				dataKey: r,
 				name: String(n[r]?.label || r),
 				tickLine: !1,
 				axisLine: !1,
-				minTickGap: u ? 32 : 48
+				minTickGap: m ? 32 : 48
 			}),
-			/* @__PURE__ */ S(V, {
+			/* @__PURE__ */ x(R, {
 				type: "number",
 				dataKey: i[0]?.dataKey || "value",
 				name: String(n[i[0]?.dataKey]?.label || i[0]?.dataKey),
 				tickLine: !1,
 				axisLine: !1,
-				tickFormatter: y,
+				tickFormatter: N,
 				width: 48
 			}),
-			/* @__PURE__ */ S(H, {
+			/* @__PURE__ */ x(xe, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
-			/* @__PURE__ */ S(Y, {
-				content: /* @__PURE__ */ S(K, {}),
-				...u && {
+			/* @__PURE__ */ x(q, { content: /* @__PURE__ */ x(W, {}) }),
+			/* @__PURE__ */ x(J, {
+				content: /* @__PURE__ */ x(G, {}),
+				...m && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
 						fontSize: "11px",
@@ -666,47 +664,47 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				}
 			}),
 			i.map((e, t) => {
-				let r = v(), i = X(n[e.dataKey]?.color || r[t % r.length]), a = Z(e, "scatter");
-				return /* @__PURE__ */ S(I, {
+				let r = D(), i = X(n[e.dataKey]?.color || r[t % r.length]), a = Z(e, "scatter");
+				return /* @__PURE__ */ x(be, {
 					name: n[e.dataKey]?.label || e.dataKey,
-					data: c,
+					data: f,
 					fill: i,
 					fillOpacity: a?.fillOpacity,
-					...te
+					...oe
 				}, e.dataKey);
 			})
 		] })
 	});
-	if (s === "combo") return /* @__PURE__ */ S(W, {
+	if (d === "combo") return /* @__PURE__ */ x(U, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(E, {
-			data: c,
+		children: /* @__PURE__ */ S(w, {
+			data: f,
 			children: [
-				/* @__PURE__ */ S(D, { vertical: !1 }),
-				/* @__PURE__ */ S(B, {
+				/* @__PURE__ */ x(T, { vertical: !1 }),
+				/* @__PURE__ */ x(L, {
 					dataKey: r,
-					...se
+					...Se
 				}),
-				/* @__PURE__ */ S(V, {
+				/* @__PURE__ */ x(R, {
 					yAxisId: "left",
 					tickLine: !1,
 					axisLine: !1,
-					tickFormatter: y,
+					tickFormatter: N,
 					width: 48
 				}),
-				/* @__PURE__ */ S(V, {
+				/* @__PURE__ */ x(R, {
 					yAxisId: "right",
 					orientation: "right",
 					tickLine: !1,
 					axisLine: !1,
-					tickFormatter: y,
+					tickFormatter: N,
 					width: 48
 				}),
-				/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
-				/* @__PURE__ */ S(Y, {
-					content: /* @__PURE__ */ S(K, {}),
-					...u && {
+				/* @__PURE__ */ x(q, { content: /* @__PURE__ */ x(W, {}) }),
+				/* @__PURE__ */ x(J, {
+					content: /* @__PURE__ */ x(G, {}),
+					...m && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -715,8 +713,8 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}),
 				i.map((e, t) => {
-					let r = X(n[e.dataKey]?.color || Ge), i = e.chartType || (t === 0 ? "bar" : "line"), a = i === "bar" ? "left" : "right", o = Z(e, i);
-					return i === "line" ? /* @__PURE__ */ S(fe, {
+					let r = X(n[e.dataKey]?.color || Y), i = e.chartType || (t === 0 ? "bar" : "line"), a = i === "bar" ? "left" : "right", o = Z(e, i);
+					return i === "line" ? /* @__PURE__ */ x(O, {
 						yAxisId: a,
 						type: "monotone",
 						dataKey: e.dataKey,
@@ -724,8 +722,9 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						strokeWidth: 2,
 						dot: !1,
 						strokeOpacity: o?.strokeOpacity,
-						strokeDasharray: o?.strokeDasharray
-					}, e.dataKey) : i === "area" ? /* @__PURE__ */ S(w, {
+						strokeDasharray: o?.strokeDasharray,
+						...p
+					}, e.dataKey) : i === "area" ? /* @__PURE__ */ x(C, {
 						yAxisId: a,
 						type: "monotone",
 						dataKey: e.dataKey,
@@ -733,53 +732,90 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 						stroke: r,
 						fillOpacity: o?.fillOpacity ?? .4,
 						strokeOpacity: o?.strokeOpacity,
-						strokeDasharray: o?.strokeDasharray
-					}, e.dataKey) : /* @__PURE__ */ S(T, {
+						strokeDasharray: o?.strokeDasharray,
+						...p
+					}, e.dataKey) : /* @__PURE__ */ x(de, {
 						yAxisId: a,
 						dataKey: e.dataKey,
 						fill: r,
 						radius: 4,
-						fillOpacity: o?.fillOpacity
+						fillOpacity: o?.fillOpacity,
+						...p
 					}, e.dataKey);
 				})
 			]
 		})
 	});
-	let b = s === "horizontal-bar";
-	return /* @__PURE__ */ S(W, {
+	let Ce = d === "horizontal-bar", z = D(), we = s ? Object.values(s).map((e) => X(String(e))) : [], Te = Array.from(new Set([
+		...z,
+		...we,
+		...i.map((e, t) => X(n[e.dataKey]?.color || z[t % z.length] || Y))
+	])), B = (e) => "g" + e.replace(/[^a-zA-Z0-9]/g, "");
+	return /* @__PURE__ */ x(U, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(ie, {
-			data: c,
-			layout: b ? "vertical" : "horizontal",
-			...m,
+		children: /* @__PURE__ */ S(le, {
+			data: f,
+			layout: Ce ? "vertical" : "horizontal",
+			..._,
 			children: [
-				/* @__PURE__ */ S(D, { vertical: !1 }),
-				b ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(B, {
+				/* @__PURE__ */ x("defs", { children: Te.map((e) => /* @__PURE__ */ S(u.Fragment, { children: [/* @__PURE__ */ S("linearGradient", {
+					id: `bg-${B(e)}`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ x("stop", {
+						offset: "0%",
+						style: { stopColor: e },
+						stopOpacity: .95
+					}), /* @__PURE__ */ x("stop", {
+						offset: "100%",
+						style: { stopColor: e },
+						stopOpacity: .5
+					})]
+				}), /* @__PURE__ */ S("linearGradient", {
+					id: `ag-${B(e)}`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ x("stop", {
+						offset: "0%",
+						style: { stopColor: e },
+						stopOpacity: .5
+					}), /* @__PURE__ */ x("stop", {
+						offset: "95%",
+						style: { stopColor: e },
+						stopOpacity: .05
+					})]
+				})] }, B(e))) }),
+				/* @__PURE__ */ x(T, { vertical: !1 }),
+				Ce ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(L, {
 					type: "number",
 					tickLine: !1,
 					axisLine: !1,
-					tickFormatter: y
-				}), /* @__PURE__ */ S(V, {
+					tickFormatter: N
+				}), /* @__PURE__ */ x(R, {
 					type: "category",
 					dataKey: r,
 					tickLine: !1,
 					axisLine: !1,
-					width: Math.min(140, Math.max(60, Math.max(...c.map((e) => String(e[r] ?? "").length)) * 7)),
-					tickFormatter: ae
-				})] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(B, {
+					width: Math.min(140, Math.max(60, Math.max(...f.map((e) => String(e[r] ?? "").length)) * 7)),
+					tickFormatter: v
+				})] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(L, {
 					dataKey: r,
-					...se
-				}), /* @__PURE__ */ S(V, {
+					...Se
+				}), /* @__PURE__ */ x(R, {
 					tickLine: !1,
 					axisLine: !1,
-					tickFormatter: y,
+					tickFormatter: N,
 					width: 48
 				})] }),
-				/* @__PURE__ */ S(J, { content: /* @__PURE__ */ S(G, {}) }),
-				/* @__PURE__ */ S(Y, {
-					content: /* @__PURE__ */ S(K, {}),
-					...u && {
+				/* @__PURE__ */ x(q, { content: /* @__PURE__ */ x(W, {}) }),
+				/* @__PURE__ */ x(J, {
+					content: /* @__PURE__ */ x(G, {}),
+					...m && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
 							fontSize: "11px",
@@ -788,39 +824,43 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}),
 				i.map((e, t) => {
-					let r = v(), a = e.variant === "comparison", o = a ? i.slice(0, t).find((e) => e.variant !== "comparison") || i[0] : e, l = a ? i.indexOf(o) : t, u = X(n[o.dataKey]?.color || r[l % r.length] || Ge);
-					if (s === "bar" || s === "horizontal-bar") {
-						let t = i.filter((e) => e.variant !== "comparison").length === 1 && !a && i.length === 1 && c.length > 1, n = Z(e, "bar");
-						return /* @__PURE__ */ S(T, {
+					let a = D(), 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 = X(n[s.dataKey]?.color || a[c % a.length] || Y);
+					if (d === "bar" || d === "horizontal-bar") {
+						let t = i.filter((e) => e.variant !== "comparison").length === 1 && !o && i.length === 1 && f.length > 1, n = Z(e, "bar");
+						return /* @__PURE__ */ x(de, {
 							dataKey: e.dataKey,
-							fill: u,
+							fill: `url(#bg-${B(l)})`,
 							radius: 4,
 							fillOpacity: n?.fillOpacity,
-							children: t && c.map((e, t) => /* @__PURE__ */ S(O, { fill: X(r[t % r.length]) }, `cell-${t}`))
+							...p,
+							children: t && f.map((e, t) => /* @__PURE__ */ x(E, { fill: `url(#bg-${B(X(ne(e?.[r], t, a)))})` }, `cell-${t}`))
 						}, e.dataKey);
 					}
-					if (s === "line") {
+					if (d === "line") {
 						let t = Z(e, "line");
-						return /* @__PURE__ */ S(fe, {
+						return /* @__PURE__ */ x(O, {
 							type: "monotone",
 							dataKey: e.dataKey,
-							stroke: u,
+							stroke: l,
 							strokeWidth: 2,
 							dot: !1,
 							strokeOpacity: t?.strokeOpacity,
-							strokeDasharray: t?.strokeDasharray
+							strokeDasharray: t?.strokeDasharray,
+							...p
 						}, e.dataKey);
 					}
-					if (s === "area") {
+					if (d === "area") {
 						let t = Z(e, "area");
-						return /* @__PURE__ */ S(w, {
+						return /* @__PURE__ */ x(C, {
 							type: "monotone",
 							dataKey: e.dataKey,
-							fill: u,
-							stroke: u,
-							fillOpacity: t?.fillOpacity ?? .4,
+							fill: `url(#ag-${B(l)})`,
+							stroke: l,
+							strokeWidth: 2,
+							fillOpacity: t?.fillOpacity ?? 1,
 							strokeOpacity: t?.strokeOpacity,
-							strokeDasharray: t?.strokeDasharray
+							strokeDasharray: t?.strokeDasharray,
+							...p
 						}, e.dataKey);
 					}
 					return null;
@@ -829,8 +869,8 @@ function We({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		})
 	});
 }
-var Ge, Ke, X, Z, qe = U((() => {
-	Le(), He(), Ge = "hsl(var(--primary))", Ke = {
+var Y, qe, X, Z, Je = H((() => {
+	ze(), We(), Y = "hsl(var(--primary))", qe = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -853,14 +893,14 @@ var Ge, Ke, X, Z, qe = U((() => {
 		fuchsia: "#d946ef",
 		pink: "#ec4899",
 		rose: "#f43f5e"
-	}, X = (e) => Ke[e] || e, Z = (e, t) => e?.variant === "comparison" ? {
+	}, X = (e) => qe[e] || e, Z = (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;
-})), Je = u.lazy(() => Promise.resolve().then(() => (je(), De))), Ye = u.lazy(() => Promise.resolve().then(() => (qe(), Ue))), Xe = ({ schema: e }) => /* @__PURE__ */ S(d, {
-	fallback: /* @__PURE__ */ S(b, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ S(Je, {
+})), Ye = d.lazy(() => Promise.resolve().then(() => (Ne(), ke))), Xe = d.lazy(() => Promise.resolve().then(() => (Je(), Ge))), Ze = ({ schema: e }) => /* @__PURE__ */ x(f, {
+	fallback: /* @__PURE__ */ x(y, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ x(Ye, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -869,7 +909,7 @@ var Ge, Ke, X, Z, qe = U((() => {
 		color: e.color
 	})
 }), Q = ({ schema: e, onChartClick: t }) => {
-	let n = u.useMemo(() => {
+	let n = d.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 || [
@@ -893,15 +933,18 @@ var Ge, Ke, X, Z, qe = U((() => {
 			className: e.className
 		};
 	}, [e]);
-	return /* @__PURE__ */ S(d, {
-		fallback: /* @__PURE__ */ S(b, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ S(Ye, {
+	return /* @__PURE__ */ x(f, {
+		fallback: /* @__PURE__ */ x(y, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ x(Xe, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
 			xAxisKey: n.xAxisKey,
 			series: n.series,
 			className: n.className,
+			colors: Array.isArray(e.colors) ? e.colors : void 0,
+			categoryColors: e.categoryColors,
+			isAnimationActive: e.isAnimationActive,
 			onChartClick: t
 		})
 	});
@@ -911,7 +954,7 @@ var Ge, Ke, X, Z, qe = U((() => {
 function $(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Ze(e, t) {
+function Qe(e, t) {
 	let { field: n, function: r, groupBy: i } = t, a = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
@@ -942,9 +985,9 @@ function Ze(e, t) {
 		};
 	});
 }
-async function Qe(e, t, n, r, a) {
+async function $e(e, t, n, r, i) {
 	if (!e.length || !t) return e;
-	let o = a || ((e, t) => t), s = `__raw_${t}`, c = n?.fields?.[t];
+	let o = 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) => {
@@ -984,16 +1027,16 @@ async function Qe(e, t, n, r, a) {
 			...e,
 			[s]: e[t]
 		}));
-		let a = [...new Set(e.map((e) => e[t]).filter((e) => e != null))];
-		if (a.length === 0) return e.map((e) => ({
+		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]
 		}));
 		let o = c.id_field || "id";
 		try {
-			let l = i(await r.find(n, {
-				$filter: { [o]: { $in: a } },
-				$top: a.length
+			let l = a(await r.find(n, {
+				$filter: { [o]: { $in: i } },
+				$top: i.length
 			})), u = c.reference_field || c.display_field || "name", d = {};
 			for (let e of l) {
 				let t = String(e[o] ?? e.id ?? e._id ?? ""), n = e[u] || e.name || e.label || e.title || t;
@@ -1028,74 +1071,107 @@ async function Qe(e, t, n, r, a) {
 		};
 	});
 }
-var $e = (e) => {
-	let { schema: l } = e, u = e.onSegmentClick, d = p(ve), b = e.dataSource || d?.dataSource, x = ye(l.bind), { fieldOptionLabel: w } = Ce(), ce = g(w);
-	m(() => {
-		ce.current = w;
-	}, [w]);
-	let [T, E] = _([]), [D, O] = _(() => !(Array.isArray(l.data) && l.data.length > 0) && (!!l.objectName || !!l.dataset)), [le, ue] = _(null), [de, k] = _(null), { openRecordList: fe } = be(), pe = we(), A = h(() => l.aggregate ? JSON.stringify(l.aggregate) : "", [l.aggregate]), j = h(() => l.filter ? JSON.stringify(l.filter) : "", [l.filter]), me = h(() => l.compareTo ? JSON.stringify(l.compareTo) : "", [l.compareTo]), he = h(() => l.dataset ? JSON.stringify({
-		d: l.dataset,
-		dim: l.dimensions ?? [],
-		val: l.values ?? []
+var et = (e) => {
+	let { schema: u } = e, d = e.onSegmentClick, f = m(Ce), y = e.dataSource || f?.dataSource, b = z(u.bind), { fieldOptionLabel: C } = Ee(), ue = ee(C);
+	h(() => {
+		ue.current = C;
+	}, [C]);
+	let [de, w] = _([]), [T, E] = _(() => !(Array.isArray(u.data) && u.data.length > 0) && (!!u.objectName || !!u.dataset)), [fe, pe] = _(null), [me, D] = _(null), [O, k] = _(null), { openRecordList: he } = we(), A = De(), j = g(() => u.aggregate ? JSON.stringify(u.aggregate) : "", [u.aggregate]), ge = g(() => u.filter ? JSON.stringify(u.filter) : "", [u.filter]), _e = g(() => u.compareTo ? JSON.stringify(u.compareTo) : "", [u.compareTo]), M = g(() => u.dataset ? JSON.stringify({
+		d: u.dataset,
+		dim: u.dimensions ?? [],
+		val: u.values ?? []
 	}) : "", [
-		l.dataset,
-		l.dimensions,
-		l.values
-	]), ge = (e) => e !== "pie" && e !== "donut" && e !== "funnel", M = f(async (e, t) => {
-		if (l.aggregate && typeof e.aggregate == "function") {
-			let n = l.aggregate.groupBy;
+		u.dataset,
+		u.dimensions,
+		u.values
+	]), ve = (e) => e !== "pie" && e !== "donut" && e !== "funnel";
+	h(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let t = {
+					headers: { accept: "application/json" },
+					credentials: "include"
+				}, r = u.objectName, i, a = u.aggregate?.groupBy;
+				if (r) i = a && typeof a == "object" && !Array.isArray(a) ? a.field : typeof a == "string" ? a : u.xAxisKey;
+				else if (u.dataset) {
+					let e = Array.isArray(u.dimensions) && u.dimensions.length ? u.dimensions[0] : void 0, n = await (await fetch(`/api/v1/meta/dataset/${encodeURIComponent(u.dataset)}`, t)).json().catch(() => null), a = n?.item ?? n?.data ?? n;
+					r = a?.object, i = ((a?.dimensions || []).find((t) => t?.name === e) ?? (a?.dimensions || [])[0])?.field ?? e;
+				}
+				if (!r || !i) {
+					e || k(null);
+					return;
+				}
+				let o = await (await fetch(`/api/v1/meta/object/${encodeURIComponent(r)}`, t)).json().catch(() => null), s = n((o?.item ?? o?.data ?? o)?.fields?.[i]?.options);
+				e || k(s);
+			} catch {
+				e || k(null);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		u.objectName,
+		u.dataset,
+		M,
+		j,
+		u.xAxisKey
+	]);
+	let N = p(async (e, t) => {
+		if (u.aggregate && typeof e.aggregate == "function") {
+			let n = u.aggregate.groupBy;
 			if (n && typeof n == "object" && !Array.isArray(n)) {
-				let r = l.aggregate.field, i = l.aggregate.function, a = {
+				let r = u.aggregate.field, i = u.aggregate.function, a = {
 					function: i,
 					alias: r || i
 				};
 				i !== "count" && r && (a.field = r);
-				let o = await e.aggregate(l.objectName, {
+				let o = await e.aggregate(u.objectName, {
 					groupBy: [n],
 					aggregations: [a],
 					where: t
 				});
 				return Array.isArray(o) ? o : [];
 			}
-			let r = await e.aggregate(l.objectName, {
-				field: l.aggregate.field,
-				function: l.aggregate.function,
+			let r = await e.aggregate(u.objectName, {
+				field: u.aggregate.field,
+				function: u.aggregate.function,
 				groupBy: n,
 				filter: t
 			});
 			return Array.isArray(r) ? r : [];
 		}
 		if (typeof e.find == "function") {
-			let n = i(await e.find(l.objectName, { $filter: t }));
-			return l.aggregate && n.length > 0 && (n = Ze(n, l.aggregate)), n;
+			let n = a(await e.find(u.objectName, { $filter: t }));
+			return u.aggregate && n.length > 0 && (n = Qe(n, u.aggregate)), n;
 		}
 		return [];
-	}, [l.objectName, A]), N = f(async (e, t) => {
-		if (!e || !l.objectName && !l.dataset) {
-			t.current && O(!1);
+	}, [u.objectName, j]), ye = p(async (e, t) => {
+		if (!e || !u.objectName && !u.dataset) {
+			t.current && E(!1);
 			return;
 		}
-		t.current && (O(!0), ue(null));
+		t.current && (E(!0), pe(null));
 		try {
-			if (l.dataset && typeof e.queryDataset == "function") {
-				let n = o(l.filter), r = await e.queryDataset(l.dataset, {
-					dimensions: Array.isArray(l.dimensions) ? l.dimensions : [],
-					measures: Array.isArray(l.values) ? l.values : [],
+			if (u.dataset && typeof e.queryDataset == "function") {
+				let n = s(u.filter), r = await e.queryDataset(u.dataset, {
+					dimensions: Array.isArray(u.dimensions) ? u.dimensions : [],
+					measures: Array.isArray(u.values) ? u.values : [],
 					...n ? { runtimeFilter: n } : {}
 				});
-				t.current && E(Array.isArray(r?.rows) ? r.rows : []);
+				t.current && w(Array.isArray(r?.rows) ? r.rows : []);
 				return;
 			}
-			let n = o(l.filter), r = l.compareTo, i = !!r && ge(l.chartType), a = i ? c(l.filter, r) : null, [s, u] = await Promise.all([M(e, n), a ? M(e, a) : Promise.resolve([])]), d = s, f = l.aggregate?.groupBy, p = f && typeof f == "object" && !Array.isArray(f) ? f.alias || f.field : f || l.xAxisKey;
-			if (i && u.length > 0 && l.aggregate) {
-				let e = l.aggregate.field, t = l.aggregate.function, n = (n) => {
+			let n = s(u.filter), r = u.compareTo, i = !!r && ve(u.chartType), a = i ? l(u.filter, r) : null, [o, c] = await Promise.all([N(e, n), a ? N(e, a) : Promise.resolve([])]), d = o, f = u.aggregate?.groupBy, p = f && typeof f == "object" && !Array.isArray(f) ? f.alias || f.field : f || u.xAxisKey;
+			if (i && c.length > 0 && u.aggregate) {
+				let e = u.aggregate.field, t = u.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 && d.some((e) => e[i] != null) && u.some((e) => e[i] != null)) {
+				if (i && d.some((e) => e[i] != null) && c.some((e) => e[i] != null)) {
 					let e = /* @__PURE__ */ new Map();
-					for (let t of u) {
+					for (let t of c) {
 						let r = String(t[i] ?? "");
 						e.set(r, n(t));
 					}
@@ -1107,7 +1183,7 @@ var $e = (e) => {
 						};
 					});
 					let t = new Set(d.map((e) => String(e[i] ?? "")));
-					for (let e of u) {
+					for (let e of c) {
 						let a = String(e[i] ?? "");
 						t.has(a) || d.push({
 							[i]: a,
@@ -1115,9 +1191,9 @@ var $e = (e) => {
 						});
 					}
 				} else {
-					let e = Math.max(d.length, u.length), t = [];
+					let e = Math.max(d.length, c.length), t = [];
 					for (let i = 0; i < e; i++) {
-						let e = d[i] || {}, a = u[i];
+						let e = d[i] || {}, a = c[i];
 						t.push(a ? {
 							...e,
 							[r]: n(a)
@@ -1127,139 +1203,146 @@ var $e = (e) => {
 				}
 			}
 			if (p && typeof e.getObjectSchema == "function") try {
-				let t = await e.getObjectSchema(l.objectName);
-				d = await Qe(d, p, t, e, (e, t) => ce.current(l.objectName, p, e, t));
+				let t = await e.getObjectSchema(u.objectName);
+				d = await $e(d, p, t, e, (e, t) => ue.current(u.objectName, p, e, t));
 			} catch {}
-			t.current && E(d);
+			t.current && w(d);
 		} catch (e) {
-			console.error("[ObjectChart] Fetch error:", e), t.current && ue(e instanceof Error ? e.message : "Failed to load chart data");
+			console.error("[ObjectChart] Fetch error:", e), t.current && pe(e instanceof Error ? e.message : "Failed to load chart data");
 		} finally {
-			t.current && O(!1);
+			t.current && E(!1);
 		}
 	}, [
-		l.objectName,
-		he,
-		A,
+		u.objectName,
+		M,
 		j,
-		me,
-		l.xAxisKey,
-		l.chartType,
-		M
+		ge,
+		_e,
+		u.xAxisKey,
+		u.chartType,
+		N
 	]);
-	m(() => {
+	h(() => {
 		let e = { current: !0 };
-		return (l.objectName || l.dataset) && !x && !l.data ? N(b, e) : e.current && O(!1), () => {
+		return (u.objectName || u.dataset) && !b && !u.data ? ye(y, e) : e.current && E(!1), () => {
 			e.current = !1;
 		};
 	}, [
-		l.objectName,
-		he,
+		u.objectName,
+		M,
+		y,
 		b,
-		x,
-		l.data,
+		u.data,
+		ge,
 		j,
-		A,
-		me,
-		N
+		_e,
+		ye
 	]);
-	let P = x || l.data || T, F = Array.isArray(P) ? P : [], I = l.drillDown, L = l.aggregate?.groupBy || l.xAxisKey, R = h(() => {
-		if (!L) return /* @__PURE__ */ new Map();
-		let e = /* @__PURE__ */ new Map(), t = `__raw_${L}`;
-		for (let n of F) {
-			let r = n?.[L];
+	let be = b || u.data || de, P = Array.isArray(be) ? be : [], F = u.drillDown, I = u.aggregate?.groupBy || u.xAxisKey, L = g(() => {
+		if (!I) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map(), t = `__raw_${I}`;
+		for (let n of P) {
+			let r = n?.[I];
 			if (r == null) continue;
 			let i = t in (n || {}) ? n[t] : r;
 			e.set(String(r), i);
 		}
 		return e;
-	}, [F, L]), z = l.compareTo, B = !!z && ge(l.chartType) && !!l.aggregate && F.some((e) => e[`${l.aggregate.field}__comparison`] != null), V = h(() => {
-		let e = Array.isArray(l.series) ? l.series : null;
-		if (!B) return e;
-		let t = e || [{ dataKey: l.aggregate.field }], r = {
+	}, [P, I]), R = u.compareTo, xe = !!R && ve(u.chartType) && !!u.aggregate && P.some((e) => e[`${u.aggregate.field}__comparison`] != null), V = g(() => {
+		let e = Array.isArray(u.series) ? u.series : null;
+		if (!xe) return e;
+		let t = e || [{ dataKey: u.aggregate.field }], n = {
 			vsLastWeek: "Previous week",
 			vsLastMonth: "Previous month",
 			vsLastQuarter: "Previous quarter",
 			vsLastYear: "Previous year",
 			vsYesterday: "Yesterday",
 			vsPreviousPeriod: "Previous period"
-		}[n(z, l.filter)] || "Previous period";
+		}[r(R, u.filter)] || "Previous period";
 		return [...t.map((e) => ({
 			...e,
 			variant: e.variant || "current"
 		})), {
-			dataKey: `${l.aggregate.field}__comparison`,
-			label: r,
+			dataKey: `${u.aggregate.field}__comparison`,
+			label: n,
 			variant: "comparison"
 		}];
 	}, [
-		B,
-		l.series,
-		l.aggregate,
-		l.filter,
-		z
-	]), H = l.dataset ? t(F, l.dimensions, l.values) : null, Te = H ? {
-		...l,
+		xe,
+		u.series,
+		u.aggregate,
+		u.filter,
+		R
+	]), H = u.dataset ? t(P, u.dimensions, u.values) : null, Oe = H ? {
+		...u,
 		data: H.data,
 		xAxisKey: H.xAxisKey,
 		series: H.series
 	} : {
-		...l,
-		data: F,
+		...u,
+		data: P,
 		...V ? { series: V } : {}
+	}, ke = u.colors && !Array.isArray(u.colors) && typeof u.colors == "object" ? u.colors : null, Ae = Array.isArray(u.colors) ? u.colors : void 0, je = O || ke ? {
+		...O || {},
+		...ke || {}
+	} : void 0, Me = {
+		...Oe,
+		colors: Ae,
+		...je ? { categoryColors: je } : {}
 	};
-	if (D && F.length === 0) return /* @__PURE__ */ S("div", {
-		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (l.className || ""),
+	if (T && P.length === 0) return /* @__PURE__ */ x("div", {
+		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (u.className || ""),
 		"data-testid": "chart-loading",
 		children: "Loading chart data…"
 	});
-	if (le) return /* @__PURE__ */ C("div", {
-		className: "flex flex-col items-center justify-center gap-2 p-4 " + (l.className || ""),
+	if (fe) return /* @__PURE__ */ S("div", {
+		className: "flex flex-col items-center justify-center gap-2 p-4 " + (u.className || ""),
 		"data-testid": "chart-error",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ S(xe, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ x(Te, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ x("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ x("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: le
+				children: fe
 			})
 		]
 	});
-	if (!b && l.objectName && F.length === 0) return /* @__PURE__ */ C("div", {
-		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (l.className || ""),
+	if (!y && u.objectName && P.length === 0) return /* @__PURE__ */ S("div", {
+		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (u.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
 			"No data source available for “",
-			l.objectName,
+			u.objectName,
 			"”"
 		]
 	});
-	let U = a(I) ? (e) => {
-		let t = e.category, n = t != null && R.has(String(t)) ? R.get(String(t)) : t;
-		k({
+	let Ne = o(F) ? (e) => {
+		let t = e.category, n = t != null && L.has(String(t)) ? L.get(String(t)) : t;
+		D({
 			...e,
 			category: n,
 			categoryLabel: t,
 			scope: "cell"
 		});
-	} : void 0, Ee = u ?? U, De = !u && de && l.objectName ? (() => {
-		let e = r(I, de, { groupByField: L }), t = {
-			...l.filter || {},
+	} : void 0, Pe = d ?? Ne, U = !d && me && u.objectName ? (() => {
+		let e = i(F, me, { groupByField: I }), t = {
+			...u.filter || {},
 			...e
-		}, n = s(I, de, l.title || "Details"), i = I?.target ?? "drawer", a = /* @__PURE__ */ S("div", {
+		}, n = c(F, me, u.title || "Details"), r = F?.target ?? "drawer", a = /* @__PURE__ */ x("div", {
 			className: "overflow-auto",
 			"data-testid": "chart-drill-body",
-			children: /* @__PURE__ */ S(_e, {
+			children: /* @__PURE__ */ x(Se, {
 				schema: {
 					type: "object-data-table",
-					objectName: l.objectName,
+					objectName: u.objectName,
 					filter: t,
 					pagination: !0,
-					pageSize: I?.maxRows,
-					columns: I?.columns?.map((e) => ({
+					pageSize: F?.maxRows,
+					columns: F?.columns?.map((e) => ({
 						accessorKey: e,
 						header: e
 					})),
@@ -1269,58 +1352,58 @@ var $e = (e) => {
 						target: "dialog"
 					}
 				},
-				dataSource: b
+				dataSource: y
 			})
-		}), o = fe && l.objectName ? /* @__PURE__ */ C(ee, {
+		}), o = he && u.objectName ? /* @__PURE__ */ S(te, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			"data-testid": "drill-open-in-list",
 			onClick: () => {
-				fe(l.objectName, t), k(null);
+				he(u.objectName, t), D(null);
 			},
-			children: [pe("dashboard.openInList", "Open in list"), /* @__PURE__ */ S(Se, { className: "ml-1 h-3.5 w-3.5" })]
+			children: [A("dashboard.openInList", "Open in list"), /* @__PURE__ */ x(B, { className: "ml-1 h-3.5 w-3.5" })]
 		}) : null;
-		return i === "dialog" ? /* @__PURE__ */ S(te, {
+		return r === "dialog" ? /* @__PURE__ */ x(ne, {
 			open: !0,
-			onOpenChange: (e) => !e && k(null),
-			children: /* @__PURE__ */ C(ne, {
+			onOpenChange: (e) => !e && D(null),
+			children: /* @__PURE__ */ S(re, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ C(re, {
+				children: [/* @__PURE__ */ S(ie, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ S(ie, { children: n }), o]
+					children: [/* @__PURE__ */ x(ae, { children: n }), o]
 				}), a]
 			})
-		}) : /* @__PURE__ */ S(oe, {
+		}) : /* @__PURE__ */ x(se, {
 			open: !0,
-			onOpenChange: (e) => !e && k(null),
-			children: /* @__PURE__ */ C(v, {
+			onOpenChange: (e) => !e && D(null),
+			children: /* @__PURE__ */ S(ce, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-				children: [/* @__PURE__ */ C(y, {
+				children: [/* @__PURE__ */ S(le, {
 					className: "flex-row items-center justify-between gap-4 pr-8",
-					children: [/* @__PURE__ */ S(se, { children: n }), o]
-				}), /* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ x(v, { children: n }), o]
+				}), /* @__PURE__ */ x("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: a
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ S(ae, { active: D && F.length > 0 }),
-			/* @__PURE__ */ S(Q, {
+			/* @__PURE__ */ x(oe, { active: T && P.length > 0 }),
+			/* @__PURE__ */ x(Q, {
 				...e,
-				schema: Te,
-				onChartClick: Ee
+				schema: Me,
+				onChartClick: Pe
 			}),
-			De
+			U
 		]
 	});
 };
-e.register("object-chart", $e, {
+e.register("object-chart", et, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -1352,11 +1435,11 @@ e.register("object-chart", $e, {
 });
 //#endregion
 //#region src/index.tsx
-var et = {
-	"bar-chart": Xe,
+var tt = {
+	"bar-chart": Ze,
 	chart: Q
 };
-e.register("bar-chart", Xe, {
+e.register("bar-chart", Ze, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -1420,7 +1503,7 @@ e.register("bar-chart", Xe, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", $e, {
+}), e.register("chart", et, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -1586,4 +1669,4 @@ e.register("bar-chart", Xe, {
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { Xe as ChartBarRenderer, Q as ChartRenderer, $e as ObjectChart, et as chartComponents };
+export { Ze as ChartBarRenderer, Q as ChartRenderer, et as ObjectChart, tt as chartComponents };