@cascivo/charts 0.7.0 → 0.7.1

package/dist/index.js

@@ -1,4 +1,5 @@
 "use client";
+import './charts.css';
 import { computed as e, createStreamBuffer as t, signal as n, useComputed as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
 import { useId as s, useRef as c } from "react";
 import { builtin as l, currentLocale as u, t as d } from "@cascivo/i18n";
@@ -11,21 +12,28 @@ function h(e, t) {
 		range: t,
 		map: (e) => o === 0 ? i : i + (e - n) / o * (a - i),
 		invert: (e) => a - i === 0 ? n : n + (e - i) / (a - i) * o,
-		ticks: (e = 5) => g(n, r, e)
+		ticks: (e = 5, t) => g(n, r, e, t)
 	};
 }
-function g(e, t, n = 5) {
+function g(e, t, n = 5, r) {
 	if (!Number.isFinite(e) || !Number.isFinite(t) || e === t) return [e];
 	e > t && ([e, t] = [t, e]);
-	let r = (t - e) / Math.max(1, n), i = 10 ** Math.floor(Math.log10(r)), a = [
+	let i = r ?? !(Number.isInteger(e) && Number.isInteger(t)), a = (t - e) / Math.max(1, n), o = 10 ** Math.floor(Math.log10(a)), s = i ? [
 		1,
 		2,
 		2.5,
 		5,
 		10
-	], o = r / i, s = (a.find((e) => e >= o) ?? 10) * i, c = Math.ceil(e / s), l = Math.floor(t / s + 1e-9), u = [], d = Math.max(0, Math.ceil(-Math.log10(s)) + 2);
-	for (let e = c; e <= l; e++) u.push(parseFloat((e * s).toFixed(d)));
-	return u;
+	] : [
+		1,
+		2,
+		5,
+		10
+	], c = a / o, l = (s.find((e) => e >= c) ?? 10) * o;
+	i || (l = Math.max(1, Math.round(l)));
+	let u = Math.ceil(e / l), d = Math.floor(t / l + 1e-9), f = [], p = Math.max(0, Math.ceil(-Math.log10(l)) + 2);
+	for (let e = u; e <= d; e++) f.push(parseFloat((e * l).toFixed(p)));
+	return f;
 }
 function _(e, t, n = .1) {
 	let [r, i] = t, a = e.length, o = (i - r) / Math.max(1, a + n * (a + 1)), s = o, c = o * n, l = new Map(e.map((e, t) => [e, t]));
@@ -175,15 +183,15 @@ function E(e, t = "linear") {
 	if (e.length === 0) return "";
 	if (e.length === 1 || t === "linear") return e.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e},${t}`).join("");
 	switch (t) {
-		case "monotone": return N(e);
+		case "monotone": return te(e);
 		case "step":
 		case "stepBefore":
 		case "stepAfter": return D(e, t);
-		case "natural": return k(e);
-		case "basis": return A(e);
-		case "cardinal": return j(e, 0);
-		case "catmullRom": return M(e, .5);
-		default: return N(e);
+		case "natural": return ee(e);
+		case "basis": return k(e);
+		case "cardinal": return A(e, 0);
+		case "catmullRom": return j(e, .5);
+		default: return te(e);
 	}
 }
 function D(e, t) {
@@ -216,14 +224,14 @@ function O(e) {
 	for (let n = 0; n < t - 1; n++) o[n] = 2 * e[n + 1] - a[n + 1];
 	return o[t - 1] = (e[t] + a[t - 1]) / 2, [a, o];
 }
-function k(e) {
+function ee(e) {
 	let t = e.length;
 	if (t < 3) return e.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e},${t}`).join("");
 	let n = e.map((e) => e[0]), r = e.map((e) => e[1]), [i, a] = O(n), [o, s] = O(r), c = `M${n[0]},${r[0]}`;
 	for (let e = 0; e < t - 1; e++) c += `C${i[e]},${o[e]} ${a[e]},${s[e]} ${n[e + 1]},${r[e + 1]}`;
 	return c;
 }
-function A(e) {
+function k(e) {
 	let t = e.length;
 	if (t < 3) return e.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e},${t}`).join("");
 	let n = (n) => e[Math.max(0, Math.min(t - 1, n))][0], r = (n) => e[Math.max(0, Math.min(t - 1, n))][1], i = `M${n(0)},${r(0)}`;
@@ -234,7 +242,7 @@ function A(e) {
 	let a = e[t - 1];
 	return i += `L${a[0]},${a[1]}`, i;
 }
-function j(e, t) {
+function A(e, t) {
 	let n = e.length;
 	if (n < 3) return e.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e},${t}`).join("");
 	let r = (1 - t) / 6, i = (t) => e[Math.max(0, Math.min(n - 1, t))], a = `M${e[0][0]},${e[0][1]}`;
@@ -244,7 +252,7 @@ function j(e, t) {
 	}
 	return a;
 }
