@object-ui/plugin-charts 4.0.4 → 4.0.6

package/dist/index.js

@@ -1,14 +1,560 @@
 import { ComponentRegistry as e, extractRecords as t } from "@object-ui/core";
-import n, { Suspense as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Skeleton as u } from "@object-ui/components";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { SchemaRendererContext as p, useDataScope as m } from "@object-ui/react";
-import { AlertCircle as h } from "lucide-react";
-import { useSafeFieldLabel as g } from "@object-ui/i18n";
-//#region src/ChartRenderer.tsx
-var _ = n.lazy(() => import("./ChartImpl-ZGY2c86F.js")), v = n.lazy(() => import("./AdvancedChartImpl-DkX8ZQ5Y.js")), y = ({ schema: e }) => /* @__PURE__ */ d(r, {
-	fallback: /* @__PURE__ */ d(u, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ d(_, {
+import * as n from "react";
+import r, { Suspense as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Skeleton as d } from "@object-ui/components";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Area as h, AreaChart as g, Bar as _, BarChart as v, CartesianGrid as y, Cell as b, Legend as x, Line as S, LineChart as C, Pie as w, PieChart as T, PolarAngleAxis as E, PolarGrid as D, PolarRadiusAxis as ee, Radar as te, RadarChart as O, ResponsiveContainer as k, Scatter as ne, ScatterChart as A, Tooltip as j, XAxis as M, YAxis as N, ZAxis as re } from "recharts";
+import { SchemaRendererContext as ie, useDataScope as ae } from "@object-ui/react";
+import { AlertCircle as oe } from "lucide-react";
+import { useSafeFieldLabel as se } from "@object-ui/i18n";
+//#region \0rolldown/runtime.js
+var P = Object.defineProperty, F = (e, t) => () => (e && (t = e(e = 0)), t), I = (e, t) => {
+	let n = {};
+	for (var r in e) P(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || P(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ce = /* @__PURE__ */ I({ default: () => le });
+function le({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+	return /* @__PURE__ */ p("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__ */ p(k, {
+			width: "100%",
+			height: r,
+			children: /* @__PURE__ */ m(v, {
+				data: e,
+				margin: {
+					top: 10,
+					right: 10,
+					left: 10,
+					bottom: 5
+				},
+				children: [
+					/* @__PURE__ */ m("defs", { children: [/* @__PURE__ */ m("linearGradient", {
+						id: "barGradient",
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [
+							/* @__PURE__ */ p("stop", {
+								offset: "0%",
+								stopColor: a,
+								stopOpacity: 1
+							}),
+							/* @__PURE__ */ p("stop", {
+								offset: "90%",
+								stopColor: a,
+								stopOpacity: .6
+							}),
+							/* @__PURE__ */ p("stop", {
+								offset: "100%",
+								stopColor: a,
+								stopOpacity: .3
+							})
+						]
+					}), /* @__PURE__ */ m("filter", {
+						id: "glow",
+						height: "130%",
+						children: [
+							/* @__PURE__ */ p("feGaussianBlur", {
+								in: "SourceAlpha",
+								stdDeviation: "3",
+								result: "blur"
+							}),
+							/* @__PURE__ */ p("feOffset", {
+								in: "blur",
+								dx: "0",
+								dy: "0",
+								result: "offsetBlur"
+							}),
+							/* @__PURE__ */ p("feFlood", {
+								floodColor: a,
+								floodOpacity: "0.5",
+								result: "offsetColor"
+							}),
+							/* @__PURE__ */ p("feComposite", {
+								in: "offsetColor",
+								in2: "offsetBlur",
+								operator: "in",
+								result: "offsetBlur"
+							}),
+							/* @__PURE__ */ m("feMerge", { children: [/* @__PURE__ */ p("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ p("feMergeNode", { in: "SourceGraphic" })] })
+						]
+					})] }),
+					/* @__PURE__ */ p(y, {
+						strokeDasharray: "3 3",
+						stroke: "hsl(var(--border))",
+						vertical: !1
+					}),
+					/* @__PURE__ */ p(M, {
+						dataKey: n,
+						tick: {
+							fill: "hsl(var(--muted-foreground))",
+							fontSize: 12,
+							fontFamily: "monospace"
+						},
+						tickLine: !1,
+						axisLine: { stroke: "hsl(var(--border))" },
+						dy: 10
+					}),
+					/* @__PURE__ */ p(N, {
+						tick: {
+							fill: "hsl(var(--muted-foreground))",
+							fontSize: 12,
+							fontFamily: "monospace"
+						},
+						tickLine: !1,
+						axisLine: !1
+					}),
+					/* @__PURE__ */ p(j, {
+						cursor: {
+							fill: "hsl(var(--muted))",
+							opacity: .2
+						},
+						contentStyle: {
+							backgroundColor: "hsl(var(--popover))",
+							borderColor: "hsl(var(--border))",
+							color: "hsl(var(--popover-foreground))",
+							borderRadius: "8px",
+							fontFamily: "monospace",
+							boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+						},
+						itemStyle: { color: "hsl(var(--primary))" }
+					}),
+					/* @__PURE__ */ p(x, { wrapperStyle: {
+						paddingTop: "20px",
+						fontFamily: "monospace"
+					} }),
+					/* @__PURE__ */ p(_, {
+						dataKey: t,
+						fill: "url(#barGradient)",
+						radius: [
+							4,
+							4,
+							0,
+							0
+						],
+						filter: "url(#glow)",
+						animationDuration: 1500
+					})
+				]
+			})
+		})
+	});
+}
+var ue = F((() => {}));
+//#endregion
+//#region src/ChartContainerImpl.tsx
+function L() {
+	let e = n.useContext(W);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function R({ id: e, className: t, children: r, config: i, ...a }) {
+	let o = n.useId(), s = `chart-${e || o.replace(/:/g, "")}`;
+	return /* @__PURE__ */ p(W.Provider, {
+		value: { config: i },
+		children: /* @__PURE__ */ m("div", {
+			"data-slot": "chart",
+			"data-chart": s,
+			className: H("flex w-full h-[350px] justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
+			...a,
+			children: [/* @__PURE__ */ p(G, {
+				id: s,
+				config: i
+			}), /* @__PURE__ */ p(k, {
+				width: "100%",
+				height: "100%",
+				children: r
+			})]
+		})
+	});
+}
+function z({ active: e, payload: t, className: r, indicator: i = "dot", hideLabel: a = !1, hideIndicator: o = !1, label: s, labelFormatter: c, labelClassName: l, formatter: u, color: d, nameKey: h, labelKey: g }) {
+	let { config: _ } = L(), v = n.useMemo(() => {
+		if (a || !t?.length) return null;
+		let [e] = t, n = V(_, e, `${g || e?.dataKey || e?.name || "value"}`), r = !g && typeof s == "string" ? _[s]?.label || s : n?.label;
+		return c ? /* @__PURE__ */ p("div", {
+			className: H("font-medium", l),
+			children: c(r, t)
+		}) : r ? /* @__PURE__ */ p("div", {
+			className: H("font-medium", l),
+			children: r
+		}) : null;
+	}, [
+		s,
+		c,
+		t,
+		a,
+		l,
+		_,
+		g
+	]);
+	if (!e || !t?.length) return null;
+	let y = t.length === 1 && i !== "dot";
+	return /* @__PURE__ */ m("div", {
+		className: H("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", r),
+		children: [y ? null : v, /* @__PURE__ */ p("div", {
+			className: "grid gap-1.5",
+			children: t.filter((e) => e.type !== "none").map((e, t) => {
+				let n = V(_, e, `${h || e.name || e.dataKey || "value"}`), r = d || e.payload.fill || e.color;
+				return /* @__PURE__ */ p("div", {
+					className: H("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", i === "dot" ? "items-center" : ""),
+					children: u && e?.value !== void 0 && e.name ? u(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ m(f, { children: [n?.icon ? /* @__PURE__ */ p(n.icon, {}) : !o && /* @__PURE__ */ p("div", {
+						className: H("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", i === "dot" ? "h-2.5 w-2.5" : "", i === "line" ? "w-1" : "", i === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", y && i === "dashed" ? "my-0.5" : ""),
+						style: {
+							"--color-bg": r,
+							"--color-border": r
+						}
+					}), /* @__PURE__ */ m("div", {
+						className: H("flex flex-1 justify-between leading-none", y ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ m("div", {
+							className: "grid gap-1.5",
+							children: [y ? v : null, /* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: n?.label || e.name
+							})]
+						}), e.value && /* @__PURE__ */ p("span", {
+							className: "text-foreground font-mono font-medium tabular-nums",
+							children: e.value.toLocaleString()
+						})]
+					})] })
+				}, e.dataKey);
+			})
+		})]
+	});
+}
+function B({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = L();
+	return n?.length ? /* @__PURE__ */ p("div", {
+		className: H("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 = V(a, e, `${i || e.dataKey || "value"}`);
+			return /* @__PURE__ */ m("div", {
+				className: H("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [n?.icon && !t ? /* @__PURE__ */ p(n.icon, {}) : /* @__PURE__ */ p("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: e.color }
+				}), n?.label]
+			}, e.value);
+		})
+	}) : null;
+}
+function V(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 H, U, W, G, K, q, de = F((() => {
+	H = (...e) => e.filter(Boolean).join(" "), U = {
+		light: "",
+		dark: ".dark"
+	}, W = n.createContext(null), G = ({ id: e, config: t }) => {
+		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
+		return n.length ? /* @__PURE__ */ p("style", { dangerouslySetInnerHTML: { __html: Object.entries(U).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+			let r = n.theme?.[t] || n.color;
+			return r ? `  --color-${e}: ${r};` : null;
+		}).join("\n")}
+}
+`).join("\n") } }) : null;
+	}, K = j, q = x;
+})), fe = /* @__PURE__ */ I({ default: () => pe });
+function pe({ chartType: e = "bar", data: t = [], config: r = {}, xAxisKey: i = "name", series: a = [], className: o = "" }) {
+	let s = Array.isArray(t) ? t : [], [c, l] = n.useState(!1);
+	n.useEffect(() => {
+		let e = () => l(window.innerWidth < 640);
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []);
+	let u = {
+		bar: v,
+		line: C,
+		area: g,
+		pie: T,
+		donut: T,
+		radar: O,
+		scatter: A,
+		combo: v
+	}[e] || v, d = n.useMemo(() => s.some((e) => String(e[i] || "").length > 5), [s, i]), f = () => [
+		"hsl(var(--chart-1))",
+		"hsl(var(--chart-2))",
+		"hsl(var(--chart-3))",
+		"hsl(var(--chart-4))",
+		"hsl(var(--chart-5))"
+	];
+	if (e === "pie" || e === "donut") {
+		let t = e === "donut" ? 60 : 0;
+		return /* @__PURE__ */ p(R, {
+			config: r,
+			className: o,
+			children: /* @__PURE__ */ m(T, { children: [
+				/* @__PURE__ */ p(K, {
+					cursor: !1,
+					content: /* @__PURE__ */ p(z, { hideLabel: !0 })
+				}),
+				/* @__PURE__ */ p(w, {
+					data: s,
+					dataKey: a[0]?.dataKey || "value",
+					nameKey: i || "name",
+					innerRadius: t,
+					strokeWidth: 5,
+					paddingAngle: 2,
+					outerRadius: 80,
+					children: s.map((e, t) => {
+						let n = r[e[i]]?.color;
+						if (!n) {
+							let e = f();
+							n = e[t % e.length];
+						}
+						return /* @__PURE__ */ p(b, { fill: Y(n) }, `cell-${t}`);
+					})
+				}),
+				/* @__PURE__ */ p(q, {
+					content: /* @__PURE__ */ p(B, { nameKey: i }),
+					...c && {
+						verticalAlign: "bottom",
+						wrapperStyle: {
+							fontSize: "11px",
+							paddingTop: "8px"
+						}
+					}
+				})
+			] })
+		});
+	}
+	return e === "radar" ? /* @__PURE__ */ p(R, {
+		config: r,
+		className: o,
+		children: /* @__PURE__ */ m(O, {
+			data: s,
+			children: [
+				/* @__PURE__ */ p(D, {}),
+				/* @__PURE__ */ p(E, { dataKey: i }),
+				/* @__PURE__ */ p(ee, {}),
+				/* @__PURE__ */ p(K, { content: /* @__PURE__ */ p(z, {}) }),
+				/* @__PURE__ */ p(q, {
+					content: /* @__PURE__ */ p(B, {}),
+					...c && {
+						verticalAlign: "bottom",
+						wrapperStyle: {
+							fontSize: "11px",
+							paddingTop: "8px"
+						}
+					}
+				}),
+				a.map((e) => {
+					let t = Y(r[e.dataKey]?.color || J);
+					return /* @__PURE__ */ p(te, {
+						dataKey: e.dataKey,
+						stroke: t,
+						fill: t,
+						fillOpacity: .6
+					}, e.dataKey);
+				})
+			]
+		})
+	}) : e === "scatter" ? /* @__PURE__ */ p(R, {
+		config: r,
+		className: o,
+		children: /* @__PURE__ */ m(A, { children: [
+			/* @__PURE__ */ p(y, { vertical: !1 }),
+			/* @__PURE__ */ p(M, {
+				type: "number",
+				dataKey: i,
+				name: String(r[i]?.label || i),
+				tickLine: !1,
+				axisLine: !1,
+				interval: c ? Math.ceil(s.length / 5) : 0
+			}),
+			/* @__PURE__ */ p(N, {
+				type: "number",
+				dataKey: a[0]?.dataKey || "value",
+				name: String(r[a[0]?.dataKey]?.label || a[0]?.dataKey),
+				tickLine: !1,
+				axisLine: !1
+			}),
+			/* @__PURE__ */ p(re, {
+				type: "number",
+				range: [60, 400]
+			}),
+			/* @__PURE__ */ p(K, { content: /* @__PURE__ */ p(z, {}) }),
+			/* @__PURE__ */ p(q, {
+				content: /* @__PURE__ */ p(B, {}),
+				...c && {
+					verticalAlign: "bottom",
+					wrapperStyle: {
+						fontSize: "11px",
+						paddingTop: "8px"
+					}
+				}
+			}),
+			a.map((e, t) => {
+				let n = f(), i = Y(r[e.dataKey]?.color || n[t % n.length]);
+				return /* @__PURE__ */ p(ne, {
+					name: r[e.dataKey]?.label || e.dataKey,
+					data: s,
+					fill: i
+				}, e.dataKey);
+			})
+		] })
+	}) : e === "combo" ? /* @__PURE__ */ p(R, {
+		config: r,
+		className: o,
+		children: /* @__PURE__ */ m(v, {
+			data: s,
+			children: [
+				/* @__PURE__ */ p(y, { vertical: !1 }),
+				/* @__PURE__ */ p(M, {
+					dataKey: i,
+					tickLine: !1,
+					tickMargin: 10,
+					axisLine: !1,
+					interval: c ? Math.ceil(s.length / 5) : 0,
+					tickFormatter: (e) => !e || typeof e != "string" ? e : c && e.length > 8 ? e.slice(0, 8) + "…" : e,
+					...!c && d && {
+						angle: -35,
+						textAnchor: "end",
+						height: 60
+					}
+				}),
+				/* @__PURE__ */ p(N, {
+					yAxisId: "left",
+					tickLine: !1,
+					axisLine: !1
+				}),
+				/* @__PURE__ */ p(N, {
+					yAxisId: "right",
+					orientation: "right",
+					tickLine: !1,
+					axisLine: !1
+				}),
+				/* @__PURE__ */ p(K, { content: /* @__PURE__ */ p(z, {}) }),
+				/* @__PURE__ */ p(q, {
+					content: /* @__PURE__ */ p(B, {}),
+					...c && {
+						verticalAlign: "bottom",
+						wrapperStyle: {
+							fontSize: "11px",
+							paddingTop: "8px"
+						}
+					}
+				}),
+				a.map((e, t) => {
+					let n = Y(r[e.dataKey]?.color || J), i = e.chartType || (t === 0 ? "bar" : "line"), a = i === "bar" ? "left" : "right";
+					return i === "line" ? /* @__PURE__ */ p(S, {
+						yAxisId: a,
+						type: "monotone",
+						dataKey: e.dataKey,
+						stroke: n,
+						strokeWidth: 2,
+						dot: !1
+					}, e.dataKey) : i === "area" ? /* @__PURE__ */ p(h, {
+						yAxisId: a,
+						type: "monotone",
+						dataKey: e.dataKey,
+						fill: n,
+						stroke: n,
+						fillOpacity: .4
+					}, e.dataKey) : /* @__PURE__ */ p(_, {
+						yAxisId: a,
+						dataKey: e.dataKey,
+						fill: n,
+						radius: 4
+					}, e.dataKey);
+				})
+			]
+		})
+	}) : /* @__PURE__ */ p(R, {
+		config: r,
+		className: o,
+		children: /* @__PURE__ */ m(u, {
+			data: s,
+			children: [
+				/* @__PURE__ */ p(y, { vertical: !1 }),
+				/* @__PURE__ */ p(M, {
+					dataKey: i,
+					tickLine: !1,
+					tickMargin: 10,
+					axisLine: !1,
+					interval: c ? Math.ceil(s.length / 5) : 0,
+					tickFormatter: (e) => !e || typeof e != "string" ? e : c && e.length > 8 ? e.slice(0, 8) + "…" : e,
+					...!c && d && {
+						angle: -35,
+						textAnchor: "end",
+						height: 60
+					}
+				}),
+				/* @__PURE__ */ p(K, { content: /* @__PURE__ */ p(z, {}) }),
+				/* @__PURE__ */ p(q, {
+					content: /* @__PURE__ */ p(B, {}),
+					...c && {
+						verticalAlign: "bottom",
+						wrapperStyle: {
+							fontSize: "11px",
+							paddingTop: "8px"
+						}
+					}
+				}),
+				a.map((t, n) => {
+					let i = f(), o = Y(r[t.dataKey]?.color || i[n % i.length] || J);
+					if (e === "bar") {
+						let e = a.length === 1 && s.length > 1;
+						return /* @__PURE__ */ p(_, {
+							dataKey: t.dataKey,
+							fill: o,
+							radius: 4,
+							children: e && s.map((e, t) => /* @__PURE__ */ p(b, { fill: Y(i[t % i.length]) }, `cell-${t}`))
+						}, t.dataKey);
+					}
+					return e === "line" ? /* @__PURE__ */ p(S, {
+						type: "monotone",
+						dataKey: t.dataKey,
+						stroke: o,
+						strokeWidth: 2,
+						dot: !1
+					}, t.dataKey) : e === "area" ? /* @__PURE__ */ p(h, {
+						type: "monotone",
+						dataKey: t.dataKey,
+						fill: o,
+						stroke: o,
+						fillOpacity: .4
+					}, t.dataKey) : null;
+				})
+			]
+		})
+	});
+}
+var J, me, Y, he = F((() => {
+	de(), J = "hsl(var(--primary))", me = {
+		slate: "#64748b",
+		gray: "#6b7280",
+		zinc: "#71717a",
+		neutral: "#737373",
+		stone: "#78716c",
+		red: "#ef4444",
+		orange: "#f97316",
+		amber: "#f59e0b",
+		yellow: "#eab308",
+		lime: "#84cc16",
+		green: "#22c55e",
+		emerald: "#10b981",
+		teal: "#14b8a6",
+		cyan: "#06b6d4",
+		sky: "#0ea5e9",
+		blue: "#3b82f6",
+		indigo: "#6366f1",
+		violet: "#8b5cf6",
+		purple: "#a855f7",
+		fuchsia: "#d946ef",
+		pink: "#ec4899",
+		rose: "#f43f5e"
+	}, Y = (e) => me[e] || e;
+})), ge = r.lazy(() => Promise.resolve().then(() => (ue(), ce))), _e = r.lazy(() => Promise.resolve().then(() => (he(), fe))), X = ({ schema: e }) => /* @__PURE__ */ p(i, {
+	fallback: /* @__PURE__ */ p(d, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ p(ge, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -16,8 +562,8 @@ var _ = n.lazy(() => import("./ChartImpl-ZGY2c86F.js")), v = n.lazy(() => import
 		className: e.className,
 		color: e.color
 	})
-}), b = ({ schema: e }) => {
-	let t = n.useMemo(() => {
+}), Z = ({ schema: e }) => {
+	let t = r.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 || [
@@ -41,9 +587,9 @@ var _ = n.lazy(() => import("./ChartImpl-ZGY2c86F.js")), v = n.lazy(() => import
 			className: e.className
 		};
 	}, [e]);
-	return /* @__PURE__ */ d(r, {
-		fallback: /* @__PURE__ */ d(u, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ d(v, {
+	return /* @__PURE__ */ p(i, {
+		fallback: /* @__PURE__ */ p(d, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ p(_e, {
 			chartType: t.chartType,
 			data: t.data,
 			config: t.config,
@@ -55,10 +601,10 @@ var _ = n.lazy(() => import("./ChartImpl-ZGY2c86F.js")), v = n.lazy(() => import
 };
 //#endregion
 //#region src/ObjectChart.tsx
-function x(e) {
+function Q(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function S(e, t) {
+function ve(e, t) {
 	let { field: n, function: r, groupBy: i } = t, a = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
@@ -89,11 +635,11 @@ function S(e, t) {
 		};
 	});
 }
-async function C(e, n, r, i, a) {
+async function ye(e, n, r, i, a) {
 	if (!e.length || !n) return e;
 	let o = a || ((e, t) => t), s = r?.fields?.[n];
 	if (!s) return e.map((e) => {
-		let t = String(e[n] ?? ""), r = x(t);
+		let t = String(e[n] ?? ""), r = Q(t);
 		return {
 			...e,
 			[n]: o(t, r)
@@ -103,7 +649,7 @@ async function C(e, n, r, i, a) {
 	if (c === "select" || c === "picklist" || c === "dropdown") {
 		let t = s.options || [];
 		if (t.length === 0) return e.map((e) => {
-			let t = String(e[n] ?? ""), r = x(t);
+			let t = String(e[n] ?? ""), r = Q(t);
 			return {
 				...e,
 				[n]: o(t, r)
@@ -112,7 +658,7 @@ async function C(e, n, r, i, a) {
 		let r = {};
 		for (let e of t) typeof e == "string" ? r[e] = e : e && typeof e == "object" && (r[String(e.value)] = e.label || String(e.value));
 		return e.map((e) => {
-			let t = String(e[n] ?? ""), i = r[t] || x(t);
+			let t = String(e[n] ?? ""), i = r[t] || Q(t);
 			return {
 				...e,
 				[n]: o(t, i)
@@ -147,17 +693,17 @@ async function C(e, n, r, i, a) {
 	}
 	return e.map((e) => ({
 		...e,
-		[n]: x(String(e[n] ?? ""))
+		[n]: Q(String(e[n] ?? ""))
 	}));
 }
-var w = (e) => {
-	let { schema: n } = e, r = a(p), u = e.dataSource || r?.dataSource, _ = m(n.bind), { fieldOptionLabel: v } = g(), y = c(v);
-	o(() => {
-		y.current = v;
-	}, [v]);
-	let [x, w] = l([]), [T, E] = l(!1), [D, O] = l(null), k = s(() => n.aggregate ? JSON.stringify(n.aggregate) : "", [n.aggregate]), A = s(() => n.filter ? JSON.stringify(n.filter) : "", [n.filter]), j = i(async (e, r) => {
+var $ = (e) => {
+	let { schema: n } = e, r = o(ie), i = e.dataSource || r?.dataSource, d = ae(n.bind), { fieldOptionLabel: f } = se(), h = l(f);
+	s(() => {
+		h.current = f;
+	}, [f]);
+	let [g, _] = u([]), [v, y] = u(!1), [b, x] = u(null), S = c(() => n.aggregate ? JSON.stringify(n.aggregate) : "", [n.aggregate]), C = c(() => n.filter ? JSON.stringify(n.filter) : "", [n.filter]), w = a(async (e, r) => {
 		if (!(!e || !n.objectName)) {
-			r.current && (E(!0), O(null));
+			r.current && (y(!0), x(null));
 			try {
 				let i;
 				if (n.aggregate && typeof e.aggregate == "function") {
@@ -168,64 +714,64 @@ var w = (e) => {
 						filter: n.filter
 					});
 					i = Array.isArray(t) ? t : [];
-				} else if (typeof e.find == "function") i = t(await e.find(n.objectName, { $filter: n.filter })), n.aggregate && i.length > 0 && (i = S(i, n.aggregate));
+				} else if (typeof e.find == "function") i = t(await e.find(n.objectName, { $filter: n.filter })), n.aggregate && i.length > 0 && (i = ve(i, n.aggregate));
 				else return;
 				let a = n.aggregate?.groupBy || n.xAxisKey;
 				if (a && typeof e.getObjectSchema == "function") try {
 					let t = await e.getObjectSchema(n.objectName);
-					i = await C(i, a, t, e, (e, t) => y.current(n.objectName, a, e, t));
+					i = await ye(i, a, t, e, (e, t) => h.current(n.objectName, a, e, t));
 				} catch {}
-				r.current && w(i);
+				r.current && _(i);
 			} catch (e) {
-				console.error("[ObjectChart] Fetch error:", e), r.current && O(e instanceof Error ? e.message : "Failed to load chart data");
+				console.error("[ObjectChart] Fetch error:", e), r.current && x(e instanceof Error ? e.message : "Failed to load chart data");
 			} finally {
-				r.current && E(!1);
+				r.current && y(!1);
 			}
 		}
 	}, [
 		n.objectName,
-		k,
-		A,
+		S,
+		C,
 		n.xAxisKey
 	]);
-	o(() => {
+	s(() => {
 		let e = { current: !0 };
-		return n.objectName && !_ && !n.data && j(u, e), () => {
+		return n.objectName && !d && !n.data && w(i, e), () => {
 			e.current = !1;
 		};
 	}, [
 		n.objectName,
-		u,
-		_,
+		i,
+		d,
 		n.data,
-		A,
-		k,
-		j
+		C,
+		S,
+		w
 	]);
-	let M = _ || n.data || x, N = Array.isArray(M) ? M : [], P = {
+	let T = d || n.data || g, E = Array.isArray(T) ? T : [], D = {
 		...n,
-		data: N
+		data: E
 	};
-	return T && N.length === 0 ? /* @__PURE__ */ d("div", {
+	return v && E.length === 0 ? /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (n.className || ""),
 		"data-testid": "chart-loading",
 		children: "Loading chart data…"
-	}) : D ? /* @__PURE__ */ f("div", {
+	}) : b ? /* @__PURE__ */ m("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-4 " + (n.className || ""),
 		"data-testid": "chart-error",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ d(h, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ p(oe, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ p("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ p("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: D
+				children: b
 			})
 		]
-	}) : !u && n.objectName && N.length === 0 ? /* @__PURE__ */ f("div", {
+	}) : !i && n.objectName && E.length === 0 ? /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (n.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
@@ -233,12 +779,12 @@ var w = (e) => {
 			n.objectName,
 			"”"
 		]
-	}) : /* @__PURE__ */ d(b, {
+	}) : /* @__PURE__ */ p(Z, {
 		...e,
-		schema: P
+		schema: D
 	});
 };
-e.register("object-chart", w, {
+e.register("object-chart", $, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -270,11 +816,11 @@ e.register("object-chart", w, {
 });
 //#endregion
 //#region src/index.tsx
-var T = {
-	"bar-chart": y,
-	chart: b
+var be = {
+	"bar-chart": X,
+	chart: Z
 };
-e.register("bar-chart", y, {
+e.register("bar-chart", X, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -338,7 +884,7 @@ e.register("bar-chart", y, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", w, {
+}), e.register("chart", $, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -365,7 +911,7 @@ e.register("bar-chart", y, {
 			label: "Value Field"
 		}
 	]
-}), e.register("chart", b, {
+}), e.register("chart", Z, {
 	namespace: "plugin-charts",
 	label: "Chart",
 	category: "plugin",
@@ -477,31 +1023,31 @@ e.register("bar-chart", y, {
 		xAxisKey: "name",
 		series: [{ dataKey: "sales" }, { dataKey: "revenue" }]
 	}
-}), e.register("chart:bar", b, {
+}), e.register("chart:bar", Z, {
 	namespace: "plugin-charts",
 	label: "Bar Chart (Alias)",
 	category: "plugin",
 	defaultProps: { chartType: "bar" }
-}), e.register("pie-chart", b, {
+}), e.register("pie-chart", Z, {
 	namespace: "plugin-charts",
 	label: "Pie Chart",
 	category: "plugin",
 	defaultProps: { chartType: "pie" }
-}), e.register("donut-chart", b, {
+}), e.register("donut-chart", Z, {
 	namespace: "plugin-charts",
 	label: "Donut Chart",
 	category: "plugin",
 	defaultProps: { chartType: "donut" }
-}), e.register("radar-chart", b, {
+}), e.register("radar-chart", Z, {
 	namespace: "plugin-charts",
 	label: "Radar Chart",
 	category: "plugin",
 	defaultProps: { chartType: "radar" }
-}), e.register("scatter-chart", b, {
+}), e.register("scatter-chart", Z, {
 	namespace: "plugin-charts",
 	label: "Scatter Chart",
 	category: "plugin",
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { y as ChartBarRenderer, b as ChartRenderer, w as ObjectChart, T as chartComponents };
+export { X as ChartBarRenderer, Z as ChartRenderer, $ as ObjectChart, be as chartComponents };