@bzync/rui 0.0.4 → 0.0.8

package/dist/{charts-CxEy2c3M.js → charts-Dscl6UC3.js}

@@ -1,16 +1,31 @@
-import { t as e } from "./cn-DpgY2leY.js";
+import { t as e } from "./cn-BJyZJP-y.js";
 import { motion as t } from "framer-motion";
 import { useEffect as n, useId as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { createPortal as s } from "react-dom";
 //#region src/components/charts/shared.tsx
-function c(e, t) {
+var c = [
+	"var(--chart-1)",
+	"var(--chart-2)",
+	"var(--chart-3)",
+	"var(--chart-4)",
+	"var(--chart-5)",
+	"var(--chart-6)"
+], l = [
+	"var(--color-accent-700)",
+	"var(--color-accent-600)",
+	"var(--color-accent-500)",
+	"var(--color-accent-400)",
+	"var(--color-accent-300)",
+	"var(--color-accent-200)"
+];
+function u(e, t) {
 	let n = e <= t ? 1 : Math.ceil(e / t);
 	return (t) => t % n === 0 || t === e - 1;
 }
-function l({ tooltip: e }) {
+function d({ tooltip: e }) {
 	return !e || typeof document > "u" ? null : s(/* @__PURE__ */ a("div", {
-		className: "pointer-events-none fixed z-[9999] px-3 py-2 rounded-lg border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-navy-700 shadow-xl shadow-black/30 text-sm text-slate-700 dark:text-slate-200 whitespace-nowrap",
+		className: "pointer-events-none fixed z-[9999] px-3 py-2 rounded-[var(--radius-md)] border border-border bg-surface-raised shadow-floating text-sm text-foreground whitespace-nowrap",
 		style: {
 			left: e.x + 14,
 			top: e.y - 10
@@ -20,17 +35,17 @@ function l({ tooltip: e }) {
 }
 //#endregion
 //#region src/components/charts/bar-chart.tsx
-function u({ data: t, height: s = 220, color: c = "var(--color-accent-500)", showValues: u = !1, gridLines: f = 4, orientation: p = "vertical", className: m, formatValue: h = String }) {
+function f({ data: t, height: s = 220, color: c = "var(--chart-1)", showValues: l = !1, gridLines: u = 4, orientation: f = "vertical", className: m, formatValue: h = String }) {
 	let [g, _] = i(null), [v, y] = i(null), [b, x] = i(!1), S = r().replace(/:/g, ""), C = Math.max(...t.map((e) => e.value), 1);
 	if (n(() => {
 		let e = requestAnimationFrame(() => x(!0));
 		return () => cancelAnimationFrame(e);
-	}, []), p === "horizontal") return /* @__PURE__ */ a(d, {
+	}, []), f === "horizontal") return /* @__PURE__ */ a(p, {
 		data: t,
 		height: s,
 		color: c,
-		showValues: u,
-		gridLines: f,
+		showValues: l,
+		gridLines: u,
 		className: m,
 		formatValue: h
 	});
@@ -63,8 +78,8 @@ function u({ data: t, height: s = 220, color: c = "var(--color-accent-500)", sho
 							})]
 						}, t);
 					}) }),
-					Array.from({ length: f + 1 }).map((e, t) => {
-						let n = 6 + t / f * 82;
+					Array.from({ length: u + 1 }).map((e, t) => {
+						let n = 6 + t / u * 82;
 						return /* @__PURE__ */ a("line", {
 							x1: "0",
 							y1: n,
@@ -91,7 +106,7 @@ function u({ data: t, height: s = 220, color: c = "var(--color-accent-500)", sho
 									className: "text-slate-500 dark:text-slate-400 mr-2",
 									children: e.label
 								}), /* @__PURE__ */ a("span", {
-									className: "font-semibold text-gray-900 dark:text-white",
+									className: "font-semibold text-foreground",
 									children: h(e.value)
 								})] })
 							}),
@@ -125,7 +140,7 @@ function u({ data: t, height: s = 220, color: c = "var(--color-accent-500)", sho
 					children: e.label
 				}, t))
 			}),
-			u && /* @__PURE__ */ a("div", {
+			l && /* @__PURE__ */ a("div", {
 				className: "absolute inset-x-0 top-0 pointer-events-none",
 				style: { bottom: 20 },
 				children: t.map((e, n) => {
@@ -145,19 +160,19 @@ function u({ data: t, height: s = 220, color: c = "var(--color-accent-500)", sho
 					}, n);
 				})
 			}),
-			/* @__PURE__ */ a(l, { tooltip: g })
+			/* @__PURE__ */ a(d, { tooltip: g })
 		]
 	});
 }
