@wakastellar/ui 3.5.2 → 4.0.0

package/dist/types-JnqoLyuv.mjs

@@ -1,937 +0,0 @@
-import { n as e, t } from "./cn-DUn6aSIQ.mjs";
-import * as n from "react";
-import { useEffect as r, useMemo as i, useState as a } from "react";
-import { Minus as o, TrendingDown as s, TrendingUp as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/skeleton/index.tsx
-e();
-function d({ className: e, ...n }) {
-	return /* @__PURE__ */ l("div", {
-		className: t("animate-pulse rounded-md bg-muted", e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/waka-charts/hooks/useRechartsLoader.ts
-function f() {
-	let [e, t] = a(null), [n, i] = a(!0), [o, s] = a(null);
-	return r(() => {
-		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"
-				}), i(!1));
-			} catch (t) {
-				e && (s(t instanceof Error ? t : /* @__PURE__ */ Error("Failed to load Recharts")), i(!1));
-			}
-		})(), () => {
-			e = !1;
-		};
-	}, []), {
-		components: e,
-		loading: n,
-		error: o,
-		isAvailable: !n && !o && e !== null
-	};
-}
-//#endregion
-//#region src/components/waka-charts/hooks/useChartTheme.ts
-var p = {
-	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 m(e, t = "default") {
-	let n = i(() => ({
-		colors: e?.colors ?? p.colors,
-		gridColor: e?.gridColor ?? p.gridColor,
-		axisColor: e?.axisColor ?? p.axisColor,
-		textColor: e?.textColor ?? p.textColor,
-		tooltipBackground: e?.tooltipBackground ?? p.tooltipBackground,
-		tooltipText: e?.tooltipText ?? p.tooltipText,
-		tooltipBorder: e?.tooltipBorder ?? p.tooltipBorder,
-		fontFamily: e?.fontFamily ?? p.fontFamily
-	}), [e]);
-	return {
-		theme: n,
-		getColor: i(() => (e) => n.colors[e % n.colors.length], [n.colors]),
-		tooltipStyles: i(() => ({
-			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: i(() => {
-			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
-e();
-var h = {
-	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
-	}
-}, g = n.forwardRef(({ children: e, variant: n = "default", size: r = "md", height: i, width: a, theme: o, className: s, style: c, title: p, description: g, loading: v, error: y, responsive: b = !0 }, x) => {
-	let { components: S, loading: C, error: w, isAvailable: T } = f(), { containerClasses: E } = m(o, n), D = v || C, O = y || (w ? "Recharts non disponible. Installez recharts pour utiliser les graphiques." : null), k = h[r], A = a ?? k.width, j = i ?? k.height;
-	if (D) return /* @__PURE__ */ u("div", {
-		ref: x,
-		className: t(E, s),
-		style: c,
-		children: [p && /* @__PURE__ */ l(_, {
-			title: p,
-			description: g
-		}), /* @__PURE__ */ l(d, {
-			className: "w-full",
-			style: { height: j }
-		})]
-	});
-	if (O || !T) return /* @__PURE__ */ u("div", {
-		ref: x,
-		className: t(E, s),
-		style: c,
-		children: [p && /* @__PURE__ */ l(_, {
-			title: p,
-			description: g
-		}), /* @__PURE__ */ l("div", {
-			className: "flex items-center justify-center text-muted-foreground text-sm border border-dashed border-border rounded-lg",
-			style: { height: j },
-			children: /* @__PURE__ */ u("div", {
-				className: "text-center p-4",
-				children: [/* @__PURE__ */ l("p", { children: O || "Graphique non disponible" }), /* @__PURE__ */ l("p", {
-					className: "text-xs mt-1",
-					children: "Installez recharts: pnpm add recharts"
-				})]
-			})
-		})]
-	});
-	let { ResponsiveContainer: M } = S;
-	return /* @__PURE__ */ u("div", {
-		ref: x,
-		className: t(E, s),
-		style: c,
-		children: [p && /* @__PURE__ */ l(_, {
-			title: p,
-			description: g
-		}), b ? /* @__PURE__ */ l(M, {
-			width: A,
-			height: j,
-			children: e(S)
-		}) : /* @__PURE__ */ l("div", {
-			style: {
-				width: A,
-				height: j
-			},
-			children: e(S)
-		})]
-	});
-});
-g.displayName = "WakaChart";
-function _({ title: e, description: t }) {
-	return /* @__PURE__ */ u("div", {
-		className: "mb-4",
-		children: [/* @__PURE__ */ l("h3", {
-			className: "text-lg font-semibold",
-			children: e
-		}), t && /* @__PURE__ */ l("p", {
-			className: "text-sm text-muted-foreground",
-			children: t
-		})]
-	});
-}
-//#endregion
-//#region src/components/waka-charts/WakaBarChart.tsx
-var v = n.forwardRef(({ data: e, dataKeys: t, series: r, variant: i = "default", size: a = "md", height: o, width: s, animation: c = !0, animationDuration: d = 500, grid: f = !0, tooltip: p = !0, legend: h, 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 } = m(v, i), L = n.useMemo(() => {
-		if (r && r.length > 0) return r;
-		if (t && t.length > 0) return t.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 n = e[0];
-		return n ? Object.keys(n).filter((e) => e !== "name" && typeof n[e] == "number").map((e, t) => ({
-			dataKey: e,
-			label: e,
-			color: F(t)
-		})) : [];
-	}, [
-		r,
-		t,
-		e,
-		F
-	]), R = n.useMemo(() => h ? typeof h == "boolean" ? {
-		enabled: h,
-		position: "bottom",
-		align: "center"
-	} : h : null, [h]), z = n.useMemo(() => p ? typeof p == "boolean" ? { enabled: p } : p : null, [p]);
-	return /* @__PURE__ */ l(g, {
-		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: m } = t;
-			return /* @__PURE__ */ u(n, {
-				data: e,
-				layout: D === "horizontal" ? "vertical" : "horizontal",
-				barGap: j,
-				barCategoryGap: M,
-				children: [
-					f && /* @__PURE__ */ l(o, {
-						strokeDasharray: "3 3",
-						stroke: P.gridColor,
-						horizontal: !0,
-						vertical: !1
-					}),
-					_?.showXAxis !== !1 && /* @__PURE__ */ l(i, {
-						dataKey: "name",
-						axisLine: { stroke: P.axisColor },
-						tickLine: { stroke: P.axisColor },
-						tick: {
-							fill: P.textColor,
-							fontSize: 12
-						},
-						tickFormatter: _?.xAxisFormatter
-					}),
-					_?.showYAxis !== !1 && /* @__PURE__ */ l(a, {
-						axisLine: { stroke: P.axisColor },
-						tickLine: { stroke: P.axisColor },
-						tick: {
-							fill: P.textColor,
-							fontSize: 12
-						},
-						tickFormatter: _?.yAxisFormatter,
-						domain: _?.yAxisDomain,
-						unit: _?.yAxisUnit
-					}),
-					z?.enabled !== !1 && p && /* @__PURE__ */ l(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__ */ l(m, {
-						align: R.align,
-						verticalAlign: R.position === "top" ? "top" : "bottom",
-						wrapperStyle: { paddingTop: R.position === "bottom" ? 16 : 0 }
-					}),
-					L.map((e, t) => /* @__PURE__ */ l(r, {
-						dataKey: e.dataKey,
-						name: e.label,
-						fill: e.color || F(t),
-						radius: k,
-						stackId: O ? "stack" : void 0,
-						barSize: A,
-						animationDuration: d,
-						isAnimationActive: c
-					}, e.dataKey))
-				]
-			});
-		}
-	});
-});
-v.displayName = "WakaBarChart";
-//#endregion
-//#region src/components/waka-charts/WakaLineChart.tsx
-var y = n.forwardRef(({ data: e, dataKeys: t, series: r, variant: i = "default", size: a = "md", height: o, width: s, animation: c = !0, animationDuration: d = 500, grid: f = !0, tooltip: p = !0, legend: h, 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 } = m(v, i), I = n.useMemo(() => {
-		if (r && r.length > 0) return r;
-		if (t && t.length > 0) return t.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 n = e[0];
-		return n ? Object.keys(n).filter((e) => e !== "name" && typeof n[e] == "number").map((e, t) => ({
-			dataKey: e,
-			label: e,
-			color: P(t),
-			strokeWidth: j
-		})) : [];
-	}, [
-		r,
-		t,
-		e,
-		P,
-		j
-	]), L = n.useMemo(() => h ? typeof h == "boolean" ? {
-		enabled: h,
-		position: "bottom",
-		align: "center"
-	} : h : null, [h]), R = n.useMemo(() => p ? typeof p == "boolean" ? { enabled: p } : p : null, [p]);
-	return /* @__PURE__ */ l(g, {
-		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: m } = t;
-			return /* @__PURE__ */ u(n, {
-				data: e,
-				children: [
-					f && /* @__PURE__ */ l(o, {
-						strokeDasharray: "3 3",
-						stroke: N.gridColor,
-						horizontal: !0,
-						vertical: !1
-					}),
-					_?.showXAxis !== !1 && /* @__PURE__ */ l(i, {
-						dataKey: "name",
-						axisLine: { stroke: N.axisColor },
-						tickLine: { stroke: N.axisColor },
-						tick: {
-							fill: N.textColor,
-							fontSize: 12
-						},
-						tickFormatter: _?.xAxisFormatter
-					}),
-					_?.showYAxis !== !1 && /* @__PURE__ */ l(a, {
-						axisLine: { stroke: N.axisColor },
-						tickLine: { stroke: N.axisColor },
-						tick: {
-							fill: N.textColor,
-							fontSize: 12
-						},
-						tickFormatter: _?.yAxisFormatter,
-						domain: _?.yAxisDomain,
-						unit: _?.yAxisUnit
-					}),
-					R?.enabled !== !1 && p && /* @__PURE__ */ l(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__ */ l(m, {
-						align: L.align,
-						verticalAlign: L.position === "top" ? "top" : "bottom",
-						wrapperStyle: { paddingTop: L.position === "bottom" ? 16 : 0 }
-					}),
-					I.map((e, t) => /* @__PURE__ */ l(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: c
-					}, e.dataKey))
-				]
-			});
-		}
-	});
-});
-y.displayName = "WakaLineChart";
-//#endregion
-//#region src/components/waka-charts/WakaAreaChart.tsx
-var b = n.forwardRef(({ data: e, dataKeys: t, series: r, variant: i = "default", size: a = "md", height: o, width: s, animation: c = !0, animationDuration: d = 500, grid: f = !0, tooltip: p = !0, legend: h, 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 } = m(v, i), z = n.useMemo(() => {
-		if (r && r.length > 0) return r;
-		if (t && t.length > 0) return t.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 n = e[0];
-		return n ? Object.keys(n).filter((e) => e !== "name" && typeof n[e] == "number").map((e, t) => ({
-			dataKey: e,
-			label: e,
-			color: L(t),
-			strokeWidth: j,
-			fillOpacity: N
-		})) : [];
-	}, [
-		r,
-		t,
-		e,
-		L,
-		j,
-		N
-	]), B = n.useMemo(() => h ? typeof h == "boolean" ? {
-		enabled: h,
-		position: "bottom",
-		align: "center"
-	} : h : null, [h]), V = n.useMemo(() => p ? typeof p == "boolean" ? { enabled: p } : p : null, [p]);
-	return /* @__PURE__ */ l(g, {
-		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: m } = t;
-			return /* @__PURE__ */ u(n, {
-				data: e,
-				children: [
-					/* @__PURE__ */ l("defs", { children: z.map((e, t) => {
-						let n = e.color || L(t), r = `gradient-${e.dataKey}-${t}`;
-						return /* @__PURE__ */ u("linearGradient", {
-							id: r,
-							x1: "0",
-							y1: "0",
-							x2: P === "horizontal" ? "1" : "0",
-							y2: P === "horizontal" ? "0" : "1",
-							children: [/* @__PURE__ */ l("stop", {
-								offset: "5%",
-								stopColor: n,
-								stopOpacity: .8
-							}), /* @__PURE__ */ l("stop", {
-								offset: "95%",
-								stopColor: n,
-								stopOpacity: .1
-							})]
-						}, r);
-					}) }),
-					f && /* @__PURE__ */ l(o, {
-						strokeDasharray: "3 3",
-						stroke: I.gridColor,
-						horizontal: !0,
-						vertical: !1
-					}),
-					_?.showXAxis !== !1 && /* @__PURE__ */ l(i, {
-						dataKey: "name",
-						axisLine: { stroke: I.axisColor },
-						tickLine: { stroke: I.axisColor },
-						tick: {
-							fill: I.textColor,
-							fontSize: 12
-						},
-						tickFormatter: _?.xAxisFormatter
-					}),
-					_?.showYAxis !== !1 && /* @__PURE__ */ l(a, {
-						axisLine: { stroke: I.axisColor },
-						tickLine: { stroke: I.axisColor },
-						tick: {
-							fill: I.textColor,
-							fontSize: 12
-						},
-						tickFormatter: _?.yAxisFormatter,
-						domain: _?.yAxisDomain,
-						unit: _?.yAxisUnit
-					}),
-					V?.enabled !== !1 && p && /* @__PURE__ */ l(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__ */ l(m, {
-						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__ */ l(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: c
-						}, e.dataKey);
-					})
-				]
-			});
-		}
-	});
-});
-b.displayName = "WakaAreaChart";
-//#endregion
-//#region src/components/waka-charts/WakaPieChart.tsx
-var x = n.forwardRef(({ data: e, variant: t = "default", size: r = "md", height: i, width: a, animation: o = !0, animationDuration: s = 500, tooltip: c = !0, legend: d = !0, theme: f, className: p, style: h, 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 } = m(f, t), I = n.useMemo(() => d ? typeof d == "boolean" ? {
-		enabled: d,
-		position: "bottom",
-		align: "center"
-	} : d : null, [d]), L = n.useMemo(() => c ? typeof c == "boolean" ? { enabled: c } : c : null, [c]), R = n.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__ */ l("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__ */ l(g, {
-		ref: M,
-		variant: t,
-		size: r,
-		height: i,
-		width: a,
-		theme: f,
-		className: p,
-		style: h,
-		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__ */ u(n, { children: [
-				L?.enabled !== !1 && c && /* @__PURE__ */ l(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__ */ l(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__ */ l(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__ */ l(i, {
-						fill: P(t),
-						stroke: "transparent"
-					}, `cell-${t}`))
-				})
-			] });
-		}
-	});
-});
-//#endregion
-//#region src/components/waka-charts/WakaSparkline.tsx
-x.displayName = "WakaPieChart", e();
-var S = n.forwardRef(({ data: e, type: r = "line", width: i = 100, height: a = 30, color: o = "hsl(var(--chart-1))", fillColor: s, fillOpacity: c = .3, showMinMax: d = !1, showValue: p = !1, className: m, animation: h = !0 }, g) => {
-	let { components: _, loading: v, isAvailable: y } = f(), b = n.useMemo(() => e.map((e, t) => ({
-		index: t,
-		value: e
-	})), [e]), { min: x, max: S, current: w } = n.useMemo(() => {
-		let t = e.filter((e) => typeof e == "number" && !isNaN(e));
-		return {
-			min: Math.min(...t),
-			max: Math.max(...t),
-			current: t[t.length - 1]
-		};
-	}, [e]);
-	if (v) return /* @__PURE__ */ l("div", {
-		ref: g,
-		className: t("inline-flex items-center gap-2", m),
-		children: /* @__PURE__ */ l("div", {
-			className: "bg-muted animate-pulse rounded",
-			style: {
-				width: i,
-				height: a
-			}
-		})
-	});
-	if (!y || !_) return /* @__PURE__ */ u("div", {
-		ref: g,
-		className: t("inline-flex items-center gap-2", m),
-		children: [/* @__PURE__ */ l(C, {
-			data: e,
-			width: i,
-			height: a,
-			color: o,
-			type: r,
-			fillColor: s,
-			fillOpacity: c
-		}), p && /* @__PURE__ */ l("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__ */ u("div", {
-		ref: g,
-		className: t("inline-flex items-center gap-2", m),
-		children: [
-			/* @__PURE__ */ l("div", {
-				style: {
-					width: i,
-					height: a
-				},
-				children: /* @__PURE__ */ l(T, {
-					width: "100%",
-					height: "100%",
-					children: r === "bar" ? /* @__PURE__ */ l(D, {
-						data: b,
-						children: /* @__PURE__ */ l(A, {
-							dataKey: "value",
-							fill: o,
-							radius: 1,
-							isAnimationActive: h
-						})
-					}) : r === "area" ? /* @__PURE__ */ u(O, {
-						data: b,
-						children: [/* @__PURE__ */ l("defs", { children: /* @__PURE__ */ u("linearGradient", {
-							id: `sparkline-gradient-${o.replace(/[^a-z0-9]/gi, "")}`,
-							x1: "0",
-							y1: "0",
-							x2: "0",
-							y2: "1",
-							children: [/* @__PURE__ */ l("stop", {
-								offset: "5%",
-								stopColor: s || o,
-								stopOpacity: .8
-							}), /* @__PURE__ */ l("stop", {
-								offset: "95%",
-								stopColor: s || o,
-								stopOpacity: .1
-							})]
-						}) }), /* @__PURE__ */ l(j, {
-							type: "monotone",
-							dataKey: "value",
-							stroke: o,
-							fill: `url(#sparkline-gradient-${o.replace(/[^a-z0-9]/gi, "")})`,
-							fillOpacity: c,
-							strokeWidth: 1.5,
-							dot: !1,
-							isAnimationActive: h
-						})]
-					}) : /* @__PURE__ */ l(E, {
-						data: b,
-						children: /* @__PURE__ */ l(k, {
-							type: "monotone",
-							dataKey: "value",
-							stroke: o,
-							strokeWidth: 1.5,
-							dot: !1,
-							isAnimationActive: h
-						})
-					})
-				})
-			}),
-			d && /* @__PURE__ */ u("div", {
-				className: "flex flex-col text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ u("span", { children: ["↑ ", S] }), /* @__PURE__ */ u("span", { children: ["↓ ", x] })]
-			}),
-			p && /* @__PURE__ */ l("span", {
-				className: "text-sm font-medium",
-				children: w
-			})
-		]
-	});
-});
-S.displayName = "WakaSparkline";
-function C({ data: e, width: t, height: n, color: r, type: i, fillColor: a, fillOpacity: o }) {
-	let s = t - 4, c = 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 + c - (t - d) / f * c,
-		value: t
-	}));
-	if (i === "bar") {
-		let i = s / e.length - 1;
-		return /* @__PURE__ */ l("svg", {
-			width: t,
-			height: n,
-			children: e.map((e, t) => {
-				let n = (e - d) / f * c;
-				return /* @__PURE__ */ l("rect", {
-					x: 2 + t * (i + 1),
-					y: 2 + c - 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__ */ u("svg", {
-		width: t,
-		height: n,
-		children: [/* @__PURE__ */ l("path", {
-			d: `${m} L ${p[p.length - 1].x} ${n - 2} L 2 ${n - 2} Z`,
-			fill: a || r,
-			fillOpacity: o
-		}), /* @__PURE__ */ l("path", {
-			d: m,
-			fill: "none",
-			stroke: r,
-			strokeWidth: 1.5
-		})]
-	}) : /* @__PURE__ */ l("svg", {
-		width: t,
-		height: n,
-		children: /* @__PURE__ */ l("path", {
-			d: m,
-			fill: "none",
-			stroke: r,
-			strokeWidth: 1.5
-		})
-	});
-}
-//#endregion
-//#region src/components/waka-charts/WakaMiniChart.tsx
-e();
-var w = n.forwardRef(({ data: e, type: r = "sparkline", width: i = 80, height: a = 24, color: d, showTrend: f = !0, valueFormatter: p, className: m }, h) => {
-	let g = n.useMemo(() => !e || e.length === 0 ? [] : typeof e[0] == "number" ? e : e.map((e) => {
-		let t = e.value ?? Object.values(e).find((e) => typeof e == "number");
-		return typeof t == "number" ? t : 0;
-	}), [e]), { trend: _, trendPercent: v, currentValue: y } = n.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 = n.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__ */ l("div", {
-		ref: h,
-		className: t("flex items-center gap-1 text-muted-foreground", m),
-		children: /* @__PURE__ */ l(o, { className: "h-3 w-3" })
-	}) : (p ? p(y) : y.toLocaleString(), /* @__PURE__ */ u("div", {
-		ref: h,
-		className: t("flex items-center gap-2", m),
-		children: [/* @__PURE__ */ l(S, {
-			data: g,
-			type: r === "sparkline" ? "line" : r,
-			width: i,
-			height: a,
-			color: b,
-			animation: !1
-		}), f && /* @__PURE__ */ u("div", {
-			className: "flex items-center gap-1",
-			children: [
-				_ === "up" && /* @__PURE__ */ l(c, { className: "h-3 w-3 text-green-600 dark:text-green-400" }),
-				_ === "down" && /* @__PURE__ */ l(s, { className: "h-3 w-3 text-red-600 dark:text-red-400" }),
-				_ === "neutral" && /* @__PURE__ */ l(o, { className: "h-3 w-3 text-muted-foreground" }),
-				/* @__PURE__ */ u("span", {
-					className: t("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),
-						"%"
-					]
-				})
-			]
-		})]
-	}));
-});
-w.displayName = "WakaMiniChart";
-//#endregion
-//#region src/components/waka-charts/dataTableHelpers.ts
-function T(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 E = {
-	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
-}, D = [
-	"hsl(var(--chart-1))",
-	"hsl(var(--chart-2))",
-	"hsl(var(--chart-3))",
-	"hsl(var(--chart-4))",
-	"hsl(var(--chart-5))"
-], O = {
-	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 { w as a, b as c, g as d, m as f, E as i, y as l, d as m, D as n, S as o, f as p, T as r, x as s, O as t, v as u };