-function M(e, t) {
+function j(e, t) {
 	let n = e.length;
 	if (n < 3) return e.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e},${t}`).join("");
 	let r = (t) => e[Math.max(0, Math.min(n - 1, t))], i = (e, t) => Math.hypot(t[0] - e[0], t[1] - e[1]), a = `M${e[0][0]},${e[0][1]}`;
@@ -254,7 +262,7 @@ function M(e, t) {
 	}
 	return a;
 }
-function N(e) {
+function te(e) {
 	let t = e.length, n = [], r = [], i = [];
 	for (let a = 0; a < t - 1; a++) n[a] = e[a + 1][0] - e[a][0], r[a] = e[a + 1][1] - e[a][1], i[a] = n[a] === 0 ? 0 : r[a] / n[a];
 	let a = [i[0] ?? 0];
@@ -270,23 +278,23 @@ function N(e) {
 	}
 	return o;
 }
-function ee(e, t, n = "linear") {
+function M(e, t, n = "linear") {
 	if (e.length === 0) return "";
 	let r = E(e, n), i = e[e.length - 1], a = e[0];
 	return `${r}L${i[0]},${t}L${a[0]},${t}Z`;
 }
-function P(e, t, n, r, i, a) {
+function N(e, t, n, r, i, a) {
 	let o = 2 * Math.PI;
 	if (Math.abs(a - i) >= o - 1e-9) {
 		let a = i + Math.PI;
-		return P(e, t, n, r, i, a) + P(e, t, n, r, a, i + o - 1e-9);
+		return N(e, t, n, r, i, a) + N(e, t, n, r, a, i + o - 1e-9);
 	}
 	let s = (n, r) => [w(e + n * Math.sin(r)), w(t - n * Math.cos(r))], c = +(a - i > Math.PI), l = w(n), u = w(r), [d, f] = s(n, i), [p, m] = s(n, a);
 	if (r <= 0) return `M${w(e)},${w(t)}L${d},${f}A${l},${l} 0 ${c} 1 ${p},${m}Z`;
 	let [h, g] = s(r, a), [_, v] = s(r, i);
 	return `M${d},${f}A${l},${l} 0 ${c} 1 ${p},${m}L${h},${g}A${u},${u} 0 ${c} 0 ${_},${v}Z`;
 }
-function F(e) {
+function P(e) {
 	let t = e[0]?.length ?? 0, n = Array.from({ length: t }, () => 0);
 	return e.map((e) => e.map((e, t) => {
 		let r = n[t];
@@ -295,7 +303,7 @@ function F(e) {
 }
 //#endregion
 //#region src/engine/stacked.ts
-function I(e) {
+function F(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 {
@@ -317,7 +325,7 @@ function I(e) {
 }
 //#endregion
 //#region src/engine/nearest.ts
-function L(e, t) {
+function ne(e, t) {
 	if (e.length === 0) return -1;
 	if (e.length === 1) return 0;
 	let n = 0, r = e.length - 1;
@@ -329,7 +337,7 @@ function L(e, t) {
 }
 //#endregion
 //#region src/engine/voronoi.ts
-function te(e, t, n) {
+function re(e, t, n) {
 	let r = -1, i = Infinity;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a][0] - t, s = e[a][1] - n, c = o * o + s * s;
@@ -337,7 +345,7 @@ function te(e, t, n) {
 	}
 	return r;
 }
-function ne(e, t, n, r, i) {
+function I(e, t, n, r, i) {
 	if (e.length === 0) return e;
 	let a = [], o = (e) => (e[0] - r) * t + (e[1] - i) * n;
 	for (let t = 0; t < e.length; t++) {
@@ -349,7 +357,7 @@ function ne(e, t, n, r, i) {
 	}
 	return a;
 }
-function re(e, t) {
+function ie(e, t) {
 	let n = [
 		[t.x0, t.y0],
 		[t.x1, t.y0],
@@ -361,21 +369,21 @@ function re(e, t) {
 		for (let n = 0; n < e.length && i.length > 0; n++) {
 			if (n === r) continue;
 			let a = e[n];
-			i = ne(i, a[0] - t[0], a[1] - t[1], (t[0] + a[0]) / 2, (t[1] + a[1]) / 2);
+			i = I(i, a[0] - t[0], a[1] - t[1], (t[0] + a[0]) / 2, (t[1] + a[1]) / 2);
 		}
 		return i;
 	});
 }
-function R(e) {
+function L(e) {
 	return e.length === 0 ? "" : `M${e.map((e) => `${e[0]},${e[1]}`).join("L")}Z`;
 }
 //#endregion
 //#region src/engine/stats.ts
-function z(e) {
+function ae(e) {
 	let t = e.length, n = e[Math.floor(t * .25)] ?? 0;
 	return (e[Math.floor(t * .75)] ?? 0) - n;
 }
-function B(e, t) {
+function R(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 [{
@@ -386,7 +394,7 @@ function B(e, t) {
 	let o;
 	if (t !== void 0 && t > 0) o = t;
 	else {
-		let e = 2 * z(n) * r ** (-1 / 3);
+		let e = 2 * ae(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) => ({
@@ -400,7 +408,7 @@ function B(e, t) {
 	}
 	return c;
 }
-function V(e) {
+function z(e) {
 	if (e.length === 0) return {
 		min: 0,
 		q1: 0,
@@ -422,7 +430,7 @@ function V(e) {
 		outliers: d
 	};
 }
-function H(e) {
+function B(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);
@@ -430,11 +438,11 @@ function H(e) {
 }
 //#endregion
 //#region src/engine/treemap.ts
-function U(e, t, n) {
+function V(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 W(e, t, n, r, i, a, o) {
+function H(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] ?? "";
@@ -459,40 +467,40 @@ function W(e, t, n, r, i, a, o) {
 		}
 	}
 }
-function G(e, t, n, r, i, a) {
+function U(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 || U(g, f, _) <= U(u, f, p)) u = g, d = [...d, h], p = _, m++;
+		if (u.length === 0 || V(g, f, _) <= V(u, f, p)) u = g, d = [...d, h], p = _, m++;
 		else {
 			let o = p / s;
 			if (r >= i) {
 				let s = o * r;
-				W(u, t, n, s, i, d, a), G(e.slice(m), t + s, n, r - s, i, a);
+				H(u, t, n, s, i, d, a), U(e.slice(m), t + s, n, r - s, i, a);
 			} else {
 				let s = o * i;
-				W(u, t, n, r, s, d, a), G(e.slice(m), t, n + s, r, i - s, a);
+				H(u, t, n, r, s, d, a), U(e.slice(m), t, n + s, r, i - s, a);
 			}
 			return;
 		}
 	}
 	if (u.length > 0) {
 		let e = p / s;
-		r >= i ? W(u, t, n, e * r, i, d, a) : W(u, t, n, r, e * i, d, a);
+		r >= i ? H(u, t, n, e * r, i, d, a) : H(u, t, n, r, e * i, d, a);
 	}
 }
-function K(e, t, n) {
+function W(e, t, n) {
 	if (e.length === 0 || t <= 0 || n <= 0) return [];
 	let r = [...e].sort((e, t) => t.value - e.value), i = [];
-	return G(r, 0, 0, t, n, i), i;
+	return U(r, 0, 0, t, n, i), i;
 }
 //#endregion
 //#region src/engine/stream.ts
-function ie(e, t = "silhouette") {
-	let n = F(e);
+function G(e, t = "silhouette") {
+	let n = P(e);
 	if (t === "zero") return n;
 	let r = e[0]?.length ?? 0, i = Array.from({ length: r }, (t, n) => e.reduce((e, t) => e + (t[n] ?? 0), 0));
 	return n.map((e) => e.map(([e, t], n) => {
@@ -500,34 +508,34 @@ function ie(e, t = "silhouette") {
 		return [e - r, t - r];
 	}));
 }
-function q(e) {
+function K(e) {
 	let t = 0, n = 0;
 	for (let r of e) for (let [e, i] of r) t = Math.min(t, e, i), n = Math.max(n, e, i);
 	return [t, n];
 }
 //#endregion
 //#region src/engine/hierarchy.ts
-function J(e) {
-	return e.children && e.children.length > 0 ? e.children.reduce((e, t) => e + J(t), 0) : e.value ?? 0;
+function q(e) {
+	return e.children && e.children.length > 0 ? e.children.reduce((e, t) => e + q(t), 0) : e.value ?? 0;
 }
-function Y(e, t = 2 * Math.PI) {
+function J(e, t = 2 * Math.PI) {
 	let n = [], r = (e, t, i, a) => {
 		if (n.push({
 			node: e,
 			depth: t,
 			a0: i,
 			a1: a,
-			value: J(e)
+			value: q(e)
 		}), !e.children) return;
-		let o = a - i, s = J(e) || 1, c = i;
+		let o = a - i, s = q(e) || 1, c = i;
 		for (let n of e.children) {
-			let e = c + o * J(n) / s;
+			let e = c + o * q(n) / s;
 			r(n, t + 1, c, e), c = e;
 		}
 	};
 	return r(e, 0, 0, t), n;
 }
-function ae(e) {
+function Y(e) {
 	return e.reduce((e, t) => Math.max(e, t.depth), 0);
 }
 //#endregion
@@ -586,61 +594,61 @@ function oe(e, t, { width: n, height: r, nodeWidth: i = 16, nodePadding: a = 12
 		links: v
 	};
 }
-function se(e) {
+function X(e) {
 	let t = e.source.x1, n = e.target.x0, r = (t + n) / 2, i = e.sy, a = e.sy + e.width, o = e.ty, s = e.ty + e.width;
 	return `M${t},${i}C${r},${i} ${r},${o} ${n},${o}L${n},${s}C${r},${s} ${r},${a} ${t},${a}Z`;
 }
 //#endregion
 //#region src/engine/ramp.ts
-var ce = (e) => e < 0 ? 0 : e > 1 ? 1 : e, le = (e, t, n) => e + (t - e) * n, ue = (e, t, n) => ({
-	l: le(e.l, t.l, n),
-	c: le(e.c, t.c, n),
-	h: le(e.h, t.h, n)
-}), de = ({ l: e, c: t, h: n }) => `oklch(${e.toFixed(4)} ${t.toFixed(4)} ${n.toFixed(2)})`, fe = {
+var se = (e) => e < 0 ? 0 : e > 1 ? 1 : e, ce = (e, t, n) => e + (t - e) * n, le = (e, t, n) => ({
+	l: ce(e.l, t.l, n),
+	c: ce(e.c, t.c, n),
+	h: ce(e.h, t.h, n)
+}), ue = ({ l: e, c: t, h: n }) => `oklch(${e.toFixed(4)} ${t.toFixed(4)} ${n.toFixed(2)})`, de = {
 	l: .95,
 	c: .04,
 	h: 232
-}, pe = {
+}, fe = {
 	l: .34,
 	c: .15,
 	h: 274
-}, X = {
+}, pe = {
 	l: .48,
 	c: .14,
 	h: 248
-}, me = {
+}, Z = {
 	l: .96,
 	c: .02,
 	h: 110
-}, he = {
+}, me = {
 	l: .52,
 	c: .15,
 	h: 42
 };
+function he(e) {
+	return ue(le(de, fe, se(e)));
+}
 function ge(e) {
-	return de(ue(fe, pe, ce(e)));
+	let t = se(e);
+	return ue(t < .5 ? le(pe, Z, t * 2) : le(Z, me, (t - .5) * 2));
 }
 function _e(e) {
-	let t = ce(e);
-	return de(t < .5 ? ue(X, me, t * 2) : ue(me, he, (t - .5) * 2));
+	return e === "diverging" ? ge : he;
 }
-function ve(e) {
-	return e === "diverging" ? _e : ge;
-}
-function ye(e, t = "sequential") {
-	let n = ve(t);
+function ve(e, t = "sequential") {
+	let n = _e(t);
 	return e <= 1 ? [n(0)] : Array.from({ length: e }, (t, r) => n(r / (e - 1)));
 }
-function be(e) {
+function ye(e) {
 	let t = /oklch\(([\d.]+)/.exec(e);
 	return t ? Number(t[1]) : NaN;
 }
 //#endregion
 //#region src/engine/polar.ts
-function xe(e, t, n, r) {
+function be(e, t, n, r) {
 	return [w(e + n * Math.sin(r)), w(t - n * Math.cos(r))];
 }
-function Z(e, t = [0, 2 * Math.PI]) {
+function xe(e, t = [0, 2 * Math.PI]) {
 	let n = Math.max(1, e.length), r = (t[1] - t[0]) / n, i = new Map(e.map((e, t) => [e, t])), a = (e) => {
 		let n = i.get(e);
 		return n === void 0 ? void 0 : t[0] + n * r;
@@ -1156,11 +1164,11 @@ var ut = {
 	clipPath: "inset(50%)",
 	whiteSpace: "nowrap"
 };
-function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, children: h, className: g, "data-state": _, emptyLabel: v, plain: y, tooltip: b, onSelect: x, hover: S = "rect", renderer: C = "svg", paint: w, zoom: T, toolbox: E, onRestore: D, transition: O, onBeforeDraw: k, onAfterDraw: A }) {
+function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, children: h, className: g, "data-state": _, emptyLabel: v, plain: y, tooltip: b, onSelect: x, hover: S = "rect", renderer: C = "svg", paint: w, zoom: T, toolbox: E, onRestore: D, transition: O, onBeforeDraw: ee, onAfterDraw: k }) {
 	o();
-	let j = s(), M = `${j}-desc`, N = `${j}-live`, { ref: ee, width: P, height: F } = Ve(n ?? 400, r), I = i(null), L = i(!1), ne = c(null), re = c(null), R = c(null), z = c(null);
+	let A = s(), j = `${A}-desc`, te = `${A}-live`, { ref: M, width: N, height: P } = Ve(n ?? 400, r), F = i(null), ne = i(!1), I = c(null), ie = c(null), L = c(null), ae = c(null);
 	a(() => {
-		let e = z.current;
+		let e = ae.current;
 		if (!e || !T) return;
 		let t = (t) => {
 			t.preventDefault();
@@ -1169,56 +1177,56 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
 	});
-	let B = () => {
+	let R = () => {
 		T && (T.window.value = [0, Math.max(0, T.count - 1)]);
-	}, V = n ?? P.value, H = r ?? F.value, U = E === !0 ? {} : E || null, W = () => re.current ? st(re.current) : null, G = () => {
-		let t = W();
+	}, z = n ?? N.value, B = r ?? P.value, V = E === !0 ? {} : E || null, H = () => ie.current ? st(ie.current) : null, U = () => {
+		let t = H();
 		t && lt(t, `${e || "chart"}.svg`);
-	}, K = () => {
-		let t = W();
+	}, W = () => {
+		let t = H();
 		t && ct(t, {
-			width: V,
-			height: H,
+			width: z,
+			height: B,
 			dpr: 2
 		}).then((t) => {
 			t && lt(t, `${e || "chart"}.png`);
 		});
-	}, ie = () => {
-		B(), D?.();
-	}, q = typeof b == "function" ? b({
-		width: V,
-		height: H
+	}, G = () => {
+		R(), D?.();
+	}, K = typeof b == "function" ? b({
+		width: z,
+		height: B
 	}) : b;
 	a(() => {
-		let e = I.value;
-		if (!q || !ne.current) return;
-		let t = e === null ? void 0 : q.points[e];
-		ne.current.textContent = t ? (q.format ?? Ye)(t) : "";
+		let e = F.value;
+		if (!K || !I.current) return;
+		let t = e === null ? void 0 : K.points[e];
+		I.current.textContent = t ? (K.format ?? Ye)(t) : "";
 	});
-	let J = {
+	let q = {
 		position: "absolute",
 		inset: 0,
 		cursor: T ? "grab" : x ? "pointer" : "crosshair",
 		background: "transparent",
 		touchAction: T ? "none" : void 0
-	}, Y = C === "canvas" && w !== void 0, ae = q !== void 0 || T !== void 0, oe = {};
+	}, J = C === "canvas" && w !== void 0, Y = K !== void 0 || T !== void 0, oe = {};
 	if (O && typeof O == "object") {
 		let e = oe;
 		O.duration !== void 0 && (e["--cascivo-chart-anim-dur"] = `${O.duration}ms`), O.easing && (e["--cascivo-chart-anim-ease"] = O.easing), O.properties && (e["--cascivo-chart-anim-props"] = O.properties.join(", "));
 	}
-	let se = ae || Y || U || Object.keys(oe).length > 0 ? {
+	let X = Y || J || V || Object.keys(oe).length > 0 ? {
 		...oe,
-		...ae || Y || U ? { position: "relative" } : {}
+		...Y || J || V ? { position: "relative" } : {}
 	} : void 0;
 	return /* @__PURE__ */ m("div", {
-		ref: ee,
+		ref: M,
 		className: [Je.frame, g].filter(Boolean).join(" "),
-		style: se,
+		style: X,
 		..._ !== void 0 && { "data-state": _ },
 		...y === !0 && { "data-plain": "" },
 		...O === !1 && { "data-no-anim": "" },
 		children: [
-			U && /* @__PURE__ */ p("div", {
+			V && /* @__PURE__ */ p("div", {
 				style: {
 					position: "absolute",
 					top: 4,
@@ -1226,51 +1234,51 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 					zIndex: 12
 				},
 				children: /* @__PURE__ */ p(at, {
-					options: U,
-					onPng: K,
-					onSvg: G,
+					options: V,
+					onPng: W,
+					onSvg: U,
 					onToggleData: () => {
-						L.value = !L.value;
+						ne.value = !ne.value;
 					},
-					onRestore: ie,
-					showData: L.value
+					onRestore: G,
+					showData: ne.value
 				})
 			}),
-			Y && /* @__PURE__ */ p(Qe, {
+			J && /* @__PURE__ */ p(Qe, {
 				size: () => ({
-					width: n ?? P.value,
-					height: r ?? F.value
+					width: n ?? N.value,
+					height: r ?? P.value
 				}),
 				paint: w
 			}),
 			/* @__PURE__ */ m("svg", {
-				ref: re,
+				ref: ie,
 				role: "img",
 				"aria-label": e,
-				"aria-describedby": t ? M : void 0,
-				width: V,
-				height: H,
-				viewBox: `0 0 ${V} ${H}`,
+				"aria-describedby": t ? j : void 0,
+				width: z,
+				height: B,
+				viewBox: `0 0 ${z} ${B}`,
 				children: [
 					t && /* @__PURE__ */ p("desc", {
-						id: M,
+						id: j,
 						children: t
 					}),
-					k?.({
-						width: V,
-						height: H
+					ee?.({
+						width: z,
+						height: B
 					}),
 					h({
-						width: V,
-						height: H
+						width: z,
+						height: B
 					}),
-					A?.({
-						width: V,
-						height: H
+					k?.({
+						width: z,
+						height: B
 					}),
 					_ === "empty" && /* @__PURE__ */ p("text", {
-						x: V / 2,
-						y: H / 2,
+						x: z / 2,
+						y: B / 2,
 						textAnchor: "middle",
 						dominantBaseline: "central",
 						fill: "var(--cascivo-color-foreground-muted)",
@@ -1285,16 +1293,16 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 				style: ut,
 				children: u
 			}),
-			U && L.value && u && /* @__PURE__ */ p("div", {
+			V && ne.value && u && /* @__PURE__ */ p("div", {
 				"data-data-view": "",
 				style: { overflowX: "auto" },
 				children: u
 			}),
-			ae && /* @__PURE__ */ m(f, { children: [
-				q !== void 0 && /* @__PURE__ */ m(f, { children: [
+			Y && /* @__PURE__ */ m(f, { children: [
+				K !== void 0 && /* @__PURE__ */ m(f, { children: [
 					/* @__PURE__ */ p("span", {
-						id: N,
-						ref: ne,
+						id: te,
+						ref: I,
 						"aria-live": "polite",
 						style: {
 							position: "absolute",
@@ -1308,21 +1316,21 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 							border: 0
 						}
 					}),
-					q.mode === "axis" && I.value !== null && q.points[I.value] !== void 0 && /* @__PURE__ */ p("div", {
+					K.mode === "axis" && F.value !== null && K.points[F.value] !== void 0 && /* @__PURE__ */ p("div", {
 						"aria-hidden": "true",
 						style: {
 							position: "absolute",
-							left: q.points[I.value].cx,
+							left: K.points[F.value].cx,
 							top: 0,
 							width: 1,
-							height: H,
+							height: B,
 							background: "var(--cascivo-chart-grid, currentColor)",
 							pointerEvents: "none",
 							zIndex: 9
 						}
 					}),
-					I.value !== null && q.points[I.value] !== void 0 && (() => {
-						let e = q.points[I.value];
+					F.value !== null && K.points[F.value] !== void 0 && (() => {
+						let e = K.points[F.value];
 						return /* @__PURE__ */ p("div", {
 							"aria-hidden": "true",
 							style: {
@@ -1339,14 +1347,14 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 							}
 						});
 					})(),
-					I.value !== null && q.points[I.value] !== void 0 && /* @__PURE__ */ p(Xe, {
-						point: q.points[I.value],
-						model: q
+					F.value !== null && K.points[F.value] !== void 0 && /* @__PURE__ */ p(Xe, {
+						point: K.points[F.value],
+						model: K
 					})
 				] }),
-				T && !U && rt(T.window.value, T.count) && /* @__PURE__ */ p("button", {
+				T && !V && rt(T.window.value, T.count) && /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: B,
+					onClick: R,
 					style: {
 						position: "absolute",
 						top: 4,
@@ -1364,32 +1372,32 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 					children: d(l.charts.resetZoom)
 				}),
 				/* @__PURE__ */ p("div", {
-					ref: z,
+					ref: ae,
 					role: "application",
 					"aria-label": T ? "Chart — arrow keys navigate points; + and - zoom, 0 resets, drag to pan" : "Chart data — use arrow keys to navigate points",
 					tabIndex: 0,
-					style: J,
+					style: q,
 					onPointerDown: (e) => {
-						T && (R.current = {
+						T && (L.current = {
 							x: e.clientX,
 							win: [...T.window.value]
 						}, e.currentTarget.setPointerCapture(e.pointerId));
 					},
 					onPointerMove: (e) => {
-						if (T && R.current && e.buttons === 1) {
-							let t = e.currentTarget.getBoundingClientRect(), n = R.current.win[1] - R.current.win[0] + 1, r = e.clientX - R.current.x, i = t.width ? -(r / t.width) * n : 0;
-							T.window.value = nt(R.current.win, T.count, i);
+						if (T && L.current && e.buttons === 1) {
+							let t = e.currentTarget.getBoundingClientRect(), n = L.current.win[1] - L.current.win[0] + 1, r = e.clientX - L.current.x, i = t.width ? -(r / t.width) * n : 0;
+							T.window.value = nt(L.current.win, T.count, i);
 							return;
 						}
-						if (!q || !q.points.length) return;
+						if (!K || !K.points.length) return;
 						let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
-						I.value = q.mode === "axis" ? Ze(q.points, n, r, "x") : S === "voronoi" ? te(q.points.map((e) => [e.cx, e.cy]), n, r) : Ze(q.points, n, r, "xy");
+						F.value = K.mode === "axis" ? Ze(K.points, n, r, "x") : S === "voronoi" ? re(K.points.map((e) => [e.cx, e.cy]), n, r) : Ze(K.points, n, r, "xy");
 					},
 					onPointerUp: () => {
-						R.current = null;
+						L.current = null;
 					},
 					onPointerLeave: () => {
-						R.current = null, q && (I.value = null);
+						L.current = null, K && (F.value = null);
 					},
 					onKeyDown: (e) => {
 						if (T) {
@@ -1402,33 +1410,33 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 								return;
 							}
 							if (e.key === "0") {
-								e.preventDefault(), B();
+								e.preventDefault(), R();
 								return;
 							}
 						}
-						if (!q || !q.points.length) return;
-						let t = I.value;
-						if (e.key === "ArrowRight" || e.key === "ArrowDown") e.preventDefault(), I.value = t === null ? 0 : Math.min(t + 1, q.points.length - 1);
-						else if (e.key === "ArrowLeft" || e.key === "ArrowUp") e.preventDefault(), I.value = t === null ? q.points.length - 1 : Math.max(t - 1, 0);
-						else if (e.key === "Home") e.preventDefault(), I.value = 0;
-						else if (e.key === "End") e.preventDefault(), I.value = q.points.length - 1;
-						else if (e.key === "Escape") I.value = null;
+						if (!K || !K.points.length) return;
+						let t = F.value;
+						if (e.key === "ArrowRight" || e.key === "ArrowDown") e.preventDefault(), F.value = t === null ? 0 : Math.min(t + 1, K.points.length - 1);
+						else if (e.key === "ArrowLeft" || e.key === "ArrowUp") e.preventDefault(), F.value = t === null ? K.points.length - 1 : Math.max(t - 1, 0);
+						else if (e.key === "Home") e.preventDefault(), F.value = 0;
+						else if (e.key === "End") e.preventDefault(), F.value = K.points.length - 1;
+						else if (e.key === "Escape") F.value = null;
 						else if (x && (e.key === "Enter" || e.key === " ")) {
 							e.preventDefault();
-							let t = I.value, n = t === null ? void 0 : q.points[t];
+							let t = F.value, n = t === null ? void 0 : K.points[t];
 							n && x(n);
 						}
 					},
 					onClick: () => {
-						if (!q) return;
-						let e = I.value, t = e === null ? void 0 : q.points[e];
+						if (!K) return;
+						let e = F.value, t = e === null ? void 0 : K.points[e];
 						x && t && x(t);
 					},
 					onFocus: () => {
-						q && q.points.length > 0 && I.value === null && (I.value = 0);
+						K && K.points.length > 0 && F.value === null && (F.value = 0);
 					},
 					onBlur: () => {
-						q && (I.value = null);
+						K && (F.value = null);
 					}
 				})
 			] })
@@ -2044,7 +2052,7 @@ function Kt(e, t) {
 }
 function qt(e, t) {
 	let n = t.channel ?? "color", r = t.ramp ?? "sequential", i = Gt(e, t), a = {};
-	if ((n === "color" || n === "both") && (a.color = (t.mode ?? "continuous") === "piecewise" ? ye(t.pieces ?? Vt, r)[Kt(e, t)] : ve(r)(i)), n === "size" || n === "both") {
+	if ((n === "color" || n === "both") && (a.color = (t.mode ?? "continuous") === "piecewise" ? ve(t.pieces ?? Vt, r)[Kt(e, t)] : _e(r)(i)), n === "size" || n === "both") {
 		let [e, n] = t.sizeRange ?? Ht;
 		a.size = Wt(e, n, i);
 	}
@@ -2057,7 +2065,7 @@ function Yt({ options: e, range: t, hidden: n, label: r = "Value", format: i })
 	o();
 	let a = i ?? ((e) => String(Math.round(e)));
 	if ((e.mode ?? "continuous") === "piecewise") {
-		let t = e.pieces ?? Vt, i = ye(t, e.ramp ?? "sequential"), o = (e.max - e.min) / t, s = n?.value ?? /* @__PURE__ */ new Set(), c = (e) => {
+		let t = e.pieces ?? Vt, i = ve(t, e.ramp ?? "sequential"), o = (e.max - e.min) / t, s = n?.value ?? /* @__PURE__ */ new Set(), c = (e) => {
 			if (!n) return;
 			let t = new Set(n.value);
 			t.has(e) ? t.delete(e) : t.add(e), n.value = t;
@@ -2105,7 +2113,7 @@ function Yt({ options: e, range: t, hidden: n, label: r = "Value", format: i })
 			})
 		});
 	}
-	let { min: s, max: c } = e, l = c - s || 1, u = ye(8, e.ramp ?? "sequential"), d = (e) => (e - s) / l * 100, h = t?.value[0] ?? s, g = t?.value[1] ?? c, _ = `vm-grad-${u.length}`, v = (e, t) => {
+	let { min: s, max: c } = e, l = c - s || 1, u = ve(8, e.ramp ?? "sequential"), d = (e) => (e - s) / l * 100, h = t?.value[0] ?? s, g = t?.value[1] ?? c, _ = `vm-grad-${u.length}`, v = (e, t) => {
 		let n = t.getBoundingClientRect();
 		return n.width === 0 ? s : s + Ut((e - n.left) / n.width) * l;
 	}, y = (e, n) => {
@@ -2253,40 +2261,40 @@ var rn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
 function an(e) {
 	return [Math.min(0, ...e), Math.max(...e)];
 }
-function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monotone", width: u, height: d, xTicks: g = 5, yTicks: _ = 5, legend: v, tooltip: y, formatTooltip: b, className: x, plain: S, annotations: w, labels: D, connectNulls: O, onSelect: k, brush: A, dataZoom: j, zoom: M, syncId: N, tooltipMode: ee, secondAxis: P, decimate: F, toolbox: I, transition: L, onBeforeDraw: te, onAfterDraw: ne }) {
+function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monotone", width: u, height: d, xTicks: g = 5, yTicks: _ = 5, format: v, legend: y, tooltip: b, formatTooltip: x, className: S, plain: w, annotations: D, labels: O, connectNulls: ee, onSelect: k, brush: A, dataZoom: j, zoom: te, syncId: M, tooltipMode: N, secondAxis: P, decimate: F, toolbox: ne, transition: re, onBeforeDraw: I, onAfterDraw: ie }) {
 	o();
-	let re = i(/* @__PURE__ */ new Set()), R = S ? null : Et(D), z = F === !0 ? {
+	let L = i(/* @__PURE__ */ new Set()), ae = w ? null : Et(O), R = F === !0 ? {
 		method: "lttb",
 		threshold: 1e3
 	} : F ? {
 		method: F.method ?? "lttb",
 		threshold: F.threshold ?? 1e3
-	} : null, B = e.reduce((e, t) => Math.max(e, t.data.length), 0), V = (A || j || M || N !== void 0) && B > 0, H = i([0, Math.max(0, B - 1)]), U = c(null);
-	N && !U.current && (U.current = ft(N)), a(() => () => {
-		N && pt(N);
+	} : null, z = e.reduce((e, t) => Math.max(e, t.data.length), 0), B = (A || j || te || M !== void 0) && z > 0, V = i([0, Math.max(0, z - 1)]), H = c(null);
+	M && !H.current && (H.current = ft(M)), a(() => () => {
+		M && pt(M);
 	}), a(() => {
-		let e = U.current;
+		let e = H.current;
 		if (!e) return;
-		let t = e.window.value, n = H.peek();
-		t && (t[0] !== n[0] || t[1] !== n[1]) && (H.value = t);
+		let t = e.window.value, n = V.peek();
+		t && (t[0] !== n[0] || t[1] !== n[1]) && (V.value = t);
 	}), a(() => {
-		let e = U.current;
+		let e = H.current;
 		if (!e) return;
-		let t = H.value, n = e.window.peek();
+		let t = V.value, n = e.window.peek();
 		(!n || n[0] !== t[0] || n[1] !== t[1]) && (e.window.value = t);
 	});
-	let W = V ? e.map((e) => ({
+	let U = B ? e.map((e) => ({
 		...e,
-		data: e.data.slice(H.value[0], H.value[1] + 1)
-	})) : e, G = !S && W.some((e) => e.axis === "right"), K = d ?? (S ? 48 : 300), ie = S ? !1 : v ?? W.length > 1, q = (e) => e.y ?? n, J = W.flatMap((e) => e.data.map((e) => t(e))), Y = (e) => e.flatMap((e) => e.data.map((t) => q(e)(t))).filter((e) => Number.isFinite(e)), ae = Y(G ? W.filter((e) => e.axis !== "right") : W), oe = G ? Y(W.filter((e) => e.axis === "right")) : [];
-	en("LineChart", () => W.flatMap((e) => e.data.map((t) => q(e)(t))));
-	let se = J.length > 0, ce = h(an(ae), [0, 1]).ticks(_).map((e) => e.toLocaleString()), le = se && J[0] instanceof Date, ue = G ? h(an(oe), [0, 1]).ticks(_).map((e) => P?.format ? P.format(e) : e.toLocaleString()) : [], de = J.filter((e) => typeof e == "number"), fe = J.filter((e) => e instanceof Date), pe = se ? le ? C([new Date(Math.min(...fe.map((e) => e.getTime()))), new Date(Math.max(...fe.map((e) => e.getTime())))], [0, 1]).ticks(g).map((e) => e.toLocaleDateString()) : h([Math.min(...de), Math.max(...de)], [0, 1]).ticks(g).map((e) => e.toLocaleString()) : [], X = S ? Ue : {
+		data: e.data.slice(V.value[0], V.value[1] + 1)
+	})) : e, W = !w && U.some((e) => e.axis === "right"), G = d ?? (w ? 48 : 300), K = w ? !1 : y ?? U.length > 1, q = (e) => e.y ?? n, J = U.flatMap((e) => e.data.map((e) => t(e))), Y = (e) => e.flatMap((e) => e.data.map((t) => q(e)(t))).filter((e) => Number.isFinite(e)), oe = Y(W ? U.filter((e) => e.axis !== "right") : U), X = W ? Y(U.filter((e) => e.axis === "right")) : [];
+	en("LineChart", () => U.flatMap((e) => e.data.map((t) => q(e)(t))));
+	let se = J.length > 0, ce = h(an(oe), [0, 1]).ticks(_).map((e) => e.toLocaleString()), le = se && J[0] instanceof Date, ue = W ? h(an(X), [0, 1]).ticks(_).map((e) => P?.format ? P.format(e) : e.toLocaleString()) : [], de = J.filter((e) => typeof e == "number"), fe = J.filter((e) => e instanceof Date), pe = se ? le ? C([new Date(Math.min(...fe.map((e) => e.getTime()))), new Date(Math.max(...fe.map((e) => e.getTime())))], [0, 1]).ticks(g).map((e) => e.toLocaleDateString()) : h([Math.min(...de), Math.max(...de)], [0, 1]).ticks(g).map((e) => e.toLocaleString()) : [], Z = w ? Ue : {
 		...He,
-		left: Ge(ce, S),
+		left: Ge(ce, w),
 		right: Ke({
 			rightAxisLabels: ue,
 			bottomAxisLabels: pe,
-			plain: S
+			plain: w
 		})
 	};
 	return /* @__PURE__ */ m("div", {
@@ -2300,24 +2308,24 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 				title: r,
 				description: s,
 				width: u,
-				height: K,
+				height: G,
 				fallback: /* @__PURE__ */ m("table", { children: [
 					/* @__PURE__ */ p("caption", { children: r }),
-					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "X" }), W.map((e) => /* @__PURE__ */ p("th", { children: e.label }, e.id))] }) }),
-					/* @__PURE__ */ p("tbody", { children: (W[0]?.data ?? []).map((e, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: String(W[0] ? t(W[0].data[n]) : "") }), W.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : q(e)(e.data[n]) }, e.id))] }, n)) })
+					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "X" }), U.map((e) => /* @__PURE__ */ p("th", { children: e.label }, e.id))] }) }),
+					/* @__PURE__ */ p("tbody", { children: (U[0]?.data ?? []).map((e, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: String(U[0] ? t(U[0].data[n]) : "") }), U.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : q(e)(e.data[n]) }, e.id))] }, n)) })
 				] }),
-				className: x,
+				className: S,
 				"data-state": se ? void 0 : "empty",
-				plain: S,
-				tooltip: y !== !1 && se ? ({ width: e, height: n }) => {
-					if (y === !1 || !se) return;
-					let r = e - X.left - X.right, i = n - X.top - X.bottom, a = Math.min(...le ? J.map((e) => e.getTime()) : J), o = Math.max(...le ? J.map((e) => e.getTime()) : J), s = le ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(an(ae), [i, 0]), l = G ? h(an(oe), [i, 0]) : c, u = (e) => e.axis === "right" ? l : c, d = (e) => s.map(e);
-					if (ee === "axis") {
-						let e = W.reduce((e, t) => Math.max(e, t.data.length), 0), n = [];
+				plain: w,
+				tooltip: b !== !1 && se ? ({ width: e, height: n }) => {
+					if (b === !1 || !se) return;
+					let r = e - Z.left - Z.right, i = n - Z.top - Z.bottom, a = Math.min(...le ? J.map((e) => e.getTime()) : J), o = Math.max(...le ? J.map((e) => e.getTime()) : J), s = le ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(an(oe), [i, 0]), l = W ? h(an(X), [i, 0]) : c, u = (e) => e.axis === "right" ? l : c, d = (e) => s.map(e);
+					if (N === "axis") {
+						let e = U.reduce((e, t) => Math.max(e, t.data.length), 0), n = [];
 						for (let r = 0; r < e; r++) {
 							let e = [], i = 0, a = 0, o = Infinity, s = "";
-							W.forEach((n, c) => {
-								if (re.value.has(n.id)) return;
+							U.forEach((n, c) => {
+								if (L.value.has(n.id)) return;
 								let l = n.data[r];
 								if (l === void 0) return;
 								let f = q(n)(l);
@@ -2330,8 +2338,8 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 								});
 							}), a !== 0 && n.push({
 								id: `x-${r}`,
-								cx: X.left + i / a,
-								cy: X.top + (o === Infinity ? 0 : o),
+								cx: Z.left + i / a,
+								cy: Z.top + (o === Infinity ? 0 : o),
 								label: s,
 								value: s,
 								segments: e
@@ -2343,67 +2351,67 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 							format: (e) => `${e.label}: ${(e.segments ?? []).map((e) => `${e.label} ${e.value}`).join(", ")}`
 						};
 					}
-					let f = W.flatMap((e) => re.value.has(e.id) ? [] : e.data.flatMap((n, r) => {
+					let f = U.flatMap((e) => L.value.has(e.id) ? [] : e.data.flatMap((n, r) => {
 						let i = q(e)(n);
 						if (!Number.isFinite(i)) return [];
 						let a = t(n), o = s.map(a), c = u(e).map(i), l = a instanceof Date ? a.toLocaleDateString() : String(a);
 						return {
 							id: `${e.id}-${r}`,
-							cx: X.left + o,
-							cy: X.top + c,
+							cx: Z.left + o,
+							cy: Z.top + c,
 							label: l,
 							value: q(e)(n),
 							seriesId: e.id
 						};
 					}));
-					return b ? {
+					return x ? {
 						points: f,
 						format: (e) => {
-							let t = W.find((t) => t.id === e.seriesId), n = parseInt(e.id.split("-").pop() ?? "0", 10);
-							return t && t.data[n] !== void 0 ? b(t.data[n], t) : `${e.label}: ${e.value}`;
+							let t = U.find((t) => t.id === e.seriesId), n = parseInt(e.id.split("-").pop() ?? "0", 10);
+							return t && t.data[n] !== void 0 ? x(t.data[n], t) : `${e.label}: ${e.value}`;
 						}
 					} : { points: f };
 				} : void 0,
 				onSelect: k,
-				zoom: M && B > 1 ? {
-					window: H,
-					count: B
+				zoom: te && z > 1 ? {
+					window: V,
+					count: z
 				} : void 0,
-				toolbox: I,
-				onRestore: V ? () => {
-					H.value = [0, Math.max(0, B - 1)];
+				toolbox: ne,
+				onRestore: B ? () => {
+					V.value = [0, Math.max(0, z - 1)];
 				} : void 0,
-				transition: L,
-				onBeforeDraw: te,
-				onAfterDraw: ne,
+				transition: re,
+				onBeforeDraw: I,
+				onAfterDraw: ie,
 				children: ({ width: e, height: n }) => {
-					let r = e - X.left - X.right, i = n - X.top - X.bottom, a = Math.min(...le ? J.map((e) => e.getTime()) : J), o = Math.max(...le ? J.map((e) => e.getTime()) : J), s = le ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(an(ae), [i, 0]), u = G ? h(an(oe), [i, 0]) : c;
+					let r = e - Z.left - Z.right, i = n - Z.top - Z.bottom, a = Math.min(...le ? J.map((e) => e.getTime()) : J), o = Math.max(...le ? J.map((e) => e.getTime()) : J), s = le ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(an(oe), [i, 0]), u = W ? h(an(X), [i, 0]) : c;
 					return /* @__PURE__ */ p("g", { children: /* @__PURE__ */ m("g", {
-						transform: `translate(${X.left},${X.top})`,
+						transform: `translate(${Z.left},${Z.top})`,
 						children: [
-							!S && /* @__PURE__ */ p(vt, {
+							!w && /* @__PURE__ */ p(vt, {
 								scale: c,
 								orientation: "y",
 								length: r,
 								tickCount: _
 							}),
-							!S && Ct(w, {
+							!w && Ct(D, {
 								xScale: s,
 								yScale: c,
 								innerW: r,
 								innerH: i
 							}),
-							W.map((e, n) => {
-								if (re.value.has(e.id)) return null;
+							U.map((e, n) => {
+								if (L.value.has(e.id)) return null;
 								let r = e.color ?? rn[n % rn.length], i = e.axis === "right" ? u : c, a = (e) => s.map(e);
-								if (z && e.data.length > z.threshold) {
+								if (R && e.data.length > R.threshold) {
 									let n = [];
 									for (let r of e.data) {
 										let o = q(e)(r);
 										Number.isFinite(o) && n.push([a(t(r)), i.map(o)]);
 									}
 									return /* @__PURE__ */ p("path", {
-										d: E(Le(n, z.threshold, z.method).map((e) => [e[0], e[1]]), l),
+										d: E(Le(n, R.threshold, R.method).map((e) => [e[0], e[1]]), l),
 										fill: "none",
 										stroke: r,
 										strokeWidth: 2,
@@ -2416,7 +2424,7 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 									let r = q(e)(n);
 									return Number.isFinite(r) ? [a(t(n)), i.map(r)] : null;
 								});
-								return /* @__PURE__ */ m("g", { children: [T(o, O).map((t, n) => /* @__PURE__ */ p("path", {
+								return /* @__PURE__ */ m("g", { children: [T(o, ee).map((t, n) => /* @__PURE__ */ p("path", {
 									d: E(t, l),
 									fill: "none",
 									stroke: r,
@@ -2424,22 +2432,23 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									"data-series": e.id
-								}, n)), R && e.data.map((t, n) => {
+								}, n)), ae && e.data.map((t, n) => {
 									let r = o[n];
 									return r ? /* @__PURE__ */ p(Dt, {
 										x: r[0],
 										y: r[1] - 8,
-										text: R.format(q(e)(t))
+										text: ae.format(q(e)(t))
 									}, n) : null;
 								})] }, e.id);
 							}),
-							!S && /* @__PURE__ */ m(f, { children: [
+							!w && /* @__PURE__ */ m(f, { children: [
 								/* @__PURE__ */ p($, {
 									scale: s,
 									orientation: "x",
 									length: r,
 									tickCount: g,
-									transform: `translate(0,${i})`
+									transform: `translate(0,${i})`,
+									...v ? { format: v } : {}
 								}),
 								/* @__PURE__ */ p($, {
 									scale: c,
@@ -2447,7 +2456,7 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 									length: i,
 									tickCount: _
 								}),
-								G && /* @__PURE__ */ p($, {
+								W && /* @__PURE__ */ p($, {
 									scale: u,
 									orientation: "y-right",
 									length: i,
@@ -2460,23 +2469,23 @@ function on({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 					}) });
 				}
 			}),
-			A && !j && B > 1 && /* @__PURE__ */ p(zt, {
-				count: B,
-				window: H,
+			A && !j && z > 1 && /* @__PURE__ */ p(zt, {
+				count: z,
+				window: V,
 				label: "Time range"
 			}),
-			j && B > 1 && /* @__PURE__ */ p(Bt, {
-				count: B,
-				window: H,
+			j && z > 1 && /* @__PURE__ */ p(Bt, {
+				count: z,
+				window: V,
 				label: "Time range"
 			}),
-			ie && /* @__PURE__ */ p(Zt, {
-				series: W.map((e, t) => ({
+			K && /* @__PURE__ */ p(Zt, {
+				series: U.map((e, t) => ({
 					id: e.id,
 					label: e.label,
 					color: e.color ?? rn[t % rn.length]
 				})),
-				hidden: re
+				hidden: L
 			})
 		]
 	});
@@ -2488,40 +2497,40 @@ function cn(e, t) {
 	return t || e <= 1 ? sn : { fillOpacity: "var(--cascivo-chart-fill-opacity-overlap, 0.12)" };
 }
 var ln = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1, curve: d = "monotone", fill: g = "solid", patternKind: _, width: v, height: y, xTicks: b = 5, yTicks: x = 5, legend: S, tooltip: w, className: T, plain: D, annotations: O, labels: k, onSelect: A, brush: j, dataZoom: M, zoom: N, syncId: P, tooltipMode: I, secondAxis: L, decimate: te, toolbox: ne }) {
+function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1, curve: d = "monotone", fill: g = "solid", patternKind: _, width: v, height: y, xTicks: b = 5, yTicks: x = 5, legend: S, tooltip: w, className: T, plain: D, annotations: O, labels: ee, onSelect: k, brush: A, dataZoom: j, zoom: te, syncId: N, tooltipMode: F, secondAxis: ne, decimate: re, toolbox: I, format: ie }) {
 	o();
-	let re = s(), R = i(/* @__PURE__ */ new Set()), z = D ? null : Et(k), B = te === !0 ? {
+	let L = s(), ae = i(/* @__PURE__ */ new Set()), R = D ? null : Et(ee), z = re === !0 ? {
 		method: "lttb",
 		threshold: 1e3
-	} : te ? {
-		method: te.method ?? "lttb",
-		threshold: te.threshold ?? 1e3
-	} : null, V = e.reduce((e, t) => Math.max(e, t.data.length), 0), H = (j || M || N || P !== void 0) && V > 0, U = i([0, Math.max(0, V - 1)]), W = c(null);
-	P && !W.current && (W.current = ft(P)), a(() => () => {
-		P && pt(P);
+	} : re ? {
+		method: re.method ?? "lttb",
+		threshold: re.threshold ?? 1e3
+	} : null, B = e.reduce((e, t) => Math.max(e, t.data.length), 0), V = (A || j || te || N !== void 0) && B > 0, H = i([0, Math.max(0, B - 1)]), U = c(null);
+	N && !U.current && (U.current = ft(N)), a(() => () => {
+		N && pt(N);
 	}), a(() => {
-		let e = W.current;
+		let e = U.current;
 		if (!e) return;
-		let t = e.window.value, n = U.peek();
-		t && (t[0] !== n[0] || t[1] !== n[1]) && (U.value = t);
+		let t = e.window.value, n = H.peek();
+		t && (t[0] !== n[0] || t[1] !== n[1]) && (H.value = t);
 	}), a(() => {
-		let e = W.current;
+		let e = U.current;
 		if (!e) return;
-		let t = U.value, n = e.window.peek();
+		let t = H.value, n = e.window.peek();
 		(!n || n[0] !== t[0] || n[1] !== t[1]) && (e.window.value = t);
 	});
-	let G = H ? e.map((e) => ({
+	let W = V ? e.map((e) => ({
 		...e,
-		data: e.data.slice(U.value[0], U.value[1] + 1)
-	})) : e, K = !D && !u && G.some((e) => e.axis === "right"), ie = y ?? (D ? 48 : 300), q = D ? !1 : S ?? G.length > 1, J = cn(G.length, u), Y = (e) => e.y ?? n, ae = (G[0]?.data ?? []).map((e) => t(e)), oe = (K ? G.filter((e) => e.axis !== "right") : G).flatMap((e) => e.data.map((t) => Y(e)(t))), se = K ? G.filter((e) => e.axis === "right").flatMap((e) => e.data.map((t) => Y(e)(t))) : [];
-	!K && !u && G.length > 1 && nn("AreaChart", G.map((e) => ({
+		data: e.data.slice(H.value[0], H.value[1] + 1)
+	})) : e, G = !D && !u && W.some((e) => e.axis === "right"), K = y ?? (D ? 48 : 300), q = D ? !1 : S ?? W.length > 1, J = cn(W.length, u), Y = (e) => e.y ?? n, oe = (W[0]?.data ?? []).map((e) => t(e)), X = (G ? W.filter((e) => e.axis !== "right") : W).flatMap((e) => e.data.map((t) => Y(e)(t))), se = G ? W.filter((e) => e.axis === "right").flatMap((e) => e.data.map((t) => Y(e)(t))) : [];
+	!G && !u && W.length > 1 && nn("AreaChart", W.map((e) => ({
 		label: e.label,
 		max: Math.max(0, ...e.data.map((t) => Y(e)(t)).filter((e) => Number.isFinite(e)))
-	}))), en("AreaChart", () => [...oe, ...se]);
-	let ce = ae.length > 0, le = ce && ae[0] instanceof Date, ue = ae.map((e) => e instanceof Date ? e.getTime() : e), de = ce ? Math.min(...ue) : 0, fe = ce ? Math.max(...ue) : 1, pe = (e) => le ? C([new Date(de), new Date(fe)], [0, e]) : h([de, fe], [0, e]), X = (e, n) => e.map(t(n)), me = (e) => {
+	}))), en("AreaChart", () => [...X, ...se]);
+	let ce = oe.length > 0, le = ce && oe[0] instanceof Date, ue = oe.map((e) => e instanceof Date ? e.getTime() : e), de = ce ? Math.min(...ue) : 0, fe = ce ? Math.max(...ue) : 1, pe = (e) => le ? C([new Date(de), new Date(fe)], [0, e]) : h([de, fe], [0, e]), Z = (e, n) => e.map(t(n)), me = (e) => {
 		let n = t(e);
 		return n instanceof Date ? n.toLocaleDateString() : String(n);
-	}, he = u ? 0 : Math.min(0, ...oe), ge = Math.max(...u ? (G[0]?.data ?? []).map((e, t) => G.reduce((e, n) => e + Y(n)(n.data[t]), 0)) : oe), _e = K ? Math.min(0, ...se) : he, ve = K ? Math.max(...se) : ge, ye = h([he, ge], [0, 1]).ticks(x).map((e) => e.toLocaleString()), be = K ? h([_e, ve], [0, 1]).ticks(x).map((e) => L?.format ? L.format(e) : e.toLocaleString()) : [], xe = le ? C([new Date(de), new Date(fe)], [0, 1]).ticks(b).map((e) => e.toLocaleDateString()) : h([de, fe], [0, 1]).ticks(b).map((e) => e.toLocaleString()), Z = D ? Ue : {
+	}, he = u ? 0 : Math.min(0, ...X), ge = Math.max(...u ? (W[0]?.data ?? []).map((e, t) => W.reduce((e, n) => e + Y(n)(n.data[t]), 0)) : X), _e = G ? Math.min(0, ...se) : he, ve = G ? Math.max(...se) : ge, ye = h([he, ge], [0, 1]).ticks(x).map((e) => e.toLocaleString()), be = G ? h([_e, ve], [0, 1]).ticks(x).map((e) => ne?.format ? ne.format(e) : e.toLocaleString()) : [], xe = le ? C([new Date(de), new Date(fe)], [0, 1]).ticks(b).map((e) => e.toLocaleDateString()) : h([de, fe], [0, 1]).ticks(b).map((e) => e.toLocaleString()), Se = D ? Ue : {
 		...He,
 		left: Ge(ye, D),
 		right: Ke({
@@ -2541,28 +2550,28 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 				title: r,
 				description: l,
 				width: v,
-				height: ie,
+				height: K,
 				fallback: /* @__PURE__ */ m("table", { children: [
 					/* @__PURE__ */ p("caption", { children: r }),
-					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "X" }), G.map((e) => /* @__PURE__ */ p("th", { children: e.label }, e.id))] }) }),
-					/* @__PURE__ */ p("tbody", { children: (G[0]?.data ?? []).map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: G[0] ? me(G[0].data[t]) : "" }), G.map((e) => /* @__PURE__ */ p("td", { children: e.data[t] == null ? "" : Y(e)(e.data[t]) }, e.id))] }, t)) })
+					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "X" }), W.map((e) => /* @__PURE__ */ p("th", { children: e.label }, e.id))] }) }),
+					/* @__PURE__ */ p("tbody", { children: (W[0]?.data ?? []).map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: W[0] ? me(W[0].data[t]) : "" }), W.map((e) => /* @__PURE__ */ p("td", { children: e.data[t] == null ? "" : Y(e)(e.data[t]) }, e.id))] }, t)) })
 				] }),
 				className: T,
 				"data-state": ce ? void 0 : "empty",
 				plain: D,
 				tooltip: w !== !1 && ce ? ({ width: e, height: t }) => {
 					if (w === !1 || !ce) return;
-					let n = e - Z.left - Z.right, r = t - Z.top - Z.bottom, i = pe(n), a = h([he, ge], [r, 0]), o = K ? h([_e, ve], [r, 0]) : a, s = (e) => e.axis === "right" ? o : a;
-					if (I === "axis") {
-						let e = G.reduce((e, t) => Math.max(e, t.data.length), 0), t = [];
+					let n = e - Se.left - Se.right, r = t - Se.top - Se.bottom, i = pe(n), a = h([he, ge], [r, 0]), o = G ? h([_e, ve], [r, 0]) : a, s = (e) => e.axis === "right" ? o : a;
+					if (F === "axis") {
+						let e = W.reduce((e, t) => Math.max(e, t.data.length), 0), t = [];
 						for (let n = 0; n < e; n++) {
-							let e = [], r = Infinity, a = "", o = Z.left;
-							G.forEach((t, c) => {
-								if (R.value.has(t.id)) return;
+							let e = [], r = Infinity, a = "", o = Se.left;
+							W.forEach((t, c) => {
+								if (ae.value.has(t.id)) return;
 								let l = t.data[n];
 								if (l === void 0) return;
 								let u = Y(t)(l);
-								Number.isFinite(u) && (o = Z.left + X(i, l), r = Math.min(r, s(t).map(u)), a = me(l), e.push({
+								Number.isFinite(u) && (o = Se.left + Z(i, l), r = Math.min(r, s(t).map(u)), a = me(l), e.push({
 									label: t.label,
 									value: u,
 									color: t.color ?? ln[c % ln.length]
@@ -2570,7 +2579,7 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 							}), e.length !== 0 && t.push({
 								id: `x-${n}`,
 								cx: o,
-								cy: Z.top + (r === Infinity ? 0 : r),
+								cy: Se.top + (r === Infinity ? 0 : r),
 								label: a,
 								value: a,
 								segments: e
@@ -2582,36 +2591,36 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 							format: (e) => `${e.label}: ${(e.segments ?? []).map((e) => `${e.label} ${e.value}`).join(", ")}`
 						};
 					}
-					return { points: G.flatMap((e) => R.value.has(e.id) ? [] : e.data.map((t, n) => ({
+					return { points: W.flatMap((e) => ae.value.has(e.id) ? [] : e.data.map((t, n) => ({
 						id: `${e.id}-${n}`,
-						cx: Z.left + X(i, t),
-						cy: Z.top + s(e).map(Y(e)(t)),
+						cx: Se.left + Z(i, t),
+						cy: Se.top + s(e).map(Y(e)(t)),
 						label: me(t),
 						value: Y(e)(t),
 						seriesId: e.id
 					}))) };
 				} : void 0,
-				onSelect: A,
-				zoom: N && V > 1 ? {
-					window: U,
-					count: V
+				onSelect: k,
+				zoom: te && B > 1 ? {
+					window: H,
+					count: B
 				} : void 0,
-				toolbox: ne,
-				onRestore: H ? () => {
-					U.value = [0, Math.max(0, V - 1)];
+				toolbox: I,
+				onRestore: V ? () => {
+					H.value = [0, Math.max(0, B - 1)];
 				} : void 0,
 				children: ({ width: e, height: t }) => {
-					let n = e - Z.left - Z.right, r = t - Z.top - Z.bottom, i = pe(n), a = h([he, ge], [r, 0]), o = K ? h([_e, ve], [r, 0]) : a, s = [];
-					return u && (s = F(G.map((e) => e.data.map((t) => Y(e)(t))))), /* @__PURE__ */ m("g", { children: [g !== "solid" && /* @__PURE__ */ p(Mt, {
-						prefix: re,
+					let n = e - Se.left - Se.right, r = t - Se.top - Se.bottom, i = pe(n), a = h([he, ge], [r, 0]), o = G ? h([_e, ve], [r, 0]) : a, s = [];
+					return u && (s = P(W.map((e) => e.data.map((t) => Y(e)(t))))), /* @__PURE__ */ m("g", { children: [g !== "solid" && /* @__PURE__ */ p(Mt, {
+						prefix: L,
 						fill: g,
 						patternKind: _,
-						series: G.map((e, t) => ({
+						series: W.map((e, t) => ({
 							id: e.id,
 							color: e.color ?? ln[t % ln.length]
 						}))
 					}), /* @__PURE__ */ m("g", {
-						transform: `translate(${Z.left},${Z.top})`,
+						transform: `translate(${Se.left},${Se.top})`,
 						children: [
 							!D && /* @__PURE__ */ p(vt, {
 								scale: a,
@@ -2625,13 +2634,13 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 								innerW: n,
 								innerH: r
 							}),
-							G.map((e, t) => {
-								if (R.value.has(e.id)) return null;
+							W.map((e, t) => {
+								if (ae.value.has(e.id)) return null;
 								let n = e.color ?? ln[t % ln.length], r, c;
 								if (u && s[t]) {
 									let o = s[t];
-									r = e.data.map((e, t) => [X(i, e), a.map(o[t][1])]);
-									let l = e.data.map((e, t) => [X(i, e), a.map(o[t][0])]);
+									r = e.data.map((e, t) => [Z(i, e), a.map(o[t][1])]);
+									let l = e.data.map((e, t) => [Z(i, e), a.map(o[t][0])]);
 									c = a.map(0);
 									let u = E(r, d), f = l[l.length - 1], h = l[0], _ = [...l].reverse().map(([e, t]) => `L${e},${t}`).join(""), v = `${u}L${f[0]},${f[1]}${_}L${h[0]},${h[1]}Z`;
 									return /* @__PURE__ */ m("g", {
@@ -2639,7 +2648,7 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 										children: [
 											/* @__PURE__ */ p("path", {
 												d: v,
-												fill: jt(re, e.id, g, n),
+												fill: jt(L, e.id, g, n),
 												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}),
@@ -2649,22 +2658,22 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 												stroke: n,
 												strokeWidth: 2
 											}),
-											z && r.map((t, n) => /* @__PURE__ */ p(Dt, {
+											R && r.map((t, n) => /* @__PURE__ */ p(Dt, {
 												x: t[0],
 												y: t[1] - 8,
-												text: z.format(Y(e)(e.data[n]))
+												text: R.format(Y(e)(e.data[n]))
 											}, n))
 										]
 									}, e.id);
 								} else {
 									let t = e.axis === "right" ? o : a;
-									if (r = e.data.map((n) => [X(i, n), t.map(Y(e)(n))]), c = t.map(0), B && r.length > B.threshold) {
-										let t = Le(r, B.threshold, B.method).map((e) => [e[0], e[1]]);
+									if (r = e.data.map((n) => [Z(i, n), t.map(Y(e)(n))]), c = t.map(0), z && r.length > z.threshold) {
+										let t = Le(r, z.threshold, z.method).map((e) => [e[0], e[1]]);
 										return /* @__PURE__ */ m("g", {
 											"data-series": e.id,
 											children: [/* @__PURE__ */ p("path", {
-												d: ee(t, c, d),
-												fill: jt(re, e.id, g, n),
+												d: M(t, c, d),
+												fill: jt(L, e.id, g, n),
 												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}), /* @__PURE__ */ p("path", {
@@ -2679,8 +2688,8 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 										"data-series": e.id,
 										children: [
 											/* @__PURE__ */ p("path", {
-												d: ee(r, c, d),
-												fill: jt(re, e.id, g, n),
+												d: M(r, c, d),
+												fill: jt(L, e.id, g, n),
 												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}),
@@ -2690,10 +2699,10 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 												stroke: n,
 												strokeWidth: 2
 											}),
-											z && r.map((t, n) => /* @__PURE__ */ p(Dt, {
+											R && r.map((t, n) => /* @__PURE__ */ p(Dt, {
 												x: t[0],
 												y: t[1] - 8,
-												text: z.format(Y(e)(e.data[n]))
+												text: R.format(Y(e)(e.data[n]))
 											}, n))
 										]
 									}, e.id);
@@ -2705,7 +2714,8 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 									orientation: "x",
 									length: n,
 									tickCount: b,
-									transform: `translate(0,${r})`
+									transform: `translate(0,${r})`,
+									...ie ? { format: ie } : {}
 								}),
 								/* @__PURE__ */ p($, {
 									scale: a,
@@ -2713,61 +2723,64 @@ function un({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 									length: r,
 									tickCount: x
 								}),
-								K && /* @__PURE__ */ p($, {
+								G && /* @__PURE__ */ p($, {
 									scale: o,
 									orientation: "y-right",
 									length: r,
 									tickCount: x,
 									transform: `translate(${n},0)`,
-									...L?.format ? { format: (e) => L.format(Number(e)) } : {}
+									...ne?.format ? { format: (e) => ne.format(Number(e)) } : {}
 								})
 							] })
 						]
 					})] });
 				}
 			}),
-			j && !M && V > 1 && /* @__PURE__ */ p(zt, {
-				count: V,
-				window: U,
+			A && !j && B > 1 && /* @__PURE__ */ p(zt, {
+				count: B,
+				window: H,
 				label: "Range"
 			}),
-			M && V > 1 && /* @__PURE__ */ p(Bt, {
-				count: V,
-				window: U,
+			j && B > 1 && /* @__PURE__ */ p(Bt, {
+				count: B,
+				window: H,
 				label: "Range"
 			}),
 			q && /* @__PURE__ */ p(Zt, {
-				series: G.map((e, t) => ({
+				series: W.map((e, t) => ({
 					id: e.id,
 					label: e.label,
 					color: e.color ?? ln[t % ln.length]
 				})),
-				hidden: R
+				hidden: ae
 			})
 		]
 	});
 }
 //#endregion
 //#region src/charts/bar-chart/bar-chart.tsx
-var dn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function fn(e) {
+function dn(e, t, n, r) {
+	return typeof e == "function" ? t === void 0 ? r : e(t, n) : e ?? r;
+}
+var fn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function pn(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 pn({ series: e, x: t, y: n, title: r, description: a, orientation: c = "vertical", mode: l = "grouped", width: u, height: d, xTicks: g = 5, yTicks: v = 5, xLabelEvery: y, legend: b, tooltip: x, tooltipFormat: S, className: C, plain: w, annotations: T, labels: E, onSelect: D, fill: O = "solid", patternKind: k }) {
+function mn({ series: e, x: t, y: n, title: r, description: a, orientation: c = "vertical", mode: l = "grouped", width: u, height: d, xTicks: g = 5, yTicks: v = 5, valueAxisTicks: y, categoryAxisTicks: b, xLabelEvery: x, categoryLabelEvery: S, legend: C, tooltip: w, tooltipFormat: T, className: E, plain: D, annotations: O, labels: ee, onSelect: k, fill: A = "solid", patternKind: j, format: te }) {
 	o();
-	let A = s(), j = w ? null : Et(E), M = i(/* @__PURE__ */ new Set()), N = d ?? (w ? 48 : 300), ee = w ? !1 : b ?? e.length > 1, P = (e) => e.y ?? n, I = (e[0]?.data ?? []).map((e) => t(e)), L = e.flatMap((e) => e.data.map((t) => P(e)(t))), te = I.length > 0, ne = l === "stacked" || l === "percent", re = I.map((t, n) => e.reduce((e, t) => e + P(t)(t.data[n]), 0)), R = () => {
-		let t = F(e.map((e) => e.data.map((t) => P(e)(t))));
+	let M = s(), N = D ? null : Et(ee), F = i(/* @__PURE__ */ new Set()), ne = d ?? (D ? 48 : 300), re = D ? !1 : C ?? e.length > 1, I = (e) => e.y ?? n, ie = (e[0]?.data ?? []).map((e) => t(e)), L = e.flatMap((e) => e.data.map((t) => I(e)(t))), ae = ie.length > 0, R = l === "stacked" || l === "percent", z = ie.map((t, n) => e.reduce((e, t) => e + I(t)(t.data[n]), 0)), B = () => {
+		let t = P(e.map((e) => e.data.map((t) => I(e)(t))));
 		return l === "percent" ? t.map((e) => e.map(([e, t], n) => {
-			let r = re[n] || 1;
+			let r = z[n] || 1;
 			return [e / r, t / r];
 		})) : t;
-	}, z = ne ? 0 : Math.min(0, ...L), B = te ? Math.max(...re) : 1, V = l === "percent" ? 1 : l === "stacked" ? B : Math.max(1, ...L), H = l === "percent" ? (e) => `${Math.round(Number(e) * 100)}%` : void 0, U = c === "vertical", W = U ? h([z, V], [0, 1]).ticks(v).map((e) => H ? H(e) : e.toLocaleString()) : I.map((e) => String(e)), G = U ? I.map((e) => String(e)) : h([z, V], [0, 1]).ticks(g).map((e) => H ? H(e) : e.toLocaleString()), K = w ? Ue : {
+	}, V = R ? 0 : Math.min(0, ...L), H = ae ? Math.max(...z) : 1, U = l === "percent" ? 1 : l === "stacked" ? H : Math.max(1, ...L), W = l === "percent" ? (e) => `${Math.round(Number(e) * 100)}%` : void 0, G = c === "vertical", K = (G ? y : b) ?? v, q = (G ? b : y) ?? g, J = S ?? x, Y = G ? h([V, U], [0, 1]).ticks(K).map((e) => W ? W(e) : e.toLocaleString()) : ie.map((e) => String(e)), oe = G ? ie.map((e) => String(e)) : h([V, U], [0, 1]).ticks(q).map((e) => W ? W(e) : e.toLocaleString()), X = D ? Ue : {
 		...He,
-		left: Ge(W, w),
+		left: Ge(Y, D),
 		right: Ke({
-			bottomAxisLabels: G,
-			plain: w
+			bottomAxisLabels: oe,
+			plain: D
 		})
 	};
 	return /* @__PURE__ */ m("div", {
@@ -2780,24 +2793,24 @@ function pn({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 			title: r,
 			description: a,
 			width: u,
-			height: N,
+			height: ne,
 			fallback: /* @__PURE__ */ m("table", { children: [
 				/* @__PURE__ */ p("caption", { children: r }),
 				/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Category" }), e.map((e) => /* @__PURE__ */ p("th", { children: e.label }, e.id))] }) }),
-				/* @__PURE__ */ p("tbody", { children: I.map((t, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: t }), e.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : P(e)(e.data[n]) }, e.id))] }, t)) })
+				/* @__PURE__ */ p("tbody", { children: ie.map((t, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: t }), e.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : I(e)(e.data[n]) }, e.id))] }, t)) })
 			] }),
-			className: C,
-			"data-state": te ? void 0 : "empty",
-			plain: w,
-			tooltip: x && te ? ({ width: n, height: r }) => {
-				if (!x || !te) return;
-				let i = n - K.left - K.right, a = r - K.top - K.bottom, o = c === "vertical", s = _(I, o ? [0, i] : [0, a], .2), u = h([z, V], o ? [a, 0] : [0, i]), d = e.filter((e) => !M.value.has(e.id)), f = [];
-				ne && (f = R());
-				let p = ne && !S, m = I.map((t, n) => {
+			className: E,
+			"data-state": ae ? void 0 : "empty",
+			plain: D,
+			tooltip: w && ae ? ({ width: n, height: r }) => {
+				if (!w || !ae) return;
+				let i = n - X.left - X.right, a = r - X.top - X.bottom, o = c === "vertical", s = _(ie, o ? [0, i] : [0, a], .2), u = h([V, U], o ? [a, 0] : [0, i]), d = e.filter((e) => !F.value.has(e.id)), f = [];
+				R && (f = B());
+				let p = R && !T, m = ie.map((t, n) => {
 					let r = d.map((t) => ({
 						label: t.label,
-						value: P(t)(t.data[n]),
-						color: t.color ?? dn[e.indexOf(t) % dn.length]
+						value: I(t)(t.data[n]),
+						color: dn(t.color, t.data[n], n, fn[e.indexOf(t) % fn.length])
 					}));
 					return {
 						segs: r,
@@ -2807,79 +2820,79 @@ function pn({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 					let r = e.indexOf(n), i = l === "grouped" ? s.bandwidth / d.length : s.bandwidth;
 					return n.data.map((e, a) => {
 						let c = s.map(t(e)) ?? 0, h, g;
-						if (ne && f[r]) {
+						if (R && f[r]) {
 							let e = f[r][a];
 							h = e[1], g = e[0];
-						} else h = P(n)(e), g = z;
+						} else h = I(n)(e), g = V;
 						let _ = d.indexOf(n), v = c + (l === "grouped" ? _ * i : 0) + i / 2, y = (Math.min(u.map(h), u.map(g)) + Math.max(u.map(h), u.map(g))) / 2;
 						return {
 							id: `${n.id}-${a}`,
-							cx: K.left + (o ? v : y),
-							cy: K.top + (o ? y : v),
+							cx: X.left + (o ? v : y),
+							cy: X.top + (o ? y : v),
 							label: t(e),
-							value: p ? m[a].total : P(n)(e),
+							value: p ? m[a].total : I(n)(e),
 							seriesId: n.id,
 							...p && { segments: m[a].segs }
 						};
 					});
-				}), v = S ?? (p ? fn : void 0);
+				}), v = T ?? (p ? pn : void 0);
 				return v ? {
 					points: g,
 					format: v
 				} : { points: g };
 			} : void 0,
-			onSelect: D,
+			onSelect: k,
 			children: ({ width: n, height: r }) => {
-				let i = n - K.left - K.right, a = r - K.top - K.bottom, o = c === "vertical", s = y ?? qe(I, o ? i : a), u = _(I, o ? [0, i] : [0, a], .2), d = h([z, V], o ? [a, 0] : [0, i]), b = e.filter((e) => !M.value.has(e.id)), x = [];
-				return ne && (x = R()), /* @__PURE__ */ m("g", { children: [O !== "solid" && /* @__PURE__ */ p(Mt, {
-					prefix: A,
-					fill: O,
-					patternKind: k,
+				let i = n - X.left - X.right, a = r - X.top - X.bottom, o = c === "vertical", s = J ?? qe(ie, o ? i : a), u = _(ie, o ? [0, i] : [0, a], .2), d = h([V, U], o ? [a, 0] : [0, i]), g = e.filter((e) => !F.value.has(e.id)), v = [];
+				return R && (v = B()), /* @__PURE__ */ m("g", { children: [A !== "solid" && /* @__PURE__ */ p(Mt, {
+					prefix: M,
+					fill: A,
+					patternKind: j,
 					series: e.map((e, t) => ({
 						id: e.id,
-						color: e.color ?? dn[t % dn.length]
+						color: dn(e.color, e.data[0], 0, fn[t % fn.length])
 					}))
 				}), /* @__PURE__ */ m("g", {
-					transform: `translate(${K.left},${K.top})`,
+					transform: `translate(${X.left},${X.top})`,
 					children: [
-						!w && o && /* @__PURE__ */ p(vt, {
+						!D && o && /* @__PURE__ */ p(vt, {
 							scale: d,
 							orientation: "y",
 							length: i,
-							tickCount: v
+							tickCount: K
 						}),
-						!w && !o && /* @__PURE__ */ p(vt, {
+						!D && !o && /* @__PURE__ */ p(vt, {
 							scale: d,
 							orientation: "x",
 							length: a,
-							tickCount: g
+							tickCount: q
 						}),
-						!w && Ct(T, {
+						!D && Ct(O, {
 							xScale: o ? u : d,
 							yScale: o ? d : u,
 							innerW: i,
 							innerH: a
 						}),
-						b.map((n, r) => {
-							let i = n.color ?? dn[e.indexOf(n) % dn.length], a = e.indexOf(n), s = l === "grouped" ? u.bandwidth / b.length : u.bandwidth;
+						g.map((n, r) => {
+							let i = fn[e.indexOf(n) % fn.length], a = e.indexOf(n), s = l === "grouped" ? u.bandwidth / g.length : u.bandwidth;
 							return n.data.map((e, c) => {
 								let f = u.map(t(e)) ?? 0, h, g;
-								if (ne && x[a]) {
-									let e = x[a][c];
+								if (R && v[a]) {
+									let e = v[a][c];
 									h = e[1], g = e[0];
-								} else h = P(n)(e), g = z;
-								let _ = f + (l === "grouped" ? r * s : 0), v = Math.min(d.map(h), d.map(g)), y = Math.abs(d.map(h) - d.map(g)), b = null;
-								if (j) {
-									let t = j.format(P(n)(e)), r = _ + s / 2, i = ne || y < 18 || v < 14;
-									if (o) b = /* @__PURE__ */ p(Dt, {
+								} else h = I(n)(e), g = V;
+								let _ = f + (l === "grouped" ? r * s : 0), y = Math.min(d.map(h), d.map(g)), b = Math.abs(d.map(h) - d.map(g)), x = null;
+								if (N) {
+									let t = N.format(I(n)(e)), r = _ + s / 2, i = R || b < 18 || y < 14;
+									if (o) x = /* @__PURE__ */ p(Dt, {
 										x: r,
-										y: i ? v + 13 : v - 4,
+										y: i ? y + 13 : y - 4,
 										text: t,
 										tone: i ? "muted" : "default"
 									});
 									else {
-										let e = v + y;
-										b = /* @__PURE__ */ p(Dt, {
+										let e = y + b;
+										x = /* @__PURE__ */ p(Dt, {
 											x: i ? e - 4 : e + 4,
 											y: r + 4,
 											text: t,
@@ -2887,79 +2900,83 @@ function pn({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 											tone: i ? "muted" : "default"
 										});
 									}
-									ne && y < 14 && (b = null);
+									R && b < 14 && (x = null);
 								}
+								let S = dn(n.color, e, c, i);
 								return /* @__PURE__ */ m("g", { children: [o ? /* @__PURE__ */ p("rect", {
 									x: _,
-									y: v,
+									y,
 									width: s,
-									height: y,
-									fill: jt(A, n.id, O, i),
+									height: b,
+									fill: jt(M, n.id, A, S),
 									rx: 2,
-									"data-series": n.id
+									"data-series": n.id,
+									"data-x": String(t(e))
 								}) : /* @__PURE__ */ p("rect", {
-									x: v,
+									x: y,
 									y: _,
-									width: y,
+									width: b,
 									height: s,
-									fill: jt(A, n.id, O, i),
+									fill: jt(M, n.id, A, S),
 									rx: 2,
-									"data-series": n.id
-								}), b] }, `${n.id}-${c}`);
+									"data-series": n.id,
+									"data-x": String(t(e))
+								}), x] }, `${n.id}-${c}`);
 							});
 						}),
-						!w && o && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($, {
+						!D && o && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($, {
 							scale: u,
 							orientation: "x",
 							length: i,
-							tickCount: g,
+							tickCount: q,
 							labelEvery: s,
-							transform: `translate(0,${a})`
+							transform: `translate(0,${a})`,
+							...te ? { format: te } : {}
 						}), /* @__PURE__ */ p($, {
 							scale: d,
 							orientation: "y",
 							length: a,
-							tickCount: v,
-							...H && { format: H }
+							tickCount: K,
+							...W && { format: W }
 						})] }),
-						!w && !o && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($, {
+						!D && !o && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($, {
 							scale: d,
 							orientation: "x",
 							length: i,
-							tickCount: g,
-							...H && { format: H },
+							tickCount: q,
+							...W && { format: W },
 							transform: `translate(0,${a})`
 						}), /* @__PURE__ */ p($, {
 							scale: u,
 							orientation: "y",
 							length: a,
-							tickCount: v,
+							tickCount: K,
 							labelEvery: s
 						})] })
 					]
 				})] });
 			}
-		}), ee && /* @__PURE__ */ p(Zt, {
+		}), re && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? dn[t % dn.length]
+				color: dn(e.color, e.data[0], 0, fn[t % fn.length])
 			})),
-			hidden: M
+			hidden: F
 		})]
 	});
 }
 //#endregion
 //#region src/charts/pie-chart/pie-chart.tsx
-function mn(e) {
+function hn(e) {
 	let t = e.percent == null ? 0 : Math.round(e.percent);
 	return `${e.value} (${t}%)`;
 }
-var hn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function gn({ data: e, title: t, description: n, donut: r = !1, width: a, height: s, size: c, thickness: l, innerRadius: u, centerValue: d, centerLabel: f, centerSlot: h, emptyLabel: g, tooltip: _, tooltipFormat: v, legend: y, className: b, plain: x, labels: S, onSelect: C }) {
-	let T = x ? null : Et(S), E = typeof S == "object" && !!S && S.format != null, D = a ?? c, O = s ?? c ?? (x ? 48 : 300), k = x ? !1 : y ?? !0;
+var gn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function _n({ data: e, title: t, description: n, donut: r = !1, width: a, height: s, size: c, thickness: l, innerRadius: u, centerValue: d, centerLabel: f, centerSlot: h, emptyLabel: g, tooltip: _, tooltipFormat: v, legend: y, className: b, plain: x, labels: S, onSelect: C }) {
+	let T = x ? null : Et(S), E = typeof S == "object" && !!S && S.format != null, D = a ?? c, O = s ?? c ?? (x ? 48 : 300), ee = x ? !1 : y ?? !0;
 	o();
-	let A = i(/* @__PURE__ */ new Set()), j = e.length > 0;
+	let k = i(/* @__PURE__ */ new Set()), A = e.length > 0;
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -2988,12 +3005,12 @@ function gn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 				}) })
 			] }),
 			className: b,
-			"data-state": j ? void 0 : "empty",
+			"data-state": A ? void 0 : "empty",
 			emptyLabel: g,
 			plain: x,
-			tooltip: _ !== !1 && j ? ({ width: t, height: n }) => {
-				if (!j) return;
-				let r = t / 2, i = n / 2, a = Math.min(r, i) - 8, o = e.filter((e) => !A.value.has(e.id)), s = o.reduce((e, t) => e + t.value, 0), c = 0;
+			tooltip: _ !== !1 && A ? ({ width: t, height: n }) => {
+				if (!A) return;
+				let r = t / 2, i = n / 2, a = Math.min(r, i) - 8, o = e.filter((e) => !k.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;
@@ -3005,17 +3022,17 @@ function gn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 							value: e.value,
 							seriesId: String(t),
 							percent: s > 0 ? e.value / s * 100 : 0,
-							color: e.color ?? hn[t % hn.length]
+							color: e.color ?? gn[t % gn.length]
 						};
 					}),
-					format: v ?? mn
+					format: v ?? hn
 				};
 			} : void 0,
 			onSelect: C,
 			children: ({ width: t, height: n }) => {
-				let i = t / 2, a = n / 2, o = Math.min(i, a) - 8, s = u ?? (l == null ? o * .6 : o - l), c = r ? Math.max(0, Math.min(s, o)) : 0, g = e.filter((e) => !A.value.has(e.id)), _ = g.reduce((e, t) => e + t.value, 0), v = 0, y = r && (d != null || f != null || h != null);
+				let i = t / 2, a = n / 2, o = Math.min(i, a) - 8, s = u ?? (l == null ? o * .6 : o - l), c = r ? Math.max(0, Math.min(s, o)) : 0, g = e.filter((e) => !k.value.has(e.id)), _ = g.reduce((e, t) => e + t.value, 0), v = 0, y = r && (d != null || f != null || h != null);
 				return /* @__PURE__ */ m("g", { children: [g.map((e, t) => {
-					let n = _ > 0 ? e.value / _ * 2 * Math.PI : 0, r = v + n, s = (v + r) / 2, l = e.color ?? hn[t % hn.length], u = P(i, a, o, c, v, r);
+					let n = _ > 0 ? e.value / _ * 2 * Math.PI : 0, r = v + n, s = (v + r) / 2, l = e.color ?? gn[t % gn.length], u = N(i, a, o, c, v, r);
 					v = r;
 					let d = _ > 0 ? e.value / _ * 100 : 0, f = T && d >= 4, h = c > 0 ? (c + o) / 2 : o * .6;
 					return /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("path", {
@@ -3070,35 +3087,35 @@ function gn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 					})
 				}))] });
 			}
-		}), k && /* @__PURE__ */ p(Zt, {
+		}), ee && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? hn[t % hn.length]
+				color: e.color ?? gn[t % gn.length]
 			})),
-			hidden: A
+			hidden: k
 		})]
 	});
 }
 //#endregion
 //#region src/charts/scatter-chart/scatter-chart.tsx
-var _n = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, xTicks: c = 5, yTicks: l = 5, legend: u, tooltip: d, className: g, plain: _, annotations: v, onSelect: y, glyph: b, renderer: x = "svg", visualMap: S, toolbox: C }) {
+var vn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function yn({ series: e, title: t, description: n, r = 4, width: a, height: s, xTicks: c = 5, yTicks: l = 5, legend: u, tooltip: d, className: g, plain: _, annotations: v, onSelect: y, glyph: b, renderer: x = "svg", visualMap: S, toolbox: C, format: w }) {
 	o();
-	let w = i(/* @__PURE__ */ new Set()), T = _ ? Ue : He, E = s ?? (_ ? 48 : 300), D = _ ? !1 : u ?? e.length > 1, O = e.reduce((e, t) => e + t.data.length, 0), k = !S && (x === "canvas" || x === "auto" && O > 2e3), A = i([S?.min ?? 0, S?.max ?? 1]), j = i(/* @__PURE__ */ new Set()), M = (t, { width: n, height: i }) => {
-		let a = n - T.left - T.right, o = i - T.top - T.bottom;
+	let T = i(/* @__PURE__ */ new Set()), E = _ ? Ue : He, D = s ?? (_ ? 48 : 300), O = _ ? !1 : u ?? e.length > 1, ee = e.reduce((e, t) => e + t.data.length, 0), k = !S && (x === "canvas" || x === "auto" && ee > 2e3), A = i([S?.min ?? 0, S?.max ?? 1]), j = i(/* @__PURE__ */ new Set()), te = (t, { width: n, height: i }) => {
+		let a = n - E.left - E.right, o = i - E.top - E.bottom;
 		if (a <= 0 || o <= 0) return;
-		let s = h([F, I], [0, a]), c = h([L, te], [o, 0]);
+		let s = h([F, ne], [0, a]), c = h([re, I], [o, 0]);
 		e.forEach((e, n) => {
-			if (!w.value.has(e.id)) {
-				t.fillStyle = $e(t, e.color ?? _n[n % _n.length]), t.globalAlpha = .7;
+			if (!T.value.has(e.id)) {
+				t.fillStyle = $e(t, e.color ?? vn[n % vn.length]), t.globalAlpha = .7;
 				for (let n of e.data) {
 					let e = typeof r == "function" ? r(n) : n.r ?? r;
-					t.beginPath(), t.arc(T.left + s.map(n.x), T.top + c.map(n.y), e, 0, Math.PI * 2), t.fill();
+					t.beginPath(), t.arc(E.left + s.map(n.x), E.top + c.map(n.y), e, 0, Math.PI * 2), t.fill();
 				}
 			}
 		}), t.globalAlpha = 1;
-	}, N = e.flatMap((e) => e.data.map((e) => e.x)), ee = e.flatMap((e) => e.data.map((e) => e.y)), P = N.length > 0, F = P ? Math.min(...N) : 0, I = P ? Math.max(...N) : 1, L = P ? Math.min(0, ...ee) : 0, te = P ? Math.max(...ee) : 1;
+	}, M = e.flatMap((e) => e.data.map((e) => e.x)), N = e.flatMap((e) => e.data.map((e) => e.y)), P = M.length > 0, F = P ? Math.min(...M) : 0, ne = P ? Math.max(...M) : 1, re = P ? Math.min(0, ...N) : 0, I = P ? Math.max(...N) : 1;
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -3110,7 +3127,7 @@ function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 				title: t,
 				description: n,
 				width: a,
-				height: E,
+				height: D,
 				fallback: /* @__PURE__ */ m("table", { children: [
 					/* @__PURE__ */ p("caption", { children: t }),
 					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -3129,11 +3146,11 @@ function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 				plain: _,
 				tooltip: d !== !1 && P ? ({ width: t, height: n }) => {
 					if (d === !1 || !P) return;
-					let r = t - T.left - T.right, i = n - T.top - T.bottom, a = h([F, I], [0, r]), o = h([L, te], [i, 0]);
-					return { points: e.flatMap((e) => w.value.has(e.id) ? [] : e.data.map((t, n) => ({
+					let r = t - E.left - E.right, i = n - E.top - E.bottom, a = h([F, ne], [0, r]), o = h([re, I], [i, 0]);
+					return { points: e.flatMap((e) => T.value.has(e.id) ? [] : e.data.map((t, n) => ({
 						id: `${e.id}-${n}`,
-						cx: T.left + a.map(t.x),
-						cy: T.top + o.map(t.y),
+						cx: E.left + a.map(t.x),
+						cy: E.top + o.map(t.y),
 						label: `(${t.x}, ${t.y})`,
 						value: t.y,
 						seriesId: e.id
@@ -3142,15 +3159,15 @@ function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 				onSelect: y,
 				hover: "voronoi",
 				renderer: k ? "canvas" : "svg",
-				paint: k ? M : void 0,
+				paint: k ? te : void 0,
 				toolbox: C,
 				onRestore: S ? () => {
 					A.value = [S.min, S.max], j.value = /* @__PURE__ */ new Set();
 				} : void 0,
 				children: ({ width: t, height: n }) => {
-					let i = t - T.left - T.right, a = n - T.top - T.bottom, o = h([F, I], [0, i]), s = h([L, te], [a, 0]);
+					let i = t - E.left - E.right, a = n - E.top - E.bottom, o = h([F, ne], [0, i]), s = h([re, I], [a, 0]);
 					return /* @__PURE__ */ p("g", { children: /* @__PURE__ */ m("g", {
-						transform: `translate(${T.left},${T.top})`,
+						transform: `translate(${E.left},${E.top})`,
 						children: [
 							!_ && /* @__PURE__ */ p(vt, {
 								scale: s,
@@ -3165,8 +3182,8 @@ function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 								innerH: a
 							}),
 							!k && e.map((e, t) => {
-								if (w.value.has(e.id)) return null;
-								let n = e.color ?? _n[t % _n.length];
+								if (T.value.has(e.id)) return null;
+								let n = e.color ?? vn[t % vn.length];
 								return /* @__PURE__ */ p("g", {
 									"data-series": e.id,
 									children: e.data.map((t, i) => {
@@ -3197,7 +3214,8 @@ function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 								orientation: "x",
 								length: i,
 								tickCount: c,
-								transform: `translate(0,${a})`
+								transform: `translate(0,${a})`,
+								...w ? { format: w } : {}
 							}), /* @__PURE__ */ p($, {
 								scale: s,
 								orientation: "y",
@@ -3214,20 +3232,20 @@ function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 				hidden: j,
 				label: t
 			}),
-			D && /* @__PURE__ */ p(Zt, {
+			O && /* @__PURE__ */ p(Zt, {
 				series: e.map((e, t) => ({
 					id: e.id,
 					label: e.label,
-					color: e.color ?? _n[t % _n.length]
+					color: e.color ?? vn[t % vn.length]
 				})),
-				hidden: w
+				hidden: T
 			})
 		]
 	});
 }
 //#endregion
 //#region src/charts/sparkline/sparkline.tsx
-function yn({ data: e, width: t = 120, height: n = 32, label: r, ariaLabel: i, color: a = "var(--cascivo-chart-1)", endDot: o = !0 }) {
+function bn({ data: e, width: t = 120, height: n = 32, label: r, ariaLabel: i, color: a = "var(--cascivo-chart-1)", endDot: o = !0 }) {
 	return /* @__PURE__ */ p(Q, {
 		title: r ?? i,
 		width: t,
@@ -3265,15 +3283,15 @@ function yn({ data: e, width: t = 120, height: n = 32, label: r, ariaLabel: i, c
 }
 //#endregion
 //#region src/charts/meter/meter.tsx
-function bn(e, t, n, r) {
+function xn(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 xn({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar", thresholds: a, width: o = 200, height: s }) {
-	let c = n > t ? (Math.min(n, Math.max(t, e)) - t) / (n - t) : 0, l = bn(e, t, n, a);
+function Sn({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar", thresholds: a, width: o = 200, height: s }) {
+	let c = n > t ? (Math.min(n, Math.max(t, e)) - t) / (n - t) : 0, l = xn(e, t, n, a);
 	if (i === "gauge") {
-		let i = s ?? 100, a = o, u = a / 2, d = i * .9, f = Math.min(u, d) - 4, h = f * .65, g = Math.PI, _ = P(u, d, f, h, g, 2 * Math.PI), v = g + c * Math.PI, y = c > 0 ? P(u, d, f, h, g, v) : "";
+		let i = s ?? 100, a = o, u = a / 2, d = i * .9, f = Math.min(u, d) - 4, h = f * .65, g = Math.PI, _ = N(u, d, f, h, g, 2 * Math.PI), v = g + c * Math.PI, y = c > 0 ? N(u, d, f, h, g, v) : "";
 		return /* @__PURE__ */ m("div", {
 			"aria-label": r,
 			role: "meter",
@@ -3347,7 +3365,7 @@ function xn({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar",
 		})]
 	});
 }
-var Sn = {
+var Cn = {
 	kpi: "_kpi_1k88k_7",
 	head: "_head_1k88k_19",
 	label: "_label_1k88k_27",
@@ -3357,20 +3375,20 @@ var Sn = {
 };
 //#endregion
 //#region src/charts/kpi/kpi.tsx
-function Cn(e, t) {
+function wn(e, t) {
 	if (typeof t == "function") return t(e);
 	let n = e >= 0 ? "+" : "", r = e.toLocaleString(u());
 	return t === "percent" ? `${n}${r}%` : `${n}${r}`;
 }
-function wn({ value: e, label: t, delta: n, deltaFormat: r = "number", deltaLabel: i, icon: a, sparkline: o, className: s }) {
+function Tn({ value: e, label: t, delta: n, deltaFormat: r = "number", deltaLabel: i, icon: a, sparkline: o, className: s }) {
 	let c = n != null && n >= 0, l = n != null && n < 0;
 	return /* @__PURE__ */ m("div", {
-		className: [Sn.kpi, s].filter(Boolean).join(" "),
+		className: [Cn.kpi, s].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ m("div", {
-				className: Sn.head,
+				className: Cn.head,
 				children: [/* @__PURE__ */ p("span", {
-					className: Sn.label,
+					className: Cn.label,
 					children: t
 				}), a && /* @__PURE__ */ p("span", {
 					"aria-hidden": "true",
@@ -3378,24 +3396,24 @@ function wn({ value: e, label: t, delta: n, deltaFormat: r = "number", deltaLabe
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: Sn.valueRow,
+				className: Cn.valueRow,
 				children: [/* @__PURE__ */ p("span", {
-					className: Sn.value,
+					className: Cn.value,
 					children: typeof e == "number" ? e.toLocaleString(u()) : e
 				}), n != null && /* @__PURE__ */ m("span", {
 					role: "img",
-					className: Sn.delta,
+					className: Cn.delta,
 					"data-trend": c ? "up" : l ? "down" : "flat",
-					"aria-label": `Trend: ${Cn(n, r)}${i ? ` ${i}` : ""}`,
+					"aria-label": `Trend: ${wn(n, r)}${i ? ` ${i}` : ""}`,
 					children: [
 						c ? "▲" : l ? "▼" : "–",
 						" ",
-						Cn(n, r),
+						wn(n, r),
 						i && ` ${i}`
 					]
 				})]
 			}),
-			o && o.length > 0 && /* @__PURE__ */ p(yn, {
+			o && o.length > 0 && /* @__PURE__ */ p(bn, {
 				data: o,
 				label: `${t} trend`,
 				height: 32
@@ -3405,18 +3423,18 @@ function wn({ value: e, label: t, delta: n, deltaFormat: r = "number", deltaLabe
 }
 //#endregion
 //#region src/charts/histogram/histogram.tsx
-function Tn({ data: e, bins: t, title: n, label: r, description: i, width: a, height: s, className: c, plain: l }) {
+function En({ data: e, bins: t, title: n, label: r, description: i, width: a, height: s, className: c, plain: l, format: u }) {
 	o();
-	let u = l ? Ue : He, d = s ?? (l ? 48 : 300), g = B(e, t), _ = g.reduce((e, t) => Math.max(e, t.count), 0);
+	let d = l ? Ue : He, g = s ?? (l ? 48 : 300), _ = R(e, t), v = _.reduce((e, t) => Math.max(e, t.count), 0);
 	return /* @__PURE__ */ p(Q, {
 		title: n,
 		description: i,
 		width: a,
-		height: d,
+		height: g,
 		fallback: /* @__PURE__ */ m("table", { children: [
 			/* @__PURE__ */ p("caption", { children: n }),
 			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Range" }), /* @__PURE__ */ p("th", { children: "Count" })] }) }),
-			/* @__PURE__ */ p("tbody", { children: g.map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ m("td", { children: [
+			/* @__PURE__ */ p("tbody", { children: _.map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ m("td", { children: [
 				e.x0.toFixed(2),
 				" – ",
 				e.x1.toFixed(2)
@@ -3424,15 +3442,15 @@ function Tn({ data: e, bins: t, title: n, label: r, description: i, width: a, he
 		] }),
 		className: c,
 		plain: l,
-		tooltip: g.length > 0 ? ({ width: e, height: t }) => {
-			if (g.length === 0) return;
-			let n = e - u.left - u.right, r = t - u.top - u.bottom, i = h([g[0]?.x0 ?? 0, g[g.length - 1]?.x1 ?? 1], [0, n]), a = h([0, _ || 1], [r, 0]);
-			return { points: g.map((e, t) => {
+		tooltip: _.length > 0 ? ({ width: e, height: t }) => {
+			if (_.length === 0) return;
+			let n = e - d.left - d.right, r = t - d.top - d.bottom, i = h([_[0]?.x0 ?? 0, _[_.length - 1]?.x1 ?? 1], [0, n]), a = h([0, v || 1], [r, 0]);
+			return { points: _.map((e, t) => {
 				let n = i.map(e.x0), r = Math.max(0, i.map(e.x1) - n - 1);
 				return {
 					id: `bin-${t}`,
-					cx: u.left + n + r / 2,
-					cy: u.top + a.map(e.count),
+					cx: d.left + n + r / 2,
+					cy: d.top + a.map(e.count),
 					label: `${e.x0.toFixed(2)}–${e.x1.toFixed(2)}`,
 					value: e.count
 				};
@@ -3440,20 +3458,20 @@ function Tn({ data: e, bins: t, title: n, label: r, description: i, width: a, he
 		} : void 0,
 		children: ({ width: e, height: t }) => {
 			let n = {
-				width: e - u.left - u.right,
-				height: t - u.top - u.bottom
+				width: e - d.left - d.right,
+				height: t - d.top - d.bottom
 			};
-			if (n.width <= 0 || g.length === 0) return null;
-			let r = h([g[0]?.x0 ?? 0, g[g.length - 1]?.x1 ?? 1], [0, n.width]), i = h([0, _ || 1], [n.height, 0]);
+			if (n.width <= 0 || _.length === 0) return null;
+			let r = h([_[0]?.x0 ?? 0, _[_.length - 1]?.x1 ?? 1], [0, n.width]), i = h([0, v || 1], [n.height, 0]);
 			return /* @__PURE__ */ m("g", {
-				transform: `translate(${u.left},${u.top})`,
+				transform: `translate(${d.left},${d.top})`,
 				children: [
 					!l && /* @__PURE__ */ p(vt, {
 						scale: i,
 						orientation: "y",
 						length: n.width
 					}),
-					g.map((e, t) => {
+					_.map((e, t) => {
 						let a = r.map(e.x0), o = Math.max(0, r.map(e.x1) - a - 1), s = i.map(e.count), c = n.height - s;
 						return /* @__PURE__ */ p("rect", {
 							x: a,
@@ -3468,7 +3486,8 @@ function Tn({ data: e, bins: t, title: n, label: r, description: i, width: a, he
 						scale: r,
 						orientation: "x",
 						length: n.width,
-						transform: `translate(0,${n.height})`
+						transform: `translate(0,${n.height})`,
+						...u ? { format: u } : {}
 					}), /* @__PURE__ */ p($, {
 						scale: i,
 						orientation: "y",
@@ -3481,18 +3500,18 @@ function Tn({ data: e, bins: t, title: n, label: r, description: i, width: a, he
 }
 //#endregion
 //#region src/charts/boxplot/boxplot.tsx
-var En = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Dn({ series: e, title: t, description: n, width: r, height: i, className: a, plain: s }) {
+var Dn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function On({ series: e, title: t, description: n, width: r, height: i, className: a, plain: s, format: c }) {
 	o();
-	let c = s ? Ue : He, l = i ?? (s ? 48 : 320), u = e.map((e) => ({
+	let l = s ? Ue : He, u = i ?? (s ? 48 : 320), d = e.map((e) => ({
 		...e,
-		stats: V(e.values)
-	})), d = e.flatMap((e) => e.values), [g, v] = d.length > 0 ? H(d) : [0, 1];
+		stats: z(e.values)
+	})), g = e.flatMap((e) => e.values), [v, y] = g.length > 0 ? B(g) : [0, 1];
 	return /* @__PURE__ */ p(Q, {
 		title: t,
 		description: n,
 		width: r,
-		height: l,
+		height: u,
 		fallback: /* @__PURE__ */ m("table", { children: [
 			/* @__PURE__ */ p("caption", { children: t }),
 			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -3503,7 +3522,7 @@ function Dn({ series: e, title: t, description: n, width: r, height: i, classNam
 				/* @__PURE__ */ p("th", { children: "Q3" }),
 				/* @__PURE__ */ p("th", { children: "Max" })
 			] }) }),
-			/* @__PURE__ */ p("tbody", { children: u.map((e) => /* @__PURE__ */ m("tr", { children: [
+			/* @__PURE__ */ p("tbody", { children: d.map((e) => /* @__PURE__ */ m("tr", { children: [
 				/* @__PURE__ */ p("td", { children: e.label }),
 				/* @__PURE__ */ p("td", { children: e.stats.min.toFixed(2) }),
 				/* @__PURE__ */ p("td", { children: e.stats.q1.toFixed(2) }),
@@ -3514,39 +3533,39 @@ function Dn({ series: e, title: t, description: n, width: r, height: i, classNam
 		] }),
 		className: a,
 		plain: s,
-		tooltip: u.length > 0 ? ({ width: e, height: t }) => {
-			if (u.length === 0) return;
-			let n = e - c.left - c.right, r = t - c.top - c.bottom;
+		tooltip: d.length > 0 ? ({ width: e, height: t }) => {
+			if (d.length === 0) return;
+			let n = e - l.left - l.right, r = t - l.top - l.bottom;
 			if (n <= 0) return;
-			let i = _(u.map((e) => e.id), [0, n], .3), a = (v - g) * .05 || 1, o = h([g - a, v + a], [r, 0]);
+			let i = _(d.map((e) => e.id), [0, n], .3), a = (y - v) * .05 || 1, o = h([v - a, y + a], [r, 0]);
 			return {
-				points: u.map((e) => {
+				points: d.map((e) => {
 					let t = (i.map(e.id) ?? 0) + i.bandwidth / 2;
 					return {
 						id: e.id,
-						cx: c.left + t,
-						cy: c.top + o.map(e.stats.median),
+						cx: l.left + t,
+						cy: l.top + o.map(e.stats.median),
 						label: e.label,
 						value: e.stats.median
 					};
 				}),
 				format: (e) => {
-					let t = u.find((t) => t.id === e.id);
+					let t = d.find((t) => t.id === e.id);
 					return t ? `${t.label}: min ${t.stats.min.toFixed(2)} / Q1 ${t.stats.q1.toFixed(2)} / med ${t.stats.median.toFixed(2)} / Q3 ${t.stats.q3.toFixed(2)} / max ${t.stats.max.toFixed(2)}` : `${e.label}: ${e.value}`;
 				}
 			};
 		} : void 0,
 		children: ({ width: e, height: t }) => {
 			let n = {
-				width: e - c.left - c.right,
-				height: t - c.top - c.bottom
+				width: e - l.left - l.right,
+				height: t - l.top - l.bottom
 			};
-			if (n.width <= 0 || u.length === 0) return null;
-			let r = _(u.map((e) => e.id), [0, n.width], .3), i = (v - g) * .05 || 1, a = h([g - i, v + i], [n.height, 0]);
+			if (n.width <= 0 || d.length === 0) return null;
+			let r = _(d.map((e) => e.id), [0, n.width], .3), i = (y - v) * .05 || 1, a = h([v - i, y + i], [n.height, 0]);
 			return /* @__PURE__ */ m("g", {
-				transform: `translate(${c.left},${c.top})`,
-				children: [u.map((e, t) => {
-					let n = En[t % En.length] ?? "var(--cascivo-chart-1)", i = (r.map(e.id) ?? 0) + r.bandwidth / 2, o = r.bandwidth * .6, s = i - o / 2, c = a.map(e.stats.q1), l = a.map(e.stats.q3), u = a.map(e.stats.median), d = a.map(e.stats.min), f = a.map(e.stats.max);
+				transform: `translate(${l.left},${l.top})`,
+				children: [d.map((e, t) => {
+					let n = Dn[t % Dn.length] ?? "var(--cascivo-chart-1)", i = (r.map(e.id) ?? 0) + r.bandwidth / 2, o = r.bandwidth * .6, s = i - o / 2, c = a.map(e.stats.q1), l = a.map(e.stats.q3), u = a.map(e.stats.median), d = a.map(e.stats.min), f = a.map(e.stats.max);
 					return /* @__PURE__ */ m("g", { children: [
 						/* @__PURE__ */ p("line", {
 							x1: i,
@@ -3611,7 +3630,8 @@ function Dn({ series: e, title: t, description: n, width: r, height: i, classNam
 					scale: r,
 					orientation: "x",
 					length: n.width,
-					transform: `translate(0,${n.height})`
+					transform: `translate(0,${n.height})`,
+					...c ? { format: c } : {}
 				}), /* @__PURE__ */ p($, {
 					scale: a,
 					orientation: "y",
@@ -3623,15 +3643,15 @@ function Dn({ series: e, title: t, description: n, width: r, height: i, classNam
 }
 //#endregion
 //#region src/charts/bubble-chart/bubble-chart.tsx
-var On = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), kn = 3, An = 24;
-function jn({ series: e, title: t, description: n, width: r, height: a, tooltip: s, className: c, plain: l, glyph: u }) {
+var kn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), An = 3, jn = 24;
+function Mn({ series: e, title: t, description: n, width: r, height: a, tooltip: s, className: c, plain: l, glyph: u, format: d }) {
 	o();
-	let d = i(null), g = l ? Ue : He, _ = a ?? (l ? 48 : 320), y = e.flatMap((e) => e.data), [b, x] = y.length > 0 ? H(y.map((e) => e.x)) : [0, 1], [S, C] = y.length > 0 ? H(y.map((e) => e.y)) : [0, 1], [w, T] = y.length > 0 ? H(y.map((e) => e.size)) : [0, 1], E = v([w, T], [kn, An]), D = y.length > 0;
+	let g = i(null), _ = l ? Ue : He, y = a ?? (l ? 48 : 320), b = e.flatMap((e) => e.data), [x, S] = b.length > 0 ? B(b.map((e) => e.x)) : [0, 1], [C, w] = b.length > 0 ? B(b.map((e) => e.y)) : [0, 1], [T, E] = b.length > 0 ? B(b.map((e) => e.size)) : [0, 1], D = v([T, E], [An, jn]), O = b.length > 0;
 	return /* @__PURE__ */ p(Q, {
 		title: t,
 		description: n,
 		width: r,
-		height: _,
+		height: y,
 		fallback: /* @__PURE__ */ m("table", { children: [
 			/* @__PURE__ */ p("caption", { children: t }),
 			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -3649,18 +3669,18 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 		] }),
 		className: c,
 		plain: l,
-		tooltip: s !== !1 && D ? ({ width: t, height: n }) => {
-			if (s === !1 || !D) return;
+		tooltip: s !== !1 && O ? ({ width: t, height: n }) => {
+			if (s === !1 || !O) return;
 			let r = {
-				width: t - g.left - g.right,
-				height: n - g.top - g.bottom
+				width: t - _.left - _.right,
+				height: n - _.top - _.bottom
 			};
 			if (r.width <= 0) return;
-			let i = (x - b) * .05 || 1, a = (C - S) * .05 || 1, o = h([b - i, x + i], [0, r.width]), c = h([S - a, C + a], [r.height, 0]);
+			let i = (S - x) * .05 || 1, a = (w - C) * .05 || 1, o = h([x - i, S + i], [0, r.width]), c = h([C - a, w + a], [r.height, 0]);
 			return { points: e.flatMap((e, t) => e.data.map((n, r) => ({
 				id: `${t}-${r}`,
-				cx: g.left + o.map(n.x),
-				cy: g.top + c.map(n.y),
+				cx: _.left + o.map(n.x),
+				cy: _.top + c.map(n.y),
 				label: `${e.name} (${n.x}, ${n.y})`,
 				value: n.y,
 				seriesId: e.name
@@ -3669,13 +3689,13 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 		hover: "voronoi",
 		children: ({ width: t, height: n }) => {
 			let r = {
-				width: t - g.left - g.right,
-				height: n - g.top - g.bottom
+				width: t - _.left - _.right,
+				height: n - _.top - _.bottom
 			};
-			if (r.width <= 0 || y.length === 0) return null;
-			let i = (x - b) * .05 || 1, a = (C - S) * .05 || 1, o = h([b - i, x + i], [0, r.width]), s = h([S - a, C + a], [r.height, 0]);
+			if (r.width <= 0 || b.length === 0) return null;
+			let i = (S - x) * .05 || 1, a = (w - C) * .05 || 1, o = h([x - i, S + i], [0, r.width]), s = h([C - a, w + a], [r.height, 0]);
 			return /* @__PURE__ */ m("g", {
-				transform: `translate(${g.left},${g.top})`,
+				transform: `translate(${_.left},${_.top})`,
 				children: [
 					!l && /* @__PURE__ */ p(vt, {
 						scale: s,
@@ -3683,14 +3703,14 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 						length: r.width
 					}),
 					e.map((e, t) => {
-						let n = On[t % On.length] ?? "var(--cascivo-chart-1)";
+						let n = kn[t % kn.length] ?? "var(--cascivo-chart-1)";
 						return /* @__PURE__ */ p("g", {
-							opacity: d.value !== null && d.value !== e.name ? .2 : 1,
+							opacity: g.value !== null && g.value !== e.name ? .2 : 1,
 							onMouseEnter: () => {
-								d.value = e.name;
+								g.value = e.name;
 							},
 							onMouseLeave: () => {
-								d.value = null;
+								g.value = null;
 							},
 							children: e.data.map((t, r) => {
 								let i = typeof u == "function" ? u(t, e.name) : u;
@@ -3698,7 +3718,7 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 									shape: i,
 									x: o.map(t.x),
 									y: s.map(t.y),
-									size: E(t.size) * 2,
+									size: D(t.size) * 2,
 									color: n,
 									opacity: .6,
 									stroke: n,
@@ -3706,7 +3726,7 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 								}) }, r) : /* @__PURE__ */ p("circle", {
 									cx: o.map(t.x),
 									cy: s.map(t.y),
-									r: E(t.size),
+									r: D(t.size),
 									fill: n,
 									fillOpacity: .6,
 									stroke: n,
@@ -3719,7 +3739,8 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 						scale: o,
 						orientation: "x",
 						length: r.width,
-						transform: `translate(0,${r.height})`
+						transform: `translate(0,${r.height})`,
+						...d ? { format: d } : {}
 					}), /* @__PURE__ */ p($, {
 						scale: s,
 						orientation: "y",
@@ -3732,18 +3753,18 @@ function jn({ series: e, title: t, description: n, width: r, height: a, tooltip:
 }
 //#endregion
 //#region src/charts/combo-chart/combo-chart.tsx
-var Mn = "var(--cascivo-chart-1)", Nn = "var(--cascivo-chart-2)";
-function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, barsLabel: s = "Bars", lineLabel: c = "Line", legend: l, xLabelEvery: u, width: d, height: g, tooltip: v, className: y, plain: b, annotations: x }) {
+var Nn = "var(--cascivo-chart-1)", Pn = "var(--cascivo-chart-2)";
+function Fn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, barsLabel: s = "Bars", lineLabel: c = "Line", legend: l, xLabelEvery: u, width: d, height: g, tooltip: v, className: y, plain: b, annotations: x, format: S }) {
 	o();
-	let S = i(/* @__PURE__ */ new Set()), C = g ?? (b ? 48 : 320), w = e.reduce((e, t) => Math.max(e, t.value), 0) || 1, T = t.length > 0 ? Math.min(...t.map((e) => e.y)) : 0, D = t.length > 0 ? Math.max(...t.map((e) => e.y)) : 1, O = e.length > 0, k = b ? !1 : l ?? (e.length > 0 && t.length > 0);
+	let C = i(/* @__PURE__ */ new Set()), w = g ?? (b ? 48 : 320), T = e.reduce((e, t) => Math.max(e, t.value), 0) || 1, D = t.length > 0 ? Math.min(...t.map((e) => e.y)) : 0, O = t.length > 0 ? Math.max(...t.map((e) => e.y)) : 1, ee = e.length > 0, k = b ? !1 : l ?? (e.length > 0 && t.length > 0);
 	t.length > 0 && e.length > 0 && t.length !== e.length && tn("ComboChart:length-mismatch", `ComboChart: \`line\` has ${t.length} point(s) but \`bars\` has ${e.length}. The two are correlated by array index, so the line is drawn against the wrong categories. Pass one line point per bar (use a null-valued point for a gap).`), !a && t.length > 0 && e.length > 0 && nn("ComboChart", [{
 		label: s,
-		max: w
+		max: T
 	}, {
 		label: c,
-		max: D
+		max: O
 	}]);