-function d({ data: t, color: r, showValues: s, className: c, formatValue: u = String }) {
-	let [d, f] = i(null), [p, m] = i(null), [h, g] = i(!1), _ = Math.max(...t.map((e) => e.value), 1);
+function p({ data: t, color: r, showValues: s, className: c, formatValue: l = String }) {
+	let [u, f] = i(null), [p, m] = i(null), [h, g] = i(!1), _ = Math.max(...t.map((e) => e.value), 1);
 	return n(() => {
 		let e = requestAnimationFrame(() => g(!0));
 		return () => cancelAnimationFrame(e);
 	}, []), /* @__PURE__ */ o("div", {
 		className: e("w-full select-none flex flex-col gap-2.5", c),
 		children: [t.map((e, t) => {
-			let n = e.value / _ * 100, i = e.color ?? r ?? "var(--color-accent-500)", c = p === t;
+			let n = e.value / _ * 100, i = e.color ?? r ?? "var(--chart-1)", c = p === t;
 			return /* @__PURE__ */ o("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ a("span", {
@@ -184,8 +199,8 @@ function d({ data: t, color: r, showValues: s, className: c, formatValue: u = St
 								className: "text-slate-500 dark:text-slate-400 mr-2",
 								children: e.label
 							}), /* @__PURE__ */ a("span", {
-								className: "font-semibold text-gray-900 dark:text-white",
-								children: u(e.value)
+								className: "font-semibold text-foreground",
+								children: l(e.value)
 							})] })
 						}),
 						onMouseLeave: () => {
@@ -199,17 +214,17 @@ function d({ data: t, color: r, showValues: s, className: c, formatValue: u = St
 						},
 						children: /* @__PURE__ */ a("span", {
 							className: "text-xs font-semibold text-slate-600 dark:text-slate-300 tabular-nums whitespace-nowrap",
-							children: u(e.value)
+							children: l(e.value)
 						})
 					})]
 				})]
 			}, t);
-		}), /* @__PURE__ */ a(l, { tooltip: d })]
+		}), /* @__PURE__ */ a(d, { tooltip: u })]
 	});
 }
 //#endregion
 //#region src/components/charts/line-chart.tsx
-function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", area: d = !0, dots: f = !0, gridLines: p = 4, className: m, formatValue: h = String, smooth: g = !0, showXLabels: _ = !0, maxLabels: v = 8 }) {
+function m({ data: n, height: s = 220, color: c = "var(--chart-1)", area: l = !0, dots: f = !0, gridLines: p = 4, className: m, formatValue: h = String, smooth: g = !0, showXLabels: _ = !0, maxLabels: v = 8 }) {
 	let [y, b] = i(null), x = r().replace(/:/g, ""), S = Math.max(...n.map((e) => e.value), 1), C = Math.min(...n.map((e) => e.value), 0), w = S - C || 1, T = n.length, E = n.map((e, t) => ({
 		x: T === 1 ? 50 : t / (T - 1) * 92 + 4,
 		y: 90 - (e.value - C) / w * 80,
@@ -225,7 +240,7 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 		}
 		return t;
 	}
-	let O = D(E), k = O ? `${O} L${E[E.length - 1].x},92 L${E[0].x},92 Z` : "", A = c(T, v);
+	let O = D(E), k = O ? `${O} L${E[E.length - 1].x},92 L${E[0].x},92 Z` : "", A = u(T, v);
 	return /* @__PURE__ */ o("div", {
 		className: e("relative w-full select-none", m),
 		style: { height: s },
@@ -243,11 +258,11 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 						y2: "1",
 						children: [/* @__PURE__ */ a("stop", {
 							offset: "0%",
-							stopColor: u,
+							stopColor: c,
 							stopOpacity: "0.25"
 						}), /* @__PURE__ */ a("stop", {
 							offset: "100%",
-							stopColor: u,
+							stopColor: c,
 							stopOpacity: "0.02"
 						})]
 					}) }),
@@ -263,7 +278,7 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 							strokeWidth: "0.3"
 						}, t);
 					}),
