@wakastellar/ui 3.2.0 → 3.3.2

package/dist/types-B6GVaSIP.mjs

@@ -0,0 +1,934 @@
+import { t as e } from "./cn-DpLcAzrf.mjs";
+import * as t from "react";
+import { useEffect as n, useMemo as r, useState as i } from "react";
+import { Minus as a, TrendingDown as o, TrendingUp as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/skeleton/index.tsx
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ c("div", {
+		className: e("animate-pulse rounded-md bg-muted", t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/waka-charts/hooks/useRechartsLoader.ts
+function d() {
+	let [e, t] = i(null), [r, a] = i(!0), [o, s] = i(null);
+	return n(() => {
+		let e = !0;
+		return (async () => {
+			try {
+				let n = await import("recharts");
+				e && (t({
+					ResponsiveContainer: n.ResponsiveContainer,
+					BarChart: n.BarChart,
+					LineChart: n.LineChart,
+					AreaChart: n.AreaChart,
+					PieChart: n.PieChart,
+					Bar: n.Bar,
+					Line: n.Line,
+					Area: n.Area,
+					Pie: n.Pie,
+					Cell: n.Cell,
+					XAxis: n.XAxis,
+					YAxis: n.YAxis,
+					CartesianGrid: n.CartesianGrid,
+					Tooltip: n.Tooltip,
+					Legend: n.Legend,
+					defs: "defs",
+					linearGradient: "linearGradient",
+					stop: "stop"
+				}), a(!1));
+			} catch (t) {
+				e && (s(t instanceof Error ? t : /* @__PURE__ */ Error("Failed to load Recharts")), a(!1));
+			}
+		})(), () => {
+			e = !1;
+		};
+	}, []), {
+		components: e,
+		loading: r,
+		error: o,
+		isAvailable: !r && !o && e !== null
+	};
+}
+//#endregion
+//#region src/components/waka-charts/hooks/useChartTheme.ts
+var f = {
+	colors: [
+		"hsl(var(--chart-1, 220 70% 50%))",
+		"hsl(var(--chart-2, 160 60% 45%))",
+		"hsl(var(--chart-3, 30 80% 55%))",
+		"hsl(var(--chart-4, 280 65% 60%))",
+		"hsl(var(--chart-5, 340 75% 55%))"
+	],
+	gridColor: "hsl(var(--border, 220 13% 91%))",
+	axisColor: "hsl(var(--muted-foreground, 220 9% 46%))",
+	textColor: "hsl(var(--foreground, 224 71% 4%))",
+	tooltipBackground: "hsl(var(--popover, 0 0% 100%))",
+	tooltipText: "hsl(var(--popover-foreground, 224 71% 4%))",
+	tooltipBorder: "hsl(var(--border, 220 13% 91%))",
+	fontFamily: "inherit"
+};
+function p(e, t = "default") {
+	let n = r(() => ({
+		colors: e?.colors ?? f.colors,
+		gridColor: e?.gridColor ?? f.gridColor,
+		axisColor: e?.axisColor ?? f.axisColor,
+		textColor: e?.textColor ?? f.textColor,
+		tooltipBackground: e?.tooltipBackground ?? f.tooltipBackground,
+		tooltipText: e?.tooltipText ?? f.tooltipText,
+		tooltipBorder: e?.tooltipBorder ?? f.tooltipBorder,
+		fontFamily: e?.fontFamily ?? f.fontFamily
+	}), [e]);
+	return {
+		theme: n,
+		getColor: r(() => (e) => n.colors[e % n.colors.length], [n.colors]),
+		tooltipStyles: r(() => ({
+			contentStyle: {
+				backgroundColor: n.tooltipBackground,
+				color: n.tooltipText,
+				border: `1px solid ${n.tooltipBorder}`,
+				borderRadius: "var(--radius, 0.5rem)",
+				padding: "8px 12px",
+				boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+				fontFamily: n.fontFamily
+			},
+			wrapperStyle: { outline: "none" },
+			itemStyle: {
+				color: n.tooltipText,
+				padding: "2px 0"
+			},
+			labelStyle: {
+				color: n.textColor,
+				fontWeight: 600,
+				marginBottom: "4px"
+			}
+		}), [n]),
+		containerClasses: r(() => {
+			let e = "relative";
+			switch (t) {
+				case "gradient": return `${e} bg-gradient-to-br from-background to-muted/20`;
+				case "outline": return `${e} border border-border rounded-lg p-4`;
+				case "glass": return `${e} bg-background/50 backdrop-blur-sm border border-border/50 rounded-lg p-4`;
+				default: return e;
+			}
+		}, [t])
+	};
+}
+//#endregion
+//#region src/components/waka-charts/WakaChart.tsx
+var m = {
+	sm: {
+		width: "100%",
+		height: 150
+	},
+	md: {
+		width: "100%",
+		height: 250
+	},
+	lg: {
+		width: "100%",
+		height: 350
+	},
+	xl: {
+		width: "100%",
+		height: 450
+	},
+	auto: {
+		width: "100%",
+		height: 300
+	}
+}, h = t.forwardRef(({ children: t, variant: n = "default", size: r = "md", height: i, width: a, theme: o, className: s, style: f, title: h, description: _, loading: v, error: y, responsive: b = !0 }, x) => {
+	let { components: S, loading: C, error: w, isAvailable: T } = d(), { containerClasses: E } = p(o, n), D = v || C, O = y || (w ? "Recharts non disponible. Installez recharts pour utiliser les graphiques." : null), k = m[r], A = a ?? k.width, j = i ?? k.height;
+	if (D) return /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e(E, s),
+		style: f,
+		children: [h && /* @__PURE__ */ c(g, {
+			title: h,
+			description: _
+		}), /* @__PURE__ */ c(u, {
+			className: "w-full",
+			style: { height: j }
+		})]
+	});
+	if (O || !T) return /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e(E, s),
+		style: f,
+		children: [h && /* @__PURE__ */ c(g, {
+			title: h,
+			description: _
+		}), /* @__PURE__ */ c("div", {
+			className: "flex items-center justify-center text-muted-foreground text-sm border border-dashed border-border rounded-lg",
+			style: { height: j },
+			children: /* @__PURE__ */ l("div", {
+				className: "text-center p-4",
+				children: [/* @__PURE__ */ c("p", { children: O || "Graphique non disponible" }), /* @__PURE__ */ c("p", {
+					className: "text-xs mt-1",
+					children: "Installez recharts: pnpm add recharts"
+				})]
+			})
+		})]
+	});
+	let { ResponsiveContainer: M } = S;
+	return /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e(E, s),
+		style: f,
+		children: [h && /* @__PURE__ */ c(g, {
+			title: h,
+			description: _
+		}), b ? /* @__PURE__ */ c(M, {
+			width: A,
+			height: j,
+			children: t(S)
+		}) : /* @__PURE__ */ c("div", {
+			style: {
+				width: A,
+				height: j
+			},
+			children: t(S)
+		})]
+	});
+});
+h.displayName = "WakaChart";
+function g({ title: e, description: t }) {
+	return /* @__PURE__ */ l("div", {
+		className: "mb-4",
+		children: [/* @__PURE__ */ c("h3", {
+			className: "text-lg font-semibold",
+			children: e
+		}), t && /* @__PURE__ */ c("p", {
+			className: "text-sm text-muted-foreground",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/waka-charts/WakaBarChart.tsx
+var _ = t.forwardRef(({ data: e, dataKeys: n, series: r, variant: i = "default", size: a = "md", height: o, width: s, animation: u = !0, animationDuration: d = 500, grid: f = !0, tooltip: m = !0, legend: g, axis: _, theme: v, className: y, style: b, title: x, description: S, loading: C, error: w, onClick: T, responsive: E = !0, layout: D = "vertical", stacked: O = !1, radius: k = 4, barSize: A, barGap: j = 4, barCategoryGap: M = "20%" }, N) => {
+	let { theme: P, getColor: F, tooltipStyles: I } = p(v, i), L = t.useMemo(() => {
+		if (r && r.length > 0) return r;
+		if (n && n.length > 0) return n.map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: F(t)
+		}));
+		if (e.length > 0 && "value" in e[0]) return [{
+			dataKey: "value",
+			label: "Value",
+			color: F(0)
+		}];
+		let t = e[0];
+		return t ? Object.keys(t).filter((e) => e !== "name" && typeof t[e] == "number").map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: F(t)
+		})) : [];
+	}, [
+		r,
+		n,
+		e,
+		F
+	]), R = t.useMemo(() => g ? typeof g == "boolean" ? {
+		enabled: g,
+		position: "bottom",
+		align: "center"
+	} : g : null, [g]), z = t.useMemo(() => m ? typeof m == "boolean" ? { enabled: m } : m : null, [m]);
+	return /* @__PURE__ */ c(h, {
+		ref: N,
+		variant: i,
+		size: a,
+		height: o,
+		width: s,
+		theme: v,
+		className: y,
+		style: b,
+		title: x,
+		description: S,
+		loading: C,
+		error: w,
+		responsive: E,
+		children: (t) => {
+			if (!t) return null;
+			let { BarChart: n, Bar: r, XAxis: i, YAxis: a, CartesianGrid: o, Tooltip: s, Legend: p } = t;
+			return /* @__PURE__ */ l(n, {
+				data: e,
+				layout: D === "horizontal" ? "vertical" : "horizontal",
+				barGap: j,
+				barCategoryGap: M,
+				children: [
+					f && /* @__PURE__ */ c(o, {
+						strokeDasharray: "3 3",
+						stroke: P.gridColor,
+						horizontal: !0,
+						vertical: !1
+					}),
+					_?.showXAxis !== !1 && /* @__PURE__ */ c(i, {
+						dataKey: "name",
+						axisLine: { stroke: P.axisColor },
+						tickLine: { stroke: P.axisColor },
+						tick: {
+							fill: P.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.xAxisFormatter
+					}),
+					_?.showYAxis !== !1 && /* @__PURE__ */ c(a, {
+						axisLine: { stroke: P.axisColor },
+						tickLine: { stroke: P.axisColor },
+						tick: {
+							fill: P.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.yAxisFormatter,
+						domain: _?.yAxisDomain,
+						unit: _?.yAxisUnit
+					}),
+					z?.enabled !== !1 && m && /* @__PURE__ */ c(s, {
+						...I,
+						formatter: z && typeof z != "boolean" && z.formatter ? (t, n) => z.formatter(t, n, e[0]) : (e) => `${z && typeof z != "boolean" && z.valuePrefix || ""}${e}${z && typeof z != "boolean" && z.valueSuffix || ""}`
+					}),
+					R?.enabled && /* @__PURE__ */ c(p, {
+						align: R.align,
+						verticalAlign: R.position === "top" ? "top" : "bottom",
+						wrapperStyle: { paddingTop: R.position === "bottom" ? 16 : 0 }
+					}),
+					L.map((e, t) => /* @__PURE__ */ c(r, {
+						dataKey: e.dataKey,
+						name: e.label,
+						fill: e.color || F(t),
+						radius: k,
+						stackId: O ? "stack" : void 0,
+						barSize: A,
+						animationDuration: d,
+						isAnimationActive: u
+					}, e.dataKey))
+				]
+			});
+		}
+	});
+});
+_.displayName = "WakaBarChart";
+//#endregion
+//#region src/components/waka-charts/WakaLineChart.tsx
+var v = t.forwardRef(({ data: e, dataKeys: n, series: r, variant: i = "default", size: a = "md", height: o, width: s, animation: u = !0, animationDuration: d = 500, grid: f = !0, tooltip: m = !0, legend: g, axis: _, theme: v, className: y, style: b, title: x, description: S, loading: C, error: w, onClick: T, responsive: E = !0, curve: D = "monotone", dots: O = !0, dotSize: k = 4, activeDot: A = !0, strokeWidth: j = 2 }, M) => {
+	let { theme: N, getColor: P, tooltipStyles: F } = p(v, i), I = t.useMemo(() => {
+		if (r && r.length > 0) return r;
+		if (n && n.length > 0) return n.map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: P(t),
+			strokeWidth: j
+		}));
+		if (e.length > 0 && "value" in e[0]) return [{
+			dataKey: "value",
+			label: "Value",
+			color: P(0),
+			strokeWidth: j
+		}];
+		let t = e[0];
+		return t ? Object.keys(t).filter((e) => e !== "name" && typeof t[e] == "number").map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: P(t),
+			strokeWidth: j
+		})) : [];
+	}, [
+		r,
+		n,
+		e,
+		P,
+		j
+	]), L = t.useMemo(() => g ? typeof g == "boolean" ? {
+		enabled: g,
+		position: "bottom",
+		align: "center"
+	} : g : null, [g]), R = t.useMemo(() => m ? typeof m == "boolean" ? { enabled: m } : m : null, [m]);
+	return /* @__PURE__ */ c(h, {
+		ref: M,
+		variant: i,
+		size: a,
+		height: o,
+		width: s,
+		theme: v,
+		className: y,
+		style: b,
+		title: x,
+		description: S,
+		loading: C,
+		error: w,
+		responsive: E,
+		children: (t) => {
+			if (!t) return null;
+			let { LineChart: n, Line: r, XAxis: i, YAxis: a, CartesianGrid: o, Tooltip: s, Legend: p } = t;
+			return /* @__PURE__ */ l(n, {
+				data: e,
+				children: [
+					f && /* @__PURE__ */ c(o, {
+						strokeDasharray: "3 3",
+						stroke: N.gridColor,
+						horizontal: !0,
+						vertical: !1
+					}),
+					_?.showXAxis !== !1 && /* @__PURE__ */ c(i, {
+						dataKey: "name",
+						axisLine: { stroke: N.axisColor },
+						tickLine: { stroke: N.axisColor },
+						tick: {
+							fill: N.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.xAxisFormatter
+					}),
+					_?.showYAxis !== !1 && /* @__PURE__ */ c(a, {
+						axisLine: { stroke: N.axisColor },
+						tickLine: { stroke: N.axisColor },
+						tick: {
+							fill: N.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.yAxisFormatter,
+						domain: _?.yAxisDomain,
+						unit: _?.yAxisUnit
+					}),
+					R?.enabled !== !1 && m && /* @__PURE__ */ c(s, {
+						...F,
+						formatter: R && typeof R != "boolean" && R.formatter ? (t, n) => R.formatter(t, n, e[0]) : (e) => `${R && typeof R != "boolean" && R.valuePrefix || ""}${e}${R && typeof R != "boolean" && R.valueSuffix || ""}`
+					}),
+					L?.enabled && /* @__PURE__ */ c(p, {
+						align: L.align,
+						verticalAlign: L.position === "top" ? "top" : "bottom",
+						wrapperStyle: { paddingTop: L.position === "bottom" ? 16 : 0 }
+					}),
+					I.map((e, t) => /* @__PURE__ */ c(r, {
+						dataKey: e.dataKey,
+						name: e.label,
+						stroke: e.color || P(t),
+						strokeWidth: e.strokeWidth || j,
+						strokeDasharray: e.strokeDasharray,
+						type: D,
+						dot: O ? {
+							r: k,
+							fill: e.color || P(t)
+						} : !1,
+						activeDot: A ? { r: k + 2 } : !1,
+						animationDuration: d,
+						isAnimationActive: u
+					}, e.dataKey))
+				]
+			});
+		}
+	});
+});
+v.displayName = "WakaLineChart";
+//#endregion
+//#region src/components/waka-charts/WakaAreaChart.tsx
+var y = t.forwardRef(({ data: e, dataKeys: n, series: r, variant: i = "default", size: a = "md", height: o, width: s, animation: u = !0, animationDuration: d = 500, grid: f = !0, tooltip: m = !0, legend: g, axis: _, theme: v, className: y, style: b, title: x, description: S, loading: C, error: w, onClick: T, responsive: E = !0, curve: D = "monotone", dots: O = !1, dotSize: k = 4, activeDot: A = !0, strokeWidth: j = 2, stacked: M = !1, fillOpacity: N = .3, gradientDirection: P = "vertical" }, F) => {
+	let { theme: I, getColor: L, tooltipStyles: R } = p(v, i), z = t.useMemo(() => {
+		if (r && r.length > 0) return r;
+		if (n && n.length > 0) return n.map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: L(t),
+			strokeWidth: j,
+			fillOpacity: N
+		}));
+		if (e.length > 0 && "value" in e[0]) return [{
+			dataKey: "value",
+			label: "Value",
+			color: L(0),
+			strokeWidth: j,
+			fillOpacity: N
+		}];
+		let t = e[0];
+		return t ? Object.keys(t).filter((e) => e !== "name" && typeof t[e] == "number").map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: L(t),
+			strokeWidth: j,
+			fillOpacity: N
+		})) : [];
+	}, [
+		r,
+		n,
+		e,
+		L,
+		j,
+		N
+	]), B = t.useMemo(() => g ? typeof g == "boolean" ? {
+		enabled: g,
+		position: "bottom",
+		align: "center"
+	} : g : null, [g]), V = t.useMemo(() => m ? typeof m == "boolean" ? { enabled: m } : m : null, [m]);
+	return /* @__PURE__ */ c(h, {
+		ref: F,
+		variant: i,
+		size: a,
+		height: o,
+		width: s,
+		theme: v,
+		className: y,
+		style: b,
+		title: x,
+		description: S,
+		loading: C,
+		error: w,
+		responsive: E,
+		children: (t) => {
+			if (!t) return null;
+			let { AreaChart: n, Area: r, XAxis: i, YAxis: a, CartesianGrid: o, Tooltip: s, Legend: p } = t;
+			return /* @__PURE__ */ l(n, {
+				data: e,
+				children: [
+					/* @__PURE__ */ c("defs", { children: z.map((e, t) => {
+						let n = e.color || L(t), r = `gradient-${e.dataKey}-${t}`;
+						return /* @__PURE__ */ l("linearGradient", {
+							id: r,
+							x1: "0",
+							y1: "0",
+							x2: P === "horizontal" ? "1" : "0",
+							y2: P === "horizontal" ? "0" : "1",
+							children: [/* @__PURE__ */ c("stop", {
+								offset: "5%",
+								stopColor: n,
+								stopOpacity: .8
+							}), /* @__PURE__ */ c("stop", {
+								offset: "95%",
+								stopColor: n,
+								stopOpacity: .1
+							})]
+						}, r);
+					}) }),
+					f && /* @__PURE__ */ c(o, {
+						strokeDasharray: "3 3",
+						stroke: I.gridColor,
+						horizontal: !0,
+						vertical: !1
+					}),
+					_?.showXAxis !== !1 && /* @__PURE__ */ c(i, {
+						dataKey: "name",
+						axisLine: { stroke: I.axisColor },
+						tickLine: { stroke: I.axisColor },
+						tick: {
+							fill: I.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.xAxisFormatter
+					}),
+					_?.showYAxis !== !1 && /* @__PURE__ */ c(a, {
+						axisLine: { stroke: I.axisColor },
+						tickLine: { stroke: I.axisColor },
+						tick: {
+							fill: I.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.yAxisFormatter,
+						domain: _?.yAxisDomain,
+						unit: _?.yAxisUnit
+					}),
+					V?.enabled !== !1 && m && /* @__PURE__ */ c(s, {
+						...R,
+						formatter: V && typeof V != "boolean" && V.formatter ? (t, n) => V.formatter(t, n, e[0]) : (e) => `${V && typeof V != "boolean" && V.valuePrefix || ""}${e}${V && typeof V != "boolean" && V.valueSuffix || ""}`
+					}),
+					B?.enabled && /* @__PURE__ */ c(p, {
+						align: B.align,
+						verticalAlign: B.position === "top" ? "top" : "bottom",
+						wrapperStyle: { paddingTop: B.position === "bottom" ? 16 : 0 }
+					}),
+					z.map((e, t) => {
+						let n = e.color || L(t), i = `gradient-${e.dataKey}-${t}`;
+						return /* @__PURE__ */ c(r, {
+							dataKey: e.dataKey,
+							name: e.label,
+							stroke: n,
+							strokeWidth: e.strokeWidth || j,
+							fill: `url(#${i})`,
+							fillOpacity: e.fillOpacity ?? N,
+							type: D,
+							dot: O ? {
+								r: k,
+								fill: n
+							} : !1,
+							stackId: M ? "stack" : void 0,
+							animationDuration: d,
+							isAnimationActive: u
+						}, e.dataKey);
+					})
+				]
+			});
+		}
+	});
+});
+y.displayName = "WakaAreaChart";
+//#endregion
+//#region src/components/waka-charts/WakaPieChart.tsx
+var b = t.forwardRef(({ data: e, variant: n = "default", size: r = "md", height: i, width: a, animation: o = !0, animationDuration: s = 500, tooltip: u = !0, legend: d = !0, theme: f, className: m, style: g, title: _, description: v, loading: y, error: b, onClick: x, responsive: S = !0, dataKey: C = "value", nameKey: w = "name", innerRadius: T = 0, outerRadius: E = "80%", startAngle: D = 90, endAngle: O = -270, paddingAngle: k = 2, label: A = !1, labelPosition: j = "outside" }, M) => {
+	let { theme: N, getColor: P, tooltipStyles: F } = p(f, n), I = t.useMemo(() => d ? typeof d == "boolean" ? {
+		enabled: d,
+		position: "bottom",
+		align: "center"
+	} : d : null, [d]), L = t.useMemo(() => u ? typeof u == "boolean" ? { enabled: u } : u : null, [u]), R = t.useCallback((e) => {
+		if (!A) return null;
+		let t = Math.PI / 180, n = j === "inside" ? e.innerRadius + (e.outerRadius - e.innerRadius) * .5 : e.outerRadius * 1.1, r = e.cx + n * Math.cos(-e.midAngle * t), i = e.cy + n * Math.sin(-e.midAngle * t), a = "";
+		return a = A === "percent" ? `${(e.percent * 100).toFixed(0)}%` : A === "value" ? String(e.value) : A === "name" ? e.name : `${(e.percent * 100).toFixed(0)}%`, /* @__PURE__ */ c("text", {
+			x: r,
+			y: i,
+			fill: j === "inside" ? "#fff" : N.textColor,
+			textAnchor: r > e.cx ? "start" : "end",
+			dominantBaseline: "central",
+			fontSize: 12,
+			children: a
+		});
+	}, [
+		A,
+		j,
+		N.textColor
+	]);
+	return /* @__PURE__ */ c(h, {
+		ref: M,
+		variant: n,
+		size: r,
+		height: i,
+		width: a,
+		theme: f,
+		className: m,
+		style: g,
+		title: _,
+		description: v,
+		loading: y,
+		error: b,
+		responsive: S,
+		children: (t) => {
+			if (!t) return null;
+			let { PieChart: n, Pie: r, Cell: i, Tooltip: a, Legend: d } = t;
+			return /* @__PURE__ */ l(n, { children: [
+				L?.enabled !== !1 && u && /* @__PURE__ */ c(a, {
+					...F,
+					formatter: L && typeof L != "boolean" && L.formatter ? (t, n) => L.formatter(t, n, e[0]) : (e) => `${L && typeof L != "boolean" && L.valuePrefix || ""}${e}${L && typeof L != "boolean" && L.valueSuffix || ""}`
+				}),
+				I?.enabled && /* @__PURE__ */ c(d, {
+					align: I.align,
+					verticalAlign: I.position === "top" ? "top" : "bottom",
+					layout: I.position === "left" || I.position === "right" ? "vertical" : "horizontal",
+					wrapperStyle: { paddingTop: I.position === "bottom" ? 16 : 0 }
+				}),
+				/* @__PURE__ */ c(r, {
+					data: e,
+					dataKey: C,
+					nameKey: w,
+					cx: "50%",
+					cy: "50%",
+					innerRadius: T,
+					outerRadius: E,
+					startAngle: D,
+					endAngle: O,
+					paddingAngle: k,
+					animationDuration: s,
+					isAnimationActive: o,
+					label: A ? R : !1,
+					labelLine: A && j === "outside",
+					children: e.map((e, t) => /* @__PURE__ */ c(i, {
+						fill: P(t),
+						stroke: "transparent"
+					}, `cell-${t}`))
+				})
+			] });
+		}
+	});
+});
+b.displayName = "WakaPieChart";
+//#endregion
+//#region src/components/waka-charts/WakaSparkline.tsx
+var x = t.forwardRef(({ data: n, type: r = "line", width: i = 100, height: a = 30, color: o = "hsl(var(--chart-1))", fillColor: s, fillOpacity: u = .3, showMinMax: f = !1, showValue: p = !1, className: m, animation: h = !0 }, g) => {
+	let { components: _, loading: v, isAvailable: y } = d(), b = t.useMemo(() => n.map((e, t) => ({
+		index: t,
+		value: e
+	})), [n]), { min: x, max: C, current: w } = t.useMemo(() => {
+		let e = n.filter((e) => typeof e == "number" && !isNaN(e));
+		return {
+			min: Math.min(...e),
+			max: Math.max(...e),
+			current: e[e.length - 1]
+		};
+	}, [n]);
+	if (v) return /* @__PURE__ */ c("div", {
+		ref: g,
+		className: e("inline-flex items-center gap-2", m),
+		children: /* @__PURE__ */ c("div", {
+			className: "bg-muted animate-pulse rounded",
+			style: {
+				width: i,
+				height: a
+			}
+		})
+	});
+	if (!y || !_) return /* @__PURE__ */ l("div", {
+		ref: g,
+		className: e("inline-flex items-center gap-2", m),
+		children: [/* @__PURE__ */ c(S, {
+			data: n,
+			width: i,
+			height: a,
+			color: o,
+			type: r,
+			fillColor: s,
+			fillOpacity: u
+		}), p && /* @__PURE__ */ c("span", {
+			className: "text-sm font-medium",
+			children: w
+		})]
+	});
+	let { ResponsiveContainer: T, LineChart: E, BarChart: D, AreaChart: O, Line: k, Bar: A, Area: j } = _;
+	return /* @__PURE__ */ l("div", {
+		ref: g,
+		className: e("inline-flex items-center gap-2", m),
+		children: [
+			/* @__PURE__ */ c("div", {
+				style: {
+					width: i,
+					height: a
+				},
+				children: /* @__PURE__ */ c(T, {
+					width: "100%",
+					height: "100%",
+					children: r === "bar" ? /* @__PURE__ */ c(D, {
+						data: b,
+						children: /* @__PURE__ */ c(A, {
+							dataKey: "value",
+							fill: o,
+							radius: 1,
+							isAnimationActive: h
+						})
+					}) : r === "area" ? /* @__PURE__ */ l(O, {
+						data: b,
+						children: [/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
+							id: `sparkline-gradient-${o.replace(/[^a-z0-9]/gi, "")}`,
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: "1",
+							children: [/* @__PURE__ */ c("stop", {
+								offset: "5%",
+								stopColor: s || o,
+								stopOpacity: .8
+							}), /* @__PURE__ */ c("stop", {
+								offset: "95%",
+								stopColor: s || o,
+								stopOpacity: .1
+							})]
+						}) }), /* @__PURE__ */ c(j, {
+							type: "monotone",
+							dataKey: "value",
+							stroke: o,
+							fill: `url(#sparkline-gradient-${o.replace(/[^a-z0-9]/gi, "")})`,
+							fillOpacity: u,
+							strokeWidth: 1.5,
+							dot: !1,
+							isAnimationActive: h
+						})]
+					}) : /* @__PURE__ */ c(E, {
+						data: b,
+						children: /* @__PURE__ */ c(k, {
+							type: "monotone",
+							dataKey: "value",
+							stroke: o,
+							strokeWidth: 1.5,
+							dot: !1,
+							isAnimationActive: h
+						})
+					})
+				})
+			}),
+			f && /* @__PURE__ */ l("div", {
+				className: "flex flex-col text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ l("span", { children: ["↑ ", C] }), /* @__PURE__ */ l("span", { children: ["↓ ", x] })]
+			}),
+			p && /* @__PURE__ */ c("span", {
+				className: "text-sm font-medium",
+				children: w
+			})
+		]
+	});
+});
+x.displayName = "WakaSparkline";
+function S({ data: e, width: t, height: n, color: r, type: i, fillColor: a, fillOpacity: o }) {
+	let s = t - 4, u = n - 4, d = Math.min(...e), f = Math.max(...e) - d || 1, p = e.map((t, n) => ({
+		x: 2 + n / (e.length - 1 || 1) * s,
+		y: 2 + u - (t - d) / f * u,
+		value: t
+	}));
+	if (i === "bar") {
+		let i = s / e.length - 1;
+		return /* @__PURE__ */ c("svg", {
+			width: t,
+			height: n,
+			children: e.map((e, t) => {
+				let n = (e - d) / f * u;
+				return /* @__PURE__ */ c("rect", {
+					x: 2 + t * (i + 1),
+					y: 2 + u - n,
+					width: i,
+					height: n,
+					fill: r,
+					rx: 1
+				}, t);
+			})
+		});
+	}
+	let m = p.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x} ${e.y}`).join(" ");
+	return i === "area" ? /* @__PURE__ */ l("svg", {
+		width: t,
+		height: n,
+		children: [/* @__PURE__ */ c("path", {
+			d: `${m} L ${p[p.length - 1].x} ${n - 2} L 2 ${n - 2} Z`,
+			fill: a || r,
+			fillOpacity: o
+		}), /* @__PURE__ */ c("path", {
+			d: m,
+			fill: "none",
+			stroke: r,
+			strokeWidth: 1.5
+		})]
+	}) : /* @__PURE__ */ c("svg", {
+		width: t,
+		height: n,
+		children: /* @__PURE__ */ c("path", {
+			d: m,
+			fill: "none",
+			stroke: r,
+			strokeWidth: 1.5
+		})
+	});
+}
+//#endregion
+//#region src/components/waka-charts/WakaMiniChart.tsx
+var C = t.forwardRef(({ data: n, type: r = "sparkline", width: i = 80, height: u = 24, color: d, showTrend: f = !0, valueFormatter: p, className: m }, h) => {
+	let g = t.useMemo(() => !n || n.length === 0 ? [] : typeof n[0] == "number" ? n : n.map((e) => {
+		let t = e.value ?? Object.values(e).find((e) => typeof e == "number");
+		return typeof t == "number" ? t : 0;
+	}), [n]), { trend: _, trendPercent: v, currentValue: y } = t.useMemo(() => {
+		if (g.length < 2) return {
+			trend: "neutral",
+			trendPercent: 0,
+			currentValue: g[0] ?? 0
+		};
+		let e = g[0], t = g[g.length - 1], n = t - e, r = e === 0 ? 0 : n / e * 100;
+		return {
+			trend: n > 0 ? "up" : n < 0 ? "down" : "neutral",
+			trendPercent: r,
+			currentValue: t
+		};
+	}, [g]), b = t.useMemo(() => d || (_ === "up" ? "hsl(var(--chart-2, 142 76% 36%))" : _ === "down" ? "hsl(var(--destructive, 0 84% 60%))" : "hsl(var(--muted-foreground, 220 9% 46%))"), [d, _]);
+	return g.length === 0 ? /* @__PURE__ */ c("div", {
+		ref: h,
+		className: e("flex items-center gap-1 text-muted-foreground", m),
+		children: /* @__PURE__ */ c(a, { className: "h-3 w-3" })
+	}) : (p ? p(y) : y.toLocaleString(), /* @__PURE__ */ l("div", {
+		ref: h,
+		className: e("flex items-center gap-2", m),
+		children: [/* @__PURE__ */ c(x, {
+			data: g,
+			type: r === "sparkline" ? "line" : r,
+			width: i,
+			height: u,
+			color: b,
+			animation: !1
+		}), f && /* @__PURE__ */ l("div", {
+			className: "flex items-center gap-1",
+			children: [
+				_ === "up" && /* @__PURE__ */ c(s, { className: "h-3 w-3 text-green-600 dark:text-green-400" }),
+				_ === "down" && /* @__PURE__ */ c(o, { className: "h-3 w-3 text-red-600 dark:text-red-400" }),
+				_ === "neutral" && /* @__PURE__ */ c(a, { className: "h-3 w-3 text-muted-foreground" }),
+				/* @__PURE__ */ l("span", {
+					className: e("text-xs font-medium", _ === "up" && "text-green-600 dark:text-green-400", _ === "down" && "text-red-600 dark:text-red-400", _ === "neutral" && "text-muted-foreground"),
+					children: [
+						_ !== "neutral" && (v > 0 ? "+" : ""),
+						v.toFixed(1),
+						"%"
+					]
+				})
+			]
+		})]
+	}));
+});
+C.displayName = "WakaMiniChart";
+//#endregion
+//#region src/components/waka-charts/dataTableHelpers.ts
+function w(e) {
+	let { accessorKey: t, header: n = String(t), chartType: r = "sparkline", width: i = 100, height: a = 24, color: o, showValue: s = !1, valueFormatter: c } = e;
+	return {
+		accessorKey: t,
+		header: n,
+		size: i + (s ? 60 : 0),
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		cell: (e) => {
+			let t = e.getValue(), n = [];
+			return Array.isArray(t) && (typeof t[0] == "number" ? n = t : typeof t[0] == "object" && t[0] !== null && (n = t.map((e) => {
+				let t = e.value ?? Object.values(e).find((e) => typeof e == "number");
+				return typeof t == "number" ? t : 0;
+			}))), {
+				type: "chart",
+				chartType: r,
+				data: n,
+				width: i,
+				height: a,
+				color: o,
+				showTrend: !0,
+				valueFormatter: c
+			};
+		},
+		meta: {
+			isChartColumn: !0,
+			chartConfig: e
+		}
+	};
+}
+var T = {
+	cell: (e) => {
+		if (!Array.isArray(e)) return null;
+		let t = [];
+		return typeof e[0] == "number" ? t = e : typeof e[0] == "object" && e[0] !== null && (t = e.map((e) => {
+			let t = e.value ?? Object.values(e).find((e) => typeof e == "number");
+			return typeof t == "number" ? t : 0;
+		})), {
+			type: "sparkline",
+			data: t
+		};
+	},
+	size: 100,
+	enableSorting: !1,
+	enableFiltering: !1
+}, E = [
+	"hsl(var(--chart-1))",
+	"hsl(var(--chart-2))",
+	"hsl(var(--chart-3))",
+	"hsl(var(--chart-4))",
+	"hsl(var(--chart-5))"
+], D = {
+	sm: {
+		width: "100%",
+		height: 150
+	},
+	md: {
+		width: "100%",
+		height: 250
+	},
+	lg: {
+		width: "100%",
+		height: 350
+	},
+	xl: {
+		width: "100%",
+		height: 450
+	},
+	auto: {
+		width: "100%",
+		height: 300
+	}
+};
+//#endregion
+export { C as a, y as c, h as d, p as f, T as i, v as l, u as m, E as n, x as o, d as p, w as r, b as s, D as t, _ as u };