-	let A = h([0, w], [0, 1]).ticks(5).map((e) => e.toLocaleString()), j = a ? h([T, D || T + 1], [0, 1]).ticks(5).map((e) => e.toLocaleString()) : [], M = e.map((e) => e.label), N = b ? Ue : {
+	let A = h([0, T], [0, 1]).ticks(5).map((e) => e.toLocaleString()), j = a ? h([D, O || D + 1], [0, 1]).ticks(5).map((e) => e.toLocaleString()) : [], te = e.map((e) => e.label), M = b ? Ue : {
 		...He,
 		left: Ge(A, b),
 		right: Ke({
@@ -3762,7 +3783,7 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 			title: n,
 			description: r,
 			width: d,
-			height: C,
+			height: w,
 			fallback: /* @__PURE__ */ m("table", { children: [
 				/* @__PURE__ */ p("caption", { children: n }),
 				/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -3777,17 +3798,17 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 				] }, e.label)) })
 			] }),
 			plain: b,
-			tooltip: v !== !1 && O ? ({ width: n, height: r }) => {
-				if (v === !1 || !O) return;
+			tooltip: v !== !1 && ee ? ({ width: n, height: r }) => {
+				if (v === !1 || !ee) return;
 				let i = {
-					width: n - N.left - N.right,
-					height: r - N.top - N.bottom
+					width: n - M.left - M.right,
+					height: r - M.top - M.bottom
 				};
 				if (i.width <= 0) return;
-				let o = _(e.map((e) => e.label), [0, i.width], .2), s = h([0, w], [i.height, 0]), c = a ? h([T, D || T + 1], [i.height, 0]) : s, l = e.map((e, t) => ({
+				let o = _(e.map((e) => e.label), [0, i.width], .2), s = h([0, T], [i.height, 0]), c = a ? h([D, O || D + 1], [i.height, 0]) : s, l = e.map((e, t) => ({
 					id: `bar-${t}`,
-					cx: N.left + (o.map(e.label) ?? 0) + o.bandwidth / 2,
-					cy: N.top + s.map(e.value),
+					cx: M.left + (o.map(e.label) ?? 0) + o.bandwidth / 2,
+					cy: M.top + s.map(e.value),
 					label: e.label,
 					value: e.value,
 					seriesId: "bars"
@@ -3795,8 +3816,8 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 					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: N.left + a,
-						cy: N.top + c.map(n.y),
+						cx: M.left + a,
+						cy: M.top + c.map(n.y),
 						label: e[r]?.label ?? String(n.x),
 						value: n.y,
 						seriesId: "line"
@@ -3806,13 +3827,13 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 			} : void 0,
 			children: ({ width: n, height: r }) => {
 				let i = {
-					width: n - N.left - N.right,
-					height: r - N.top - N.bottom
+					width: n - M.left - M.right,
+					height: r - M.top - M.bottom
 				};
 				if (i.width <= 0 || e.length === 0) return null;
-				let o = _(e.map((e) => e.label), [0, i.width], .2), s = h([0, w], [i.height, 0]), c = a ? h([T, D || T + 1], [i.height, 0]) : s, l = 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), c.map(n.y)]), d = l.length > 1 ? E(l, "monotone") : "", g = u ?? qe(M, i.width), v = S.value.has("bars"), y = S.value.has("line");
+				let o = _(e.map((e) => e.label), [0, i.width], .2), s = h([0, T], [i.height, 0]), c = a ? h([D, O || D + 1], [i.height, 0]) : s, l = 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), c.map(n.y)]), d = l.length > 1 ? E(l, "monotone") : "", g = u ?? qe(te, i.width), v = C.value.has("bars"), y = C.value.has("line");
 				return /* @__PURE__ */ m("g", {
-					transform: `translate(${N.left},${N.top})`,
+					transform: `translate(${M.left},${M.top})`,
 					children: [
 						!b && /* @__PURE__ */ p(vt, {
 							scale: s,
@@ -3832,14 +3853,14 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 								y: n,
 								width: o.bandwidth,
 								height: Math.max(0, i.height - n),
-								fill: Mn,
+								fill: Nn,
 								opacity: .75
 							}, e.label);
 						}),
 						d && !y && /* @__PURE__ */ p("path", {
 							d,
 							fill: "none",
-							stroke: Nn,
+							stroke: Pn,
 							strokeWidth: 2.5,
 							strokeLinejoin: "round",
 							strokeLinecap: "round"
@@ -3850,7 +3871,8 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 								orientation: "x",
 								length: i.width,
 								labelEvery: g,
-								transform: `translate(0,${i.height})`
+								transform: `translate(0,${i.height})`,
+								...S ? { format: S } : {}
 							}),
 							/* @__PURE__ */ p($, {
 								scale: s,
@@ -3871,30 +3893,30 @@ function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, ba
 			series: [{
 				id: "bars",
 				label: s,
-				color: Mn
+				color: Nn
 			}, ...t.length > 0 ? [{
 				id: "line",
 				label: c,
-				color: Nn
+				color: Pn
 			}] : []],
-			hidden: S
+			hidden: C
 		})]
 	});
 }
 //#endregion
 //#region src/charts/heatmap/heatmap.tsx