-					d && k && /* @__PURE__ */ a("path", {
+					l && k && /* @__PURE__ */ a("path", {
 						d: k,
 						fill: `url(#${x}-ag)`,
 						style: { pointerEvents: "none" }
@@ -287,7 +302,7 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 							ease: "easeOut"
 						},
 						style: {
-							stroke: u,
+							stroke: c,
 							pointerEvents: "none"
 						}
 					}),
@@ -296,7 +311,7 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 						cy: e.y,
 						r: "1.2",
 						style: {
-							fill: u,
+							fill: c,
 							pointerEvents: "none"
 						},
 						initial: { opacity: 0 },
@@ -318,7 +333,7 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 								className: "text-slate-500 dark:text-slate-400 mr-2",
 								children: e.d.label
 							}), /* @__PURE__ */ a("span", {
-								className: "font-semibold text-gray-900 dark:text-white",
+								className: "font-semibold text-foreground",
 								children: h(e.d.value)
 							})] })
 						}),
@@ -338,21 +353,15 @@ function f({ data: n, height: s = 220, color: u = "var(--color-accent-500)", are
 					children: e.label
 				}, t) : null)
 			}),
-			/* @__PURE__ */ a(l, { tooltip: y })
+			/* @__PURE__ */ a(d, { tooltip: y })
 		]
 	});
 }
 //#endregion
 //#region src/components/charts/multi-line-chart.tsx
