@cascivo/charts 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { useSignal as e, useSignalEffect as t, useSignals as n } from "@cascivo/core";
-import { useId as r, useRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { builtin as c, t as l } from "@cascivo/i18n";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { useId as a, useRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/engine/scale.ts
 function u(e, t) {
 	let [n, r] = e, [i, a] = t, o = r - n;
@@ -202,8 +202,30 @@ function C(e) {
 	}));
 }
 //#endregion
+//#region src/engine/stacked.ts
+function w(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	for (let r of e) for (let e of r.segments) n.has(e.key) ? n.get(e.key) == null && e.color != null && n.set(e.key, e.color) : (t.push(e.key), n.set(e.key, e.color));
+	return {
+		series: t.map((t) => {
+			let r = n.get(t);
+			return {
+				id: t,
+				label: t,
+				...r != null && { color: r },
+				data: e.map((e) => ({
+					x: e.label,
+					y: e.segments.find((e) => e.key === t)?.value ?? 0
+				}))
+			};
+		}),
+		x: (e) => e.x,
+		y: (e) => e.y
+	};
+}
+//#endregion
 //#region src/engine/nearest.ts
-function w(e, t) {
+function T(e, t) {
 	if (e.length === 0) return -1;
 	if (e.length === 1) return 0;
 	let n = 0, r = e.length - 1;
@@ -215,11 +237,11 @@ function w(e, t) {
 }
 //#endregion
 //#region src/engine/stats.ts
-function T(e) {
+function E(e) {
 	let t = e.length, n = e[Math.floor(t * .25)] ?? 0;
 	return (e[Math.floor(t * .75)] ?? 0) - n;
 }
-function E(e, t) {
+function D(e, t) {
 	if (e.length === 0) return [];
 	let n = [...e].sort((e, t) => e - t), r = n.length, i = n[0] ?? 0, a = n[r - 1] ?? 0;
 	if (i === a) return [{
@@ -230,7 +252,7 @@ function E(e, t) {
 	let o;
 	if (t !== void 0 && t > 0) o = t;
 	else {
-		let e = 2 * T(n) * r ** (-1 / 3);
+		let e = 2 * E(n) * r ** (-1 / 3);
 		o = Math.ceil(e > 0 ? (a - i) / e : Math.sqrt(r)), o = Math.max(1, Math.min(o, 200));
 	}
 	let s = (a - i) / o, c = Array.from({ length: o }, (e, t) => ({
@@ -244,7 +266,7 @@ function E(e, t) {
 	}
 	return c;
 }
-function D(e) {
+function O(e) {
 	if (e.length === 0) return {
 		min: 0,
 		q1: 0,
@@ -266,7 +288,7 @@ function D(e) {
 		outliers: d
 	};
 }
-function O(e) {
+function k(e) {
 	if (e.length === 0) return [0, 1];
 	let t = e[0] ?? 0, n = e[0] ?? 0;
 	for (let r of e) r < t && (t = r), r > n && (n = r);
@@ -274,11 +296,11 @@ function O(e) {
 }
 //#endregion
 //#region src/engine/treemap.ts
-function k(e, t, n) {
+function A(e, t, n) {
 	let r = Math.max(...e), i = Math.min(...e);
 	return Math.max(t * t * r / (n * n), n * n / (t * t * i));
 }
-function A(e, t, n, r, i, a, o) {
+function j(e, t, n, r, i, a, o) {
 	let s = e.reduce((e, t) => e + t, 0), c = t, l = n;
 	for (let t = 0; t < e.length; t++) {
 		let n = e[t] ?? 0, u = a[t] ?? "";
@@ -303,85 +325,85 @@ function A(e, t, n, r, i, a, o) {
 		}
 	}
 }
-function j(e, t, n, r, i, a) {
+function M(e, t, n, r, i, a) {
 	if (e.length === 0 || r <= 0 || i <= 0) return;
 	let o = e.reduce((e, t) => e + t.value, 0);
 	if (o === 0) return;
 	let s = r * i, c = e.map((e) => e.value / o * s), l = e.map((e) => e.id), u = [], d = [], f = Math.min(r, i), p = 0, m = 0;
 	for (; m < c.length;) {
 		let o = c[m] ?? 0, h = l[m] ?? "", g = [...u, o], _ = p + o;
-		if (u.length === 0 || k(g, f, _) <= k(u, f, p)) u = g, d = [...d, h], p = _, m++;
+		if (u.length === 0 || A(g, f, _) <= A(u, f, p)) u = g, d = [...d, h], p = _, m++;
 		else {
 			let o = p / s;
 			if (r >= i) {
 				let s = o * r;
-				A(u, t, n, s, i, d, a), j(e.slice(m), t + s, n, r - s, i, a);
+				j(u, t, n, s, i, d, a), M(e.slice(m), t + s, n, r - s, i, a);
 			} else {
 				let s = o * i;
-				A(u, t, n, r, s, d, a), j(e.slice(m), t, n + s, r, i - s, a);
+				j(u, t, n, r, s, d, a), M(e.slice(m), t, n + s, r, i - s, a);
 			}
 			return;
 		}
 	}
 	if (u.length > 0) {
 		let e = p / s;
-		r >= i ? A(u, t, n, e * r, i, d, a) : A(u, t, n, r, e * i, d, a);
+		r >= i ? j(u, t, n, e * r, i, d, a) : j(u, t, n, r, e * i, d, a);
 	}
 }
-function M(e, t, n) {
+function N(e, t, n) {
 	if (e.length === 0 || t <= 0 || n <= 0) return [];
 	let r = [...e].sort((e, t) => t.value - e.value), i = [];
-	return j(r, 0, 0, t, n, i), i;
+	return M(r, 0, 0, t, n, i), i;
 }
 //#endregion
 //#region src/core/use-chart.ts
-function N(n = 400, r = 300) {
-	let a = i(null), o = e(n), s = e(r);
+function P(n = 400, r = 300) {
+	let i = o(null), a = e(n), s = e(r);
 	return t(() => {
-		let e = a.current;
+		let e = i.current;
 		if (!e) return;
 		if (typeof ResizeObserver > "u") {
 			let t = e.getBoundingClientRect();
-			t.width > 0 && (o.value = t.width), t.height > 0 && (s.value = t.height);
+			t.width > 0 && (a.value = t.width), t.height > 0 && (s.value = t.height);
 			return;
 		}
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
 				let { contentRect: e } = t;
-				e.width > 0 && (o.value = e.width), e.height > 0 && (s.value = e.height);
+				e.width > 0 && (a.value = e.width), e.height > 0 && (s.value = e.height);
 			}
 		});
 		return t.observe(e), () => t.disconnect();
 	}), {
-		ref: a,
-		width: o,
+		ref: i,
+		width: a,
 		height: s
 	};
 }
-var P = {
+var F = {
 	top: 8,
 	right: 8,
 	bottom: 24,
 	left: 36
-}, F = {
+}, I = {
 	top: 2,
 	right: 2,
 	bottom: 2,
 	left: 2
-}, I = {
+}, L = {
 	frame: "_frame_1aivh_2",
 	fallback: "_fallback_1aivh_7"
 };
 //#endregion
 //#region src/core/data-point.ts
-function L(e) {
+function R(e) {
 	return `${e.label}: ${e.value}`;
 }
 //#endregion
 //#region src/core/chart-tooltip.tsx
 function ee({ point: e, model: t }) {
-	let n = t.format ? t.format(e) : L(e);
-	return /* @__PURE__ */ o("div", {
+	let n = t.format ? t.format(e) : R(e), r = e.segments?.filter((e) => e.value !== 0);
+	return /* @__PURE__ */ c("div", {
 		role: "tooltip",
 		style: {
 			position: "absolute",
@@ -398,7 +420,32 @@ function ee({ point: e, model: t }) {
 			boxShadow: "var(--cascivo-shadow-sm, 0 1px 4px rgba(0,0,0,0.1))",
 			zIndex: 10
 		},
-		children: n
+		children: r && r.length > 0 ? /* @__PURE__ */ l("span", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "2px"
+			},
+			children: [/* @__PURE__ */ l("span", {
+				style: { fontWeight: 600 },
+				"data-tooltip-header": "",
+				children: [
+					e.label,
+					" · ",
+					e.value
+				]
+			}), r.map((e) => /* @__PURE__ */ l("span", {
+				style: e.color ? { color: e.color } : void 0,
+				children: [
+					e.label,
+					": ",
+					e.value
+				]
+			}, e.label))]
+		}) : /* @__PURE__ */ c("span", {
+			style: e.color ? { color: e.color } : void 0,
+			children: n
+		})
 	});
 }
 //#endregion
@@ -414,54 +461,67 @@ function te(e, t, n, r = "xy") {
 }
 //#endregion
 //#region src/core/chart-frame.tsx
-function R({ title: c, description: l, width: u, height: d = 300, fallback: f, children: p, className: m, "data-state": h, plain: g, tooltip: _ }) {
+function z({ title: u, description: d, width: f, height: p = 300, fallback: m, children: h, className: g, "data-state": _, emptyLabel: v, plain: y, tooltip: b }) {
 	n();
-	let v = r(), y = `${v}-desc`, b = `${v}-live`, { ref: x, width: S, height: C } = N(u ?? 400, d), w = e(null), T = i(null), E = u ?? S.value, D = d ?? C.value, O = typeof _ == "function" ? _({
-		width: E,
-		height: D
-	}) : _;
+	let x = a(), S = `${x}-desc`, C = `${x}-live`, { ref: w, width: T, height: E } = P(f ?? 400, p), D = e(null), O = o(null), k = f ?? T.value, A = p ?? E.value, j = typeof b == "function" ? b({
+		width: k,
+		height: A
+	}) : b;
 	t(() => {
-		let e = w.value;
-		if (!O || !T.current) return;
-		let t = e === null ? void 0 : O.points[e];
-		T.current.textContent = t ? (O.format ?? L)(t) : "";
+		let e = D.value;
+		if (!j || !O.current) return;
+		let t = e === null ? void 0 : j.points[e];
+		O.current.textContent = t ? (j.format ?? R)(t) : "";
 	});
-	let k = {
+	let M = {
 		position: "absolute",
 		inset: 0,
 		cursor: "crosshair",
 		background: "transparent"
-	}, A = O === void 0 ? void 0 : { position: "relative" };
-	return /* @__PURE__ */ s("div", {
-		ref: x,
-		className: [I.frame, m].filter(Boolean).join(" "),
-		style: A,
-		...h !== void 0 && { "data-state": h },
-		...g === !0 && { "data-plain": "" },
+	}, N = j === void 0 ? void 0 : { position: "relative" };
+	return /* @__PURE__ */ l("div", {
+		ref: w,
+		className: [L.frame, g].filter(Boolean).join(" "),
+		style: N,
+		..._ !== void 0 && { "data-state": _ },
+		...y === !0 && { "data-plain": "" },
 		children: [
-			/* @__PURE__ */ s("svg", {
+			/* @__PURE__ */ l("svg", {
 				role: "img",
-				"aria-label": c,
-				"aria-describedby": l ? y : void 0,
-				width: E,
-				height: D,
-				viewBox: `0 0 ${E} ${D}`,
-				children: [l && /* @__PURE__ */ o("desc", {
-					id: y,
-					children: l
-				}), p({
-					width: E,
-					height: D
-				})]
+				"aria-label": u,
+				"aria-describedby": d ? S : void 0,
+				width: k,
+				height: A,
+				viewBox: `0 0 ${k} ${A}`,
+				children: [
+					d && /* @__PURE__ */ c("desc", {
+						id: S,
+						children: d
+					}),
+					h({
+						width: k,
+						height: A
+					}),
+					_ === "empty" && /* @__PURE__ */ c("text", {
+						x: k / 2,
+						y: A / 2,
+						textAnchor: "middle",
+						dominantBaseline: "central",
+						fill: "var(--cascivo-color-foreground-muted)",
+						fontSize: "0.875rem",
+						"data-empty": "",
+						children: v ?? i(r.charts.noData)
+					})
+				]
 			}),
-			f && /* @__PURE__ */ o("div", {
-				className: I.fallback,
-				children: f
+			m && /* @__PURE__ */ c("div", {
+				className: L.fallback,
+				children: m
 			}),
-			O !== void 0 && /* @__PURE__ */ s(a, { children: [
-				/* @__PURE__ */ o("span", {
-					id: b,
-					ref: T,
+			j !== void 0 && /* @__PURE__ */ l(s, { children: [
+				/* @__PURE__ */ c("span", {
+					id: C,
+					ref: O,
 					"aria-live": "polite",
 					style: {
 						position: "absolute",
@@ -475,9 +535,9 @@ function R({ title: c, description: l, width: u, height: d = 300, fallback: f, c
 						border: 0
 					}
 				}),
-				w.value !== null && O.points[w.value] !== void 0 && (() => {
-					let e = O.points[w.value];
-					return /* @__PURE__ */ o("div", {
+				D.value !== null && j.points[D.value] !== void 0 && (() => {
+					let e = j.points[D.value];
+					return /* @__PURE__ */ c("div", {
 						"aria-hidden": "true",
 						style: {
 							position: "absolute",
@@ -493,33 +553,33 @@ function R({ title: c, description: l, width: u, height: d = 300, fallback: f, c
 						}
 					});
 				})(),
-				w.value !== null && O.points[w.value] !== void 0 && /* @__PURE__ */ o(ee, {
-					point: O.points[w.value],
-					model: O
+				D.value !== null && j.points[D.value] !== void 0 && /* @__PURE__ */ c(ee, {
+					point: j.points[D.value],
+					model: j
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ c("div", {
 					role: "application",
 					"aria-label": "Chart data — use arrow keys to navigate points",
 					tabIndex: 0,
-					style: k,
+					style: M,
 					onPointerMove: (e) => {
-						if (!O.points.length) return;
+						if (!j.points.length) return;
 						let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
-						w.value = te(O.points, n, r, "xy");
+						D.value = te(j.points, n, r, "xy");
 					},
 					onPointerLeave: () => {
-						w.value = null;
+						D.value = null;
 					},
 					onKeyDown: (e) => {
-						if (!O.points.length) return;
-						let t = w.value;
-						e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), w.value = t === null ? 0 : Math.min(t + 1, O.points.length - 1)) : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (e.preventDefault(), w.value = t === null ? O.points.length - 1 : Math.max(t - 1, 0)) : e.key === "Home" ? (e.preventDefault(), w.value = 0) : e.key === "End" ? (e.preventDefault(), w.value = O.points.length - 1) : e.key === "Escape" && (w.value = null);
+						if (!j.points.length) return;
+						let t = D.value;
+						e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), D.value = t === null ? 0 : Math.min(t + 1, j.points.length - 1)) : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (e.preventDefault(), D.value = t === null ? j.points.length - 1 : Math.max(t - 1, 0)) : e.key === "Home" ? (e.preventDefault(), D.value = 0) : e.key === "End" ? (e.preventDefault(), D.value = j.points.length - 1) : e.key === "Escape" && (D.value = null);
 					},
 					onFocus: () => {
-						O.points.length > 0 && w.value === null && (w.value = 0);
+						j.points.length > 0 && D.value === null && (D.value = 0);
 					},
 					onBlur: () => {
-						w.value = null;
+						D.value = null;
 					}
 				})
 			] })
@@ -537,47 +597,50 @@ function re(e) {
 function ie(e) {
 	return e instanceof Date ? e.toLocaleDateString() : typeof e == "number" ? e.toLocaleString() : String(e);
 }
-function z({ scale: e, orientation: t, length: n, format: r = ie, tickCount: i = 5, transform: a }) {
-	let c;
-	if (ne(e)) c = e.domain.map((t) => ({
-		position: (e.map(t) ?? 0) + e.bandwidth / 2,
-		label: r(t)
-	}));
-	else if (re(e)) c = e.ticks(i).map((t) => ({
+function B({ scale: e, orientation: t, length: n, format: r = ie, tickCount: i = 5, labelEvery: a, transform: o }) {
+	let s;
+	if (ne(e)) {
+		let t = e.domain.length - 1;
+		s = e.domain.map((t, n) => ({
+			position: (e.map(t) ?? 0) + e.bandwidth / 2,
+			label: r(t),
+			i: n
+		})).filter(({ i: e }) => a != null && a > 1 ? e % a === 0 || e === t : !0);
+	} else if (re(e)) s = e.ticks(i).map((t) => ({
 		position: e.map(t),
 		label: r(t)
 	}));
 	else {
 		let t = e;
-		c = t.ticks(i).map((e) => ({
+		s = t.ticks(i).map((e) => ({
 			position: t.map(e),
 			label: r(e)
 		}));
 	}
-	let l = t === "x";
-	return /* @__PURE__ */ s("g", {
-		transform: a,
+	let u = t === "x";
+	return /* @__PURE__ */ l("g", {
+		transform: o,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ o("line", {
+		children: [/* @__PURE__ */ c("line", {
 			x1: 0,
 			y1: 0,
-			x2: l ? n : 0,
-			y2: l ? 0 : n,
+			x2: u ? n : 0,
+			y2: u ? 0 : n,
 			stroke: "var(--cascivo-chart-axis)",
 			strokeWidth: 1
-		}), c.map(({ position: e, label: t }, n) => /* @__PURE__ */ s("g", {
-			transform: l ? `translate(${e},0)` : `translate(0,${e})`,
-			children: [/* @__PURE__ */ o("line", {
+		}), s.map(({ position: e, label: t }, n) => /* @__PURE__ */ l("g", {
+			transform: u ? `translate(${e},0)` : `translate(0,${e})`,
+			children: [/* @__PURE__ */ c("line", {
 				x1: 0,
 				y1: 0,
-				x2: l ? 0 : -4,
-				y2: l ? 4 : 0,
+				x2: u ? 0 : -4,
+				y2: u ? 4 : 0,
 				stroke: "var(--cascivo-chart-axis)",
 				strokeWidth: 1
-			}), /* @__PURE__ */ o("text", {
-				x: l ? 0 : -8,
-				y: l ? 16 : 4,
-				textAnchor: l ? "middle" : "end",
+			}), /* @__PURE__ */ c("text", {
+				x: u ? 0 : -8,
+				y: u ? 16 : 4,
+				textAnchor: u ? "middle" : "end",
 				fill: "var(--cascivo-chart-axis)",
 				fontSize: 11,
 				children: t
@@ -587,18 +650,18 @@ function z({ scale: e, orientation: t, length: n, format: r = ie, tickCount: i =
 }
 //#endregion
 //#region src/chrome/grid-lines.tsx
-function B({ scale: e, orientation: t, length: n, tickCount: r = 5, transform: i }) {
-	let a = e.ticks(r), s = t === "x";
-	return /* @__PURE__ */ o("g", {
+function V({ scale: e, orientation: t, length: n, tickCount: r = 5, transform: i }) {
+	let a = e.ticks(r), o = t === "x";
+	return /* @__PURE__ */ c("g", {
 		transform: i,
 		"aria-hidden": "true",
 		children: a.map((t) => {
 			let r = e.map(t);
-			return /* @__PURE__ */ o("line", {
-				x1: s ? r : 0,
-				y1: s ? 0 : r,
-				x2: s ? r : n,
-				y2: s ? n : r,
+			return /* @__PURE__ */ c("line", {
+				x1: o ? r : 0,
+				y1: o ? 0 : r,
+				x2: o ? r : n,
+				y2: o ? n : r,
 				stroke: "var(--cascivo-chart-grid)",
 				strokeWidth: 1,
 				strokeDasharray: "2 4"
@@ -606,31 +669,31 @@ function B({ scale: e, orientation: t, length: n, tickCount: r = 5, transform: i
 		})
 	});
 }
-var V = {
+var H = {
 	legend: "_legend_zczeh_2",
 	item: "_item_zczeh_9",
 	swatch: "_swatch_zczeh_27"
 };
 //#endregion
 //#region src/chrome/legend.tsx
-function H({ series: e, hidden: t }) {
-	return n(), /* @__PURE__ */ o("div", {
-		className: V.legend,
+function U({ series: e, hidden: t }) {
+	return n(), /* @__PURE__ */ c("div", {
+		className: H.legend,
 		"aria-label": "Chart legend",
 		children: e.map((e, n) => {
-			let r = t.value.has(e.id);
-			return /* @__PURE__ */ s("button", {
+			let a = t.value.has(e.id);
+			return /* @__PURE__ */ l("button", {
 				type: "button",
-				className: V.item,
-				"data-state": r ? "off" : "on",
-				"aria-pressed": !r,
-				"aria-label": l(c.charts.legendToggle, { name: e.label }),
+				className: H.item,
+				"data-state": a ? "off" : "on",
+				"aria-pressed": !a,
+				"aria-label": i(r.charts.legendToggle, { name: e.label }),
 				onClick: () => {
 					let n = new Set(t.value);
-					r ? n.delete(e.id) : n.add(e.id), t.value = n;
+					a ? n.delete(e.id) : n.add(e.id), t.value = n;
 				},
-				children: [/* @__PURE__ */ o("span", {
-					className: V.swatch,
+				children: [/* @__PURE__ */ c("span", {
+					className: H.swatch,
 					style: { background: e.color || `var(--cascivo-chart-${n + 1})` },
 					"aria-hidden": "true"
 				}), e.label]
@@ -640,25 +703,25 @@ function H({ series: e, hidden: t }) {
 }
 //#endregion
 //#region src/charts/line-chart/line-chart.tsx
-var U = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function ae({ series: t, x: r, y: i, title: c, description: l, curve: d = "monotone", width: f, height: p, xTicks: m = 5, yTicks: h = 5, legend: g, tooltip: _, formatTooltip: b, className: x, plain: S }) {
+var W = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function ae({ series: t, x: r, y: i, title: a, description: o, curve: d = "monotone", width: f, height: p, xTicks: m = 5, yTicks: h = 5, legend: g, tooltip: _, formatTooltip: b, className: x, plain: S }) {
 	n();
-	let C = e(/* @__PURE__ */ new Set()), w = S ? F : P, T = p ?? (S ? 48 : 300), E = S ? !1 : g ?? t.length > 1, D = t.flatMap((e) => e.data.map((e) => r(e))), O = t.flatMap((e) => e.data.map((e) => i(e))), k = D.length > 0, A = k && D[0] instanceof Date;
-	return /* @__PURE__ */ s("div", {
+	let C = e(/* @__PURE__ */ new Set()), w = S ? I : F, T = p ?? (S ? 48 : 300), E = S ? !1 : g ?? t.length > 1, D = t.flatMap((e) => e.data.map((e) => r(e))), O = t.flatMap((e) => e.data.map((e) => i(e))), k = D.length > 0, A = k && D[0] instanceof Date;
+	return /* @__PURE__ */ l("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [/* @__PURE__ */ o(R, {
-			title: c,
-			description: l,
+		children: [/* @__PURE__ */ c(z, {
+			title: a,
+			description: o,
 			width: f,
 			height: T,
-			fallback: /* @__PURE__ */ s("table", { children: [
-				/* @__PURE__ */ o("caption", { children: c }),
-				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "X" }), t.map((e) => /* @__PURE__ */ o("th", { children: e.label }, e.id))] }) }),
-				/* @__PURE__ */ o("tbody", { children: (t[0]?.data ?? []).map((e, n) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: String(t[0] ? r(t[0].data[n]) : "") }), t.map((e) => /* @__PURE__ */ o("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, n)) })
+			fallback: /* @__PURE__ */ l("table", { children: [
+				/* @__PURE__ */ c("caption", { children: a }),
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "X" }), t.map((e) => /* @__PURE__ */ c("th", { children: e.label }, e.id))] }) }),
+				/* @__PURE__ */ c("tbody", { children: (t[0]?.data ?? []).map((e, n) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: String(t[0] ? r(t[0].data[n]) : "") }), t.map((e) => /* @__PURE__ */ c("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, n)) })
 			] }),
 			className: x,
 			"data-state": k ? void 0 : "empty",
@@ -685,14 +748,14 @@ function ae({ series: t, x: r, y: i, title: c, description: l, curve: d = "monot
 				} : { points: m };
 			} : void 0,
 			children: ({ width: e, height: n }) => {
-				let c = e - w.left - w.right, l = n - w.top - w.bottom, f = Math.min(...A ? D.map((e) => e.getTime()) : D), p = Math.max(...A ? D.map((e) => e.getTime()) : D), g = Math.min(0, ...O), _ = Math.max(...O), b = A ? v([new Date(f), new Date(p)], [0, c]) : u([f, p], [0, c]), x = u([g, _], [l, 0]);
-				return /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+				let a = e - w.left - w.right, o = n - w.top - w.bottom, f = Math.min(...A ? D.map((e) => e.getTime()) : D), p = Math.max(...A ? D.map((e) => e.getTime()) : D), g = Math.min(0, ...O), _ = Math.max(...O), b = A ? v([new Date(f), new Date(p)], [0, a]) : u([f, p], [0, a]), x = u([g, _], [o, 0]);
+				return /* @__PURE__ */ c("g", { children: /* @__PURE__ */ l("g", {
 					transform: `translate(${w.left},${w.top})`,
 					children: [
-						!S && /* @__PURE__ */ o(B, {
+						!S && /* @__PURE__ */ c(V, {
 							scale: x,
 							orientation: "y",
-							length: c,
+							length: a,
 							tickCount: h
 						}),
 						t.map((e, t) => {
@@ -700,8 +763,8 @@ function ae({ series: t, x: r, y: i, title: c, description: l, curve: d = "monot
 							let n = e.data.map((e) => {
 								let t = r(e);
 								return [b.map(t), x.map(i(e))];
-							}), a = e.color ?? U[t % U.length];
-							return /* @__PURE__ */ o("path", {
+							}), a = e.color ?? W[t % W.length];
+							return /* @__PURE__ */ c("path", {
 								d: y(n, d),
 								fill: "none",
 								stroke: a,
@@ -711,26 +774,26 @@ function ae({ series: t, x: r, y: i, title: c, description: l, curve: d = "monot
 								"data-series": e.id
 							}, e.id);
 						}),
-						!S && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+						!S && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 							scale: b,
 							orientation: "x",
-							length: c,
+							length: a,
 							tickCount: m,
-							transform: `translate(0,${l})`
-						}), /* @__PURE__ */ o(z, {
+							transform: `translate(0,${o})`
+						}), /* @__PURE__ */ c(B, {
 							scale: x,
 							orientation: "y",
-							length: l,
+							length: o,
 							tickCount: h
 						})] })
 					]
 				}) });
 			}
-		}), E && /* @__PURE__ */ o(H, {
+		}), E && /* @__PURE__ */ c(U, {
 			series: t.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? U[t % U.length]
+				color: e.color ?? W[t % W.length]
 			})),
 			hidden: C
 		})]
@@ -738,32 +801,32 @@ function ae({ series: t, x: r, y: i, title: c, description: l, curve: d = "monot
 }
 //#endregion
 //#region src/charts/area-chart/area-chart.tsx
-var W = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function oe({ series: t, x: r, y: i, title: c, description: l, stacked: d = !1, curve: f = "monotone", width: p, height: m, xTicks: h = 5, yTicks: g = 5, legend: _, tooltip: v, className: b, plain: S }) {
+var G = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function oe({ series: t, x: r, y: i, title: a, description: o, stacked: d = !1, curve: f = "monotone", width: p, height: m, xTicks: h = 5, yTicks: g = 5, legend: _, tooltip: v, className: b, plain: S }) {
 	n();
-	let w = e(/* @__PURE__ */ new Set()), T = S ? F : P, E = m ?? (S ? 48 : 300), D = S ? !1 : _ ?? t.length > 1, O = (t[0]?.data ?? []).map((e) => r(e)), k = t.flatMap((e) => e.data.map((e) => i(e))), A = O.length > 0, j = A ? Math.min(...O) : 0, M = A ? Math.max(...O) : 1, N = d ? 0 : Math.min(0, ...k), I = Math.max(...d ? (t[0]?.data ?? []).map((e, n) => t.reduce((e, t) => e + i(t.data[n]), 0)) : k);
-	return /* @__PURE__ */ s("div", {
+	let w = e(/* @__PURE__ */ new Set()), T = S ? I : F, E = m ?? (S ? 48 : 300), D = S ? !1 : _ ?? t.length > 1, O = (t[0]?.data ?? []).map((e) => r(e)), k = t.flatMap((e) => e.data.map((e) => i(e))), A = O.length > 0, j = A ? Math.min(...O) : 0, M = A ? Math.max(...O) : 1, N = d ? 0 : Math.min(0, ...k), P = Math.max(...d ? (t[0]?.data ?? []).map((e, n) => t.reduce((e, t) => e + i(t.data[n]), 0)) : k);
+	return /* @__PURE__ */ l("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [/* @__PURE__ */ o(R, {
-			title: c,
-			description: l,
+		children: [/* @__PURE__ */ c(z, {
+			title: a,
+			description: o,
 			width: p,
 			height: E,
-			fallback: /* @__PURE__ */ s("table", { children: [
-				/* @__PURE__ */ o("caption", { children: c }),
-				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "X" }), t.map((e) => /* @__PURE__ */ o("th", { children: e.label }, e.id))] }) }),
-				/* @__PURE__ */ o("tbody", { children: (t[0]?.data ?? []).map((e, n) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: t[0] ? String(r(t[0].data[n])) : "" }), t.map((e) => /* @__PURE__ */ o("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, n)) })
+			fallback: /* @__PURE__ */ l("table", { children: [
+				/* @__PURE__ */ c("caption", { children: a }),
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "X" }), t.map((e) => /* @__PURE__ */ c("th", { children: e.label }, e.id))] }) }),
+				/* @__PURE__ */ c("tbody", { children: (t[0]?.data ?? []).map((e, n) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: t[0] ? String(r(t[0].data[n])) : "" }), t.map((e) => /* @__PURE__ */ c("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, n)) })
 			] }),
 			className: b,
 			"data-state": A ? void 0 : "empty",
 			plain: S,
 			tooltip: v !== !1 && A ? ({ width: e, height: n }) => {
 				if (v === !1 || !A) return;
-				let a = e - T.left - T.right, o = n - T.top - T.bottom, s = u([j, M], [0, a]), c = u([N, I], [o, 0]);
+				let a = e - T.left - T.right, o = n - T.top - T.bottom, s = u([j, M], [0, a]), c = u([N, P], [o, 0]);
 				return { points: t.flatMap((e) => w.value.has(e.id) ? [] : e.data.map((t, n) => ({
 					id: `${e.id}-${n}`,
 					cx: T.left + s.map(r(t)),
@@ -774,47 +837,47 @@ function oe({ series: t, x: r, y: i, title: c, description: l, stacked: d = !1,
 				}))) };
 			} : void 0,
 			children: ({ width: e, height: n }) => {
-				let c = e - T.left - T.right, l = n - T.top - T.bottom, p = u([j, M], [0, c]), m = u([N, I], [l, 0]), _ = [];
-				return d && (_ = C(t.map((e) => e.data.map((e) => i(e))))), /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+				let a = e - T.left - T.right, o = n - T.top - T.bottom, p = u([j, M], [0, a]), m = u([N, P], [o, 0]), _ = [];
+				return d && (_ = C(t.map((e) => e.data.map((e) => i(e))))), /* @__PURE__ */ c("g", { children: /* @__PURE__ */ l("g", {
 					transform: `translate(${T.left},${T.top})`,
 					children: [
-						!S && /* @__PURE__ */ o(B, {
+						!S && /* @__PURE__ */ c(V, {
 							scale: m,
 							orientation: "y",
-							length: c,
+							length: a,
 							tickCount: g
 						}),
 						t.map((e, t) => {
 							if (w.value.has(e.id)) return null;
-							let n = e.color ?? W[t % W.length], a, c;
+							let n = e.color ?? G[t % G.length], a, o;
 							if (d && _[t]) {
 								let i = _[t];
 								a = e.data.map((e, t) => [p.map(r(e)), m.map(i[t][1])]);
-								let l = e.data.map((e, t) => [p.map(r(e)), m.map(i[t][0])]);
-								c = m.map(0);
-								let u = y(a, f), d = l[l.length - 1], h = l[0], g = [...l].reverse().map(([e, t]) => `L${e},${t}`).join(""), v = `${u}L${d[0]},${d[1]}${g}L${h[0]},${h[1]}Z`;
-								return /* @__PURE__ */ s("g", {
+								let s = e.data.map((e, t) => [p.map(r(e)), m.map(i[t][0])]);
+								o = m.map(0);
+								let u = y(a, f), d = s[s.length - 1], h = s[0], g = [...s].reverse().map(([e, t]) => `L${e},${t}`).join(""), v = `${u}L${d[0]},${d[1]}${g}L${h[0]},${h[1]}Z`;
+								return /* @__PURE__ */ l("g", {
 									"data-series": e.id,
-									children: [/* @__PURE__ */ o("path", {
+									children: [/* @__PURE__ */ c("path", {
 										d: v,
 										fill: n,
 										fillOpacity: .25,
 										stroke: "none"
-									}), /* @__PURE__ */ o("path", {
+									}), /* @__PURE__ */ c("path", {
 										d: y(a, f),
 										fill: "none",
 										stroke: n,
 										strokeWidth: 2
 									})]
 								}, e.id);
-							} else return a = e.data.map((e) => [p.map(r(e)), m.map(i(e))]), c = m.map(0), /* @__PURE__ */ s("g", {
+							} else return a = e.data.map((e) => [p.map(r(e)), m.map(i(e))]), o = m.map(0), /* @__PURE__ */ l("g", {
 								"data-series": e.id,
-								children: [/* @__PURE__ */ o("path", {
-									d: x(a, c, f),
+								children: [/* @__PURE__ */ c("path", {
+									d: x(a, o, f),
 									fill: n,
 									fillOpacity: .25,
 									stroke: "none"
-								}), /* @__PURE__ */ o("path", {
+								}), /* @__PURE__ */ c("path", {
 									d: y(a, f),
 									fill: "none",
 									stroke: n,
@@ -822,26 +885,26 @@ function oe({ series: t, x: r, y: i, title: c, description: l, stacked: d = !1,
 								})]
 							}, e.id);
 						}),
-						!S && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+						!S && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 							scale: p,
 							orientation: "x",
-							length: c,
+							length: a,
 							tickCount: h,
-							transform: `translate(0,${l})`
-						}), /* @__PURE__ */ o(z, {
+							transform: `translate(0,${o})`
+						}), /* @__PURE__ */ c(B, {
 							scale: m,
 							orientation: "y",
-							length: l,
+							length: o,
 							tickCount: g
 						})] })
 					]
 				}) });
 			}
-		}), D && /* @__PURE__ */ o(H, {
+		}), D && /* @__PURE__ */ c(U, {
 			series: t.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? W[t % W.length]
+				color: e.color ?? G[t % G.length]
 			})),
 			hidden: w
 		})]
@@ -849,237 +912,307 @@ function oe({ series: t, x: r, y: i, title: c, description: l, stacked: d = !1,
 }
 //#endregion
 //#region src/charts/bar-chart/bar-chart.tsx
-var G = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function se({ series: t, x: r, y: i, title: c, description: l, orientation: d = "vertical", mode: p = "grouped", width: m, height: h, xTicks: g = 5, yTicks: _ = 5, legend: v, tooltip: y, className: b, plain: x }) {
+var K = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function se(e) {
+	let t = e.segments?.filter((e) => e.value !== 0) ?? [], n = `${e.label} · ${e.value}`;
+	return t.length > 0 ? `${n} — ${t.map((e) => `${e.label}: ${e.value}`).join(", ")}` : n;
+}
+function ce({ series: t, x: r, y: i, title: a, description: o, orientation: d = "vertical", mode: p = "grouped", width: m, height: h, xTicks: g = 5, yTicks: _ = 5, xLabelEvery: v, legend: y, tooltip: b, tooltipFormat: x, className: S, plain: w }) {
 	n();
-	let S = e(/* @__PURE__ */ new Set()), w = x ? F : P, T = h ?? (x ? 48 : 300), E = x ? !1 : v ?? t.length > 1, D = (t[0]?.data ?? []).map((e) => r(e)), O = t.flatMap((e) => e.data.map((e) => i(e))), k = D.length > 0, A = p === "stacked" ? 0 : Math.min(0, ...O), j = k ? Math.max(...D.map((e, n) => t.reduce((e, t) => e + i(t.data[n]), 0))) : 1, M = p === "stacked" ? j : Math.max(1, ...O);
-	return /* @__PURE__ */ s("div", {
+	let T = e(/* @__PURE__ */ new Set()), E = w ? I : F, D = h ?? (w ? 48 : 300), O = w ? !1 : y ?? t.length > 1, k = (t[0]?.data ?? []).map((e) => r(e)), A = t.flatMap((e) => e.data.map((e) => i(e))), j = k.length > 0, M = p === "stacked" ? 0 : Math.min(0, ...A), N = j ? Math.max(...k.map((e, n) => t.reduce((e, t) => e + i(t.data[n]), 0))) : 1, P = p === "stacked" ? N : Math.max(1, ...A);
+	return /* @__PURE__ */ l("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [/* @__PURE__ */ o(R, {
-			title: c,
-			description: l,
+		children: [/* @__PURE__ */ c(z, {
+			title: a,
+			description: o,
 			width: m,
-			height: T,
-			fallback: /* @__PURE__ */ s("table", { children: [
-				/* @__PURE__ */ o("caption", { children: c }),
-				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Category" }), t.map((e) => /* @__PURE__ */ o("th", { children: e.label }, e.id))] }) }),
-				/* @__PURE__ */ o("tbody", { children: D.map((e, n) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e }), t.map((e) => /* @__PURE__ */ o("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, e)) })
+			height: D,
+			fallback: /* @__PURE__ */ l("table", { children: [
+				/* @__PURE__ */ c("caption", { children: a }),
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "Category" }), t.map((e) => /* @__PURE__ */ c("th", { children: e.label }, e.id))] }) }),
+				/* @__PURE__ */ c("tbody", { children: k.map((e, n) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: e }), t.map((e) => /* @__PURE__ */ c("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, e)) })
 			] }),
-			className: b,
-			"data-state": k ? void 0 : "empty",
-			plain: x,
-			tooltip: y && k ? ({ width: e, height: n }) => {
-				if (!y || !k) return;
-				let a = e - w.left - w.right, o = n - w.top - w.bottom, s = d === "vertical", c = f(D, s ? [0, a] : [0, o], .2), l = u([A, M], s ? [o, 0] : [0, a]), m = t.filter((e) => !S.value.has(e.id)), h = [];
-				return p === "stacked" && (h = C(t.map((e) => e.data.map((e) => i(e))))), { points: m.flatMap((e) => {
+			className: S,
+			"data-state": j ? void 0 : "empty",
+			plain: w,
+			tooltip: b && j ? ({ width: e, height: n }) => {
+				if (!b || !j) return;
+				let a = e - E.left - E.right, o = n - E.top - E.bottom, s = d === "vertical", c = f(k, s ? [0, a] : [0, o], .2), l = u([M, P], s ? [o, 0] : [0, a]), m = t.filter((e) => !T.value.has(e.id)), h = [];
+				p === "stacked" && (h = C(t.map((e) => e.data.map((e) => i(e)))));
+				let g = p === "stacked" && !x, _ = k.map((e, n) => {
+					let r = m.map((e) => ({
+						label: e.label,
+						value: i(e.data[n]),
+						color: e.color ?? K[t.indexOf(e) % K.length]
+					}));
+					return {
+						segs: r,
+						total: r.reduce((e, t) => e + t.value, 0)
+					};
+				}), v = m.flatMap((e) => {
 					let n = t.indexOf(e), a = p === "grouped" ? c.bandwidth / m.length : c.bandwidth;
 					return e.data.map((t, o) => {
 						let u = c.map(r(t)) ?? 0, d, f;
 						if (p === "stacked" && h[n]) {
 							let e = h[n][o];
 							d = e[1], f = e[0];
-						} else d = i(t), f = A;
-						let g = m.indexOf(e), _ = u + (p === "grouped" ? g * a : 0) + a / 2, v = (Math.min(l.map(d), l.map(f)) + Math.max(l.map(d), l.map(f))) / 2;
+						} else d = i(t), f = M;
+						let v = m.indexOf(e), y = u + (p === "grouped" ? v * a : 0) + a / 2, b = (Math.min(l.map(d), l.map(f)) + Math.max(l.map(d), l.map(f))) / 2;
 						return {
 							id: `${e.id}-${o}`,
-							cx: w.left + (s ? _ : v),
-							cy: w.top + (s ? v : _),
+							cx: E.left + (s ? y : b),
+							cy: E.top + (s ? b : y),
 							label: r(t),
-							value: i(t),
-							seriesId: e.id
+							value: g ? _[o].total : i(t),
+							seriesId: e.id,
+							...g && { segments: _[o].segs }
 						};
 					});
-				}) };
+				}), y = x ?? (g ? se : void 0);
+				return y ? {
+					points: v,
+					format: y
+				} : { points: v };
 			} : void 0,
 			children: ({ width: e, height: n }) => {
-				let c = e - w.left - w.right, l = n - w.top - w.bottom, m = d === "vertical", h = f(D, m ? [0, c] : [0, l], .2), v = u([A, M], m ? [l, 0] : [0, c]), y = t.filter((e) => !S.value.has(e.id)), b = [];
-				return p === "stacked" && (b = C(t.map((e) => e.data.map((e) => i(e))))), /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
-					transform: `translate(${w.left},${w.top})`,
+				let a = e - E.left - E.right, o = n - E.top - E.bottom, m = d === "vertical", h = f(k, m ? [0, a] : [0, o], .2), y = u([M, P], m ? [o, 0] : [0, a]), b = t.filter((e) => !T.value.has(e.id)), x = [];
+				return p === "stacked" && (x = C(t.map((e) => e.data.map((e) => i(e))))), /* @__PURE__ */ c("g", { children: /* @__PURE__ */ l("g", {
+					transform: `translate(${E.left},${E.top})`,
 					children: [
-						!x && m && /* @__PURE__ */ o(B, {
-							scale: v,
+						!w && m && /* @__PURE__ */ c(V, {
+							scale: y,
 							orientation: "y",
-							length: c,
+							length: a,
 							tickCount: _
 						}),
-						!x && !m && /* @__PURE__ */ o(B, {
-							scale: v,
+						!w && !m && /* @__PURE__ */ c(V, {
+							scale: y,
 							orientation: "x",
-							length: l,
+							length: o,
 							tickCount: g
 						}),
-						y.map((e, n) => {
-							let a = e.color ?? G[t.indexOf(e) % G.length], s = t.indexOf(e), c = p === "grouped" ? h.bandwidth / y.length : h.bandwidth;
+						b.map((e, n) => {
+							let a = e.color ?? K[t.indexOf(e) % K.length], o = t.indexOf(e), s = p === "grouped" ? h.bandwidth / b.length : h.bandwidth;
 							return e.data.map((t, l) => {
 								let u = h.map(r(t)) ?? 0, d, f;
-								if (p === "stacked" && b[s]) {
-									let e = b[s][l];
+								if (p === "stacked" && x[o]) {
+									let e = x[o][l];
 									d = e[1], f = e[0];
-								} else d = i(t), f = A;
-								let g = u + (p === "grouped" ? n * c : 0), _ = Math.min(v.map(d), v.map(f)), y = Math.abs(v.map(d) - v.map(f));
-								return m ? /* @__PURE__ */ o("rect", {
+								} else d = i(t), f = M;
+								let g = u + (p === "grouped" ? n * s : 0), _ = Math.min(y.map(d), y.map(f)), v = Math.abs(y.map(d) - y.map(f));
+								return m ? /* @__PURE__ */ c("rect", {
 									x: g,
 									y: _,
-									width: c,
-									height: y,
+									width: s,
+									height: v,
 									fill: a,
 									rx: 2,
 									"data-series": e.id
-								}, `${e.id}-${l}`) : /* @__PURE__ */ o("rect", {
+								}, `${e.id}-${l}`) : /* @__PURE__ */ c("rect", {
 									x: _,
 									y: g,
-									width: y,
-									height: c,
+									width: v,
+									height: s,
 									fill: a,
 									rx: 2,
 									"data-series": e.id
 								}, `${e.id}-${l}`);
 							});
 						}),
-						!x && m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+						!w && m && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 							scale: h,
 							orientation: "x",
-							length: c,
+							length: a,
 							tickCount: g,
-							transform: `translate(0,${l})`
-						}), /* @__PURE__ */ o(z, {
-							scale: v,
+							labelEvery: v,
+							transform: `translate(0,${o})`
+						}), /* @__PURE__ */ c(B, {
+							scale: y,
 							orientation: "y",
-							length: l,
+							length: o,
 							tickCount: _
 						})] }),
-						!x && !m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
-							scale: v,
+						!w && !m && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
+							scale: y,
 							orientation: "x",
-							length: c,
+							length: a,
 							tickCount: g,
-							transform: `translate(0,${l})`
-						}), /* @__PURE__ */ o(z, {
+							transform: `translate(0,${o})`
+						}), /* @__PURE__ */ c(B, {
 							scale: h,
 							orientation: "y",
-							length: l,
-							tickCount: _
+							length: o,
+							tickCount: _,
+							labelEvery: v
 						})] })
 					]
 				}) });
 			}
-		}), E && /* @__PURE__ */ o(H, {
+		}), O && /* @__PURE__ */ c(U, {
 			series: t.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? G[t % G.length]
+				color: e.color ?? K[t % K.length]
 			})),
-			hidden: S
+			hidden: T
 		})]
 	});
 }
 //#endregion
 //#region src/charts/pie-chart/pie-chart.tsx
-var K = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function ce({ data: t, title: r, description: i, donut: a = !1, width: c, height: l, legend: u, className: d, plain: f }) {
-	let p = l ?? (f ? 48 : 300), m = f ? !1 : u ?? !0;
+function le(e) {
+	let t = e.percent == null ? 0 : Math.round(e.percent);
+	return `${e.value} (${t}%)`;
+}
+var q = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function ue({ data: t, title: r, description: i, donut: a = !1, width: o, height: s, size: u, thickness: d, innerRadius: f, centerValue: p, centerLabel: m, centerSlot: h, emptyLabel: g, tooltipFormat: _, legend: v, className: y, plain: b }) {
+	let x = o ?? u, C = s ?? u ?? (b ? 48 : 300), w = b ? !1 : v ?? !0;
 	n();
-	let h = e(/* @__PURE__ */ new Set()), g = t.length > 0;
-	return /* @__PURE__ */ s("div", {
+	let T = e(/* @__PURE__ */ new Set()), E = t.length > 0;
+	return /* @__PURE__ */ l("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [/* @__PURE__ */ o(R, {
+		children: [/* @__PURE__ */ c(z, {
 			title: r,
 			description: i,
-			width: c,
-			height: p,
-			fallback: /* @__PURE__ */ s("table", { children: [
-				/* @__PURE__ */ o("caption", { children: r }),
-				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
-					/* @__PURE__ */ o("th", { children: "Label" }),
-					/* @__PURE__ */ o("th", { children: "Value" }),
-					/* @__PURE__ */ o("th", { children: "Percent" })
+			width: x,
+			height: C,
+			fallback: /* @__PURE__ */ l("table", { children: [
+				/* @__PURE__ */ c("caption", { children: r }),
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+					/* @__PURE__ */ c("th", { children: "Label" }),
+					/* @__PURE__ */ c("th", { children: "Value" }),
+					/* @__PURE__ */ c("th", { children: "Percent" })
 				] }) }),
-				/* @__PURE__ */ o("tbody", { children: t.map((e) => {
+				/* @__PURE__ */ c("tbody", { children: t.map((e) => {
 					let n = t.reduce((e, t) => e + t.value, 0), r = n > 0 ? (e.value / n * 100).toFixed(1) : "0";
-					return /* @__PURE__ */ s("tr", { children: [
-						/* @__PURE__ */ o("td", { children: e.label }),
-						/* @__PURE__ */ o("td", { children: e.value }),
-						/* @__PURE__ */ s("td", { children: [r, "%"] })
+					return /* @__PURE__ */ l("tr", { children: [
+						/* @__PURE__ */ c("td", { children: e.label }),
+						/* @__PURE__ */ c("td", { children: e.value }),
+						/* @__PURE__ */ l("td", { children: [r, "%"] })
 					] }, e.id);
 				}) })
 			] }),
-			className: d,
-			"data-state": g ? void 0 : "empty",
-			plain: f,
-			tooltip: g ? ({ width: e, height: n }) => {
-				if (!g) return;
-				let r = e / 2, i = n / 2, a = Math.min(r, i) - 8, o = t.filter((e) => !h.value.has(e.id)), s = o.reduce((e, t) => e + t.value, 0), c = 0;
-				return { points: o.map((e, t) => {
-					let n = s > 0 ? e.value / s * 2 * Math.PI : 0, o = c + n, l = (c + o) / 2;
-					return c = o, {
-						id: e.id,
-						cx: r + Math.sin(l) * a * .65,
-						cy: i - Math.cos(l) * a * .65,
-						label: e.label,
-						value: e.value,
-						seriesId: String(t)
-					};
-				}) };
+			className: y,
+			"data-state": E ? void 0 : "empty",
+			emptyLabel: g,
+			plain: b,
+			tooltip: E ? ({ width: e, height: n }) => {
+				if (!E) return;
+				let r = e / 2, i = n / 2, a = Math.min(r, i) - 8, o = t.filter((e) => !T.value.has(e.id)), s = o.reduce((e, t) => e + t.value, 0), c = 0;
+				return {
+					points: o.map((e, t) => {
+						let n = s > 0 ? e.value / s * 2 * Math.PI : 0, o = c + n, l = (c + o) / 2;
+						return c = o, {
+							id: e.id,
+							cx: r + Math.sin(l) * a * .65,
+							cy: i - Math.cos(l) * a * .65,
+							label: e.label,
+							value: e.value,
+							seriesId: String(t),
+							percent: s > 0 ? e.value / s * 100 : 0,
+							color: e.color ?? q[t % q.length]
+						};
+					}),
+					format: _ ?? le
+				};
 			} : void 0,
 			children: ({ width: e, height: n }) => {
-				let r = e / 2, i = n / 2, s = Math.min(r, i) - 8, c = a ? s * .6 : 0, l = t.filter((e) => !h.value.has(e.id)), u = l.reduce((e, t) => e + t.value, 0), d = 0;
-				return /* @__PURE__ */ o("g", { children: l.map((e, t) => {
-					let n = u > 0 ? e.value / u * 2 * Math.PI : 0, a = d + n, l = e.color ?? K[t % K.length], f = S(r, i, s, c, d, a);
-					return d = a, /* @__PURE__ */ o("path", {
-						d: f,
-						fill: l,
+				let r = e / 2, i = n / 2, o = Math.min(r, i) - 8, s = f ?? (d == null ? o * .6 : o - d), u = a ? Math.max(0, Math.min(s, o)) : 0, g = t.filter((e) => !T.value.has(e.id)), _ = g.reduce((e, t) => e + t.value, 0), v = 0, y = a && (p != null || m != null || h != null);
+				return /* @__PURE__ */ l("g", { children: [g.map((e, t) => {
+					let n = _ > 0 ? e.value / _ * 2 * Math.PI : 0, a = v + n, s = e.color ?? q[t % q.length], l = S(r, i, o, u, v, a);
+					return v = a, /* @__PURE__ */ c("path", {
+						d: l,
+						fill: s,
 						stroke: "var(--cascivo-color-surface)",
 						strokeWidth: 1,
 						"data-series": e.id
 					}, e.id);
-				}) });
+				}), y && (h == null ? /* @__PURE__ */ l("g", {
+					"data-center": "",
+					children: [p != null && /* @__PURE__ */ c("text", {
+						x: r,
+						y: m == null ? i : i - 8,
+						textAnchor: "middle",
+						dominantBaseline: "central",
+						fontSize: "1.5rem",
+						fontWeight: 700,
+						fill: "var(--cascivo-color-foreground)",
+						children: p
+					}), m != null && /* @__PURE__ */ c("text", {
+						x: r,
+						y: p == null ? i : i + 14,
+						textAnchor: "middle",
+						dominantBaseline: "central",
+						fontSize: "0.8125rem",
+						fill: "var(--cascivo-color-foreground-muted)",
+						children: m
+					})]
+				}) : /* @__PURE__ */ c("foreignObject", {
+					x: r - u,
+					y: i - u,
+					width: u * 2,
+					height: u * 2,
+					"data-center-slot": "",
+					children: /* @__PURE__ */ c("div", {
+						style: {
+							width: "100%",
+							height: "100%",
+							display: "flex",
+							flexDirection: "column",
+							alignItems: "center",
+							justifyContent: "center",
+							textAlign: "center"
+						},
+						children: h
+					})
+				}))] });
 			}
-		}), m && /* @__PURE__ */ o(H, {
+		}), w && /* @__PURE__ */ c(U, {
 			series: t.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? K[t % K.length]
+				color: e.color ?? q[t % q.length]
 			})),
-			hidden: h
+			hidden: T
 		})]
 	});
 }
 //#endregion
 //#region src/charts/scatter-chart/scatter-chart.tsx
-var q = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d, xTicks: f = 5, yTicks: p = 5, legend: m, tooltip: h, className: g, plain: _ }) {
+var J = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function de({ series: t, title: r, description: i, r: a = 4, width: o, height: d, xTicks: f = 5, yTicks: p = 5, legend: m, tooltip: h, className: g, plain: _ }) {
 	n();
-	let v = e(/* @__PURE__ */ new Set()), y = _ ? F : P, b = d ?? (_ ? 48 : 300), x = _ ? !1 : m ?? t.length > 1, S = t.flatMap((e) => e.data.map((e) => e.x)), C = t.flatMap((e) => e.data.map((e) => e.y)), w = S.length > 0, T = w ? Math.min(...S) : 0, E = w ? Math.max(...S) : 1, D = w ? Math.min(0, ...C) : 0, O = w ? Math.max(...C) : 1;
-	return /* @__PURE__ */ s("div", {
+	let v = e(/* @__PURE__ */ new Set()), y = _ ? I : F, b = d ?? (_ ? 48 : 300), x = _ ? !1 : m ?? t.length > 1, S = t.flatMap((e) => e.data.map((e) => e.x)), C = t.flatMap((e) => e.data.map((e) => e.y)), w = S.length > 0, T = w ? Math.min(...S) : 0, E = w ? Math.max(...S) : 1, D = w ? Math.min(0, ...C) : 0, O = w ? Math.max(...C) : 1;
+	return /* @__PURE__ */ l("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [/* @__PURE__ */ o(R, {
+		children: [/* @__PURE__ */ c(z, {
 			title: r,
 			description: i,
-			width: l,
+			width: o,
 			height: b,
-			fallback: /* @__PURE__ */ s("table", { children: [
-				/* @__PURE__ */ o("caption", { children: r }),
-				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
-					/* @__PURE__ */ o("th", { children: "Series" }),
-					/* @__PURE__ */ o("th", { children: "X" }),
-					/* @__PURE__ */ o("th", { children: "Y" })
+			fallback: /* @__PURE__ */ l("table", { children: [
+				/* @__PURE__ */ c("caption", { children: r }),
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+					/* @__PURE__ */ c("th", { children: "Series" }),
+					/* @__PURE__ */ c("th", { children: "X" }),
+					/* @__PURE__ */ c("th", { children: "Y" })
 				] }) }),
-				/* @__PURE__ */ o("tbody", { children: t.flatMap((e) => e.data.map((t, n) => /* @__PURE__ */ s("tr", { children: [
-					/* @__PURE__ */ o("td", { children: e.label }),
-					/* @__PURE__ */ o("td", { children: t.x }),
-					/* @__PURE__ */ o("td", { children: t.y })
+				/* @__PURE__ */ c("tbody", { children: t.flatMap((e) => e.data.map((t, n) => /* @__PURE__ */ l("tr", { children: [
+					/* @__PURE__ */ c("td", { children: e.label }),
+					/* @__PURE__ */ c("td", { children: t.x }),
+					/* @__PURE__ */ c("td", { children: t.y })
 				] }, `${e.id}-${n}`))) })
 			] }),
 			className: g,
@@ -1098,11 +1231,11 @@ function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d
 				}))) };
 			} : void 0,
 			children: ({ width: e, height: n }) => {
-				let r = e - y.left - y.right, i = n - y.top - y.bottom, l = u([T, E], [0, r]), d = u([D, O], [i, 0]);
-				return /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+				let r = e - y.left - y.right, i = n - y.top - y.bottom, o = u([T, E], [0, r]), d = u([D, O], [i, 0]);
+				return /* @__PURE__ */ c("g", { children: /* @__PURE__ */ l("g", {
 					transform: `translate(${y.left},${y.top})`,
 					children: [
-						!_ && /* @__PURE__ */ o(B, {
+						!_ && /* @__PURE__ */ c(V, {
 							scale: d,
 							orientation: "y",
 							length: r,
@@ -1110,13 +1243,13 @@ function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d
 						}),
 						t.map((e, t) => {
 							if (v.value.has(e.id)) return null;
-							let n = e.color ?? q[t % q.length];
-							return /* @__PURE__ */ o("g", {
+							let n = e.color ?? J[t % J.length];
+							return /* @__PURE__ */ c("g", {
 								"data-series": e.id,
 								children: e.data.map((e, t) => {
-									let r = typeof c == "function" ? c(e) : e.r ?? c;
-									return /* @__PURE__ */ o("circle", {
-										cx: l.map(e.x),
+									let r = typeof a == "function" ? a(e) : e.r ?? a;
+									return /* @__PURE__ */ c("circle", {
+										cx: o.map(e.x),
 										cy: d.map(e.y),
 										r,
 										fill: n,
@@ -1127,13 +1260,13 @@ function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d
 								})
 							}, e.id);
 						}),
-						!_ && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
-							scale: l,
+						!_ && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
+							scale: o,
 							orientation: "x",
 							length: r,
 							tickCount: f,
 							transform: `translate(0,${i})`
-						}), /* @__PURE__ */ o(z, {
+						}), /* @__PURE__ */ c(B, {
 							scale: d,
 							orientation: "y",
 							length: i,
@@ -1142,11 +1275,11 @@ function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d
 					]
 				}) });
 			}
-		}), x && /* @__PURE__ */ o(H, {
+		}), x && /* @__PURE__ */ c(U, {
 			series: t.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? q[t % q.length]
+				color: e.color ?? J[t % J.length]
 			})),
 			hidden: v
 		})]
@@ -1154,8 +1287,8 @@ function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d
 }
 //#endregion
 //#region src/charts/sparkline/sparkline.tsx
-function J({ data: e, width: t = 120, height: n = 32, label: r, color: i = "var(--cascivo-chart-1)", endDot: c = !0 }) {
-	return /* @__PURE__ */ o(R, {
+function Y({ data: e, width: t = 120, height: n = 32, label: r, color: i = "var(--cascivo-chart-1)", endDot: a = !0 }) {
+	return /* @__PURE__ */ c(z, {
 		title: r,
 		width: t,
 		height: n,
@@ -1173,15 +1306,15 @@ function J({ data: e, width: t = 120, height: n = 32, label: r, color: i = "var(
 		})() : void 0,
 		children: () => {
 			if (e.length === 0) return null;
-			let r = u([0, e.length - 1], [2, t - 2]), l = Math.min(...e), d = Math.max(...e), f = u([l === d ? l - 1 : l, d], [n - 2, 2]), p = e.map((e, t) => [r.map(t), f.map(e)]), m = y(p, "monotone"), h = p[p.length - 1];
-			return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", {
+			let r = u([0, e.length - 1], [2, t - 2]), o = Math.min(...e), d = Math.max(...e), f = u([o === d ? o - 1 : o, d], [n - 2, 2]), p = e.map((e, t) => [r.map(t), f.map(e)]), m = y(p, "monotone"), h = p[p.length - 1];
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", {
 				d: m,
 				fill: "none",
 				stroke: i,
 				strokeWidth: 1.5,
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
-			}), c && /* @__PURE__ */ o("circle", {
+			}), a && /* @__PURE__ */ c("circle", {
 				cx: h[0],
 				cy: h[1],
 				r: 2.5,
@@ -1192,33 +1325,33 @@ function J({ data: e, width: t = 120, height: n = 32, label: r, color: i = "var(
 }
 //#endregion
 //#region src/charts/meter/meter.tsx
-function ue(e, t, n, r) {
+function fe(e, t, n, r) {
 	if (!r) return "var(--cascivo-chart-1)";
 	let { warning: i, critical: a } = r;
 	return a != null && e >= a ? "var(--cascivo-color-destructive)" : i != null && e >= i ? "var(--cascivo-color-warning)" : "var(--cascivo-color-success)";
 }
-function de({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar", thresholds: a, width: c = 200, height: l }) {
-	let u = n > t ? (Math.min(n, Math.max(t, e)) - t) / (n - t) : 0, d = ue(e, t, n, a);
+function pe({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar", thresholds: a, width: o = 200, height: s }) {
+	let u = n > t ? (Math.min(n, Math.max(t, e)) - t) / (n - t) : 0, d = fe(e, t, n, a);
 	if (i === "gauge") {
-		let i = l ?? 100, a = c, f = a / 2, p = i * .9, m = Math.min(f, p) - 4, h = m * .65, g = Math.PI, _ = S(f, p, m, h, g, 2 * Math.PI), v = g + u * Math.PI, y = u > 0 ? S(f, p, m, h, g, v) : "";
-		return /* @__PURE__ */ s("div", {
+		let i = s ?? 100, a = o, f = a / 2, p = i * .9, m = Math.min(f, p) - 4, h = m * .65, g = Math.PI, _ = S(f, p, m, h, g, 2 * Math.PI), v = g + u * Math.PI, y = u > 0 ? S(f, p, m, h, g, v) : "";
+		return /* @__PURE__ */ l("div", {
 			"aria-label": r,
 			role: "meter",
 			"aria-valuenow": e,
 			"aria-valuemin": t,
 			"aria-valuemax": n,
-			children: [/* @__PURE__ */ s("svg", {
+			children: [/* @__PURE__ */ l("svg", {
 				width: a,
 				height: i,
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ o("path", {
+				children: [/* @__PURE__ */ c("path", {
 					d: _,
 					fill: "var(--cascivo-color-border)"
-				}), y && /* @__PURE__ */ o("path", {
+				}), y && /* @__PURE__ */ c("path", {
 					d: y,
 					fill: d
 				})]
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ l("div", {
 				style: {
 					textAlign: "center",
 					fontSize: "var(--cascivo-text-sm)",
@@ -1232,26 +1365,26 @@ function de({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar",
 			})]
 		});
 	}
-	let f = l ?? 12, p = c;
-	return /* @__PURE__ */ s("div", {
+	let f = s ?? 12, p = o;
+	return /* @__PURE__ */ l("div", {
 		"aria-label": r,
 		role: "meter",
 		"aria-valuenow": e,
 		"aria-valuemin": t,
 		"aria-valuemax": n,
-		children: [/* @__PURE__ */ s("svg", {
+		children: [/* @__PURE__ */ l("svg", {
 			width: p,
 			height: f,
 			"aria-hidden": "true",
 			style: { display: "block" },
-			children: [/* @__PURE__ */ o("rect", {
+			children: [/* @__PURE__ */ c("rect", {
 				x: 0,
 				y: 0,
 				width: p,
 				height: f,
 				rx: f / 2,
 				fill: "var(--cascivo-color-border)"
-			}), /* @__PURE__ */ o("rect", {
+			}), /* @__PURE__ */ c("rect", {
 				x: 0,
 				y: 0,
 				width: p,
@@ -1264,7 +1397,7 @@ function de({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar",
 					transition: "transform 400ms ease"
 				}
 			})]
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ c("div", {
 			style: {
 				marginTop: "var(--cascivo-space-1)",
 				fontSize: "var(--cascivo-text-xs)",
@@ -1276,13 +1409,13 @@ function de({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar",
 }
 //#endregion
 //#region src/charts/kpi/kpi.tsx
-function Y(e) {
+function X(e) {
 	return `${e >= 0 ? "+" : ""}${e.toLocaleString()}`;
 }
-function fe({ value: e, label: t, delta: n, deltaLabel: r, icon: i, sparkline: a, className: c }) {
-	let l = n != null && n >= 0, u = n != null && n < 0;
-	return /* @__PURE__ */ s("div", {
-		className: c,
+function me({ value: e, label: t, delta: n, deltaLabel: r, icon: i, sparkline: a, className: o }) {
+	let s = n != null && n >= 0, u = n != null && n < 0;
+	return /* @__PURE__ */ l("div", {
+		className: o,
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1293,30 +1426,30 @@ function fe({ value: e, label: t, delta: n, deltaLabel: r, icon: i, sparkline: a
 			background: "var(--cascivo-color-surface)"
 		},
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ o("span", {
+				children: [/* @__PURE__ */ c("span", {
 					style: {
 						fontSize: "var(--cascivo-text-sm)",
 						color: "var(--cascivo-color-foreground-muted)"
 					},
 					children: t
-				}), i && /* @__PURE__ */ o("span", {
+				}), i && /* @__PURE__ */ c("span", {
 					"aria-hidden": "true",
 					children: i
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				style: {
 					display: "flex",
 					alignItems: "flex-end",
 					gap: "var(--cascivo-space-2)"
 				},
-				children: [/* @__PURE__ */ o("span", {
+				children: [/* @__PURE__ */ c("span", {
 					style: {
 						fontSize: "var(--cascivo-text-2xl)",
 						fontWeight: 700,
@@ -1324,22 +1457,22 @@ function fe({ value: e, label: t, delta: n, deltaLabel: r, icon: i, sparkline: a
 						color: "var(--cascivo-color-foreground)"
 					},
 					children: typeof e == "number" ? e.toLocaleString() : e
-				}), n != null && /* @__PURE__ */ s("span", {
+				}), n != null && /* @__PURE__ */ l("span", {
 					style: {
 						fontSize: "var(--cascivo-text-sm)",
 						fontWeight: 500,
-						color: l ? "var(--cascivo-color-success)" : u ? "var(--cascivo-color-destructive)" : "var(--cascivo-color-foreground-muted)"
+						color: s ? "var(--cascivo-color-success)" : u ? "var(--cascivo-color-destructive)" : "var(--cascivo-color-foreground-muted)"
 					},
-					"aria-label": `Trend: ${Y(n)}${r ? ` ${r}` : ""}`,
+					"aria-label": `Trend: ${X(n)}${r ? ` ${r}` : ""}`,
 					children: [
-						l ? "▲" : u ? "▼" : "–",
+						s ? "▲" : u ? "▼" : "–",
 						" ",
-						Y(n),
+						X(n),
 						r && ` ${r}`
 					]
 				})]
 			}),
-			a && a.length > 0 && /* @__PURE__ */ o(J, {
+			a && a.length > 0 && /* @__PURE__ */ c(Y, {
 				data: a,
 				label: `${t} trend`,
 				width: 120,
@@ -1350,22 +1483,22 @@ function fe({ value: e, label: t, delta: n, deltaLabel: r, icon: i, sparkline: a
 }
 //#endregion
 //#region src/charts/histogram/histogram.tsx
-function pe({ data: e, bins: t, title: r, label: i, description: c, width: l, height: d, className: f, plain: p }) {
+function he({ data: e, bins: t, title: r, label: i, description: a, width: o, height: d, className: f, plain: p }) {
 	n();
-	let m = p ? F : P, h = d ?? (p ? 48 : 300), g = E(e, t), _ = g.reduce((e, t) => Math.max(e, t.count), 0);
-	return /* @__PURE__ */ o(R, {
+	let m = p ? I : F, h = d ?? (p ? 48 : 300), g = D(e, t), _ = g.reduce((e, t) => Math.max(e, t.count), 0);
+	return /* @__PURE__ */ c(z, {
 		title: r,
-		description: c,
-		width: l,
+		description: a,
+		width: o,
 		height: h,
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: r }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Range" }), /* @__PURE__ */ o("th", { children: "Count" })] }) }),
-			/* @__PURE__ */ o("tbody", { children: g.map((e, t) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ s("td", { children: [
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: r }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "Range" }), /* @__PURE__ */ c("th", { children: "Count" })] }) }),
+			/* @__PURE__ */ c("tbody", { children: g.map((e, t) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ l("td", { children: [
 				e.x0.toFixed(2),
 				" – ",
 				e.x1.toFixed(2)
-			] }), /* @__PURE__ */ o("td", { children: e.count })] }, t)) })
+			] }), /* @__PURE__ */ c("td", { children: e.count })] }, t)) })
 		] }),
 		className: f,
 		plain: p,
@@ -1390,32 +1523,32 @@ function pe({ data: e, bins: t, title: r, label: i, description: c, width: l, he
 			};
 			if (n.width <= 0 || g.length === 0) return null;
 			let r = u([g[0]?.x0 ?? 0, g[g.length - 1]?.x1 ?? 1], [0, n.width]), i = u([0, _ || 1], [n.height, 0]);
-			return /* @__PURE__ */ s("g", {
+			return /* @__PURE__ */ l("g", {
 				transform: `translate(${m.left},${m.top})`,
 				children: [
-					!p && /* @__PURE__ */ o(B, {
+					!p && /* @__PURE__ */ c(V, {
 						scale: i,
 						orientation: "y",
 						length: n.width
 					}),
 					g.map((e, t) => {
-						let a = r.map(e.x0), s = Math.max(0, r.map(e.x1) - a - 1), c = i.map(e.count), l = n.height - c;
-						return /* @__PURE__ */ o("rect", {
+						let a = r.map(e.x0), o = Math.max(0, r.map(e.x1) - a - 1), s = i.map(e.count), l = n.height - s;
+						return /* @__PURE__ */ c("rect", {
 							x: a,
-							y: c,
-							width: s,
+							y: s,
+							width: o,
 							height: Math.max(0, l),
 							fill: "var(--cascivo-chart-1)",
 							opacity: .85,
 							"aria-label": `${e.x0.toFixed(1)}–${e.x1.toFixed(1)}: ${e.count}`
 						}, t);
 					}),
-					!p && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+					!p && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 						scale: r,
 						orientation: "x",
 						length: n.width,
 						transform: `translate(0,${n.height})`
-					}), /* @__PURE__ */ o(z, {
+					}), /* @__PURE__ */ c(B, {
 						scale: i,
 						orientation: "y",
 						length: n.height
@@ -1427,38 +1560,38 @@ function pe({ data: e, bins: t, title: r, label: i, description: c, width: l, he
 }
 //#endregion
 //#region src/charts/boxplot/boxplot.tsx
-var X = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function me({ series: e, title: t, description: r, width: i, height: c, className: l, plain: d }) {
+var Z = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function ge({ series: e, title: t, description: r, width: i, height: a, className: o, plain: d }) {
 	n();
-	let p = d ? F : P, m = c ?? (d ? 48 : 320), h = e.map((e) => ({
+	let p = d ? I : F, m = a ?? (d ? 48 : 320), h = e.map((e) => ({
 		...e,
-		stats: D(e.values)
-	})), g = e.flatMap((e) => e.values), [_, v] = g.length > 0 ? O(g) : [0, 1];
-	return /* @__PURE__ */ o(R, {
+		stats: O(e.values)
+	})), g = e.flatMap((e) => e.values), [_, v] = g.length > 0 ? k(g) : [0, 1];
+	return /* @__PURE__ */ c(z, {
 		title: t,
 		description: r,
 		width: i,
 		height: m,
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: t }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
-				/* @__PURE__ */ o("th", { children: "Series" }),
-				/* @__PURE__ */ o("th", { children: "Min" }),
-				/* @__PURE__ */ o("th", { children: "Q1" }),
-				/* @__PURE__ */ o("th", { children: "Median" }),
-				/* @__PURE__ */ o("th", { children: "Q3" }),
-				/* @__PURE__ */ o("th", { children: "Max" })
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: t }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("th", { children: "Series" }),
+				/* @__PURE__ */ c("th", { children: "Min" }),
+				/* @__PURE__ */ c("th", { children: "Q1" }),
+				/* @__PURE__ */ c("th", { children: "Median" }),
+				/* @__PURE__ */ c("th", { children: "Q3" }),
+				/* @__PURE__ */ c("th", { children: "Max" })
 			] }) }),
-			/* @__PURE__ */ o("tbody", { children: h.map((e) => /* @__PURE__ */ s("tr", { children: [
-				/* @__PURE__ */ o("td", { children: e.label }),
-				/* @__PURE__ */ o("td", { children: e.stats.min.toFixed(2) }),
-				/* @__PURE__ */ o("td", { children: e.stats.q1.toFixed(2) }),
-				/* @__PURE__ */ o("td", { children: e.stats.median.toFixed(2) }),
-				/* @__PURE__ */ o("td", { children: e.stats.q3.toFixed(2) }),
-				/* @__PURE__ */ o("td", { children: e.stats.max.toFixed(2) })
+			/* @__PURE__ */ c("tbody", { children: h.map((e) => /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("td", { children: e.label }),
+				/* @__PURE__ */ c("td", { children: e.stats.min.toFixed(2) }),
+				/* @__PURE__ */ c("td", { children: e.stats.q1.toFixed(2) }),
+				/* @__PURE__ */ c("td", { children: e.stats.median.toFixed(2) }),
+				/* @__PURE__ */ c("td", { children: e.stats.q3.toFixed(2) }),
+				/* @__PURE__ */ c("td", { children: e.stats.max.toFixed(2) })
 			] }, e.id)) })
 		] }),
-		className: l,
+		className: o,
 		plain: d,
 		tooltip: h.length > 0 ? ({ width: e, height: t }) => {
 			if (h.length === 0) return;
@@ -1488,15 +1621,15 @@ function me({ series: e, title: t, description: r, width: i, height: c, classNam
 				height: t - p.top - p.bottom
 			};
 			if (n.width <= 0 || h.length === 0) return null;
-			let r = f(h.map((e) => e.id), [0, n.width], .3), i = (v - _) * .05 || 1, c = u([_ - i, v + i], [n.height, 0]);
-			return /* @__PURE__ */ s("g", {
+			let r = f(h.map((e) => e.id), [0, n.width], .3), i = (v - _) * .05 || 1, a = u([_ - i, v + i], [n.height, 0]);
+			return /* @__PURE__ */ l("g", {
 				transform: `translate(${p.left},${p.top})`,
 				children: [h.map((e, t) => {
-					let n = X[t % X.length] ?? "var(--cascivo-chart-1)", i = (r.map(e.id) ?? 0) + r.bandwidth / 2, a = r.bandwidth * .6, l = i - a / 2, u = c.map(e.stats.q1), d = c.map(e.stats.q3), f = c.map(e.stats.median), p = c.map(e.stats.min), m = c.map(e.stats.max);
-					return /* @__PURE__ */ s("g", {
+					let n = Z[t % Z.length] ?? "var(--cascivo-chart-1)", i = (r.map(e.id) ?? 0) + r.bandwidth / 2, o = r.bandwidth * .6, s = i - o / 2, u = a.map(e.stats.q1), d = a.map(e.stats.q3), f = a.map(e.stats.median), p = a.map(e.stats.min), m = a.map(e.stats.max);
+					return /* @__PURE__ */ l("g", {
 						"aria-label": `${e.label}: median ${e.stats.median.toFixed(2)}`,
 						children: [
-							/* @__PURE__ */ o("line", {
+							/* @__PURE__ */ c("line", {
 								x1: i,
 								y1: d,
 								x2: i,
@@ -1504,7 +1637,7 @@ function me({ series: e, title: t, description: r, width: i, height: c, classNam
 								stroke: n,
 								strokeWidth: 1.5
 							}),
-							/* @__PURE__ */ o("line", {
+							/* @__PURE__ */ c("line", {
 								x1: i,
 								y1: u,
 								x2: i,
@@ -1512,43 +1645,43 @@ function me({ series: e, title: t, description: r, width: i, height: c, classNam
 								stroke: n,
 								strokeWidth: 1.5
 							}),
-							/* @__PURE__ */ o("line", {
-								x1: i - a / 4,
+							/* @__PURE__ */ c("line", {
+								x1: i - o / 4,
 								y1: m,
-								x2: i + a / 4,
+								x2: i + o / 4,
 								y2: m,
 								stroke: n,
 								strokeWidth: 1.5
 							}),
-							/* @__PURE__ */ o("line", {
-								x1: i - a / 4,
+							/* @__PURE__ */ c("line", {
+								x1: i - o / 4,
 								y1: p,
-								x2: i + a / 4,
+								x2: i + o / 4,
 								y2: p,
 								stroke: n,
 								strokeWidth: 1.5
 							}),
-							/* @__PURE__ */ o("rect", {
-								x: l,
+							/* @__PURE__ */ c("rect", {
+								x: s,
 								y: d,
-								width: a,
+								width: o,
 								height: Math.max(0, u - d),
 								fill: n,
 								fillOpacity: .25,
 								stroke: n,
 								strokeWidth: 1.5
 							}),
-							/* @__PURE__ */ o("line", {
-								x1: l,
+							/* @__PURE__ */ c("line", {
+								x1: s,
 								y1: f,
-								x2: l + a,
+								x2: s + o,
 								y2: f,
 								stroke: n,
 								strokeWidth: 2.5
 							}),
-							e.stats.outliers.map((e, t) => /* @__PURE__ */ o("circle", {
+							e.stats.outliers.map((e, t) => /* @__PURE__ */ c("circle", {
 								cx: i,
-								cy: c.map(e),
+								cy: a.map(e),
 								r: 3,
 								fill: "none",
 								stroke: n,
@@ -1557,13 +1690,13 @@ function me({ series: e, title: t, description: r, width: i, height: c, classNam
 							}, t))
 						]
 					}, e.id);
-				}), !d && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+				}), !d && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 					scale: r,
 					orientation: "x",
 					length: n.width,
 					transform: `translate(0,${n.height})`
-				}), /* @__PURE__ */ o(z, {
-					scale: c,
+				}), /* @__PURE__ */ c(B, {
+					scale: a,
 					orientation: "y",
 					length: n.height
 				})] })]
@@ -1573,28 +1706,28 @@ function me({ series: e, title: t, description: r, width: i, height: c, classNam
 }
 //#endregion
 //#region src/charts/bubble-chart/bubble-chart.tsx
-var Z = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), he = 3, ge = 24;
-function _e({ series: t, title: r, description: i, width: c, height: l, tooltip: d, className: f, plain: m }) {
+var Q = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), _e = 3, ve = 24;
+function ye({ series: t, title: r, description: i, width: a, height: o, tooltip: d, className: f, plain: m }) {
 	n();
-	let h = e(null), g = m ? F : P, _ = l ?? (m ? 48 : 320), v = t.flatMap((e) => e.data), [y, b] = v.length > 0 ? O(v.map((e) => e.x)) : [0, 1], [x, S] = v.length > 0 ? O(v.map((e) => e.y)) : [0, 1], [C, w] = v.length > 0 ? O(v.map((e) => e.size)) : [0, 1], T = p([C, w], [he, ge]), E = v.length > 0;
-	return /* @__PURE__ */ o(R, {
+	let h = e(null), g = m ? I : F, _ = o ?? (m ? 48 : 320), v = t.flatMap((e) => e.data), [y, b] = v.length > 0 ? k(v.map((e) => e.x)) : [0, 1], [x, S] = v.length > 0 ? k(v.map((e) => e.y)) : [0, 1], [C, w] = v.length > 0 ? k(v.map((e) => e.size)) : [0, 1], T = p([C, w], [_e, ve]), E = v.length > 0;
+	return /* @__PURE__ */ c(z, {
 		title: r,
 		description: i,
-		width: c,
+		width: a,
 		height: _,
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: r }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
-				/* @__PURE__ */ o("th", { children: "Series" }),
-				/* @__PURE__ */ o("th", { children: "X" }),
-				/* @__PURE__ */ o("th", { children: "Y" }),
-				/* @__PURE__ */ o("th", { children: "Size" })
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: r }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("th", { children: "Series" }),
+				/* @__PURE__ */ c("th", { children: "X" }),
+				/* @__PURE__ */ c("th", { children: "Y" }),
+				/* @__PURE__ */ c("th", { children: "Size" })
 			] }) }),
-			/* @__PURE__ */ o("tbody", { children: t.flatMap((e) => e.data.map((t, n) => /* @__PURE__ */ s("tr", { children: [
-				/* @__PURE__ */ o("td", { children: e.name }),
-				/* @__PURE__ */ o("td", { children: t.x }),
-				/* @__PURE__ */ o("td", { children: t.y }),
-				/* @__PURE__ */ o("td", { children: t.size })
+			/* @__PURE__ */ c("tbody", { children: t.flatMap((e) => e.data.map((t, n) => /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("td", { children: e.name }),
+				/* @__PURE__ */ c("td", { children: t.x }),
+				/* @__PURE__ */ c("td", { children: t.y }),
+				/* @__PURE__ */ c("td", { children: t.size })
 			] }, `${e.name}-${n}`))) })
 		] }),
 		className: f,
@@ -1622,18 +1755,18 @@ function _e({ series: t, title: r, description: i, width: c, height: l, tooltip:
 				height: n - g.top - g.bottom
 			};
 			if (r.width <= 0 || v.length === 0) return null;
-			let i = (b - y) * .05 || 1, c = (S - x) * .05 || 1, l = u([y - i, b + i], [0, r.width]), d = u([x - c, S + c], [r.height, 0]);
-			return /* @__PURE__ */ s("g", {
+			let i = (b - y) * .05 || 1, a = (S - x) * .05 || 1, o = u([y - i, b + i], [0, r.width]), d = u([x - a, S + a], [r.height, 0]);
+			return /* @__PURE__ */ l("g", {
 				transform: `translate(${g.left},${g.top})`,
 				children: [
-					!m && /* @__PURE__ */ o(B, {
+					!m && /* @__PURE__ */ c(V, {
 						scale: d,
 						orientation: "y",
 						length: r.width
 					}),
 					t.map((e, t) => {
-						let n = Z[t % Z.length] ?? "var(--cascivo-chart-1)";
-						return /* @__PURE__ */ o("g", {
+						let n = Q[t % Q.length] ?? "var(--cascivo-chart-1)";
+						return /* @__PURE__ */ c("g", {
 							opacity: h.value !== null && h.value !== e.name ? .2 : 1,
 							onMouseEnter: () => {
 								h.value = e.name;
@@ -1641,8 +1774,8 @@ function _e({ series: t, title: r, description: i, width: c, height: l, tooltip:
 							onMouseLeave: () => {
 								h.value = null;
 							},
-							children: e.data.map((t, r) => /* @__PURE__ */ o("circle", {
-								cx: l.map(t.x),
+							children: e.data.map((t, r) => /* @__PURE__ */ c("circle", {
+								cx: o.map(t.x),
 								cy: d.map(t.y),
 								r: T(t.size),
 								fill: n,
@@ -1653,12 +1786,12 @@ function _e({ series: t, title: r, description: i, width: c, height: l, tooltip:
 							}, r))
 						}, e.name);
 					}),
-					!m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
-						scale: l,
+					!m && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
+						scale: o,
 						orientation: "x",
 						length: r.width,
 						transform: `translate(0,${r.height})`
-					}), /* @__PURE__ */ o(z, {
+					}), /* @__PURE__ */ c(B, {
 						scale: d,
 						orientation: "y",
 						length: r.height
@@ -1670,21 +1803,21 @@ function _e({ series: t, title: r, description: i, width: c, height: l, tooltip:
 }
 //#endregion
 //#region src/charts/combo-chart/combo-chart.tsx
-function ve({ bars: e, line: t, title: r, description: i, secondAxis: c = !1, width: l, height: d, tooltip: p, className: m, plain: h }) {
+function be({ bars: e, line: t, title: r, description: i, secondAxis: a = !1, width: o, height: d, tooltip: p, className: m, plain: h }) {
 	n();
-	let g = d ?? (h ? 48 : 320), _ = h ? F : {
-		...P,
-		right: c ? 60 : P.right
+	let g = d ?? (h ? 48 : 320), _ = h ? I : {
+		...F,
+		right: a ? 60 : F.right
 	}, v = e.reduce((e, t) => Math.max(e, t.value), 0) || 1, b = t.length > 0 ? Math.min(...t.map((e) => e.y)) : 0, x = t.length > 0 ? Math.max(...t.map((e) => e.y)) : 1, S = e.length > 0;
-	return /* @__PURE__ */ o(R, {
+	return /* @__PURE__ */ c(z, {
 		title: r,
 		description: i,
-		width: l,
+		width: o,
 		height: g,
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: r }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Label" }), /* @__PURE__ */ o("th", { children: "Bar value" })] }) }),
-			/* @__PURE__ */ o("tbody", { children: e.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e.label }), /* @__PURE__ */ o("td", { children: e.value })] }, e.label)) })
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: r }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "Label" }), /* @__PURE__ */ c("th", { children: "Bar value" })] }) }),
+			/* @__PURE__ */ c("tbody", { children: e.map((e) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: e.label }), /* @__PURE__ */ c("td", { children: e.value })] }, e.label)) })
 		] }),
 		className: m,
 		plain: h,
@@ -1695,19 +1828,19 @@ function ve({ bars: e, line: t, title: r, description: i, secondAxis: c = !1, wi
 				height: r - _.top - _.bottom
 			};
 			if (i.width <= 0) return;
-			let a = f(e.map((e) => e.label), [0, i.width], .2), o = u([0, v], [i.height, 0]), s = c ? u([b, x || b + 1], [i.height, 0]) : o, l = e.map((e, t) => ({
+			let o = f(e.map((e) => e.label), [0, i.width], .2), s = u([0, v], [i.height, 0]), c = a ? u([b, x || b + 1], [i.height, 0]) : s, l = e.map((e, t) => ({
 				id: `bar-${t}`,
-				cx: _.left + (a.map(e.label) ?? 0) + a.bandwidth / 2,
-				cy: _.top + o.map(e.value),
+				cx: _.left + (o.map(e.label) ?? 0) + o.bandwidth / 2,
+				cy: _.top + s.map(e.value),
 				label: e.label,
 				value: e.value,
 				seriesId: "bars"
 			})), d = t.map((n, r) => {
-				let o = e[r] ? (a.map(e[r].label) ?? 0) + a.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1);
+				let a = e[r] ? (o.map(e[r].label) ?? 0) + o.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1);
 				return {
 					id: `line-${r}`,
-					cx: _.left + o,
-					cy: _.top + s.map(n.y),
+					cx: _.left + a,
+					cy: _.top + c.map(n.y),
 					label: e[r]?.label ?? String(n.x),
 					value: n.y,
 					seriesId: "line"
@@ -1721,28 +1854,28 @@ function ve({ bars: e, line: t, title: r, description: i, secondAxis: c = !1, wi
 				height: r - _.top - _.bottom
 			};
 			if (i.width <= 0 || e.length === 0) return null;
-			let l = f(e.map((e) => e.label), [0, i.width], .2), d = u([0, v], [i.height, 0]), p = c ? u([b, x || b + 1], [i.height, 0]) : d, m = t.map((n, r) => [e[r] ? (l.map(e[r].label) ?? 0) + l.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1), p.map(n.y)]), g = m.length > 1 ? y(m, "monotone") : "";
-			return /* @__PURE__ */ s("g", {
+			let o = f(e.map((e) => e.label), [0, i.width], .2), d = u([0, v], [i.height, 0]), p = a ? u([b, x || b + 1], [i.height, 0]) : d, m = t.map((n, r) => [e[r] ? (o.map(e[r].label) ?? 0) + o.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1), p.map(n.y)]), g = m.length > 1 ? y(m, "monotone") : "";
+			return /* @__PURE__ */ l("g", {
 				transform: `translate(${_.left},${_.top})`,
 				children: [
-					!h && /* @__PURE__ */ o(B, {
+					!h && /* @__PURE__ */ c(V, {
 						scale: d,
 						orientation: "y",
 						length: i.width
 					}),
 					e.map((e) => {
-						let t = l.map(e.label) ?? 0, n = d.map(e.value);
-						return /* @__PURE__ */ o("rect", {
+						let t = o.map(e.label) ?? 0, n = d.map(e.value);
+						return /* @__PURE__ */ c("rect", {
 							x: t,
 							y: n,
-							width: l.bandwidth,
+							width: o.bandwidth,
 							height: Math.max(0, i.height - n),
 							fill: "var(--cascivo-chart-1)",
 							opacity: .75,
 							"aria-label": `${e.label}: ${e.value}`
 						}, e.label);
 					}),
-					g && /* @__PURE__ */ o("path", {
+					g && /* @__PURE__ */ c("path", {
 						d: g,
 						fill: "none",
 						stroke: "var(--cascivo-chart-2)",
@@ -1750,19 +1883,19 @@ function ve({ bars: e, line: t, title: r, description: i, secondAxis: c = !1, wi
 						strokeLinejoin: "round",
 						strokeLinecap: "round"
 					}),
-					!h && /* @__PURE__ */ s(a, { children: [
-						/* @__PURE__ */ o(z, {
-							scale: l,
+					!h && /* @__PURE__ */ l(s, { children: [
+						/* @__PURE__ */ c(B, {
+							scale: o,
 							orientation: "x",
 							length: i.width,
 							transform: `translate(0,${i.height})`
 						}),
-						/* @__PURE__ */ o(z, {
+						/* @__PURE__ */ c(B, {
 							scale: d,
 							orientation: "y",
 							length: i.height
 						}),
-						c && /* @__PURE__ */ o(z, {
+						a && /* @__PURE__ */ c(B, {
 							scale: p,
 							orientation: "y",
 							length: i.height,
@@ -1776,33 +1909,33 @@ function ve({ bars: e, line: t, title: r, description: i, secondAxis: c = !1, wi
 }
 //#endregion
 //#region src/charts/heatmap/heatmap.tsx
-function ye({ data: e, title: t, description: r, width: i, height: c, className: l, plain: u }) {
+function xe({ data: e, title: t, description: r, width: i, height: a, className: o, plain: u }) {
 	n();
-	let d = c ?? (u ? 48 : 320), p = u ? F : {
+	let d = a ?? (u ? 48 : 320), p = u ? I : {
 		top: 20,
 		right: 20,
 		bottom: 60,
 		left: 60
-	}, m = [...new Set(e.map((e) => e.x))], h = [...new Set(e.map((e) => e.y))], [g, _] = e.length > 0 ? O(e.map((e) => e.value)) : [0, 1], v = _ - g || 1, y = (e) => Math.max(0, Math.min(1, (e - g) / v));
-	return /* @__PURE__ */ o(R, {
+	}, m = [...new Set(e.map((e) => e.x))], h = [...new Set(e.map((e) => e.y))], [g, _] = e.length > 0 ? k(e.map((e) => e.value)) : [0, 1], v = _ - g || 1, y = (e) => Math.max(0, Math.min(1, (e - g) / v));
+	return /* @__PURE__ */ c(z, {
 		title: t,
 		description: r,
 		width: i,
 		height: d,
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: t }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
-				/* @__PURE__ */ o("th", { children: "X" }),
-				/* @__PURE__ */ o("th", { children: "Y" }),
-				/* @__PURE__ */ o("th", { children: "Value" })
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: t }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("th", { children: "X" }),
+				/* @__PURE__ */ c("th", { children: "Y" }),
+				/* @__PURE__ */ c("th", { children: "Value" })
 			] }) }),
-			/* @__PURE__ */ o("tbody", { children: e.map((e, t) => /* @__PURE__ */ s("tr", { children: [
-				/* @__PURE__ */ o("td", { children: e.x }),
-				/* @__PURE__ */ o("td", { children: e.y }),
-				/* @__PURE__ */ o("td", { children: e.value })
+			/* @__PURE__ */ c("tbody", { children: e.map((e, t) => /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("td", { children: e.x }),
+				/* @__PURE__ */ c("td", { children: e.y }),
+				/* @__PURE__ */ c("td", { children: e.value })
 			] }, t)) })
 		] }),
-		className: l,
+		className: o,
 		plain: u,
 		tooltip: e.length > 0 ? ({ width: t, height: n }) => {
 			if (e.length === 0) return;
@@ -1826,28 +1959,28 @@ function ye({ data: e, title: t, description: r, width: i, height: c, className:
 				height: n - p.top - p.bottom
 			};
 			if (r.width <= 0 || e.length === 0) return null;
-			let i = f(m, [0, r.width], .05), c = f(h, [0, r.height], .05);
-			return /* @__PURE__ */ s("g", {
+			let i = f(m, [0, r.width], .05), a = f(h, [0, r.height], .05);
+			return /* @__PURE__ */ l("g", {
 				transform: `translate(${p.left},${p.top})`,
 				children: [e.map((e, t) => {
-					let n = i.map(e.x) ?? 0, r = c.map(e.y) ?? 0, a = Math.round(y(e.value) * 100);
-					return /* @__PURE__ */ o("rect", {
+					let n = i.map(e.x) ?? 0, r = a.map(e.y) ?? 0, o = Math.round(y(e.value) * 100);
+					return /* @__PURE__ */ c("rect", {
 						x: n,
 						y: r,
 						width: i.bandwidth,
-						height: c.bandwidth,
-						fill: `color-mix(in oklab, var(--cascivo-chart-1) ${a}%, var(--cascivo-color-neutral-100))`,
+						height: a.bandwidth,
+						fill: `color-mix(in oklab, var(--cascivo-chart-1) ${o}%, var(--cascivo-color-neutral-100))`,
 						stroke: "var(--cascivo-surface-base)",
 						strokeWidth: 1,
 						"aria-label": `${e.x}, ${e.y}: ${e.value}`
 					}, t);
-				}), !u && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+				}), !u && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(B, {
 					scale: i,
 					orientation: "x",
 					length: r.width,
 					transform: `translate(0,${r.height})`
-				}), /* @__PURE__ */ o(z, {
-					scale: c,
+				}), /* @__PURE__ */ c(B, {
+					scale: a,
 					orientation: "y",
 					length: r.height
 				})] })]
@@ -1857,24 +1990,24 @@ function ye({ data: e, title: t, description: r, width: i, height: c, className:
 }
 //#endregion
 //#region src/charts/treemap/treemap.tsx
-var Q = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function be({ data: e, title: t, description: i, width: c, height: l, className: u, plain: d }) {
+var $ = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Se({ data: e, title: t, description: r, width: i, height: o, className: u, plain: d }) {
 	n();
-	let f = r();
-	return /* @__PURE__ */ o(R, {
+	let f = a();
+	return /* @__PURE__ */ c(z, {
 		title: t,
-		description: i,
-		width: c,
-		height: l ?? (d ? 48 : 320),
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: t }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Label" }), /* @__PURE__ */ o("th", { children: "Value" })] }) }),
-			/* @__PURE__ */ o("tbody", { children: e.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e.label }), /* @__PURE__ */ o("td", { children: e.value })] }, e.id)) })
+		description: r,
+		width: i,
+		height: o ?? (d ? 48 : 320),
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: t }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "Label" }), /* @__PURE__ */ c("th", { children: "Value" })] }) }),
+			/* @__PURE__ */ c("tbody", { children: e.map((e) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: e.label }), /* @__PURE__ */ c("td", { children: e.value })] }, e.id)) })
 		] }),
 		className: u,
 		plain: d,
 		tooltip: e.length > 0 ? ({ width: t, height: n }) => {
-			if (e.length !== 0) return { points: M(e.map((e) => ({
+			if (e.length !== 0) return { points: N(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n).map((t) => {
@@ -1890,23 +2023,23 @@ function be({ data: e, title: t, description: i, width: c, height: l, className:
 		} : void 0,
 		children: ({ width: t, height: n }) => {
 			if (e.length === 0) return null;
-			let r = M(e.map((e) => ({
+			let r = N(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n), i = new Map(e.map((e) => [e.id, e.label]));
-			return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: r.map((e) => /* @__PURE__ */ o("clipPath", {
+			return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("defs", { children: r.map((e) => /* @__PURE__ */ c("clipPath", {
 				id: `${f}-${e.id}`,
-				children: /* @__PURE__ */ o("rect", {
+				children: /* @__PURE__ */ c("rect", {
 					x: e.x + 2,
 					y: e.y + 2,
 					width: Math.max(0, e.w - 4),
 					height: Math.max(0, e.h - 4)
 				})
 			}, e.id)) }), r.map((t, n) => {
-				let r = Q[n % Q.length] ?? "var(--cascivo-chart-1)", a = i.get(t.id) ?? t.id;
-				return /* @__PURE__ */ s("g", {
+				let r = $[n % $.length] ?? "var(--cascivo-chart-1)", a = i.get(t.id) ?? t.id;
+				return /* @__PURE__ */ l("g", {
 					"aria-label": `${a}: ${e.find((e) => e.id === t.id)?.value}`,
-					children: [/* @__PURE__ */ o("rect", {
+					children: [/* @__PURE__ */ c("rect", {
 						x: t.x,
 						y: t.y,
 						width: Math.max(0, t.w - 1),
@@ -1915,7 +2048,7 @@ function be({ data: e, title: t, description: i, width: c, height: l, className:
 						fillOpacity: .8,
 						stroke: "var(--cascivo-surface-base)",
 						strokeWidth: 1
-					}), !d && t.w > 30 && t.h > 18 && /* @__PURE__ */ o("text", {
+					}), !d && t.w > 30 && t.h > 18 && /* @__PURE__ */ c("text", {
 						x: t.x + 4,
 						y: t.y + 14,
 						fontSize: Math.min(12, t.w / 5),
@@ -1930,8 +2063,8 @@ function be({ data: e, title: t, description: i, width: c, height: l, className:
 }
 //#endregion
 //#region src/charts/radar/radar.tsx
-var xe = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), $ = 4;
-function Se(e, t, n, r, i) {
+var Ce = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), we = 4;
+function Te(e, t, n, r, i) {
 	let a = e.length;
 	return e.map((e, o) => {
 		let s = o / a * 2 * Math.PI - Math.PI / 2, c = e / t * i;
@@ -1941,19 +2074,19 @@ function Se(e, t, n, r, i) {
 		};
 	});
 }
-function Ce({ axes: e, series: t, max: r, title: i, description: c, width: l, height: u, className: d, plain: f }) {
+function Ee({ axes: e, series: t, max: r, title: i, description: a, width: o, height: u, className: d, plain: f }) {
 	let p = u ?? (f ? 48 : 320);
 	n();
 	let m = r ?? Math.max(1, ...t.flatMap((e) => e.values)), h = e.length;
-	return /* @__PURE__ */ o(R, {
+	return /* @__PURE__ */ c(z, {
 		title: i,
-		description: c,
-		width: l,
+		description: a,
+		width: o,
 		height: p,
-		fallback: /* @__PURE__ */ s("table", { children: [
-			/* @__PURE__ */ o("caption", { children: i }),
-			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Series" }), e.map((e) => /* @__PURE__ */ o("th", { children: e }, e))] }) }),
-			/* @__PURE__ */ o("tbody", { children: t.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e.label }), e.values.map((e, t) => /* @__PURE__ */ o("td", { children: e }, t))] }, e.id)) })
+		fallback: /* @__PURE__ */ l("table", { children: [
+			/* @__PURE__ */ c("caption", { children: i }),
+			/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("th", { children: "Series" }), e.map((e) => /* @__PURE__ */ c("th", { children: e }, e))] }) }),
+			/* @__PURE__ */ c("tbody", { children: t.map((e) => /* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: e.label }), e.values.map((e, t) => /* @__PURE__ */ c("td", { children: e }, t))] }, e.id)) })
 		] }),
 		className: d,
 		plain: f,
@@ -1973,26 +2106,26 @@ function Ce({ axes: e, series: t, max: r, title: i, description: c, width: l, he
 			})) };
 		} : void 0,
 		children: ({ width: n, height: r }) => {
-			let i = n / 2, c = r / 2, l = Math.min(i, c) * .72, u = Array.from({ length: $ }, (e, t) => (t + 1) / $ * l), d = Array.from({ length: h }, (e, t) => {
+			let i = n / 2, a = r / 2, o = Math.min(i, a) * .72, u = Array.from({ length: we }, (e, t) => (t + 1) / we * o), d = Array.from({ length: h }, (e, t) => {
 				let n = t / h * 2 * Math.PI - Math.PI / 2;
 				return {
-					x: i + Math.cos(n) * l,
-					y: c + Math.sin(n) * l
+					x: i + Math.cos(n) * o,
+					y: a + Math.sin(n) * o
 				};
 			}), p = u.map((e) => Array.from({ length: h }, (t, n) => {
 				let r = n / h * 2 * Math.PI - Math.PI / 2;
-				return `${i + Math.cos(r) * e},${c + Math.sin(r) * e}`;
+				return `${i + Math.cos(r) * e},${a + Math.sin(r) * e}`;
 			}).join(" "));
-			return /* @__PURE__ */ s(a, { children: [
-				!f && p.map((e, t) => /* @__PURE__ */ o("polygon", {
+			return /* @__PURE__ */ l(s, { children: [
+				!f && p.map((e, t) => /* @__PURE__ */ c("polygon", {
 					points: e,
 					fill: "none",
 					stroke: "var(--cascivo-border-subtle)",
 					strokeWidth: 1
 				}, t)),
-				!f && d.map((e, t) => /* @__PURE__ */ o("line", {
+				!f && d.map((e, t) => /* @__PURE__ */ c("line", {
 					x1: i,
-					y1: c,
+					y1: a,
 					x2: e.x,
 					y2: e.y,
 					stroke: "var(--cascivo-border-subtle)",
@@ -2000,9 +2133,9 @@ function Ce({ axes: e, series: t, max: r, title: i, description: c, width: l, he
 				}, t)),
 				!f && d.map((t, n) => {
 					let r = n / h * 2 * Math.PI - Math.PI / 2;
-					return /* @__PURE__ */ o("text", {
-						x: i + Math.cos(r) * (l + 18),
-						y: c + Math.sin(r) * (l + 18),
+					return /* @__PURE__ */ c("text", {
+						x: i + Math.cos(r) * (o + 18),
+						y: a + Math.sin(r) * (o + 18),
 						fontSize: 11,
 						textAnchor: "middle",
 						dominantBaseline: "middle",
@@ -2011,8 +2144,8 @@ function Ce({ axes: e, series: t, max: r, title: i, description: c, width: l, he
 					}, n);
 				}),
 				t.map((e, t) => {
-					let n = Se(e.values, m, i, c, l).map((e) => `${e.x},${e.y}`).join(" "), r = xe[t % xe.length] ?? "var(--cascivo-chart-1)";
-					return /* @__PURE__ */ o("polygon", {
+					let n = Te(e.values, m, i, a, o).map((e) => `${e.x},${e.y}`).join(" "), r = Ce[t % Ce.length] ?? "var(--cascivo-chart-1)";
+					return /* @__PURE__ */ c("polygon", {
 						points: n,
 						fill: r,
 						fillOpacity: .15,
@@ -2027,19 +2160,19 @@ function Ce({ axes: e, series: t, max: r, title: i, description: c, width: l, he
 }
 //#endregion
 //#region src/charts/bullet/bullet.tsx
-var we = [
+var De = [
 	"var(--cascivo-color-neutral-200)",
 	"var(--cascivo-color-neutral-300)",
 	"var(--cascivo-color-neutral-400)"
 ];
-function Te({ value: e, target: t, ranges: r, label: i, min: c = 0, max: l, width: d = 300, height: f = 40, className: p }) {
+function Oe({ value: e, target: t, ranges: r, label: i, min: a = 0, max: o, width: d = 300, height: f = 40, className: p }) {
 	n();
-	let m = [...r].sort((e, t) => e - t), h = u([c, l ?? m[m.length - 1] ?? (Math.max(e, t) * 1.2 || 1)], [0, d]), g = f * .35, _ = (f - g) / 2, v = f * .7, y = (f - v) / 2;
-	return /* @__PURE__ */ s("figure", {
+	let m = [...r].sort((e, t) => e - t), h = u([a, o ?? m[m.length - 1] ?? (Math.max(e, t) * 1.2 || 1)], [0, d]), g = f * .35, _ = (f - g) / 2, v = f * .7, y = (f - v) / 2;
+	return /* @__PURE__ */ l("figure", {
 		className: p,
 		"aria-label": `${i}: value ${e}, target ${t}`,
 		style: { margin: 0 },
-		children: [/* @__PURE__ */ o(R, {
+		children: [/* @__PURE__ */ c(z, {
 			title: `${i} bullet chart`,
 			width: d,
 			height: f,
@@ -2051,26 +2184,26 @@ function Te({ value: e, target: t, ranges: r, label: i, min: c = 0, max: l, widt
 				label: i,
 				value: e
 			}] },
-			children: () => /* @__PURE__ */ s(a, { children: [
+			children: () => /* @__PURE__ */ l(s, { children: [
 				m.map((e, t) => {
-					let n = t === 0 ? c : m[t - 1] ?? c, r = h.map(e) - h.map(n);
-					return /* @__PURE__ */ o("rect", {
+					let n = t === 0 ? a : m[t - 1] ?? a, r = h.map(e) - h.map(n);
+					return /* @__PURE__ */ c("rect", {
 						x: h.map(n),
 						y: 0,
 						width: Math.max(0, r),
 						height: f,
-						fill: we[t % we.length] ?? "var(--cascivo-color-neutral-200)"
+						fill: De[t % De.length] ?? "var(--cascivo-color-neutral-200)"
 					}, t);
 				}),
-				/* @__PURE__ */ o("rect", {
-					x: h.map(c),
+				/* @__PURE__ */ c("rect", {
+					x: h.map(a),
 					y: _,
-					width: Math.max(0, h.map(e) - h.map(c)),
+					width: Math.max(0, h.map(e) - h.map(a)),
 					height: g,
 					fill: "var(--cascivo-chart-1)",
 					"aria-label": `Value: ${e}`
 				}),
-				/* @__PURE__ */ o("line", {
+				/* @__PURE__ */ c("line", {
 					x1: h.map(t),
 					y1: y,
 					x2: h.map(t),
@@ -2080,11 +2213,11 @@ function Te({ value: e, target: t, ranges: r, label: i, min: c = 0, max: l, widt
 					"aria-label": `Target: ${t}`
 				})
 			] })
-		}), /* @__PURE__ */ o("figcaption", {
+		}), /* @__PURE__ */ c("figcaption", {
 			style: { fontSize: 12 },
 			children: i
 		})]
 	});
 }
 //#endregion
-export { oe as AreaChart, z as Axis, se as BarChart, me as Boxplot, _e as BubbleChart, Te as Bullet, R as ChartFrame, ve as ComboChart, P as DEFAULT_MARGINS, B as GridLines, ye as Heatmap, pe as Histogram, fe as Kpi, H as Legend, ae as LineChart, de as Meter, F as PLAIN_MARGINS, ce as PieChart, Ce as Radar, le as ScatterChart, J as Sparkline, be as Treemap, S as arcPath, x as areaPath, f as bandScale, E as binValues, D as boxStats, O as extent, y as linePath, u as linearScale, m as logScale, w as nearestIndex, d as niceTicks, p as sqrtScale, M as squarify, C as stackSeries, v as timeScale, N as useChartSize };
+export { oe as AreaChart, B as Axis, ce as BarChart, ge as Boxplot, ye as BubbleChart, Oe as Bullet, z as ChartFrame, be as ComboChart, F as DEFAULT_MARGINS, V as GridLines, xe as Heatmap, he as Histogram, me as Kpi, U as Legend, ae as LineChart, pe as Meter, I as PLAIN_MARGINS, ue as PieChart, Ee as Radar, de as ScatterChart, Y as Sparkline, Se as Treemap, S as arcPath, x as areaPath, f as bandScale, D as binValues, O as boxStats, k as extent, y as linePath, u as linearScale, m as logScale, T as nearestIndex, d as niceTicks, p as sqrtScale, N as squarify, C as stackSeries, v as timeScale, w as toStackedSeries, P as useChartSize };