-function Fn({ data: e, title: t, description: n, width: r, height: a, className: s, plain: c, visualMap: l, toolbox: u }) {
+function In({ data: e, title: t, description: n, width: r, height: a, className: s, plain: c, visualMap: l, toolbox: u, format: d }) {
 	o();
-	let d = a ?? (c ? 48 : 320), h = c ? Ue : {
+	let h = a ?? (c ? 48 : 320), g = c ? Ue : {
 		top: 20,
 		right: 20,
 		bottom: 60,
 		left: 60
-	}, g = [...new Set(e.map((e) => e.x))], v = [...new Set(e.map((e) => e.y))], [y, b] = e.length > 0 ? H(e.map((e) => e.value)) : [0, 1], x = b - y || 1, S = (e) => Math.max(0, Math.min(1, (e - y) / x)), C = i([l?.min ?? y, l?.max ?? b]), w = i(/* @__PURE__ */ new Set()), T = /* @__PURE__ */ p(Q, {
+	}, v = [...new Set(e.map((e) => e.x))], y = [...new Set(e.map((e) => e.y))], [b, x] = e.length > 0 ? B(e.map((e) => e.value)) : [0, 1], S = x - b || 1, C = (e) => Math.max(0, Math.min(1, (e - b) / S)), w = i([l?.min ?? b, l?.max ?? x]), T = i(/* @__PURE__ */ new Set()), E = /* @__PURE__ */ p(Q, {
 		title: t,
 		description: n,
 		width: r,
-		height: d,
+		height: h,
 		fallback: /* @__PURE__ */ m("table", { children: [
 			/* @__PURE__ */ p("caption", { children: t }),
 			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -3912,15 +3934,15 @@ function Fn({ data: e, title: t, description: n, width: r, height: a, className:
 		plain: c,
 		tooltip: e.length > 0 ? ({ width: t, height: n }) => {
 			if (e.length === 0) return;
-			let r = t - h.left - h.right, i = n - h.top - h.bottom;
+			let r = t - g.left - g.right, i = n - g.top - g.bottom;
 			if (r <= 0) return;
-			let a = _(g, [0, r], .05), o = _(v, [0, i], .05);
+			let a = _(v, [0, r], .05), o = _(y, [0, i], .05);
 			return { points: e.map((e, t) => {
 				let n = a.map(e.x) ?? 0, r = o.map(e.y) ?? 0;
 				return {
 					id: `cell-${t}`,
-					cx: h.left + n + a.bandwidth / 2,
-					cy: h.top + r + o.bandwidth / 2,
+					cx: g.left + n + a.bandwidth / 2,
+					cy: g.top + r + o.bandwidth / 2,
 					label: `${e.x}×${e.y}`,
 					value: e.value
 				};
@@ -3928,19 +3950,19 @@ function Fn({ data: e, title: t, description: n, width: r, height: a, className:
 		} : void 0,
 		toolbox: u,
 		onRestore: l ? () => {
-			C.value = [l.min, l.max], w.value = /* @__PURE__ */ new Set();
+			w.value = [l.min, l.max], T.value = /* @__PURE__ */ new Set();
 		} : void 0,
 		children: ({ width: t, height: n }) => {
 			let r = {
-				width: t - h.left - h.right,
-				height: n - h.top - h.bottom
+				width: t - g.left - g.right,
+				height: n - g.top - g.bottom
 			};
 			if (r.width <= 0 || e.length === 0) return null;
-			let i = _(g, [0, r.width], .05), a = _(v, [0, r.height], .05);
+			let i = _(v, [0, r.width], .05), a = _(y, [0, r.height], .05);
 			return /* @__PURE__ */ m("g", {
-				transform: `translate(${h.left},${h.top})`,
+				transform: `translate(${g.left},${g.top})`,
 				children: [e.map((e, t) => {
-					let n = i.map(e.x) ?? 0, r = a.map(e.y) ?? 0, o = Math.round(S(e.value) * 100), s = l ? qt(e.value, l).color ?? "var(--cascivo-chart-1)" : `color-mix(in oklab, var(--cascivo-chart-1) ${o}%, var(--cascivo-color-neutral-100))`, c = l ? Jt(e.value, l, C.value, w.value) : !0;
+					let n = i.map(e.x) ?? 0, r = a.map(e.y) ?? 0, o = Math.round(C(e.value) * 100), s = l ? qt(e.value, l).color ?? "var(--cascivo-chart-1)" : `color-mix(in oklab, var(--cascivo-chart-1) ${o}%, var(--cascivo-color-neutral-100))`, c = l ? Jt(e.value, l, w.value, T.value) : !0;
 					return /* @__PURE__ */ p("rect", {
 						x: n,
 						y: r,
@@ -3955,7 +3977,8 @@ function Fn({ data: e, title: t, description: n, width: r, height: a, className:
 					scale: i,
 					orientation: "x",
 					length: r.width,
-					transform: `translate(0,${r.height})`
+					transform: `translate(0,${r.height})`,
+					...d ? { format: d } : {}
 				}), /* @__PURE__ */ p($, {
 					scale: a,
 					orientation: "y",
@@ -3964,24 +3987,24 @@ function Fn({ data: e, title: t, description: n, width: r, height: a, className:
 			});
 		}
 	});
-	return !l || e.length === 0 ? T : /* @__PURE__ */ m("div", {
+	return !l || e.length === 0 ? E : /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [T, /* @__PURE__ */ p(Yt, {
+		children: [E, /* @__PURE__ */ p(Yt, {
 			options: l,
-			range: C,
-			hidden: w,
+			range: w,
+			hidden: T,
 			label: t
 		})]
 	});
 }
 //#endregion
 //#region src/charts/treemap/treemap.tsx
-var In = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Ln({ data: e, title: t, description: n, width: r, height: i, className: a, plain: c }) {
+var Ln = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Rn({ data: e, title: t, description: n, width: r, height: i, className: a, plain: c }) {
 	o();
 	let l = s();
 	return /* @__PURE__ */ p(Q, {
@@ -3997,7 +4020,7 @@ function Ln({ data: e, title: t, description: n, width: r, height: i, className:
 		className: a,
 		plain: c,
 		tooltip: e.length > 0 ? ({ width: t, height: n }) => {
-			if (e.length !== 0) return { points: K(e.map((e) => ({
+			if (e.length !== 0) return { points: W(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n).map((t) => {
@@ -4013,7 +4036,7 @@ function Ln({ data: e, title: t, description: n, width: r, height: i, className:
 		} : void 0,
 		children: ({ width: t, height: n }) => {
 			if (e.length === 0) return null;
-			let r = K(e.map((e) => ({
+			let r = W(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n), i = new Map(e.map((e) => [e.id, e.label]));
@@ -4026,7 +4049,7 @@ function Ln({ data: e, title: t, description: n, width: r, height: i, className:
 					height: Math.max(0, e.h - 4)
 				})
 			}, e.id)) }), r.map((e, t) => {
-				let n = In[t % In.length] ?? "var(--cascivo-chart-1)", r = i.get(e.id) ?? e.id;
+				let n = Ln[t % Ln.length] ?? "var(--cascivo-chart-1)", r = i.get(e.id) ?? e.id;
 				return /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("rect", {
 					x: e.x,
 					y: e.y,
@@ -4050,8 +4073,8 @@ function Ln({ data: e, title: t, description: n, width: r, height: i, className:
 }
 //#endregion
 //#region src/charts/radar/radar.tsx
-var Rn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), zn = 4;
-function Bn(e, t, n, r, i) {
+var zn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), Bn = 4;
+function Vn(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;
@@ -4061,7 +4084,7 @@ function Bn(e, t, n, r, i) {
 		};
 	});
 }
-function Vn({ axes: e, series: t, max: n, title: r, description: i, width: a, height: s, className: c, plain: l }) {
+function Hn({ axes: e, series: t, max: n, title: r, description: i, width: a, height: s, className: c, plain: l }) {
 	let u = s ?? (l ? 48 : 320);
 	o();
 	let d = n ?? Math.max(1, ...t.flatMap((e) => e.values)), h = e.length;
@@ -4093,7 +4116,7 @@ function Vn({ axes: e, series: t, max: n, title: r, description: i, width: a, he
 			})) };
 		} : void 0,
 		children: ({ width: n, height: r }) => {
-			let i = n / 2, a = r / 2, o = Math.min(i, a) * .72, s = Array.from({ length: zn }, (e, t) => (t + 1) / zn * o), c = Array.from({ length: h }, (e, t) => {
+			let i = n / 2, a = r / 2, o = Math.min(i, a) * .72, s = Array.from({ length: Bn }, (e, t) => (t + 1) / Bn * o), c = Array.from({ length: h }, (e, t) => {
 				let n = t / h * 2 * Math.PI - Math.PI / 2;
 				return {
 					x: w(i + Math.cos(n) * o),
@@ -4131,7 +4154,7 @@ function Vn({ axes: e, series: t, max: n, title: r, description: i, width: a, he
 					}, n);
 				}),
 				t.map((e, t) => {
-					let n = Bn(e.values, d, i, a, o).map((e) => `${e.x},${e.y}`).join(" "), r = Rn[t % Rn.length] ?? "var(--cascivo-chart-1)";
+					let n = Vn(e.values, d, i, a, o).map((e) => `${e.x},${e.y}`).join(" "), r = zn[t % zn.length] ?? "var(--cascivo-chart-1)";
 					return /* @__PURE__ */ p("polygon", {
 						points: n,
 						fill: r,
@@ -4146,12 +4169,12 @@ function Vn({ axes: e, series: t, max: n, title: r, description: i, width: a, he
 }
 //#endregion
 //#region src/charts/bullet/bullet.tsx
-var Hn = [
+var Un = [
 	"var(--cascivo-color-neutral-200)",
 	"var(--cascivo-color-neutral-300)",
 	"var(--cascivo-color-neutral-400)"
 ];
-function Un({ value: e, target: t, ranges: n, label: r, min: i = 0, max: a, width: s = 300, height: c = 40, className: l }) {
+function Wn({ value: e, target: t, ranges: n, label: r, min: i = 0, max: a, width: s = 300, height: c = 40, className: l }) {
 	o();
 	let u = [...n].sort((e, t) => e - t), d = h([i, a ?? u[u.length - 1] ?? (Math.max(e, t) * 1.2 || 1)], [0, s]), g = c * .35, _ = (c - g) / 2, v = c * .7, y = (c - v) / 2;
 	return /* @__PURE__ */ m("figure", {
@@ -4178,7 +4201,7 @@ function Un({ value: e, target: t, ranges: n, label: r, min: i = 0, max: a, widt
 						y: 0,
 						width: Math.max(0, r),
 						height: c,
-						fill: Hn[t % Hn.length] ?? "var(--cascivo-color-neutral-200)"
+						fill: Un[t % Un.length] ?? "var(--cascivo-color-neutral-200)"
 					}, t);
 				}),
 				/* @__PURE__ */ p("rect", {
@@ -4205,8 +4228,8 @@ function Un({ value: e, target: t, ranges: n, label: r, min: i = 0, max: a, widt
 }
 //#endregion
 //#region src/charts/radial-bar/radial-bar.tsx
-var Wn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, max: c, sweep: l = 270, centerValue: u, centerLabel: d, centerSlot: f, tooltip: h, legend: g, className: _, plain: v }) {
+var Gn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Kn({ data: e, title: t, description: n, size: r, width: a, height: s, max: c, sweep: l = 270, centerValue: u, centerLabel: d, centerSlot: f, tooltip: h, legend: g, className: _, plain: v }) {
 	o();
 	let y = i(/* @__PURE__ */ new Set()), b = a ?? r, x = s ?? r ?? (v ? 48 : 300), S = v ? !1 : g ?? e.length > 1, C = e.length > 0, T = c ?? Math.max(1, ...e.map((e) => e.value)), E = Math.min(360, Math.max(0, l)) * Math.PI / 180, D = -E / 2, O = (t, n) => {
 		let r = t / 2, i = n / 2, a = Math.min(r, i) - 8, o = a * .32, s = e.filter((e) => !y.value.has(e.id));
@@ -4218,7 +4241,7 @@ function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 			span: s.length > 0 ? (a - o) / s.length : 0,
 			visible: s
 		};
-	}, k = ({ width: e, height: t }) => {
+	}, ee = ({ width: e, height: t }) => {
 		if (h === !1 || !C) return;
 		let { cx: n, cy: r, maxR: i, span: a, visible: o } = O(e, t);
 		return { points: o.map((e, t) => {
@@ -4231,14 +4254,14 @@ function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 				value: e.value,
 				seriesId: e.id,
 				percent: T > 0 ? e.value / T * 100 : 0,
-				color: e.color ?? Wn[t % Wn.length]
+				color: e.color ?? Gn[t % Gn.length]
 			};
 		}) };
-	}, A = /* @__PURE__ */ m("table", { children: [
+	}, k = /* @__PURE__ */ m("table", { children: [
 		/* @__PURE__ */ p("caption", { children: t }),
 		/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Label" }), /* @__PURE__ */ p("th", { children: "Value" })] }) }),
 		/* @__PURE__ */ p("tbody", { children: e.map((e) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: e.label }), /* @__PURE__ */ p("td", { children: e.value })] }, e.id)) })
-	] }), j = u != null || d != null || f != null;
+	] }), A = u != null || d != null || f != null;
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -4250,27 +4273,27 @@ function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 			description: n,
 			width: b,
 			height: x,
-			fallback: A,
+			fallback: k,
 			className: _,
 			"data-state": C ? void 0 : "empty",
 			plain: v,
-			tooltip: h !== !1 && C ? k : void 0,
+			tooltip: h !== !1 && C ? ee : void 0,
 			children: ({ width: e, height: t }) => {
 				let { cx: n, cy: r, maxR: i, holeR: a, span: o, visible: s } = O(e, t);
 				return /* @__PURE__ */ m("g", { children: [s.map((e, t) => {
-					let a = i - t * o, s = a - o * .7, c = e.color ?? Wn[t % Wn.length], l = Math.max(0, Math.min(1, e.value / T)), u = D + E * l;
+					let a = i - t * o, s = a - o * .7, c = e.color ?? Gn[t % Gn.length], l = Math.max(0, Math.min(1, e.value / T)), u = D + E * l;
 					return /* @__PURE__ */ m("g", {
 						"data-series": e.id,
 						children: [/* @__PURE__ */ p("path", {
-							d: P(n, r, a, s, D, D + E),
+							d: N(n, r, a, s, D, D + E),
 							fill: "var(--cascivo-chart-grid)",
 							fillOpacity: .35
 						}), l > 0 && /* @__PURE__ */ p("path", {
-							d: P(n, r, a, s, D, u),
+							d: N(n, r, a, s, D, u),
 							fill: c
 						})]
 					}, e.id);
-				}), !v && j && (f == null ? /* @__PURE__ */ m("g", {
+				}), !v && A && (f == null ? /* @__PURE__ */ m("g", {
 					"data-center": "",
 					children: [u != null && /* @__PURE__ */ p("text", {
 						x: n,
@@ -4314,7 +4337,7 @@ function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? Wn[t % Wn.length]
+				color: e.color ?? Gn[t % Gn.length]
 			})),
 			hidden: y
 		})]
@@ -4322,8 +4345,8 @@ function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 }
 //#endregion
 //#region src/charts/funnel/funnel.tsx
-var Kn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function qn({ data: e, title: t, description: n, width: r, height: i, showConversion: a = !1, tooltip: s, className: c, plain: l }) {
+var qn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Jn({ data: e, title: t, description: n, width: r, height: i, showConversion: a = !1, tooltip: s, className: c, plain: l }) {
 	o();
 	let u = l ? Ue : He, d = i ?? (l ? 48 : 320), f = e.length > 0, g = e[0]?.value ?? 0, _ = Math.max(1, ...e.map((e) => e.value));
 	return /* @__PURE__ */ p(Q, {
@@ -4359,7 +4382,7 @@ function qn({ data: e, title: t, description: n, width: r, height: i, showConver
 					value: e.value,
 					seriesId: e.id,
 					percent: g > 0 ? e.value / g * 100 : 0,
-					color: e.color ?? Kn[t % Kn.length]
+					color: e.color ?? qn[t % qn.length]
 				})),
 				format: (e) => `${e.label}: ${e.value} (${Math.round(e.percent ?? 0)}%)`
 			};
@@ -4369,7 +4392,7 @@ function qn({ data: e, title: t, description: n, width: r, height: i, showConver
 			if (r <= 0 || e.length === 0) return null;
 			let o = i / e.length, s = h([0, _], [0, r]), c = (e) => s.map(e) / 2, d = u.left + r / 2;
 			return /* @__PURE__ */ p("g", { children: e.map((t, n) => {
-				let r = e[n + 1], i = c(t.value), s = c(r ? r.value : t.value), f = u.top + n * o, h = f + o * (r ? 1 : .9), _ = t.color ?? Kn[n % Kn.length], v = [
+				let r = e[n + 1], i = c(t.value), s = c(r ? r.value : t.value), f = u.top + n * o, h = f + o * (r ? 1 : .9), _ = t.color ?? qn[n % qn.length], v = [
 					[d - i, f],
 					[d + i, f],
 					[d + s, h],
@@ -4394,10 +4417,10 @@ function qn({ data: e, title: t, description: n, width: r, height: i, showConver
 }
 //#endregion
 //#region src/charts/stream/stream.tsx
-var Jn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Yn({ series: e, categories: t, title: n, description: r, offset: a = "silhouette", curve: s = "basis", width: c, height: l, legend: u, tooltip: d, className: f, plain: g }) {
+var Yn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Xn({ series: e, categories: t, title: n, description: r, offset: a = "silhouette", curve: s = "basis", width: c, height: l, legend: u, tooltip: d, className: f, plain: g, format: v }) {
 	o();
-	let v = i(/* @__PURE__ */ new Set()), y = g ? Ue : He, b = l ?? (g ? 48 : 300), x = g ? !1 : u ?? e.length > 1, S = t.length > 0 && e.length > 0, C = ie(e.map((e) => e.values), a), [w, T] = q(C);
+	let y = i(/* @__PURE__ */ new Set()), b = g ? Ue : He, x = l ?? (g ? 48 : 300), S = g ? !1 : u ?? e.length > 1, C = t.length > 0 && e.length > 0, w = G(e.map((e) => e.values), a), [T, D] = K(w);
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -4408,44 +4431,44 @@ function Yn({ series: e, categories: t, title: n, description: r, offset: a = "s
 			title: n,
 			description: r,
 			width: c,
-			height: b,
+			height: x,
 			fallback: /* @__PURE__ */ m("table", { children: [
 				/* @__PURE__ */ p("caption", { children: n }),
 				/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Category" }), e.map((e) => /* @__PURE__ */ p("th", { children: e.label }, e.id))] }) }),
 				/* @__PURE__ */ p("tbody", { children: t.map((t, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: String(t) }), e.map((e) => /* @__PURE__ */ p("td", { children: e.values[n] ?? "" }, e.id))] }, String(t))) })
 			] }),
 			className: f,
-			"data-state": S ? void 0 : "empty",
+			"data-state": C ? void 0 : "empty",
 			plain: g,
-			tooltip: d && S ? ({ width: n, height: r }) => {
-				if (!d || !S) return;
-				let i = n - y.left - y.right, a = r - y.top - y.bottom, o = _(t.map(String), [0, i], 0), s = h([w, T], [a, 0]);
+			tooltip: d && C ? ({ width: n, height: r }) => {
+				if (!d || !C) return;
+				let i = n - b.left - b.right, a = r - b.top - b.bottom, o = _(t.map(String), [0, i], 0), s = h([T, D], [a, 0]);
 				return { points: e.flatMap((e, n) => {
-					if (v.value.has(e.id)) return [];
-					let r = C[n];
+					if (y.value.has(e.id)) return [];
+					let r = w[n];
 					return t.map((t, i) => {
 						let a = (r[i][0] + r[i][1]) / 2;
 						return {
 							id: `${e.id}-${i}`,
-							cx: y.left + (o.map(String(t)) ?? 0) + o.bandwidth / 2,
-							cy: y.top + s.map(a),
+							cx: b.left + (o.map(String(t)) ?? 0) + o.bandwidth / 2,
+							cy: b.top + s.map(a),
 							label: `${e.label} · ${String(t)}`,
 							value: e.values[i] ?? 0,
 							seriesId: e.id,
-							color: e.color ?? Jn[n % Jn.length]
+							color: e.color ?? Yn[n % Yn.length]
 						};
 					});
 				}) };
 			} : void 0,
 			children: ({ width: n, height: r }) => {
-				let i = n - y.left - y.right, a = r - y.top - y.bottom;
-				if (i <= 0 || !S) return null;
-				let o = _(t.map(String), [0, i], 0), c = h([w, T], [a, 0]), l = (e) => (o.map(String(t[e])) ?? 0) + o.bandwidth / 2;
+				let i = n - b.left - b.right, a = r - b.top - b.bottom;
+				if (i <= 0 || !C) return null;
+				let o = _(t.map(String), [0, i], 0), c = h([T, D], [a, 0]), l = (e) => (o.map(String(t[e])) ?? 0) + o.bandwidth / 2;
 				return /* @__PURE__ */ m("g", {
-					transform: `translate(${y.left},${y.top})`,
+					transform: `translate(${b.left},${b.top})`,
 					children: [e.map((e, n) => {
-						if (v.value.has(e.id)) return null;
-						let r = C[n], i = e.color ?? Jn[n % Jn.length], a = t.map((e, t) => [l(t), c.map(r[t][1])]), o = t.map((e, t) => [l(t), c.map(r[t][0])]);
+						if (y.value.has(e.id)) return null;
+						let r = w[n], i = e.color ?? Yn[n % Yn.length], a = t.map((e, t) => [l(t), c.map(r[t][1])]), o = t.map((e, t) => [l(t), c.map(r[t][0])]);
 						return /* @__PURE__ */ p("path", {
 							d: `${E(a, s)}${E([...o].reverse(), s).replace(/^M/, "L")}Z`,
 							fill: i,
@@ -4456,26 +4479,27 @@ function Yn({ series: e, categories: t, title: n, description: r, offset: a = "s
 						scale: o,
 						orientation: "x",
 						length: i,
-						transform: `translate(0,${a})`
+						transform: `translate(0,${a})`,
+						...v ? { format: v } : {}
 					})]
 				});
 			}
-		}), x && /* @__PURE__ */ p(Zt, {
+		}), S && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? Jn[t % Jn.length]
+				color: e.color ?? Yn[t % Yn.length]
 			})),
-			hidden: v
+			hidden: y
 		})]
 	});
 }
 //#endregion
 //#region src/charts/sunburst/sunburst.tsx
-var Xn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Zn({ data: e, title: t, description: n, size: r, width: i, height: a, tooltip: s, className: c, plain: l }) {
+var Zn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Qn({ data: e, title: t, description: n, size: r, width: i, height: a, tooltip: s, className: c, plain: l }) {
 	o();
-	let u = i ?? r, d = a ?? r ?? (l ? 48 : 300), f = J(e), h = f > 0, g = Y(e), _ = Math.max(1, ae(g));
+	let u = i ?? r, d = a ?? r ?? (l ? 48 : 300), f = q(e), h = f > 0, g = J(e), _ = Math.max(1, Y(g));
 	return /* @__PURE__ */ p(Q, {
 		title: t,
 		description: n,
@@ -4502,7 +4526,7 @@ function Zn({ data: e, title: t, description: n, size: r, width: i, height: a, t
 						label: e.node.label,
 						value: e.value,
 						percent: f > 0 ? e.value / f * 100 : 0,
-						color: e.node.color ?? Xn[t % Xn.length]
+						color: e.node.color ?? Zn[t % Zn.length]
 					};
 				}),
 				format: (e) => `${e.label}: ${e.value} (${Math.round(e.percent ?? 0)}%)`
@@ -4511,9 +4535,9 @@ function Zn({ data: e, title: t, description: n, size: r, width: i, height: a, t
 		children: ({ width: e, height: t }) => {
 			let n = e / 2, r = t / 2, i = (Math.min(n, r) - 8) / _;
 			return /* @__PURE__ */ p("g", { children: g.filter((e) => e.depth > 0).map((e, t) => {
-				let a = (e.depth - 1) * i, o = e.depth * i, s = e.node.color ?? Xn[t % Xn.length];
+				let a = (e.depth - 1) * i, o = e.depth * i, s = e.node.color ?? Zn[t % Zn.length];
 				return /* @__PURE__ */ p("path", {
-					d: P(n, r, o, a, e.a0, e.a1),
+					d: N(n, r, o, a, e.a0, e.a1),
 					fill: s,
 					fillOpacity: 1 - (e.depth - 1) * .18,
 					stroke: "var(--cascivo-color-surface)",
@@ -4526,10 +4550,10 @@ function Zn({ data: e, title: t, description: n, size: r, width: i, height: a, t
 }
 //#endregion
 //#region src/charts/sankey/sankey.tsx
-var Qn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function $n({ nodes: e, links: t, title: n, description: r, width: i, height: a, tooltip: s, className: c, plain: l }) {
+var $n = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function er({ nodes: e, links: t, title: n, description: r, width: i, height: a, tooltip: s, className: c, plain: l }) {
 	o();
-	let u = l ? Ue : He, d = a ?? (l ? 48 : 320), f = e.length > 0 && t.length > 0, h = (t, n) => e.find((e) => e.id === t)?.color ?? Qn[n % Qn.length];
+	let u = l ? Ue : He, d = a ?? (l ? 48 : 320), f = e.length > 0 && t.length > 0, h = (t, n) => e.find((e) => e.id === t)?.color ?? $n[n % $n.length];
 	return /* @__PURE__ */ p(Q, {
 		title: n,
 		description: r,
@@ -4576,7 +4600,7 @@ function $n({ nodes: e, links: t, title: n, description: r, width: i, height: a,
 			return /* @__PURE__ */ m("g", {
 				transform: `translate(${u.left},${u.top})`,
 				children: [s.map((e, t) => /* @__PURE__ */ p("path", {
-					d: se(e),
+					d: X(e),
 					fill: h(e.source.id, o.indexOf(e.source)),
 					fillOpacity: .32,
 					"data-link": ""
@@ -4605,23 +4629,23 @@ function $n({ nodes: e, links: t, title: n, description: r, width: i, height: a,
 }
 //#endregion
 //#region src/charts/calendar/calendar.tsx
-var er = 864e5, tr = (e) => e instanceof Date ? e : new Date(e), nr = (e) => e.toISOString().slice(0, 10);
-function rr(e) {
+var tr = 864e5, nr = (e) => e instanceof Date ? e : new Date(e), rr = (e) => e.toISOString().slice(0, 10);
+function ir(e) {
 	let t = new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()));
 	return t.setUTCDate(t.getUTCDate() - t.getUTCDay()), t;
 }
-function ir({ data: e, title: t, description: n, from: r, to: a, width: s, height: c, tooltip: l, className: u, plain: d, visualMap: f }) {
+function ar({ data: e, title: t, description: n, from: r, to: a, width: s, height: c, tooltip: l, className: u, plain: d, visualMap: f }) {
 	o();
 	let h = e.length > 0, g = i([f?.min ?? 0, f?.max ?? 1]), _ = i(/* @__PURE__ */ new Set()), v = /* @__PURE__ */ new Map();
-	for (let t of e) v.set(nr(tr(t.day)), t.value);
-	let y = e.map((e) => tr(e.day)), b = rr(r ? tr(r) : y.reduce((e, t) => t < e ? t : e, y[0] ?? /* @__PURE__ */ new Date())), x = a ? tr(a) : y.reduce((e, t) => t > e ? t : e, y[0] ?? /* @__PURE__ */ new Date()), S = h ? Math.max(1, Math.ceil((x.getTime() - b.getTime()) / er / 7)) : 1, C = Math.max(1, ...e.map((e) => e.value)), w = c ?? (d ? 48 : 160), T = [];
+	for (let t of e) v.set(rr(nr(t.day)), t.value);
+	let y = e.map((e) => nr(e.day)), b = ir(r ? nr(r) : y.reduce((e, t) => t < e ? t : e, y[0] ?? /* @__PURE__ */ new Date())), x = a ? nr(a) : y.reduce((e, t) => t > e ? t : e, y[0] ?? /* @__PURE__ */ new Date()), S = h ? Math.max(1, Math.ceil((x.getTime() - b.getTime()) / tr / 7)) : 1, C = Math.max(1, ...e.map((e) => e.value)), w = c ?? (d ? 48 : 160), T = [];
 	for (let e = 0; e < S; e++) for (let t = 0; t < 7; t++) {
-		let n = new Date(b.getTime() + (e * 7 + t) * er);
+		let n = new Date(b.getTime() + (e * 7 + t) * tr);
 		n > x || T.push({
 			col: e,
 			row: t,
 			date: n,
-			value: v.get(nr(n)) ?? 0
+			value: v.get(rr(n)) ?? 0
 		});
 	}
 	let E = /* @__PURE__ */ p(Q, {
@@ -4632,7 +4656,7 @@ function ir({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 		fallback: /* @__PURE__ */ m("table", { children: [
 			/* @__PURE__ */ p("caption", { children: t }),
 			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Day" }), /* @__PURE__ */ p("th", { children: "Value" })] }) }),
-			/* @__PURE__ */ p("tbody", { children: e.map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: nr(tr(e.day)) }), /* @__PURE__ */ p("td", { children: e.value })] }, t)) })
+			/* @__PURE__ */ p("tbody", { children: e.map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: rr(nr(e.day)) }), /* @__PURE__ */ p("td", { children: e.value })] }, t)) })
 		] }),
 		className: u,
 		"data-state": h ? void 0 : "empty",
@@ -4642,10 +4666,10 @@ function ir({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 			let t = Math.max(2, (e - (S - 1) * 2) / S);
 			return {
 				points: T.map((e, n) => ({
-					id: `${nr(e.date)}-${n}`,
+					id: `${rr(e.date)}-${n}`,
 					cx: e.col * (t + 2) + t / 2,
 					cy: e.row * (t + 2) + t / 2,
-					label: nr(e.date),
+					label: rr(e.date),
 					value: e.value
 				})),
 				format: (e) => `${e.label}: ${e.value}`
@@ -4663,7 +4687,7 @@ function ir({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 					rx: 1.5,
 					fill: r ?? "var(--cascivo-chart-2)",
 					fillOpacity: f ? e.value > 0 && i ? 1 : .08 : e.value > 0 ? .15 + .85 * (e.value / C) : .06,
-					"data-day": nr(e.date)
+					"data-day": rr(e.date)
 				}, n);
 			}) });
 		}
@@ -4684,23 +4708,23 @@ function ir({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 }
 //#endregion
 //#region src/charts/candlestick/candlestick.tsx
-function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l = 5, upColor: u = "var(--cascivo-chart-2)", downColor: d = "var(--cascivo-chart-4)", volume: g, tooltip: v, className: y, plain: b, annotations: x, brush: S, dataZoom: C, zoom: w, syncId: T, tooltipMode: E }) {
+function or({ data: e, title: t, description: n, width: r, height: s, yTicks: l = 5, upColor: u = "var(--cascivo-chart-2)", downColor: d = "var(--cascivo-chart-4)", volume: g, tooltip: v, className: y, plain: b, annotations: x, brush: S, dataZoom: C, zoom: w, syncId: T, tooltipMode: E, format: D }) {
 	o();
-	let D = b ? Ue : He, O = s ?? (b ? 64 : 320), k = e.length, A = (S || C || w || T !== void 0) && k > 0, j = i([0, Math.max(0, k - 1)]), M = c(null);
-	T && !M.current && (M.current = ft(T)), a(() => () => {
+	let O = b ? Ue : He, ee = s ?? (b ? 64 : 320), k = e.length, A = (S || C || w || T !== void 0) && k > 0, j = i([0, Math.max(0, k - 1)]), te = c(null);
+	T && !te.current && (te.current = ft(T)), a(() => () => {
 		T && pt(T);
 	}), a(() => {
-		let e = M.current;
+		let e = te.current;
 		if (!e) return;
 		let t = e.window.value, n = j.peek();
 		t && (t[0] !== n[0] || t[1] !== n[1]) && (j.value = t);
 	}), a(() => {
-		let e = M.current;
+		let e = te.current;
 		if (!e) return;
 		let t = j.value, n = e.window.peek();
 		(!n || n[0] !== t[0] || n[1] !== t[1]) && (e.window.value = t);
 	});
-	let N = A ? e.slice(j.value[0], j.value[1] + 1) : e, ee = N.length > 0, P = ee ? Math.min(...N.map((e) => e.low)) : 0, F = ee ? Math.max(...N.map((e) => e.high)) : 1, I = ee ? Math.max(1, ...N.map((e) => e.volume ?? 0)) : 1, L = N.map((e) => e.t);
+	let M = A ? e.slice(j.value[0], j.value[1] + 1) : e, N = M.length > 0, P = N ? Math.min(...M.map((e) => e.low)) : 0, F = N ? Math.max(...M.map((e) => e.high)) : 1, ne = N ? Math.max(1, ...M.map((e) => e.volume ?? 0)) : 1, re = M.map((e) => e.t);
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -4712,7 +4736,7 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 				title: t,
 				description: n,
 				width: r,
-				height: O,
+				height: ee,
 				fallback: /* @__PURE__ */ m("table", { children: [
 					/* @__PURE__ */ p("caption", { children: t }),
 					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -4722,7 +4746,7 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 						/* @__PURE__ */ p("th", { children: "Low" }),
 						/* @__PURE__ */ p("th", { children: "Close" })
 					] }) }),
-					/* @__PURE__ */ p("tbody", { children: N.map((e, t) => /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("tbody", { children: M.map((e, t) => /* @__PURE__ */ m("tr", { children: [
 						/* @__PURE__ */ p("td", { children: e.t }),
 						/* @__PURE__ */ p("td", { children: e.open }),
 						/* @__PURE__ */ p("td", { children: e.high }),
@@ -4731,18 +4755,18 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 					] }, t)) })
 				] }),
 				className: y,
-				"data-state": ee ? void 0 : "empty",
+				"data-state": N ? void 0 : "empty",
 				plain: b,
-				tooltip: v !== !1 && ee ? ({ width: e, height: t }) => {
-					if (v === !1 || !ee) return;
-					let n = e - D.left - D.right, r = t - D.top - D.bottom;
+				tooltip: v !== !1 && N ? ({ width: e, height: t }) => {
+					if (v === !1 || !N) return;
+					let n = e - O.left - O.right, r = t - O.top - O.bottom;
 					if (n <= 0) return;
-					let i = _(L, [0, n], .3), a = r - (g ? Math.min(r * .2, 60) : 0), o = h([P, F], [a, 0]);
+					let i = _(re, [0, n], .3), a = r - (g ? Math.min(r * .2, 60) : 0), o = h([P, F], [a, 0]);
 					if (E === "axis") return {
-						points: N.map((e, t) => ({
+						points: M.map((e, t) => ({
 							id: `c-${t}`,
-							cx: D.left + (i.map(e.t) ?? 0) + i.bandwidth / 2,
-							cy: D.top + o.map(e.high),
+							cx: O.left + (i.map(e.t) ?? 0) + i.bandwidth / 2,
+							cy: O.top + o.map(e.high),
 							label: e.t,
 							value: e.close,
 							segments: [
@@ -4766,21 +4790,21 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 						})),
 						mode: "axis",
 						format: (e) => {
-							let t = N[parseInt(e.id.split("-")[1] ?? "0", 10)];
+							let t = M[parseInt(e.id.split("-")[1] ?? "0", 10)];
 							return t ? `${t.t} — O ${t.open} H ${t.high} L ${t.low} C ${t.close}` : `${e.label}: ${e.value}`;
 						}
 					};
 					let s = h([P, F], [r, 0]);
 					return {
-						points: N.map((e, t) => ({
+						points: M.map((e, t) => ({
 							id: `c-${t}`,
-							cx: D.left + (i.map(e.t) ?? 0) + i.bandwidth / 2,
-							cy: D.top + s.map(e.high),
+							cx: O.left + (i.map(e.t) ?? 0) + i.bandwidth / 2,
+							cy: O.top + s.map(e.high),
 							label: e.t,
 							value: e.close
 						})),
 						format: (e) => {
-							let t = N[parseInt(e.id.split("-")[1] ?? "0", 10)];
+							let t = M[parseInt(e.id.split("-")[1] ?? "0", 10)];
 							return t ? `${t.t} — O ${t.open} H ${t.high} L ${t.low} C ${t.close}` : `${e.label}: ${e.value}`;
 						}
 					};
@@ -4793,11 +4817,11 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 					j.value = [0, Math.max(0, k - 1)];
 				} : void 0,
 				children: ({ width: e, height: t }) => {
-					let n = e - D.left - D.right, r = t - D.top - D.bottom;
-					if (n <= 0 || !ee) return null;
-					let i = _(L, [0, n], .3), a = h([P, F], [r, 0]), o = g ? Math.min(r * .2, 60) : 0, s = r - o, c = h([P, F], [s, 0]), v = i.bandwidth;
+					let n = e - O.left - O.right, r = t - O.top - O.bottom;
+					if (n <= 0 || !N) return null;
+					let i = _(re, [0, n], .3), a = h([P, F], [r, 0]), o = g ? Math.min(r * .2, 60) : 0, s = r - o, c = h([P, F], [s, 0]), v = i.bandwidth;
 					return /* @__PURE__ */ m("g", {
-						transform: `translate(${D.left},${D.top})`,
+						transform: `translate(${O.left},${O.top})`,
 						children: [
 							!b && /* @__PURE__ */ p(vt, {
 								scale: a,
@@ -4805,7 +4829,7 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 								length: n,
 								tickCount: l
 							}),
-							N.map((e, t) => {
+							M.map((e, t) => {
 								let n = (i.map(e.t) ?? 0) + v / 2, r = e.close >= e.open, a = r ? u : d, l = c.map(e.open), f = c.map(e.close), h = Math.min(l, f), _ = Math.max(1, Math.abs(f - l));
 								return /* @__PURE__ */ m("g", {
 									"data-candle": r ? "up" : "down",
@@ -4829,9 +4853,9 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 										}),
 										g && e.volume !== void 0 && /* @__PURE__ */ p("rect", {
 											x: n - v / 2,
-											y: s + (o - e.volume / I * o),
+											y: s + (o - e.volume / ne * o),
 											width: v,
-											height: e.volume / I * o,
+											height: e.volume / ne * o,
 											fill: a,
 											fillOpacity: .4,
 											"data-volume": ""
@@ -4849,7 +4873,8 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 								scale: i,
 								orientation: "x",
 								length: n,
-								transform: `translate(0,${r})`
+								transform: `translate(0,${r})`,
+								...D ? { format: D } : {}
 							}), /* @__PURE__ */ p($, {
 								scale: a,
 								orientation: "y",
@@ -4875,10 +4900,10 @@ function ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 }
 //#endregion
 //#region src/charts/polar/polar.tsx
-var or = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, height: a, rings: s = 4, max: c, tooltip: l, className: u, plain: d }) {
+var sr = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function cr({ data: e, title: t, description: n, mode: r = "bar", width: i, height: a, rings: s = 4, max: c, tooltip: l, className: u, plain: d }) {
 	o();
-	let h = a ?? 320, g = e.length > 0, _ = e.map((e) => e.label), v = c ?? (g ? Math.max(1, ...e.map((e) => e.value)) : 1), y = Z(_), b = /* @__PURE__ */ m("table", { children: [
+	let h = a ?? 320, g = e.length > 0, _ = e.map((e) => e.label), v = c ?? (g ? Math.max(1, ...e.map((e) => e.value)) : 1), y = xe(_), b = /* @__PURE__ */ m("table", { children: [
 		/* @__PURE__ */ p("caption", { children: t }),
 		/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Category" }), /* @__PURE__ */ p("th", { children: "Value" })] }) }),
 		/* @__PURE__ */ p("tbody", { children: e.map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: e.label }), /* @__PURE__ */ p("td", { children: e.value })] }, t)) })
@@ -4905,7 +4930,7 @@ function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 			let { cx: r, cy: i, rScale: a } = x(t, n);
 			return {
 				points: e.map((e, t) => {
-					let n = y.center(e.label) ?? 0, [o, s] = xe(r, i, a.map(e.value), n);
+					let n = y.center(e.label) ?? 0, [o, s] = be(r, i, a.map(e.value), n);
 					return {
 						id: `p-${t}`,
 						cx: o,
@@ -4921,7 +4946,7 @@ function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 			if (!g) return null;
 			let { cx: i, cy: a, outerR: o, rScale: c } = x(t, n), l = Array.from({ length: s }, (e, t) => o * (t + 1) / s), u = e.map((e) => {
 				let t = y.center(e.label) ?? 0;
-				return xe(i, a, c.map(e.value), t);
+				return be(i, a, c.map(e.value), t);
 			});
 			return /* @__PURE__ */ m("g", { children: [
 				!d && l.map((e, t) => /* @__PURE__ */ p("circle", {
@@ -4936,13 +4961,13 @@ function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 				r === "bar" ? e.map((e, t) => {
 					let n = y.map(e.label) ?? 0, r = y.bandwidth * .1;
 					return /* @__PURE__ */ p("path", {
-						d: P(i, a, c.map(e.value), 0, n + r, n + y.bandwidth - r),
-						fill: e.color ?? or[t % or.length],
+						d: N(i, a, c.map(e.value), 0, n + r, n + y.bandwidth - r),
+						fill: e.color ?? sr[t % sr.length],
 						fillOpacity: .85,
 						"data-wedge": ""
 					}, t);
 				}) : (() => {
-					let t = [...u, u[0]], n = e[0]?.color ?? or[0];
+					let t = [...u, u[0]], n = e[0]?.color ?? sr[0];
 					return /* @__PURE__ */ m(f, { children: [r === "area" && /* @__PURE__ */ p("path", {
 						d: `${E(t, "linear")}Z`,
 						fill: n,
@@ -4958,7 +4983,7 @@ function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 					})] });
 				})(),
 				!d && e.map((e, t) => {
-					let n = y.center(e.label) ?? 0, [r, s] = xe(i, a, o + 12, n);
+					let n = y.center(e.label) ?? 0, [r, s] = be(i, a, o + 12, n);
 					return /* @__PURE__ */ p("text", {
 						x: r,
 						y: s,
@@ -4976,10 +5001,10 @@ function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 }
 //#endregion
 //#region src/charts/gauge/gauge.tsx
-var cr = Math.PI / 180;
-function lr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", sweep: a = 270, ticks: s = 5, title: c, description: l, width: u, height: d, className: f, plain: h }) {
+var lr = Math.PI / 180;
+function ur({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", sweep: a = 270, ticks: s = 5, title: c, description: l, width: u, height: d, className: f, plain: h }) {
 	o();
-	let g = d ?? 240, _ = n - t || 1, v = Math.max(t, Math.min(n, e)), y = (v - t) / _, b = a * cr, x = -b / 2, S = (e) => x + (e - t) / _ * b;
+	let g = d ?? 240, _ = n - t || 1, v = Math.max(t, Math.min(n, e)), y = (v - t) / _, b = a * lr, x = -b / 2, S = (e) => x + (e - t) / _ * b;
 	return /* @__PURE__ */ p(Q, {
 		title: c,
 		description: l,
@@ -4999,7 +5024,7 @@ function lr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", s
 			}], w = t, T = Array.from({ length: s + 1 }, (e, n) => t + _ * n / s);
 			return /* @__PURE__ */ m("g", { children: [
 				/* @__PURE__ */ p("path", {
-					d: P(c, l, u, f, x, x + b),
+					d: N(c, l, u, f, x, x + b),
 					fill: "var(--cascivo-chart-grid)",
 					fillOpacity: .25,
 					"data-track": ""
@@ -5007,13 +5032,13 @@ function lr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", s
 				C.map((e, t) => {
 					let r = S(w), i = S(Math.min(n, e.upTo));
 					return w = e.upTo, /* @__PURE__ */ p("path", {
-						d: P(c, l, u, f, r, i),
+						d: N(c, l, u, f, r, i),
 						fill: e.color,
 						"data-zone": ""
 					}, t);
 				}),
 				!h && T.map((e, t) => {
-					let n = S(e), [r, i] = xe(c, l, f - 2, n), [a, o] = xe(c, l, f - 8, n), [s, u] = xe(c, l, f - 18, n);
+					let n = S(e), [r, i] = be(c, l, f - 2, n), [a, o] = be(c, l, f - 8, n), [s, u] = be(c, l, f - 18, n);
 					return /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("line", {
 						x1: r,
 						y1: i,
@@ -5033,7 +5058,7 @@ function lr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", s
 					})] }, t);
 				}),
 				(() => {
-					let [e, t] = xe(c, l, g, S(v));
+					let [e, t] = be(c, l, g, S(v));
 					return /* @__PURE__ */ p("line", {
 						x1: c,
 						y1: l,
@@ -5067,4 +5092,4 @@ function lr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", s
 	});
 }
 //#endregion
-export { We as AXIS_CHAR_PX, un as AreaChart, $ as Axis, pn as BarChart, Dn as Boxplot, zt as Brush, jn as BubbleChart, Un as Bullet, ir as Calendar, ar as Candlestick, Qe as CanvasLayer, Mt as ChartDefs, Q as ChartFrame, Pn as ComboChart, He as DEFAULT_MARGINS, Dt as DataLabel, Bt as DataZoom, qn as Funnel, lr as Gauge, Pt as Glyph, vt as GridLines, Fn as Heatmap, Tn as Histogram, wn as Kpi, Zt as Legend, on as LineChart, xn as Meter, Ue as PLAIN_MARGINS, gn as PieChart, sr as Polar, Vn as Radar, Gn as RadialBar, $n as Sankey, vn as ScatterChart, yn as Sparkline, Yn as Stream, Zn as Sunburst, Rt as Text, at as Toolbox, Ln as Treemap, Yt as VisualMap, mt as _syncGroupCount, De as aggregate, Z as angleBand, wt as annotationSummary, P as arcPath, ee as areaPath, qe as autoLabelStride, _ as bandScale, Oe as bin, B as binValues, Be as bindStream, V as boxStats, R as cellPath, Le as decimate, _e as divergingRamp, lt as download, Ne as encode, Pe as encodeCategory, H as extent, jt as fillFor, Ce as filter, ft as getSyncGroup, Nt as glyphPath, kt as gradientId, rt as isZoomed, Ge as leftMarginForLabels, E as linePath, h as linearScale, se as linkPath, y as logScale, Fe as lttb, qt as mapVisual, ae as maxDepth, Ie as minmax, L as nearestIndex, g as niceTicks, nt as panWindow, Y as partition, At as patternId, Kt as pieceIndex, xe as polarPoint, w as quantize, Se as radiusScale, be as rampLightness, ve as rampOf, ye as rampStops, je as regression, pt as releaseSyncGroup, St as renderAnnotation, Ct as renderAnnotations, $e as resolveColor, Et as resolveLabels, Ke as rightMarginForLabels, oe as sankeyLayout, ge as sequentialRamp, st as serializeSvg, Te as sort, T as splitDefined, v as sqrtScale, K as squarify, F as stackSeries, q as streamExtent, ie as streamLayout, J as sumValue, ct as svgToPngBlob, C as timeScale, I as toStackedSeries, Ve as useChartSize, ze as useStreamSeries, Jt as visualVisible, re as voronoiCells, te as voronoiFind, Lt as wrapText, tt as zoomWindow };
+export { We as AXIS_CHAR_PX, un as AreaChart, $ as Axis, mn as BarChart, On as Boxplot, zt as Brush, Mn as BubbleChart, Wn as Bullet, ar as Calendar, or as Candlestick, Qe as CanvasLayer, Mt as ChartDefs, Q as ChartFrame, Fn as ComboChart, He as DEFAULT_MARGINS, Dt as DataLabel, Bt as DataZoom, Jn as Funnel, ur as Gauge, Pt as Glyph, vt as GridLines, In as Heatmap, En as Histogram, Tn as Kpi, Zt as Legend, on as LineChart, Sn as Meter, Ue as PLAIN_MARGINS, _n as PieChart, cr as Polar, Hn as Radar, Kn as RadialBar, er as Sankey, yn as ScatterChart, bn as Sparkline, Xn as Stream, Qn as Sunburst, Rt as Text, at as Toolbox, Rn as Treemap, Yt as VisualMap, mt as _syncGroupCount, De as aggregate, xe as angleBand, wt as annotationSummary, N as arcPath, M as areaPath, qe as autoLabelStride, _ as bandScale, Oe as bin, R as binValues, Be as bindStream, z as boxStats, L as cellPath, Le as decimate, ge as divergingRamp, lt as download, Ne as encode, Pe as encodeCategory, B as extent, jt as fillFor, Ce as filter, ft as getSyncGroup, Nt as glyphPath, kt as gradientId, rt as isZoomed, Ge as leftMarginForLabels, E as linePath, h as linearScale, X as linkPath, y as logScale, Fe as lttb, qt as mapVisual, Y as maxDepth, Ie as minmax, ne as nearestIndex, g as niceTicks, nt as panWindow, J as partition, At as patternId, Kt as pieceIndex, be as polarPoint, w as quantize, Se as radiusScale, ye as rampLightness, _e as rampOf, ve as rampStops, je as regression, pt as releaseSyncGroup, St as renderAnnotation, Ct as renderAnnotations, $e as resolveColor, Et as resolveLabels, Ke as rightMarginForLabels, oe as sankeyLayout, he as sequentialRamp, st as serializeSvg, Te as sort, T as splitDefined, v as sqrtScale, W as squarify, P as stackSeries, K as streamExtent, G as streamLayout, q as sumValue, ct as svgToPngBlob, C as timeScale, F as toStackedSeries, Ve as useChartSize, ze as useStreamSeries, Jt as visualVisible, ie as voronoiCells, re as voronoiFind, Lt as wrapText, tt as zoomWindow };