-var p = [
-	"var(--color-accent-500)",
-	"#10b981",
-	"#f59e0b",
-	"#f43f5e",
-	"#8b5cf6"
-];
-function m({ labels: n, series: s, height: u = 220, area: d = !0, dots: f = !0, gridLines: m = 4, className: h, formatValue: g = String, maxLabels: _ = 8 }) {
-	let [v, y] = i(null), b = r().replace(/:/g, ""), x = s.flatMap((e) => e.data), S = Math.max(...x, 1), C = Math.min(...x, 0), w = S - C || 1, T = n.length, E = c(T, _);
+var h = c;
+function g({ labels: n, series: s, height: c = 220, area: l = !0, dots: f = !0, gridLines: p = 4, className: m, formatValue: g = String, maxLabels: _ = 8 }) {
+	let [v, y] = i(null), b = r().replace(/:/g, ""), x = s.flatMap((e) => e.data), S = Math.max(...x, 1), C = Math.min(...x, 0), w = S - C || 1, T = n.length, E = u(T, _);
 	function D(e) {
 		return e.map((e, t) => ({
 			x: T === 1 ? 50 : t / (T - 1) * 92 + 4,
@@ -369,8 +378,8 @@ function m({ labels: n, series: s, height: u = 220, area: d = !0, dots: f = !0,
 		return t;
 	}
 	return /* @__PURE__ */ o("div", {
-		className: e("relative w-full select-none", h),
-		style: { height: u },
+		className: e("relative w-full select-none", m),
+		style: { height: c },
 		children: [
 			/* @__PURE__ */ o("svg", {
 				viewBox: "0 0 100 100",
@@ -378,7 +387,7 @@ function m({ labels: n, series: s, height: u = 220, area: d = !0, dots: f = !0,
 				className: "absolute inset-0 w-full h-full overflow-visible text-black dark:text-white",
 				children: [
 					/* @__PURE__ */ a("defs", { children: s.map((e, t) => {
-						let n = e.color ?? p[t % p.length];
+						let n = e.color ?? h[t % h.length];
 						return /* @__PURE__ */ o("linearGradient", {
 							id: `${b}-mlg-${t}`,
 							x1: "0",
@@ -396,20 +405,20 @@ function m({ labels: n, series: s, height: u = 220, area: d = !0, dots: f = !0,
 							})]
 						}, t);
 					}) }),
-					Array.from({ length: m + 1 }).map((e, t) => /* @__PURE__ */ a("line", {
+					Array.from({ length: p + 1 }).map((e, t) => /* @__PURE__ */ a("line", {
 						x1: "4",
-						y1: t / m * 84 + 4,
+						y1: t / p * 84 + 4,
 						x2: "96",
-						y2: t / m * 84 + 4,
+						y2: t / p * 84 + 4,
 						stroke: "currentColor",
 						strokeOpacity: "0.07",
 						strokeWidth: "0.3"
 					}, t)),
 					s.map((e, r) => {
-						let i = e.color ?? p[r % p.length], s = D(e.data), c = O(s), l = c ? `${c} L${s[s.length - 1].x},92 L${s[0].x},92 Z` : "";
+						let i = e.color ?? h[r % h.length], s = D(e.data), c = O(s), u = c ? `${c} L${s[s.length - 1].x},92 L${s[0].x},92 Z` : "";
 						return /* @__PURE__ */ o("g", { children: [
-							d && l && /* @__PURE__ */ a("path", {
-								d: l,
+							l && u && /* @__PURE__ */ a("path", {
+								d: u,
 								fill: `url(#${b}-mlg-${r})`,
 								style: { pointerEvents: "none" }
 							}),
@@ -488,32 +497,25 @@ function m({ labels: n, series: s, height: u = 220, area: d = !0, dots: f = !0,
 					children: e
 				}, t) : null)
 			}),
-			/* @__PURE__ */ a(l, { tooltip: v })
+			/* @__PURE__ */ a(d, { tooltip: v })
 		]
 	});
 }
 //#endregion
 //#region src/components/charts/donut-chart.tsx
-var h = [
-	"var(--color-accent-500)",
-	"#10b981",
-	"#f59e0b",
-	"#f43f5e",
-	"#8b5cf6",
-	"#06b6d4"
-];
-function g({ data: n, size: r = 190, thickness: s = 28, centerLabel: c, className: u }) {
-	let [d, f] = i(null), [p, m] = i(null), g = n.reduce((e, t) => e + t.value, 0) || 1, _ = 50 - s / 2, v = 2 * Math.PI * _, y = 0, b = n.map((e, t) => {
-		let n = e.value / g, r = y;
+var _ = c;
+function v({ data: n, size: r = 190, thickness: s = 28, centerLabel: c, className: l }) {
+	let [u, f] = i(null), [p, m] = i(null), h = n.reduce((e, t) => e + t.value, 0) || 1, g = 50 - s / 2, v = 2 * Math.PI * g, y = 0, b = n.map((e, t) => {
+		let n = e.value / h, r = y;
 		return y += n, {
 			...e,
 			frac: n,
 			offset: r,
-			color: e.color ?? h[t % h.length]
+			color: e.color ?? _[t % _.length]
 		};
 	});
 	return /* @__PURE__ */ o("div", {
-		className: e("inline-flex flex-col items-center gap-5", u),
+		className: e("inline-flex flex-col items-center gap-5", l),
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "relative",
@@ -527,7 +529,7 @@ function g({ data: n, size: r = 190, thickness: s = 28, centerLabel: c, classNam
 					children: [/* @__PURE__ */ a("circle", {
 						cx: 50,
 						cy: 50,
-						r: _,
+						r: g,
 						fill: "none",
 						stroke: "currentColor",
 						strokeOpacity: "0.07",
@@ -537,7 +539,7 @@ function g({ data: n, size: r = 190, thickness: s = 28, centerLabel: c, classNam
 						return /* @__PURE__ */ a(t.circle, {
 							cx: 50,
 							cy: 50,
-							r: _,
+							r: g,
 							fill: "none",
 							stroke: e.color,
 							strokeWidth: p === n ? s / 2 + 1.5 : s / 2,
@@ -566,7 +568,7 @@ function g({ data: n, size: r = 190, thickness: s = 28, centerLabel: c, classNam
 											children: e.label
 										}),
 										/* @__PURE__ */ a("span", {
-											className: "font-semibold text-gray-900 dark:text-white",
+											className: "font-semibold text-foreground",
 											children: e.value
 										}),
 										/* @__PURE__ */ o("span", {
@@ -604,22 +606,16 @@ function g({ data: n, size: r = 190, thickness: s = 28, centerLabel: c, classNam
 					})]
 				}, t))
 			}),
-			/* @__PURE__ */ a(l, { tooltip: d })
+			/* @__PURE__ */ a(d, { tooltip: u })
 		]
 	});
 }
 //#endregion
 //#region src/components/charts/scatter-chart.tsx
-var _ = [
-	"var(--color-accent-500)",
-	"#10b981",
-	"#f59e0b",
-	"#f43f5e",
-	"#8b5cf6"
-];
-function v({ series: t, height: n = 260, xLabel: r, gridLines: s = 4, className: c, formatX: u = String, formatY: d = String }) {
-	let [f, p] = i(null), [m, h] = i(null), g = t.flatMap((e) => e.data.map((e) => e.x)), v = t.flatMap((e) => e.data.map((e) => e.y)), y = Math.min(...g), b = Math.max(...g), x = Math.min(...v), S = Math.max(...v), C = b - y || 1, w = S - x || 1, T = (e, t) => ({
-		left: 8 + (e - y) / C * 88,
+var y = c;
+function b({ series: t, height: n = 260, xLabel: r, gridLines: s = 4, className: c, formatX: l = String, formatY: u = String }) {
+	let [f, p] = i(null), [m, h] = i(null), g = t.flatMap((e) => e.data.map((e) => e.x)), _ = t.flatMap((e) => e.data.map((e) => e.y)), v = Math.min(...g), b = Math.max(...g), x = Math.min(..._), S = Math.max(..._), C = b - v || 1, w = S - x || 1, T = (e, t) => ({
+		left: 8 + (e - v) / C * 88,
 		top: 6 + (S - t) / w * 82
 	});
 	return /* @__PURE__ */ o("div", {
@@ -672,16 +668,16 @@ function v({ series: t, height: n = 260, xLabel: r, gridLines: s = 4, className:
 				]
 			}),
 			t.map((e, t) => {
-				let n = e.color ?? _[t % _.length];
+				let n = e.color ?? y[t % y.length];
 				return e.data.map((r, i) => {
-					let { left: s, top: c } = T(r.x, r.y), l = (r.r ?? 1) * 10, f = `${t}-${i}`, g = m === f;
+					let { left: s, top: c } = T(r.x, r.y), d = (r.r ?? 1) * 10, f = `${t}-${i}`, g = m === f;
 					return /* @__PURE__ */ a("div", {
 						style: {
 							position: "absolute",
 							left: `${s}%`,
 							top: `${c}%`,
-							width: l,
-							height: l,
+							width: d,
+							height: d,
 							borderRadius: "50%",
 							transform: "translate(-50%, -50%)",
 							backgroundColor: r.color ?? n,
@@ -700,12 +696,12 @@ function v({ series: t, height: n = 260, xLabel: r, gridLines: s = 4, className:
 								className: "text-slate-500 dark:text-slate-400 mr-2",
 								children: r.label ?? e.label
 							}), /* @__PURE__ */ o("span", {
-								className: "font-semibold text-gray-900 dark:text-white",
+								className: "font-semibold text-foreground",
 								children: [
 									"(",
-									u(r.x),
+									l(r.x),
 									", ",
-									d(r.y),
+									u(r.y),
 									")"
 								]
 							})] })
@@ -729,36 +725,29 @@ function v({ series: t, height: n = 260, xLabel: r, gridLines: s = 4, className:
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ a("span", {
 						className: "w-2.5 h-2.5 rounded-full shrink-0",
-						style: { backgroundColor: e.color ?? _[t % _.length] }
+						style: { backgroundColor: e.color ?? y[t % y.length] }
 					}), /* @__PURE__ */ a("span", {
 						className: "text-xs text-slate-500",
 						children: e.label
 					})]
 				}, t))
 			}),
-			/* @__PURE__ */ a(l, { tooltip: f })
+			/* @__PURE__ */ a(d, { tooltip: f })
 		]
 	});
 }
 //#endregion
 //#region src/components/charts/gantt-chart.tsx
-var y = [
-	"var(--color-accent-500)",
-	"#10b981",
-	"#f59e0b",
-	"#f43f5e",
-	"#8b5cf6",
-	"#06b6d4"
-];
-function b({ tasks: t, total: r, xLabels: s, rowHeight: c = 42, className: u }) {
-	let [d, f] = i(null), [p, m] = i(null), [h, g] = i(!1);
+var x = c;
+function S({ tasks: t, total: r, xLabels: s, rowHeight: c = 42, className: l }) {
+	let [u, f] = i(null), [p, m] = i(null), [h, g] = i(!1);
 	n(() => {
 		let e = requestAnimationFrame(() => g(!0));
 		return () => cancelAnimationFrame(e);
 	}, []);
 	let _ = r ?? Math.max(...t.map((e) => e.end), 1), v = t.length * c + 28;
 	return /* @__PURE__ */ o("div", {
-		className: e("relative w-full select-none overflow-x-auto", u),
+		className: e("relative w-full select-none overflow-x-auto", l),
 		children: [/* @__PURE__ */ o("div", {
 			style: {
 				height: v,
@@ -775,7 +764,7 @@ function b({ tasks: t, total: r, xLabels: s, rowHeight: c = 42, className: u })
 					}, t))
 				}),
 				t.map((e, t) => {
-					let n = e.color ?? y[t % y.length], r = e.start / _ * 100, i = (e.end - e.start) / _ * 100, s = p === e.id;
+					let n = e.color ?? x[t % x.length], r = e.start / _ * 100, i = (e.end - e.start) / _ * 100, s = p === e.id;
 					return /* @__PURE__ */ a("div", {
 						className: "absolute left-0 right-0 flex items-center",
 						style: {
@@ -800,7 +789,7 @@ function b({ tasks: t, total: r, xLabels: s, rowHeight: c = 42, className: u })
 								x: t.clientX,
 								y: t.clientY,
 								content: /* @__PURE__ */ o("span", { children: [/* @__PURE__ */ a("span", {
-									className: "font-semibold text-gray-900 dark:text-white mr-2",
+									className: "font-semibold text-foreground mr-2",
 									children: e.label
 								}), /* @__PURE__ */ o("span", {
 									className: "text-slate-500 dark:text-slate-400",
@@ -815,7 +804,7 @@ function b({ tasks: t, total: r, xLabels: s, rowHeight: c = 42, className: u })
 								m(null), f(null);
 							},
 							children: /* @__PURE__ */ a("span", {
-								className: "text-xs font-medium text-gray-900 dark:text-white/90 truncate leading-none select-none",
+								className: "text-xs font-medium text-foreground truncate leading-none select-none",
 								children: e.label
 							})
 						})
@@ -830,15 +819,15 @@ function b({ tasks: t, total: r, xLabels: s, rowHeight: c = 42, className: u })
 					}, t))
 				})
 			]
-		}), /* @__PURE__ */ a(l, { tooltip: d })]
+		}), /* @__PURE__ */ a(d, { tooltip: u })]
 	});
 }
 //#endregion
 //#region src/components/charts/heatmap-chart.tsx
-function x({ data: t, rowLabels: n, colLabels: r, color: s = "var(--color-accent-500)", cellSize: c = 34, className: u, formatValue: d = String }) {
+function C({ data: t, rowLabels: n, colLabels: r, color: s = "var(--chart-1)", cellSize: c = 34, className: l, formatValue: u = String }) {
 	let [f, p] = i(null), m = t.flat(), h = Math.min(...m), g = Math.max(...m, 1) - h || 1, _ = (e) => .08 + (e - h) / g * .88, v = n ? 56 : 0;
 	return /* @__PURE__ */ o("div", {
-		className: e("select-none overflow-x-auto", u),
+		className: e("select-none overflow-x-auto", l),
 		children: [/* @__PURE__ */ o("div", {
 			style: {
 				display: "inline-flex",
@@ -897,28 +886,22 @@ function x({ data: t, rowLabels: n, colLabels: r, color: s = "var(--color-accent
 								children: r[i]
 							}),
 							/* @__PURE__ */ a("span", {
-								className: "font-semibold text-gray-900 dark:text-white",
-								children: d(e)
+								className: "font-semibold text-foreground",
+								children: u(e)
 							})
 						] })
 					}),
 					onMouseLeave: () => p(null)
 				}, i))]
 			}, t))]
-		}), /* @__PURE__ */ a(l, { tooltip: f })]
+		}), /* @__PURE__ */ a(d, { tooltip: f })]
 	});
 }
 //#endregion
 //#region src/components/charts/radar-chart.tsx
-var S = [
-	"var(--color-accent-500)",
-	"#10b981",
-	"#f59e0b",
-	"#f43f5e",
-	"#8b5cf6"
-];
-function C({ axes: t, series: n, size: r = 240, gridLines: s = 4, className: c }) {
-	let [u, d] = i(null), f = t.length, p = (e) => Math.PI * 2 * e / f - Math.PI / 2, m = (e, t) => ({
+var w = c;
+function T({ axes: t, series: n, size: r = 240, gridLines: s = 4, className: c }) {
+	let [l, u] = i(null), f = t.length, p = (e) => Math.PI * 2 * e / f - Math.PI / 2, m = (e, t) => ({
 		x: 50 + e * Math.cos(p(t)),
 		y: 50 + e * Math.sin(p(t))
 	}), h = Math.max(...n.flatMap((e) => e.data), 1), g = (e) => e.map((e, t) => {
@@ -959,7 +942,7 @@ function C({ axes: t, series: n, size: r = 240, gridLines: s = 4, className: c }
 						}, t);
 					}),
 					n.map((e, n) => {
-						let r = e.color ?? S[n % S.length];
+						let r = e.color ?? w[n % w.length];
 						return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("path", {
 							d: g(e.data),
 							fill: r,
@@ -981,7 +964,7 @@ function C({ axes: t, series: n, size: r = 240, gridLines: s = 4, className: c }
 									fillOpacity: .9,
 									cursor: "pointer"
 								},
-								onMouseMove: (i) => d({
+								onMouseMove: (i) => u({
 									x: i.clientX,
 									y: i.clientY,
 									content: /* @__PURE__ */ o("span", { children: [/* @__PURE__ */ a("span", {
@@ -993,7 +976,7 @@ function C({ axes: t, series: n, size: r = 240, gridLines: s = 4, className: c }
 										children: e
 									})] })
 								}),
-								onMouseLeave: () => d(null)
+								onMouseLeave: () => u(null)
 							}, n);
 						})] }, n);
 					}),
@@ -1018,28 +1001,22 @@ function C({ axes: t, series: n, size: r = 240, gridLines: s = 4, className: c }
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ a("span", {
 						className: "w-2.5 h-2.5 rounded-full shrink-0",
-						style: { backgroundColor: e.color ?? S[t % S.length] }
+						style: { backgroundColor: e.color ?? w[t % w.length] }
 					}), /* @__PURE__ */ a("span", {
 						className: "text-sm text-slate-600 dark:text-slate-300",
 						children: e.label
 					})]
 				}, t))
 			}),
-			/* @__PURE__ */ a(l, { tooltip: u })
+			/* @__PURE__ */ a(d, { tooltip: l })
 		]
 	});
 }
 //#endregion
 //#region src/components/charts/funnel-chart.tsx
-var w = [
-	"var(--color-accent-500)",
-	"#6366f1",
-	"#8b5cf6",
-	"#a855f7",
-	"#c084fc"
-];
-function T({ data: t, className: r, formatValue: s = String }) {
-	let [c, u] = i(null), [d, f] = i(null), [p, m] = i(!1);
+var E = l;
+function D({ data: t, className: r, formatValue: s = String }) {
+	let [c, l] = i(null), [u, f] = i(null), [p, m] = i(!1);
 	n(() => {
 		let e = requestAnimationFrame(() => m(!0));
 		return () => cancelAnimationFrame(e);
@@ -1048,7 +1025,7 @@ function T({ data: t, className: r, formatValue: s = String }) {
 	return /* @__PURE__ */ o("div", {
 		className: e("w-full select-none flex flex-col gap-2", r),
 		children: [t.map((e, n) => {
-			let r = 18 + e.value / h * 82, i = e.color ?? w[n % w.length], c = d === n, l = n > 0 ? (e.value / t[0].value * 100).toFixed(0) : null;
+			let r = 18 + e.value / h * 82, i = e.color ?? E[n % E.length], c = u === n, d = n > 0 ? (e.value / t[0].value * 100).toFixed(0) : null;
 			return /* @__PURE__ */ o("div", {
 				className: "flex items-center gap-3",
 				children: [
@@ -1064,12 +1041,12 @@ function T({ data: t, className: r, formatValue: s = String }) {
 							style: {
 								width: p ? `${r}%` : "18%",
 								backgroundColor: i,
-								opacity: d !== null && !c ? .3 : c ? 1 : .78,
+								opacity: u !== null && !c ? .3 : c ? 1 : .78,
 								boxShadow: c ? `0 0 0 2px ${i}88` : "none",
 								transition: p ? `width 0.45s ${n * .06}s cubic-bezier(0.25,0.46,0.45,0.94), opacity 0.12s, box-shadow 0.12s` : "none"
 							},
 							onMouseEnter: () => f(n),
-							onMouseMove: (t) => u({
+							onMouseMove: (t) => l({
 								x: t.clientX,
 								y: t.clientY,
 								content: /* @__PURE__ */ o("span", { children: [
@@ -1078,17 +1055,17 @@ function T({ data: t, className: r, formatValue: s = String }) {
 										children: e.label
 									}),
 									/* @__PURE__ */ a("span", {
-										className: "font-semibold text-gray-900 dark:text-white",
+										className: "font-semibold text-foreground",
 										children: s(e.value)
 									}),
-									l && /* @__PURE__ */ o("span", {
+									d && /* @__PURE__ */ o("span", {
 										className: "text-slate-500 dark:text-slate-400 ml-2",
-										children: [l, "% of total"]
+										children: [d, "% of total"]
 									})
 								] })
 							}),
 							onMouseLeave: () => {
-								f(null), u(null);
+								f(null), l(null);
 							}
 						})
 					}),
@@ -1098,20 +1075,20 @@ function T({ data: t, className: r, formatValue: s = String }) {
 						children: [/* @__PURE__ */ a("span", {
 							className: "text-sm font-semibold text-slate-800 dark:text-slate-100 tabular-nums leading-none",
 							children: s(e.value)
-						}), l && /* @__PURE__ */ o("span", {
+						}), d && /* @__PURE__ */ o("span", {
 							className: "ml-2 text-xs text-slate-500 dark:text-slate-400 tabular-nums",
-							children: [l, "%"]
+							children: [d, "%"]
 						})]
 					})
 				]
 			}, n);
-		}), /* @__PURE__ */ a(l, { tooltip: c })]
+		}), /* @__PURE__ */ a(d, { tooltip: c })]
 	});
 }
 //#endregion
 //#region src/components/charts/waterfall-chart.tsx
-function E({ data: t, height: s = 240, className: c, formatValue: u = String }) {
-	let [d, f] = i(null), [p, m] = i(null), [h, g] = i(!1), _ = r().replace(/:/g, "");
+function O({ data: t, height: s = 240, className: c, formatValue: l = String }) {
+	let [u, f] = i(null), [p, m] = i(null), [h, g] = i(!1), _ = r().replace(/:/g, "");
 	n(() => {
 		let e = requestAnimationFrame(() => g(!0));
 		return () => cancelAnimationFrame(e);
@@ -1124,7 +1101,7 @@ function E({ data: t, height: s = 240, className: c, formatValue: u = String })
 			...e,
 			base: t,
 			end: n,
-			color: e.color ?? (e.total ? "var(--color-slate-500)" : e.value >= 0 ? "#10b981" : "#f43f5e")
+			color: e.color ?? (e.total ? "var(--color-slate-500)" : e.value >= 0 ? "var(--chart-2)" : "var(--chart-4)")
 		};
 	}), b = y.flatMap((e) => [e.base, e.end]), x = Math.min(...b, 0), S = Math.max(...b, 1), C = S - x || 1, w = (e) => 6 + (S - e) / C * 82, T = 100 / y.length, E = T * .2, D = T - E * 2;
 	return /* @__PURE__ */ o("div", {
@@ -1190,7 +1167,7 @@ function E({ data: t, height: s = 240, className: c, formatValue: u = String })
 						}, t);
 					}),
 					y.map((e, t) => {
-						let n = w(Math.max(e.base, e.end)), r = w(Math.min(e.base, e.end)), i = Math.max(r - n, .5), s = t * T + E, c = .4, l = t * .05;
+						let n = w(Math.max(e.base, e.end)), r = w(Math.min(e.base, e.end)), i = Math.max(r - n, .5), s = t * T + E, c = .4, u = t * .05;
 						return /* @__PURE__ */ a("rect", {
 							x: s,
 							width: D,
@@ -1207,7 +1184,7 @@ function E({ data: t, height: s = 240, className: c, formatValue: u = String })
 								}), /* @__PURE__ */ o("span", {
 									className: "font-semibold",
 									style: { color: e.color },
-									children: [e.value >= 0 && !e.total ? "+" : "", u(e.value)]
+									children: [e.value >= 0 && !e.total ? "+" : "", l(e.value)]
 								})] })
 							}),
 							onMouseLeave: () => {
@@ -1217,7 +1194,7 @@ function E({ data: t, height: s = 240, className: c, formatValue: u = String })
 							style: {
 								fill: `url(#${_}-wf-${t})`,
 								fillOpacity: p !== null && p !== t ? .35 : 1,
-								transition: h ? `y ${c}s ${l}s cubic-bezier(0.25,0.46,0.45,0.94), height ${c}s ${l}s cubic-bezier(0.25,0.46,0.45,0.94), fill-opacity 0.12s` : "none"
+								transition: h ? `y ${c}s ${u}s cubic-bezier(0.25,0.46,0.45,0.94), height ${c}s ${u}s cubic-bezier(0.25,0.46,0.45,0.94), fill-opacity 0.12s` : "none"
 							}
 						}, t);
 					}),
@@ -1240,9 +1217,9 @@ function E({ data: t, height: s = 240, className: c, formatValue: u = String })
 					children: t.label
 				}, n))
 			}),
-			/* @__PURE__ */ a(l, { tooltip: d })
+			/* @__PURE__ */ a(d, { tooltip: u })
 		]
 	});
 }
 //#endregion
-export { b as a, m as c, x as i, f as l, T as n, v as o, C as r, g as s, E as t, u };
+export { S as a, g as c, C as i, m as l, D as n, b as o, T as r, v as s, O as t, f as u };