@cascivo/charts 0.6.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 P(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 F(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 F(e, t, n, r, i, a) + F(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 I(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 I(e) {
 }
 //#endregion
 //#region src/engine/stacked.ts
-function L(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 L(e) {
 }
 //#endregion
 //#region src/engine/nearest.ts
-function ee(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 ee(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 ie(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 ae(e, t = "silhouette") {
-	let n = I(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) => {
@@ -510,7 +518,7 @@ function K(e) {
 function q(e) {
 	return e.children && e.children.length > 0 ? e.children.reduce((e, t) => e + q(t), 0) : e.value ?? 0;
 }
-function oe(e, t = 2 * Math.PI) {
+function J(e, t = 2 * Math.PI) {
 	let n = [], r = (e, t, i, a) => {
 		if (n.push({
 			node: e,
@@ -527,12 +535,12 @@ function oe(e, t = 2 * Math.PI) {
 	};
 	return r(e, 0, 0, t), n;
 }
-function se(e) {
+function Y(e) {
 	return e.reduce((e, t) => Math.max(e, t.depth), 0);
 }
 //#endregion
 //#region src/engine/sankey.ts
-function ce(e, t, { width: n, height: r, nodeWidth: i = 16, nodePadding: a = 12 }) {
+function oe(e, t, { width: n, height: r, nodeWidth: i = 16, nodePadding: a = 12 }) {
 	let o = /* @__PURE__ */ new Map();
 	for (let t of e) o.set(t.id, {
 		...t,
@@ -586,61 +594,61 @@ function ce(e, t, { width: n, height: r, nodeWidth: i = 16, nodePadding: a = 12
 		links: v
 	};
 }
-function le(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 ue = (e) => e < 0 ? 0 : e > 1 ? 1 : e, de = (e, t, n) => e + (t - e) * n, J = (e, t, n) => ({
-	l: de(e.l, t.l, n),
-	c: de(e.c, t.c, n),
-	h: de(e.h, t.h, n)
-}), fe = ({ l: e, c: t, h: n }) => `oklch(${e.toFixed(4)} ${t.toFixed(4)} ${n.toFixed(2)})`, pe = {
+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
-}, me = {
+}, fe = {
 	l: .34,
 	c: .15,
 	h: 274
-}, he = {
+}, pe = {
 	l: .48,
 	c: .14,
 	h: 248
-}, ge = {
+}, Z = {
 	l: .96,
 	c: .02,
 	h: 110
-}, _e = {
+}, me = {
 	l: .52,
 	c: .15,
 	h: 42
 };
-function ve(e) {
-	return fe(J(pe, me, ue(e)));
+function he(e) {
+	return ue(le(de, fe, se(e)));
 }
-function ye(e) {
-	let t = ue(e);
-	return fe(t < .5 ? J(he, ge, t * 2) : J(ge, _e, (t - .5) * 2));
+function ge(e) {
+	let t = se(e);
+	return ue(t < .5 ? le(pe, Z, t * 2) : le(Z, me, (t - .5) * 2));
 }
-function be(e) {
-	return e === "diverging" ? ye : ve;
+function _e(e) {
+	return e === "diverging" ? ge : he;
 }
-function xe(e, t = "sequential") {
-	let n = be(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 Y(e) {
+function ye(e) {
 	let t = /oklch\(([\d.]+)/.exec(e);
 	return t ? Number(t[1]) : NaN;
 }
 //#endregion
 //#region src/engine/polar.ts
-function Se(e, t, n, r) {
+function be(e, t, n, r) {
 	return [w(e + n * Math.sin(r)), w(t - n * Math.cos(r))];
 }
-function Ce(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;
@@ -655,25 +663,25 @@ function Ce(e, t = [0, 2 * Math.PI]) {
 		step: r
 	};
 }
-function we(e, t) {
+function Se(e, t) {
 	return h(e, t);
 }
 //#endregion
 //#region src/engine/transform.ts
-function Te(e, t) {
+function Ce(e, t) {
 	return e.filter((e, n) => t(e, n));
 }
-function Ee(e, t) {
+function we(e, t) {
 	return e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t));
 }
-function De(e, t, n = "asc") {
+function Te(e, t, n = "asc") {
 	let r = typeof t == "function" ? t : (e) => e[t], i = n === "desc" ? -1 : 1;
 	return e.map((e, t) => ({
 		row: e,
 		i: t
-	})).sort((e, t) => Ee(r(e.row), r(t.row)) * i || e.i - t.i).map((e) => e.row);
+	})).sort((e, t) => we(r(e.row), r(t.row)) * i || e.i - t.i).map((e) => e.row);
 }
-function Oe(e, t) {
+function Ee(e, t) {
 	if (e === "count") return t.length;
 	if (t.length === 0) return 0;
 	switch (e) {
@@ -687,7 +695,7 @@ function Oe(e, t) {
 		}
 	}
 }
-function ke(e, t) {
+function De(e, t) {
 	let n = typeof t.groupBy == "string" ? [t.groupBy] : t.groupBy, r = /* @__PURE__ */ new Map(), i = [];
 	for (let t of e) {
 		let e = n.map((e) => String(t[e])).join("\0"), a = r.get(e);
@@ -696,11 +704,11 @@ function ke(e, t) {
 	return i.map((e) => {
 		let i = r.get(e), a = {};
 		for (let e of n) a[e] = i[0][e];
-		for (let [e, n] of Object.entries(t.ops)) a[e] = Oe(n, i.map((t) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)));
+		for (let [e, n] of Object.entries(t.ops)) a[e] = Ee(n, i.map((t) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)));
 		return a;
 	});
 }
-function Ae(e, t = {}) {
+function Oe(e, t = {}) {
 	let n = e.filter((e) => Number.isFinite(e)), [r, i] = t.range ?? [Math.min(...n), Math.max(...n)], a = Math.max(1, t.bins ?? (Math.ceil(Math.sqrt(n.length)) || 1)), o = (i - r) / a || 1, s = Array.from({ length: a }, (e, t) => ({
 		x0: r + t * o,
 		x1: r + (t + 1) * o,
@@ -714,7 +722,7 @@ function Ae(e, t = {}) {
 	}
 	return s;
 }
-function je(e, t) {
+function ke(e, t) {
 	let n = t.length, r = e.map((e, n) => [...e, t[n]]);
 	for (let e = 0; e < n; e++) {
 		let t = e;
@@ -732,12 +740,12 @@ function je(e, t) {
 		return Math.abs(i) < 1e-12 ? 0 : r[t][n] / i;
 	});
 }
-function Me(e, t) {
+function Ae(e, t) {
 	let n = e.map((e) => e[1]), r = n.reduce((e, t) => e + t, 0) / n.length, i = 0, a = 0;
 	for (let [n, o] of e) i += (o - t(n)) ** 2, a += (o - r) ** 2;
 	return a === 0 ? 1 : 1 - i / a;
 }
-function Ne(e, t = {}) {
+function je(e, t = {}) {
 	let n = t.type ?? "linear", r = [...e].sort((e, t) => e[0] - t[0]), i = r.map((e) => e[0]), a = () => {
 		let e = r.length ? r.reduce((e, t) => e + t[1], 0) / r.length : 0;
 		return {
@@ -751,11 +759,11 @@ function Ne(e, t = {}) {
 	if (n === "exponential") {
 		let e = r.filter((e) => e[1] > 0);
 		if (e.length < 2) return a();
-		let t = Ne(e.map((e) => [e[0], Math.log(e[1])]), { type: "linear" }), n = Math.exp(t.coefficients[0]), o = t.coefficients[1], s = (e) => n * Math.exp(o * e);
+		let t = je(e.map((e) => [e[0], Math.log(e[1])]), { type: "linear" }), n = Math.exp(t.coefficients[0]), o = t.coefficients[1], s = (e) => n * Math.exp(o * e);
 		return {
 			predict: s,
 			points: i.map((e) => [e, s(e)]),
-			r2: Me(r, s),
+			r2: Ae(r, s),
 			coefficients: [n, o]
 		};
 	}
@@ -767,18 +775,18 @@ function Ne(e, t = {}) {
 			for (let t = 0; t < o; t++) s[e][t] += n[e] * n[t];
 		}
 	}
-	let l = je(s, c), u = (e) => l.reduce((t, n, r) => t + n * e ** r, 0);
+	let l = ke(s, c), u = (e) => l.reduce((t, n, r) => t + n * e ** r, 0);
 	return {
 		predict: u,
 		points: i.map((e) => [e, u(e)]),
-		r2: Me(r, u),
+		r2: Ae(r, u),
 		coefficients: l
 	};
 }
 //#endregion
 //#region src/engine/dataset.ts
-var Pe = (e) => typeof e == "number" ? e : Number(e);
-function Fe(e, t) {
+var Me = (e) => typeof e == "number" ? e : Number(e);
+function Ne(e, t) {
 	let n = (e) => e.x, r = (e) => e.y;
 	if (!t.series) return {
 		series: [{
@@ -786,7 +794,7 @@ function Fe(e, t) {
 			label: t.label ?? t.y,
 			data: e.map((e) => ({
 				x: e[t.x],
-				y: Pe(e[t.y])
+				y: Me(e[t.y])
 			}))
 		}],
 		x: n,
@@ -801,7 +809,7 @@ function Fe(e, t) {
 			data: []
 		}, i.set(e, r), a.push(e)), r.data.push({
 			x: n[t.x],
-			y: Pe(n[t.y])
+			y: Me(n[t.y])
 		});
 	}
 	return {
@@ -810,15 +818,15 @@ function Fe(e, t) {
 		y: r
 	};
 }
-function Ie(e, t) {
+function Pe(e, t) {
 	return e.map((e) => ({
 		label: String(e[t.category]),
-		value: Pe(e[t.value])
+		value: Me(e[t.value])
 	}));
 }
 //#endregion
 //#region src/engine/decimate.ts
-function Le(e, t) {
+function Fe(e, t) {
 	let n = e.length;
 	if (t >= n || t < 3) return e.slice();
 	let r = [e[0]], i = (n - 2) / (t - 2), a = 0;
@@ -835,7 +843,7 @@ function Le(e, t) {
 	}
 	return r.push(e[n - 1]), r;
 }
-function Re(e, t) {
+function Ie(e, t) {
 	let n = e.length;
 	if (t >= n || t < 4) return e.slice();
 	let r = Math.max(1, Math.floor(t / 2)), i = n / r, a = [e[0]];
@@ -848,27 +856,27 @@ function Re(e, t) {
 	}
 	return a.push(e[n - 1]), a;
 }
-function ze(e, t, n = "lttb") {
-	return n === "minmax" ? Re(e, t) : Le(e, t);
+function Le(e, t, n = "lttb") {
+	return n === "minmax" ? Ie(e, t) : Fe(e, t);
 }
 //#endregion
 //#region src/stream/use-stream-series.ts
-function Be(e, t) {
-	return e.length <= t.to ? e : ze(e.map((e, n) => [n, t.y(e)]), t.to, t.method).map(([t]) => e[t]);
+function Re(e, t) {
+	return e.length <= t.to ? e : Le(e.map((e, n) => [n, t.y(e)]), t.to, t.method).map(([t]) => e[t]);
 }
-function Ve(e) {
+function ze(e) {
 	let { capacity: n, source: i, decimate: o } = e, s = c(t({ capacity: n })).current, l = c(i);
 	return l.current = i, a(() => {
 		let e = l.current((e) => s.append(e));
 		return () => {
 			e(), s.dispose();
 		};
-	}), r(() => o ? Be(s.signal.value, o) : s.signal.value);
+	}), r(() => o ? Re(s.signal.value, o) : s.signal.value);
 }
-function He(n) {
+function Be(n) {
 	let { capacity: r, source: i, decimate: a } = n, o = t({ capacity: r }), s = i((e) => o.append(e));
 	return {
-		signal: a ? e(() => Be(o.signal.value, a)) : o.signal,
+		signal: a ? e(() => Re(o.signal.value, a)) : o.signal,
 		stop: () => {
 			s(), o.dispose();
 		}
@@ -876,7 +884,7 @@ function He(n) {
 }
 //#endregion
 //#region src/core/use-chart.ts
-function Ue(e = 400, t = 300) {
+function Ve(e = 400, t = 300) {
 	let n = c(null), r = i(e), o = i(t);
 	return a(() => {
 		let e = n.current;
@@ -904,41 +912,47 @@ function Ue(e = 400, t = 300) {
 		height: o
 	};
 }
-var X = {
+var He = {
 	top: 8,
 	right: 8,
 	bottom: 24,
 	left: 36
-}, Z = {
+}, Ue = {
 	top: 2,
 	right: 2,
 	bottom: 2,
 	left: 2
 }, We = 6.5;
 function Ge(e, t) {
-	if (t) return Z.left;
+	if (t) return Ue.left;
 	let n = e.reduce((e, t) => Math.max(e, t.length), 0);
-	return Math.max(X.left, Math.ceil(n * We + 12));
+	return Math.max(He.left, Math.ceil(n * We + 12));
+}
+function Ke(e = {}) {
+	let { rightAxisLabels: t = [], bottomAxisLabels: n = [], plain: r } = e;
+	if (r) return Ue.right;
+	let i = t.reduce((e, t) => Math.max(e, t.length), 0), a = i > 0 ? Math.ceil(i * We + 12) : 0, o = n[n.length - 1] ?? "", s = o ? Math.ceil(o.length * We / 2 + 2) : 0;
+	return Math.max(He.right, a, s);
 }
-function Ke(e, t) {
+function qe(e, t) {
 	if (e.length <= 1 || t <= 0) return;
 	let n = t / e.length, r = e.reduce((e, t) => Math.max(e, t.length), 0) * We + 6;
 	if (!(n >= r)) return Math.ceil(r / n);
 }
-var qe = {
-	frame: "_frame_1xxqo_2",
-	"cascivo-chart-in": "_cascivo-chart-in_1xxqo_1",
-	fallback: "_fallback_1xxqo_62"
+var Je = {
+	frame: "_frame_1kt6d_2",
+	"cascivo-chart-in": "_cascivo-chart-in_1kt6d_1",
+	fallback: "_fallback_1kt6d_67"
 };
 //#endregion
 //#region src/core/data-point.ts
-function Je(e) {
+function Ye(e) {
 	return `${e.label}: ${e.value}`;
 }
 //#endregion
 //#region src/core/chart-tooltip.tsx
-function Ye({ point: e, model: t }) {
-	let n = t.format ? t.format(e) : Je(e), r = e.segments?.filter((e) => e.value !== 0);
+function Xe({ point: e, model: t }) {
+	let n = t.format ? t.format(e) : Ye(e), r = e.segments?.filter((e) => e.value !== 0);
 	return /* @__PURE__ */ p("div", {
 		role: "tooltip",
 		style: {
@@ -986,7 +1000,7 @@ function Ye({ point: e, model: t }) {
 }
 //#endregion
 //#region src/core/nearest.ts
-function Xe(e, t, n, r = "xy") {
+function Ze(e, t, n, r = "xy") {
 	if (e.length === 0) return -1;
 	let i = 0, a = Infinity;
 	for (let o = 0; o < e.length; o++) {
@@ -997,7 +1011,7 @@ function Xe(e, t, n, r = "xy") {
 }
 //#endregion
 //#region src/core/canvas-layer.tsx
-function Ze({ size: e, paint: t }) {
+function Qe({ size: e, paint: t }) {
 	let n = c(null);
 	return a(() => {
 		let { width: r, height: i } = e(), a = n.current;
@@ -1022,28 +1036,28 @@ function Ze({ size: e, paint: t }) {
 		}
 	});
 }
-function Qe(e, t) {
+function $e(e, t) {
 	let n = /var\((--[^,)]+)/.exec(t);
 	return !n || typeof getComputedStyle != "function" ? t : getComputedStyle(e.canvas).getPropertyValue(n[1]).trim() || t;
 }
 //#endregion
 //#region src/core/zoom.ts
-var $e = 1;
-function et(e, t, n, r) {
+var et = 1;
+function tt(e, t, n, r) {
 	if (t <= 1) return [0, Math.max(0, t - 1)];
 	let [i, a] = e, o = i + r * (a - i), s = Math.round(o - (o - i) * n), c = Math.round(o + (a - o) * n);
-	return s = Math.max(0, s), c = Math.min(t - 1, c), c - s < $e && (s = Math.max(0, Math.min(Math.round(o) - 1, t - 1 - $e)), c = Math.min(t - 1, s + $e)), [s, c];
+	return s = Math.max(0, s), c = Math.min(t - 1, c), c - s < et && (s = Math.max(0, Math.min(Math.round(o) - 1, t - 1 - et)), c = Math.min(t - 1, s + et)), [s, c];
 }
-function tt(e, t, n) {
+function nt(e, t, n) {
 	let [r, i] = e, a = i - r, o = Math.max(0, Math.min(t - 1 - a, Math.round(r + n)));
 	return [o, o + a];
 }
-function nt(e, t) {
+function rt(e, t) {
 	return e[0] > 0 || e[1] < t - 1;
 }
 //#endregion
 //#region src/chrome/toolbox.tsx
-var rt = {
+var it = {
 	display: "inline-flex",
 	alignItems: "center",
 	justifyContent: "center",
@@ -1058,7 +1072,7 @@ var rt = {
 	color: "var(--cascivo-color-foreground, inherit)",
 	cursor: "pointer"
 };
-function it({ options: e, onPng: t, onSvg: n, onToggleData: r, onRestore: i, showData: a }) {
+function at({ options: e, onPng: t, onSvg: n, onToggleData: r, onRestore: i, showData: a }) {
 	let o = e;
 	return /* @__PURE__ */ m("div", {
 		role: "group",
@@ -1070,26 +1084,26 @@ function it({ options: e, onPng: t, onSvg: n, onToggleData: r, onRestore: i, sho
 		children: [
 			o.png !== !1 && /* @__PURE__ */ p("button", {
 				type: "button",
-				style: rt,
+				style: it,
 				onClick: t,
 				children: d(l.charts.exportPng)
 			}),
 			o.svg !== !1 && /* @__PURE__ */ p("button", {
 				type: "button",
-				style: rt,
+				style: it,
 				onClick: n,
 				children: d(l.charts.exportSvg)
 			}),
 			o.dataView !== !1 && /* @__PURE__ */ p("button", {
 				type: "button",
-				style: rt,
+				style: it,
 				"aria-pressed": a,
 				onClick: r,
 				children: d(l.charts.dataView)
 			}),
 			o.restore !== !1 && /* @__PURE__ */ p("button", {
 				type: "button",
-				style: rt,
+				style: it,
 				onClick: i,
 				children: d(l.charts.restore)
 			})
@@ -1098,19 +1112,19 @@ function it({ options: e, onPng: t, onSvg: n, onToggleData: r, onRestore: i, sho
 }
 //#endregion
 //#region src/core/export.ts
-var at = [
+var ot = [
 	"fill",
 	"stroke",
 	"stop-color",
 	"color"
 ];
-function ot(e) {
+function st(e) {
 	let t = e.cloneNode(!0);
 	if (typeof getComputedStyle == "function") {
 		let n = e.querySelectorAll("*"), r = t.querySelectorAll("*");
 		for (let e = 0; e < n.length; e++) {
 			let t = getComputedStyle(n[e]), i = r[e];
-			if (i) for (let e of at) {
+			if (i) for (let e of ot) {
 				let n = t.getPropertyValue(e);
 				n && n !== "none" && !n.includes("var(") && i.setAttribute(e, n);
 			}
@@ -1118,7 +1132,7 @@ function ot(e) {
 	}
 	return t.setAttribute("xmlns", "http://www.w3.org/2000/svg"), new XMLSerializer().serializeToString(t);
 }
-function st(e, t) {
+function ct(e, t) {
 	if (typeof document > "u" || typeof Image > "u") return Promise.resolve(null);
 	let n = t.dpr ?? 1, r = document.createElement("canvas");
 	r.width = Math.max(1, Math.round(t.width * n)), r.height = Math.max(1, Math.round(t.height * n));
@@ -1134,14 +1148,14 @@ function st(e, t) {
 		}), n.addEventListener("error", () => t(null)), n.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
 	}) : Promise.resolve(null);
 }
-function ct(e, t) {
+function lt(e, t) {
 	if (typeof document > "u" || typeof URL > "u" || !URL.createObjectURL) return;
 	let n = typeof e == "string" ? new Blob([e], { type: "image/svg+xml" }) : e, r = URL.createObjectURL(n), i = document.createElement("a");
 	i.href = r, i.download = t, i.style.display = "none", document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(r);
 }
 //#endregion
 //#region src/core/chart-frame.tsx
-var lt = {
+var ut = {
 	position: "absolute",
 	insetInlineStart: "-9999px",
 	inlineSize: "1px",
@@ -1150,44 +1164,44 @@ var lt = {
 	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: P, width: F, height: I } = Ue(n ?? 400, r), L = i(null), ee = 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();
 			let n = e.getBoundingClientRect(), r = n.width ? (t.clientX - n.left) / n.width : .5, i = t.deltaY > 0 ? 1.25 : 1 / 1.25;
-			T.window.value = et(T.window.value, T.count, i, r);
+			T.window.value = tt(T.window.value, T.count, i, r);
 		};
 		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 ?? F.value, H = r ?? I.value, U = E === !0 ? {} : E || null, W = () => re.current ? ot(re.current) : null, G = () => {
-		let t = W();
-		t && ct(t, `${e || "chart"}.svg`);
-	}, ie = () => {
-		let t = W();
-		t && st(t, {
-			width: V,
-			height: H,
+	}, 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`);
+	}, W = () => {
+		let t = H();
+		t && ct(t, {
+			width: z,
+			height: B,
 			dpr: 2
 		}).then((t) => {
-			t && ct(t, `${e || "chart"}.png`);
+			t && lt(t, `${e || "chart"}.png`);
 		});
-	}, ae = () => {
-		B(), D?.();
+	}, G = () => {
+		R(), D?.();
 	}, K = typeof b == "function" ? b({
-		width: V,
-		height: H
+		width: z,
+		height: B
 	}) : b;
 	a(() => {
-		let e = L.value;
-		if (!K || !ne.current) return;
+		let e = F.value;
+		if (!K || !I.current) return;
 		let t = e === null ? void 0 : K.points[e];
-		ne.current.textContent = t ? (K.format ?? Je)(t) : "";
+		I.current.textContent = t ? (K.format ?? Ye)(t) : "";
 	});
 	let q = {
 		position: "absolute",
@@ -1195,76 +1209,76 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 		cursor: T ? "grab" : x ? "pointer" : "crosshair",
 		background: "transparent",
 		touchAction: T ? "none" : void 0
-	}, oe = C === "canvas" && w !== void 0, se = K !== void 0 || T !== void 0, ce = {};
+	}, J = C === "canvas" && w !== void 0, Y = K !== void 0 || T !== void 0, oe = {};
 	if (O && typeof O == "object") {
-		let e = ce;
+		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 le = se || oe || U || Object.keys(ce).length > 0 ? {
-		...ce,
-		...se || oe || U ? { position: "relative" } : {}
+	let X = Y || J || V || Object.keys(oe).length > 0 ? {
+		...oe,
+		...Y || J || V ? { position: "relative" } : {}
 	} : void 0;
 	return /* @__PURE__ */ m("div", {
-		ref: P,
-		className: [qe.frame, g].filter(Boolean).join(" "),
-		style: le,
+		ref: M,
+		className: [Je.frame, g].filter(Boolean).join(" "),
+		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,
 					right: 4,
 					zIndex: 12
 				},
-				children: /* @__PURE__ */ p(it, {
-					options: U,
-					onPng: ie,
-					onSvg: G,
+				children: /* @__PURE__ */ p(at, {
+					options: V,
+					onPng: W,
+					onSvg: U,
 					onToggleData: () => {
-						ee.value = !ee.value;
+						ne.value = !ne.value;
 					},
-					onRestore: ae,
-					showData: ee.value
+					onRestore: G,
+					showData: ne.value
 				})
 			}),
-			oe && /* @__PURE__ */ p(Ze, {
+			J && /* @__PURE__ */ p(Qe, {
 				size: () => ({
-					width: n ?? F.value,
-					height: r ?? I.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)",
@@ -1275,20 +1289,20 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 				]
 			}),
 			u && /* @__PURE__ */ p("div", {
-				className: qe.fallback,
-				style: lt,
+				className: Je.fallback,
+				style: ut,
 				children: u
 			}),
-			U && ee.value && u && /* @__PURE__ */ p("div", {
+			V && ne.value && u && /* @__PURE__ */ p("div", {
 				"data-data-view": "",
 				style: { overflowX: "auto" },
 				children: u
 			}),
-			se && /* @__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",
@@ -1302,21 +1316,21 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 							border: 0
 						}
 					}),
-					K.mode === "axis" && L.value !== null && K.points[L.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: K.points[L.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
 						}
 					}),
-					L.value !== null && K.points[L.value] !== void 0 && (() => {
-						let e = K.points[L.value];
+					F.value !== null && K.points[F.value] !== void 0 && (() => {
+						let e = K.points[F.value];
 						return /* @__PURE__ */ p("div", {
 							"aria-hidden": "true",
 							style: {
@@ -1333,14 +1347,14 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 							}
 						});
 					})(),
-					L.value !== null && K.points[L.value] !== void 0 && /* @__PURE__ */ p(Ye, {
-						point: K.points[L.value],
+					F.value !== null && K.points[F.value] !== void 0 && /* @__PURE__ */ p(Xe, {
+						point: K.points[F.value],
 						model: K
 					})
 				] }),
-				T && !U && nt(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,
@@ -1358,71 +1372,71 @@ 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: 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 = tt(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 (!K || !K.points.length) return;
 						let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
-						L.value = K.mode === "axis" ? Xe(K.points, n, r, "x") : S === "voronoi" ? te(K.points.map((e) => [e.cx, e.cy]), n, r) : Xe(K.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, K && (L.value = null);
+						L.current = null, K && (F.value = null);
 					},
 					onKeyDown: (e) => {
 						if (T) {
 							if (e.key === "+" || e.key === "=") {
-								e.preventDefault(), T.window.value = et(T.window.value, T.count, 1 / 1.25, .5);
+								e.preventDefault(), T.window.value = tt(T.window.value, T.count, 1 / 1.25, .5);
 								return;
 							}
 							if (e.key === "-" || e.key === "_") {
-								e.preventDefault(), T.window.value = et(T.window.value, T.count, 1.25, .5);
+								e.preventDefault(), T.window.value = tt(T.window.value, T.count, 1.25, .5);
 								return;
 							}
 							if (e.key === "0") {
-								e.preventDefault(), B();
+								e.preventDefault(), R();
 								return;
 							}
 						}
 						if (!K || !K.points.length) return;
-						let t = L.value;
-						if (e.key === "ArrowRight" || e.key === "ArrowDown") e.preventDefault(), L.value = t === null ? 0 : Math.min(t + 1, K.points.length - 1);
-						else if (e.key === "ArrowLeft" || e.key === "ArrowUp") e.preventDefault(), L.value = t === null ? K.points.length - 1 : Math.max(t - 1, 0);
-						else if (e.key === "Home") e.preventDefault(), L.value = 0;
-						else if (e.key === "End") e.preventDefault(), L.value = K.points.length - 1;
-						else if (e.key === "Escape") L.value = null;
+						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 = L.value, n = t === null ? void 0 : K.points[t];
+							let t = F.value, n = t === null ? void 0 : K.points[t];
 							n && x(n);
 						}
 					},
 					onClick: () => {
 						if (!K) return;
-						let e = L.value, t = e === null ? void 0 : K.points[e];
+						let e = F.value, t = e === null ? void 0 : K.points[e];
 						x && t && x(t);
 					},
 					onFocus: () => {
-						K && K.points.length > 0 && L.value === null && (L.value = 0);
+						K && K.points.length > 0 && F.value === null && (F.value = 0);
 					},
 					onBlur: () => {
-						K && (L.value = null);
+						K && (F.value = null);
 					}
 				})
 			] })
@@ -1431,45 +1445,49 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 }
 //#endregion
 //#region src/core/sync.ts
-var ut = /* @__PURE__ */ new Map();
-function dt(e) {
-	let t = ut.get(e);
+var dt = /* @__PURE__ */ new Map();
+function ft(e) {
+	let t = dt.get(e);
 	return t || (t = {
 		group: {
 			window: n(null),
 			hoverX: n(null)
 		},
 		refs: 0
-	}, ut.set(e, t)), t.refs++, t.group;
+	}, dt.set(e, t)), t.refs++, t.group;
 }
-function ft(e) {
-	let t = ut.get(e);
-	t && (t.refs--, t.refs <= 0 && ut.delete(e));
+function pt(e) {
+	let t = dt.get(e);
+	t && (t.refs--, t.refs <= 0 && dt.delete(e));
 }
-function pt() {
-	return ut.size;
+function mt() {
+	return dt.size;
 }
 //#endregion
 //#region src/chrome/axis.tsx
-function mt(e) {
+function ht(e) {
 	return "bandwidth" in e;
 }
-function ht(e) {
+function gt(e) {
 	return "tickInterval" in e;
 }
-function gt(e) {
+function _t(e) {
 	return e instanceof Date ? e.toLocaleDateString() : typeof e == "number" ? e.toLocaleString() : String(e);
 }
-function $({ scale: e, orientation: t, length: n, format: r = gt, tickCount: i = 5, labelEvery: a, transform: o }) {
+function $({ scale: e, orientation: t, length: n, format: r = _t, tickCount: i = 5, labelEvery: a, transform: o }) {
 	let s;
-	if (mt(e)) {
-		let t = e.domain.length - 1;
+	if (ht(e)) {
+		let t = e.domain.length - 1, n = a != null && a > 1, i = n ? Math.floor(t / a) * a : -1, o = !1;
+		if (n && i !== t && i >= 0) {
+			let n = (t) => (e.map(e.domain[t]) ?? 0) + e.bandwidth / 2, a = e.domain.reduce((e, t) => Math.max(e, r(t).length), 0) * We;
+			o = n(t) - n(i) < a;
+		}
 		s = e.domain.map((t, n) => ({
 			position: (e.map(t) ?? 0) + e.bandwidth / 2,
 			label: r(t),
 			i: n
-		})).filter(({ i: e }) => a != null && a > 1 ? e % a === 0 || e === t : !0);
-	} else if (ht(e)) s = e.ticks(i).map((t) => ({
+		})).filter(({ i: e }) => !n || e === t ? !0 : o && e === i ? !1 : e % a === 0);
+	} else if (gt(e)) s = e.ticks(i).map((t) => ({
 		position: e.map(t),
 		label: r(t)
 	}));
@@ -1480,7 +1498,7 @@ function $({ scale: e, orientation: t, length: n, format: r = gt, tickCount: i =
 			label: r(e)
 		}));
 	}
-	let c = t === "x";
+	let c = t === "x", l = t === "y-right", u = c ? 0 : l ? 4 : -4, d = c ? 0 : l ? 8 : -8, f = c ? "middle" : l ? "start" : "end";
 	return /* @__PURE__ */ m("g", {
 		transform: o,
 		"aria-hidden": "true",
@@ -1496,14 +1514,14 @@ function $({ scale: e, orientation: t, length: n, format: r = gt, tickCount: i =
 			children: [/* @__PURE__ */ p("line", {
 				x1: 0,
 				y1: 0,
-				x2: c ? 0 : -4,
+				x2: u,
 				y2: c ? 4 : 0,
 				stroke: "var(--cascivo-chart-axis)",
 				strokeWidth: 1
 			}), /* @__PURE__ */ p("text", {
-				x: c ? 0 : -8,
+				x: d,
 				y: c ? 16 : 4,
-				textAnchor: c ? "middle" : "end",
+				textAnchor: f,
 				fill: "var(--cascivo-chart-axis)",
 				fontSize: 11,
 				children: t
@@ -1513,7 +1531,7 @@ function $({ scale: e, orientation: t, length: n, format: r = gt, tickCount: i =
 }
 //#endregion
 //#region src/chrome/grid-lines.tsx
-function _t({ scale: e, orientation: t, length: n, tickCount: r = 5, transform: i }) {
+function vt({ scale: e, orientation: t, length: n, tickCount: r = 5, transform: i }) {
 	let a = e.ticks(r), o = t === "x";
 	return /* @__PURE__ */ p("g", {
 		transform: i,
@@ -1534,17 +1552,17 @@ function _t({ scale: e, orientation: t, length: n, tickCount: r = 5, transform:
 }
 //#endregion
 //#region src/chrome/reference.tsx
-var vt = "var(--cascivo-color-foreground-muted)", yt = "var(--cascivo-color-accent)";
-function bt(e, t) {
+var yt = "var(--cascivo-color-foreground-muted)", bt = "var(--cascivo-color-accent)";
+function xt(e, t) {
 	let n = e.map(t);
 	if (!(n == null || Number.isNaN(n))) return e.bandwidth ? n + e.bandwidth / 2 : n;
 }
-function xt(e, t, n) {
+function St(e, t, n) {
 	let { xScale: r, yScale: i, innerW: a, innerH: o } = t;
 	if (e.kind === "line") {
-		let t = bt(e.axis === "x" ? r : i, e.value);
+		let t = xt(e.axis === "x" ? r : i, e.value);
 		if (t == null) return null;
-		let s = e.color ?? vt, c = e.dash !== !1, l = e.axis === "x";
+		let s = e.color ?? yt, c = e.dash !== !1, l = e.axis === "x";
 		return /* @__PURE__ */ m("g", {
 			"data-annotation": "line",
 			"aria-hidden": "true",
@@ -1575,9 +1593,9 @@ function xt(e, t, n) {
 		}, n);
 	}
 	if (e.kind === "area") {
-		let t = e.axis === "x" ? r : i, s = bt(t, e.from), c = bt(t, e.to);
+		let t = e.axis === "x" ? r : i, s = xt(t, e.from), c = xt(t, e.to);
 		if (s == null || c == null) return null;
-		let l = e.color ?? yt, u = e.axis === "x", d = Math.min(s, c), f = Math.abs(c - s);
+		let l = e.color ?? bt, u = e.axis === "x", d = Math.min(s, c), f = Math.abs(c - s);
 		return /* @__PURE__ */ p("g", {
 			"data-annotation": "area",
 			"aria-hidden": "true",
@@ -1593,9 +1611,9 @@ function xt(e, t, n) {
 		}, n);
 	}
 	if (e.kind === "note") {
-		let t = bt(r, e.x), s = bt(i, e.y);
+		let t = xt(r, e.x), s = xt(i, e.y);
 		if (t == null || s == null) return null;
-		let c = e.color ?? yt, l = e.dx ?? 24, u = e.dy ?? -24, d = Math.max(2, Math.min(a - 2, t + l)), f = Math.max(8, Math.min(o - 2, s + u));
+		let c = e.color ?? bt, l = e.dx ?? 24, u = e.dy ?? -24, d = Math.max(2, Math.min(a - 2, t + l)), f = Math.max(8, Math.min(o - 2, s + u));
 		return /* @__PURE__ */ m("g", {
 			"data-annotation": "note",
 			children: [
@@ -1631,7 +1649,7 @@ function xt(e, t, n) {
 	if (e.kind === "threshold") {
 		let t = i.map(e.value);
 		if (t == null || Number.isNaN(t)) return null;
-		let r = e.color ?? yt, s = e.side === "above" ? 0 : t, c = e.side === "above" ? t : o - t;
+		let r = e.color ?? bt, s = e.side === "above" ? 0 : t, c = e.side === "above" ? t : o - t;
 		return /* @__PURE__ */ p("g", {
 			"data-annotation": "threshold",
 			"aria-hidden": "true",
@@ -1646,9 +1664,9 @@ function xt(e, t, n) {
 			})
 		}, n);
 	}
-	let s = bt(r, e.x), c = bt(i, e.y);
+	let s = xt(r, e.x), c = xt(i, e.y);
 	if (s == null || c == null) return null;
-	let l = e.color ?? yt;
+	let l = e.color ?? bt;
 	return /* @__PURE__ */ m("g", {
 		"data-annotation": "dot",
 		"aria-hidden": "true",
@@ -1670,28 +1688,28 @@ function xt(e, t, n) {
 		})]
 	}, n);
 }
-function St(e, t) {
+function Ct(e, t) {
 	return !e || e.length === 0 ? null : /* @__PURE__ */ p("g", {
 		"data-annotations": "",
-		children: e.map((e, n) => xt(e, t, n))
+		children: e.map((e, n) => St(e, t, n))
 	});
 }
-function Ct(e) {
+function wt(e) {
 	return e.kind === "line" ? e.label ?? `${e.axis}=${String(e.value)}` : e.kind === "area" ? e.label ?? `${e.axis} ${String(e.from)}–${String(e.to)}` : e.kind === "threshold" ? e.label ?? `${e.side} ${e.value}` : e.kind === "note" ? e.label : e.label ?? `(${String(e.x)}, ${e.y})`;
 }
 //#endregion
 //#region src/chrome/data-label.tsx
-var wt = (e) => e.toLocaleString();
-function Tt(e) {
+var Tt = (e) => e.toLocaleString();
+function Et(e) {
 	return e ? e === !0 ? {
-		format: wt,
+		format: Tt,
 		position: "auto"
 	} : {
-		format: e.format ?? wt,
+		format: e.format ?? Tt,
 		position: e.position ?? "auto"
 	} : null;
 }
-function Et({ x: e, y: t, text: n, tone: r = "default", anchor: i = "middle" }) {
+function Dt({ x: e, y: t, text: n, tone: r = "default", anchor: i = "middle" }) {
 	return /* @__PURE__ */ p("text", {
 		x: e,
 		y: t,
@@ -1707,21 +1725,21 @@ function Et({ x: e, y: t, text: n, tone: r = "default", anchor: i = "middle" })
 }
 //#endregion
 //#region src/chrome/defs.tsx
-function Dt(e) {
+function Ot(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "");
 }
-function Ot(e, t) {
-	return `${Dt(e)}-grad-${Dt(t)}`;
-}
 function kt(e, t) {
-	return `${Dt(e)}-pat-${Dt(t)}`;
+	return `${Ot(e)}-grad-${Ot(t)}`;
 }
-function At(e, t, n, r) {
-	return n === "gradient" ? `url(#${Ot(e, t)})` : n === "pattern" ? `url(#${kt(e, t)})` : r;
+function At(e, t) {
+	return `${Ot(e)}-pat-${Ot(t)}`;
 }
-function jt({ prefix: e, series: t, fill: n, patternKind: r = "dots" }) {
+function jt(e, t, n, r) {
+	return n === "gradient" ? `url(#${kt(e, t)})` : n === "pattern" ? `url(#${At(e, t)})` : r;
+}
+function Mt({ prefix: e, series: t, fill: n, patternKind: r = "dots" }) {
 	return n === "solid" ? null : /* @__PURE__ */ p("defs", { children: t.map((t) => n === "gradient" ? /* @__PURE__ */ m("linearGradient", {
-		id: Ot(e, t.id),
+		id: kt(e, t.id),
 		x1: "0",
 		y1: "0",
 		x2: "0",
@@ -1736,7 +1754,7 @@ function jt({ prefix: e, series: t, fill: n, patternKind: r = "dots" }) {
 			stopOpacity: .1
 		})]
 	}, t.id) : /* @__PURE__ */ m("pattern", {
-		id: kt(e, t.id),
+		id: At(e, t.id),
 		patternUnits: "userSpaceOnUse",
 		width: 6,
 		height: 6,
@@ -1782,7 +1800,7 @@ function jt({ prefix: e, series: t, fill: n, patternKind: r = "dots" }) {
 }
 //#endregion
 //#region src/chrome/glyph.tsx
-function Mt(e, t) {
+function Nt(e, t) {
 	let n = t / 2;
 	switch (e) {
 		case "square": return `M${-n},${-n}h${t}v${t}h${-t}Z`;
@@ -1803,7 +1821,7 @@ function Mt(e, t) {
 		default: return "";
 	}
 }
-function Nt({ shape: e, x: t, y: n, size: r, color: i, opacity: a = .85, stroke: o, strokeWidth: s }) {
+function Pt({ shape: e, x: t, y: n, size: r, color: i, opacity: a = .85, stroke: o, strokeWidth: s }) {
 	let c = {
 		fill: i,
 		fillOpacity: a,
@@ -1818,33 +1836,33 @@ function Nt({ shape: e, x: t, y: n, size: r, color: i, opacity: a = .85, stroke:
 		r: r / 2,
 		...c
 	}) : /* @__PURE__ */ p("path", {
-		d: Mt(e, r),
+		d: Nt(e, r),
 		transform: `translate(${t},${n})`,
 		...c
 	});
 }
 //#endregion
 //#region src/chrome/text.tsx
-var Pt;
-function Ft(e, t) {
-	if (Pt === void 0 && (Pt = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), Pt) {
-		Pt.font = `${t}px sans-serif`;
-		let n = Pt.measureText(e).width;
+var Ft;
+function It(e, t) {
+	if (Ft === void 0 && (Ft = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), Ft) {
+		Ft.font = `${t}px sans-serif`;
+		let n = Ft.measureText(e).width;
 		if (n > 0) return n;
 	}
 	return e.length * t * .55;
 }
-function It(e, t, n) {
+function Lt(e, t, n) {
 	if (!t || t <= 0) return [e];
 	let r = e.split(/\s+/).filter(Boolean), i = [], a = "";
 	for (let e of r) {
 		let r = a ? `${a} ${e}` : e;
-		a && Ft(r, n) > t ? (i.push(a), a = e) : a = r;
+		a && It(r, n) > t ? (i.push(a), a = e) : a = r;
 	}
 	return a && i.push(a), i.length ? i : [e];
 }
-function Lt({ x: e, y: t, children: n, width: r, fontSize: i = 12, anchor: a = "start", fill: o, lineHeight: s = 1.2, className: c }) {
-	let l = r ? It(n, r, i) : [n];
+function Rt({ x: e, y: t, children: n, width: r, fontSize: i = 12, anchor: a = "start", fill: o, lineHeight: s = 1.2, className: c }) {
+	let l = r ? Lt(n, r, i) : [n];
 	return /* @__PURE__ */ p("text", {
 		x: e,
 		y: t,
@@ -1861,7 +1879,7 @@ function Lt({ x: e, y: t, children: n, width: r, fontSize: i = 12, anchor: a = "
 }
 //#endregion
 //#region src/chrome/brush.tsx
-function Rt({ count: e, height: t = 28, window: n, label: r = "Range" }) {
+function zt({ count: e, height: t = 28, window: n, label: r = "Range" }) {
 	o();
 	let i = Math.max(1, e - 1), a = (e) => e / i * 100, [s, c] = n.value, l = t - 8, u = (t, r) => {
 		let i = Math.max(0, Math.min(e - 1, r)), [a, o] = n.value;
@@ -1932,7 +1950,7 @@ function Rt({ count: e, height: t = 28, window: n, label: r = "Range" }) {
 }
 //#endregion
 //#region src/chrome/data-zoom.tsx
-function zt({ count: e, height: t = 28, window: n, label: r = "Range" }) {
+function Bt({ count: e, height: t = 28, window: n, label: r = "Range" }) {
 	o();
 	let a = Math.max(1, e - 1), s = (e) => e / a * 100, [c, l] = n.value, u = t - 8, d = i(0), f = (e, t) => {
 		let n = t.getBoundingClientRect();
@@ -2027,27 +2045,27 @@ function zt({ count: e, height: t = 28, window: n, label: r = "Range" }) {
 }
 //#endregion
 //#region src/chrome/visual-map.tsx
-var Bt = 5, Vt = [3, 14], Ht = (e) => e < 0 ? 0 : e > 1 ? 1 : e, Ut = (e, t, n) => e + (t - e) * n, Wt = (e, t) => Ht((e - t.min) / (t.max - t.min || 1));
-function Gt(e, t) {
-	let n = t.pieces ?? Bt;
-	return Math.min(n - 1, Math.max(0, Math.floor(Wt(e, t) * n)));
-}
+var Vt = 5, Ht = [3, 14], Ut = (e) => e < 0 ? 0 : e > 1 ? 1 : e, Wt = (e, t, n) => e + (t - e) * n, Gt = (e, t) => Ut((e - t.min) / (t.max - t.min || 1));
 function Kt(e, t) {
-	let n = t.channel ?? "color", r = t.ramp ?? "sequential", i = Wt(e, t), a = {};
-	if ((n === "color" || n === "both") && (a.color = (t.mode ?? "continuous") === "piecewise" ? xe(t.pieces ?? Bt, r)[Gt(e, t)] : be(r)(i)), n === "size" || n === "both") {
-		let [e, n] = t.sizeRange ?? Vt;
-		a.size = Ut(e, n, i);
+	let n = t.pieces ?? Vt;
+	return Math.min(n - 1, Math.max(0, Math.floor(Gt(e, t) * n)));
+}
+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" ? 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);
 	}
 	return a;
 }
-function qt(e, t, n, r) {
-	return (t.mode ?? "continuous") === "piecewise" ? !r?.has(Gt(e, t)) : n ? e >= n[0] && e <= n[1] : !0;
+function Jt(e, t, n, r) {
+	return (t.mode ?? "continuous") === "piecewise" ? !r?.has(Kt(e, t)) : n ? e >= n[0] && e <= n[1] : !0;
 }
-function Jt({ options: e, range: t, hidden: n, label: r = "Value", format: i }) {
+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 ?? Bt, i = xe(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;
@@ -2095,9 +2113,9 @@ function Jt({ options: e, range: t, hidden: n, label: r = "Value", format: i })
 			})
 		});
 	}
-	let { min: s, max: c } = e, l = c - s || 1, u = xe(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 + Ht((e - n.left) / n.width) * l;
+		return n.width === 0 ? s : s + Ut((e - n.left) / n.width) * l;
 	}, y = (e, n) => {
 		if (!t) return;
 		let r = Math.max(s, Math.min(c, n)), [i, a] = t.value;
@@ -2182,23 +2200,23 @@ function Jt({ options: e, range: t, hidden: n, label: r = "Value", format: i })
 		]
 	});
 }
-var Yt = {
+var Xt = {
 	legend: "_legend_zczeh_2",
 	item: "_item_zczeh_9",
 	swatch: "_swatch_zczeh_27"
 };
 //#endregion
 //#region src/chrome/legend.tsx
-function Xt({ series: e, hidden: t }) {
+function Zt({ series: e, hidden: t }) {
 	return o(), /* @__PURE__ */ p("div", {
-		className: Yt.legend,
+		className: Xt.legend,
 		role: "group",
 		"aria-label": "Chart legend",
 		children: e.map((e, n) => {
 			let r = t.value.has(e.id);
 			return /* @__PURE__ */ m("button", {
 				type: "button",
-				className: Yt.item,
+				className: Xt.item,
 				"data-state": r ? "off" : "on",
 				"aria-pressed": !r,
 				"aria-label": d(l.charts.legendToggle, { name: e.label }),
@@ -2207,7 +2225,7 @@ function Xt({ series: e, hidden: t }) {
 					r ? n.delete(e.id) : n.add(e.id), t.value = n;
 				},
 				children: [/* @__PURE__ */ p("span", {
-					className: Yt.swatch,
+					className: Xt.swatch,
 					style: { background: e.color || `var(--cascivo-chart-${n + 1})` },
 					"aria-hidden": "true"
 				}), e.label]
@@ -2217,56 +2235,68 @@ function Xt({ series: e, hidden: t }) {
 }
 //#endregion
 //#region src/core/dev-warn.ts
-function Zt() {
+function Qt() {
 	return typeof process < "u" && process.env.NODE_ENV === "production";
 }
-var Qt = /* @__PURE__ */ new Set();
-function $t(e, t) {
-	if (Zt() || Qt.has(e)) return;
+var $t = /* @__PURE__ */ new Set();
+function en(e, t) {
+	if (Qt() || $t.has(e)) return;
 	let n = 0;
 	for (let e of t()) Number.isFinite(e) || n++;
-	n !== 0 && (Qt.add(e), console.warn(`[cascivo charts] ${e}: ${n} non-finite value(s) (NaN/Infinity/null) in series data. These are dropped from the chart, which can make it look wrong — check your data source.`));
+	n !== 0 && ($t.add(e), console.warn(`[cascivo charts] ${e}: ${n} non-finite value(s) (NaN/Infinity/null) in series data. These are dropped from the chart, which can make it look wrong — check your data source.`));
+}
+function tn(e, t) {
+	Qt() || $t.has(e) || ($t.add(e), console.warn(`[cascivo charts] ${t}`));
+}
+function nn(e, t) {
+	if (Qt()) return;
+	let n = t.filter((e) => Number.isFinite(e.max) && e.max > 0);
+	if (n.length < 2) return;
+	let r = [...n].sort((e, t) => t.max - e.max), i = r[0], a = r[r.length - 1];
+	i.max / a.max < 20 || tn(`${e}:scale-mismatch`, `${e}: "${a.label}" (max ${a.max.toLocaleString()}) is more than 20× smaller than "${i.label}" (max ${i.max.toLocaleString()}) on the same axis, so it renders as a flat line at the baseline while the legend still names both. Put the smaller series on its own scale with \`axis: 'right'\` + \`secondAxis\`, or split it into a second chart.`);
 }
 //#endregion
 //#region src/charts/line-chart/line-chart.tsx
-var en = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function tn(e) {
+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 nn({ 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: P, secondAxis: F, decimate: I, toolbox: L, transition: ee, 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 : Tt(D), z = I === !0 ? {
+	let L = i(/* @__PURE__ */ new Set()), ae = w ? null : Et(O), R = F === !0 ? {
 		method: "lttb",
 		threshold: 1e3
-	} : I ? {
-		method: I.method ?? "lttb",
-		threshold: I.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 = dt(N)), a(() => () => {
-		N && ft(N);
+	} : F ? {
+		method: F.method ?? "lttb",
+		threshold: F.threshold ?? 1e3
+	} : 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"), ie = d ?? (S ? 48 : 300), ae = S ? !1 : v ?? W.length > 1, K = (e) => e.y ?? n, q = W.flatMap((e) => e.data.map((e) => t(e))), oe = (e) => e.flatMap((e) => e.data.map((t) => K(e)(t))).filter((e) => Number.isFinite(e)), se = oe(G ? W.filter((e) => e.axis !== "right") : W), ce = G ? oe(W.filter((e) => e.axis === "right")) : [];
-	$t("LineChart", () => W.flatMap((e) => e.data.map((t) => K(e)(t))));
-	let le = q.length > 0, ue = h(tn(se), [0, 1]).ticks(_).map((e) => e.toLocaleString()), de = S ? Z : {
-		...X,
-		left: Ge(ue, S)
-	}, J = G ? {
-		...de,
-		right: 60
-	} : de, fe = le && q[0] instanceof Date;
+		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, w),
+		right: Ke({
+			rightAxisLabels: ue,
+			bottomAxisLabels: pe,
+			plain: w
+		})
+	};
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -2278,38 +2308,38 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 				title: r,
 				description: s,
 				width: u,
-				height: ie,
+				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 ? "" : K(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,
-				"data-state": le ? void 0 : "empty",
-				plain: S,
-				tooltip: y !== !1 && le ? ({ width: e, height: n }) => {
-					if (y === !1 || !le) return;
-					let r = e - J.left - J.right, i = n - J.top - J.bottom, a = Math.min(...fe ? q.map((e) => e.getTime()) : q), o = Math.max(...fe ? q.map((e) => e.getTime()) : q), s = fe ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(tn(se), [i, 0]), l = G ? h(tn(ce), [i, 0]) : c, u = (e) => e.axis === "right" ? l : c, d = (e) => s.map(e);
-					if (P === "axis") {
-						let e = W.reduce((e, t) => Math.max(e, t.data.length), 0), n = [];
+				className: S,
+				"data-state": se ? void 0 : "empty",
+				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 = K(n)(l);
+								let f = q(n)(l);
 								if (!Number.isFinite(f)) return;
 								let p = t(l);
 								i += d(p), a++, o = Math.min(o, u(n).map(f)), s = p instanceof Date ? p.toLocaleDateString() : String(p), e.push({
 									label: n.label,
 									value: f,
-									color: n.color ?? en[c % en.length]
+									color: n.color ?? rn[c % rn.length]
 								});
 							}), a !== 0 && n.push({
 								id: `x-${r}`,
-								cx: J.left + i / a,
-								cy: J.top + (o === Infinity ? 0 : o),
+								cx: Z.left + i / a,
+								cy: Z.top + (o === Infinity ? 0 : o),
 								label: s,
 								value: s,
 								segments: e
@@ -2321,67 +2351,67 @@ function nn({ 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 i = K(e)(n);
+					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: J.left + o,
-							cy: J.top + c,
+							cx: Z.left + o,
+							cy: Z.top + c,
 							label: l,
-							value: K(e)(n),
+							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: L,
-				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: ee,
-				onBeforeDraw: te,
-				onAfterDraw: ne,
+				transition: re,
+				onBeforeDraw: I,
+				onAfterDraw: ie,
 				children: ({ width: e, height: n }) => {
-					let r = e - J.left - J.right, i = n - J.top - J.bottom, a = Math.min(...fe ? q.map((e) => e.getTime()) : q), o = Math.max(...fe ? q.map((e) => e.getTime()) : q), s = fe ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(tn(se), [i, 0]), u = G ? h(tn(ce), [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(${J.left},${J.top})`,
+						transform: `translate(${Z.left},${Z.top})`,
 						children: [
-							!S && /* @__PURE__ */ p(_t, {
+							!w && /* @__PURE__ */ p(vt, {
 								scale: c,
 								orientation: "y",
 								length: r,
 								tickCount: _
 							}),
-							!S && St(w, {
+							!w && Ct(D, {
 								xScale: s,
 								yScale: c,
 								innerW: r,
 								innerH: i
 							}),
-							W.map((e, n) => {
-								if (re.value.has(e.id)) return null;
-								let r = e.color ?? en[n % en.length], i = e.axis === "right" ? u : c, a = (e) => s.map(e);
-								if (z && e.data.length > z.threshold) {
+							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 (R && e.data.length > R.threshold) {
 									let n = [];
 									for (let r of e.data) {
-										let o = K(e)(r);
+										let o = q(e)(r);
 										Number.isFinite(o) && n.push([a(t(r)), i.map(o)]);
 									}
 									return /* @__PURE__ */ p("path", {
-										d: E(ze(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,
@@ -2391,10 +2421,10 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 									}, e.id);
 								}
 								let o = e.data.map((n) => {
-									let r = K(e)(n);
+									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,
@@ -2402,22 +2432,23 @@ function nn({ 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(Et, {
+									return r ? /* @__PURE__ */ p(Dt, {
 										x: r[0],
 										y: r[1] - 8,
-										text: R.format(K(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,
@@ -2425,80 +2456,89 @@ function nn({ 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",
+									orientation: "y-right",
 									length: i,
 									tickCount: _,
 									transform: `translate(${r},0)`,
-									...F?.format ? { format: (e) => F.format(Number(e)) } : {}
+									...P?.format ? { format: (e) => P.format(Number(e)) } : {}
 								})
 							] })
 						]
 					}) });
 				}
 			}),
-			A && !j && B > 1 && /* @__PURE__ */ p(Rt, {
-				count: B,
-				window: H,
+			A && !j && z > 1 && /* @__PURE__ */ p(zt, {
+				count: z,
+				window: V,
 				label: "Time range"
 			}),
-			j && B > 1 && /* @__PURE__ */ p(zt, {
-				count: B,
-				window: H,
+			j && z > 1 && /* @__PURE__ */ p(Bt, {
+				count: z,
+				window: V,
 				label: "Time range"
 			}),
-			ae && /* @__PURE__ */ p(Xt, {
-				series: W.map((e, t) => ({
+			K && /* @__PURE__ */ p(Zt, {
+				series: U.map((e, t) => ({
 					id: e.id,
 					label: e.label,
-					color: e.color ?? en[t % en.length]
+					color: e.color ?? rn[t % rn.length]
 				})),
-				hidden: re
+				hidden: L
 			})
 		]
 	});
 }
 //#endregion
 //#region src/charts/area-chart/area-chart.tsx
-var rn = { fillOpacity: "var(--cascivo-chart-fill-opacity, 0.25)" }, an = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function on({ 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: F, tooltipMode: L, secondAxis: ee, decimate: te, toolbox: ne }) {
+var sn = { fillOpacity: "var(--cascivo-chart-fill-opacity, 0.25)" };
+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: 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 : Tt(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 || F !== void 0) && V > 0, U = i([0, Math.max(0, V - 1)]), W = c(null);
-	F && !W.current && (W.current = dt(F)), a(() => () => {
-		F && ft(F);
+	} : 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, ie = !D && !u && G.some((e) => e.axis === "right"), ae = y ?? (D ? 48 : 300), K = D ? !1 : S ?? G.length > 1, q = (e) => e.y ?? n, oe = (G[0]?.data ?? []).map((e) => t(e)), se = (ie ? G.filter((e) => e.axis !== "right") : G).flatMap((e) => e.data.map((t) => q(e)(t))), ce = ie ? G.filter((e) => e.axis === "right").flatMap((e) => e.data.map((t) => q(e)(t))) : [];
-	$t("AreaChart", () => [...se, ...ce]);
-	let le = oe.length > 0, ue = le && oe[0] instanceof Date, de = oe.map((e) => e instanceof Date ? e.getTime() : e), J = le ? Math.min(...de) : 0, fe = le ? Math.max(...de) : 1, pe = (e) => ue ? C([new Date(J), new Date(fe)], [0, e]) : h([J, fe], [0, e]), me = (e, n) => e.map(t(n)), he = (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", () => [...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);
-	}, ge = u ? 0 : Math.min(0, ...se), _e = Math.max(...u ? (G[0]?.data ?? []).map((e, t) => G.reduce((e, n) => e + q(n)(n.data[t]), 0)) : se), ve = ie ? Math.min(0, ...ce) : ge, ye = ie ? Math.max(...ce) : _e, be = h([ge, _e], [0, 1]).ticks(x).map((e) => e.toLocaleString()), xe = D ? Z : {
-		...X,
-		left: Ge(be, D)
-	}, Y = ie ? {
-		...xe,
-		right: 60
-	} : xe;
+	}, 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({
+			rightAxisLabels: be,
+			bottomAxisLabels: xe,
+			plain: D
+		})
+	};
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -2510,36 +2550,36 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 				title: r,
 				description: l,
 				width: v,
-				height: ae,
+				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] ? he(G[0].data[t]) : "" }), G.map((e) => /* @__PURE__ */ p("td", { children: e.data[t] == null ? "" : q(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": le ? void 0 : "empty",
+				"data-state": ce ? void 0 : "empty",
 				plain: D,
-				tooltip: w !== !1 && le ? ({ width: e, height: t }) => {
-					if (w === !1 || !le) return;
-					let n = e - Y.left - Y.right, r = t - Y.top - Y.bottom, i = pe(n), a = h([ge, _e], [r, 0]), o = ie ? h([ve, ye], [r, 0]) : a, s = (e) => e.axis === "right" ? o : a;
-					if (L === "axis") {
-						let e = G.reduce((e, t) => Math.max(e, t.data.length), 0), t = [];
+				tooltip: w !== !1 && ce ? ({ width: e, height: t }) => {
+					if (w === !1 || !ce) return;
+					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 = Y.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 = q(t)(l);
-								Number.isFinite(u) && (o = Y.left + me(i, l), r = Math.min(r, s(t).map(u)), a = he(l), e.push({
+								let u = Y(t)(l);
+								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 ?? an[c % an.length]
+									color: t.color ?? ln[c % ln.length]
 								}));
 							}), e.length !== 0 && t.push({
 								id: `x-${n}`,
 								cx: o,
-								cy: Y.top + (r === Infinity ? 0 : r),
+								cy: Se.top + (r === Infinity ? 0 : r),
 								label: a,
 								value: a,
 								segments: e
@@ -2551,56 +2591,56 @@ function on({ 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: Y.left + me(i, t),
-						cy: Y.top + s(e).map(q(e)(t)),
-						label: he(t),
-						value: q(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 - Y.left - Y.right, r = t - Y.top - Y.bottom, i = pe(n), a = h([ge, _e], [r, 0]), o = ie ? h([ve, ye], [r, 0]) : a, s = [];
-					return u && (s = I(G.map((e) => e.data.map((t) => q(e)(t))))), /* @__PURE__ */ m("g", { children: [g !== "solid" && /* @__PURE__ */ p(jt, {
-						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 ?? an[t % an.length]
+							color: e.color ?? ln[t % ln.length]
 						}))
 					}), /* @__PURE__ */ m("g", {
-						transform: `translate(${Y.left},${Y.top})`,
+						transform: `translate(${Se.left},${Se.top})`,
 						children: [
-							!D && /* @__PURE__ */ p(_t, {
+							!D && /* @__PURE__ */ p(vt, {
 								scale: a,
 								orientation: "y",
 								length: n,
 								tickCount: x
 							}),
-							!D && St(O, {
+							!D && Ct(O, {
 								xScale: i,
 								yScale: a,
 								innerW: n,
 								innerH: r
 							}),
-							G.map((e, t) => {
-								if (R.value.has(e.id)) return null;
-								let n = e.color ?? an[t % an.length], r, c;
+							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) => [me(i, e), a.map(o[t][1])]);
-									let l = e.data.map((e, t) => [me(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", {
@@ -2608,8 +2648,8 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 										children: [
 											/* @__PURE__ */ p("path", {
 												d: v,
-												fill: At(re, e.id, g, n),
-												style: g === "solid" ? rn : void 0,
+												fill: jt(L, e.id, g, n),
+												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}),
 											/* @__PURE__ */ p("path", {
@@ -2618,23 +2658,23 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 												stroke: n,
 												strokeWidth: 2
 											}),
-											z && r.map((t, n) => /* @__PURE__ */ p(Et, {
+											R && r.map((t, n) => /* @__PURE__ */ p(Dt, {
 												x: t[0],
 												y: t[1] - 8,
-												text: z.format(q(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) => [me(i, n), t.map(q(e)(n))]), c = t.map(0), B && r.length > B.threshold) {
-										let t = ze(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: P(t, c, d),
-												fill: At(re, e.id, g, n),
-												style: g === "solid" ? rn : void 0,
+												d: M(t, c, d),
+												fill: jt(L, e.id, g, n),
+												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}), /* @__PURE__ */ p("path", {
 												d: E(t, d),
@@ -2648,9 +2688,9 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 										"data-series": e.id,
 										children: [
 											/* @__PURE__ */ p("path", {
-												d: P(r, c, d),
-												fill: At(re, e.id, g, n),
-												style: g === "solid" ? rn : void 0,
+												d: M(r, c, d),
+												fill: jt(L, e.id, g, n),
+												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}),
 											/* @__PURE__ */ p("path", {
@@ -2659,10 +2699,10 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 												stroke: n,
 												strokeWidth: 2
 											}),
-											z && r.map((t, n) => /* @__PURE__ */ p(Et, {
+											R && r.map((t, n) => /* @__PURE__ */ p(Dt, {
 												x: t[0],
 												y: t[1] - 8,
-												text: z.format(q(e)(e.data[n]))
+												text: R.format(Y(e)(e.data[n]))
 											}, n))
 										]
 									}, e.id);
@@ -2674,7 +2714,8 @@ function on({ 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,
@@ -2682,58 +2723,65 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 									length: r,
 									tickCount: x
 								}),
-								ie && /* @__PURE__ */ p($, {
+								G && /* @__PURE__ */ p($, {
 									scale: o,
-									orientation: "y",
+									orientation: "y-right",
 									length: r,
 									tickCount: x,
 									transform: `translate(${n},0)`,
-									...ee?.format ? { format: (e) => ee.format(Number(e)) } : {}
+									...ne?.format ? { format: (e) => ne.format(Number(e)) } : {}
 								})
 							] })
 						]
 					})] });
 				}
 			}),
-			j && !M && V > 1 && /* @__PURE__ */ p(Rt, {
-				count: V,
-				window: U,
+			A && !j && B > 1 && /* @__PURE__ */ p(zt, {
+				count: B,
+				window: H,
 				label: "Range"
 			}),
-			M && V > 1 && /* @__PURE__ */ p(zt, {
-				count: V,
-				window: U,
+			j && B > 1 && /* @__PURE__ */ p(Bt, {
+				count: B,
+				window: H,
 				label: "Range"
 			}),
-			K && /* @__PURE__ */ p(Xt, {
-				series: G.map((e, t) => ({
+			q && /* @__PURE__ */ p(Zt, {
+				series: W.map((e, t) => ({
 					id: e.id,
 					label: e.label,
-					color: e.color ?? an[t % an.length]
+					color: e.color ?? ln[t % ln.length]
 				})),
-				hidden: R
+				hidden: ae
 			})
 		]
 	});
 }
 //#endregion
 //#region src/charts/bar-chart/bar-chart.tsx
-var sn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function cn(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 ln({ 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 : Tt(E), M = i(/* @__PURE__ */ new Set()), N = d ?? (w ? 48 : 300), P = w ? !1 : b ?? e.length > 1, F = (e) => e.y ?? n, L = (e[0]?.data ?? []).map((e) => t(e)), ee = e.flatMap((e) => e.data.map((t) => F(e)(t))), te = L.length > 0, ne = l === "stacked" || l === "percent", re = L.map((t, n) => e.reduce((e, t) => e + F(t)(t.data[n]), 0)), R = () => {
-		let t = I(e.map((e) => e.data.map((t) => F(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, ...ee), B = te ? Math.max(...re) : 1, V = l === "percent" ? 1 : l === "stacked" ? B : Math.max(1, ...ee), H = l === "percent" ? (e) => `${Math.round(Number(e) * 100)}%` : void 0, U = c === "vertical" ? h([z, V], [0, 1]).ticks(v).map((e) => H ? H(e) : e.toLocaleString()) : L.map((e) => String(e)), W = w ? Z : {
-		...X,
-		left: Ge(U, w)
+	}, 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(Y, D),
+		right: Ke({
+			bottomAxisLabels: oe,
+			plain: D
+		})
 	};
 	return /* @__PURE__ */ m("div", {
 		style: {
@@ -2745,24 +2793,24 @@ function ln({ 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: L.map((t, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: t }), e.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : F(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 - W.left - W.right, a = r - W.top - W.bottom, o = c === "vertical", s = _(L, 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 = L.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: F(t)(t.data[n]),
-						color: t.color ?? sn[e.indexOf(t) % sn.length]
+						value: I(t)(t.data[n]),
+						color: dn(t.color, t.data[n], n, fn[e.indexOf(t) % fn.length])
 					}));
 					return {
 						segs: r,
@@ -2772,79 +2820,79 @@ function ln({ 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 = F(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: W.left + (o ? v : y),
-							cy: W.top + (o ? y : v),
+							cx: X.left + (o ? v : y),
+							cy: X.top + (o ? y : v),
 							label: t(e),
-							value: p ? m[a].total : F(n)(e),
+							value: p ? m[a].total : I(n)(e),
 							seriesId: n.id,
 							...p && { segments: m[a].segs }
 						};
 					});
-				}), v = S ?? (p ? cn : 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 - W.left - W.right, a = r - W.top - W.bottom, o = c === "vertical", s = y ?? Ke(L, o ? i : a), u = _(L, 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(jt, {
-					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 ?? sn[t % sn.length]
+						color: dn(e.color, e.data[0], 0, fn[t % fn.length])
 					}))
 				}), /* @__PURE__ */ m("g", {
-					transform: `translate(${W.left},${W.top})`,
+					transform: `translate(${X.left},${X.top})`,
 					children: [
-						!w && o && /* @__PURE__ */ p(_t, {
+						!D && o && /* @__PURE__ */ p(vt, {
 							scale: d,
 							orientation: "y",
 							length: i,
-							tickCount: v
+							tickCount: K
 						}),
-						!w && !o && /* @__PURE__ */ p(_t, {
+						!D && !o && /* @__PURE__ */ p(vt, {
 							scale: d,
 							orientation: "x",
 							length: a,
-							tickCount: g
+							tickCount: q
 						}),
-						!w && St(T, {
+						!D && Ct(O, {
 							xScale: o ? u : d,
 							yScale: o ? d : u,
 							innerW: i,
 							innerH: a
 						}),
-						b.map((n, r) => {
-							let i = n.color ?? sn[e.indexOf(n) % sn.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 = F(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(F(n)(e)), r = _ + s / 2, i = ne || y < 18 || v < 14;
-									if (o) b = /* @__PURE__ */ p(Et, {
+								} 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(Et, {
+										let e = y + b;
+										x = /* @__PURE__ */ p(Dt, {
 											x: i ? e - 4 : e + 4,
 											y: r + 4,
 											text: t,
@@ -2852,77 +2900,81 @@ function ln({ 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: At(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: At(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
 						})] })
 					]
 				})] });
 			}
-		}), P && /* @__PURE__ */ p(Xt, {
+		}), re && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? sn[t % sn.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 un(e) {
+function hn(e) {
 	let t = e.percent == null ? 0 : Math.round(e.percent);
 	return `${e.value} (${t}%)`;
 }
-var dn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function fn({ 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, tooltipFormat: _, legend: v, className: y, plain: b, labels: x, onSelect: S }) {
-	let C = b ? null : Tt(x), T = typeof x == "object" && !!x && x.format != null, E = a ?? c, D = s ?? c ?? (b ? 48 : 300), O = b ? !1 : v ?? !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 k = i(/* @__PURE__ */ new Set()), A = e.length > 0;
 	return /* @__PURE__ */ m("div", {
@@ -2934,8 +2986,8 @@ function fn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 		children: [/* @__PURE__ */ p(Q, {
 			title: t,
 			description: n,
-			width: E,
-			height: D,
+			width: D,
+			height: O,
 			fallback: /* @__PURE__ */ m("table", { children: [
 				/* @__PURE__ */ p("caption", { children: t }),
 				/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
@@ -2952,11 +3004,11 @@ function fn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 					] }, t.id);
 				}) })
 			] }),
-			className: y,
+			className: b,
 			"data-state": A ? void 0 : "empty",
 			emptyLabel: g,
-			plain: b,
-			tooltip: A ? ({ width: t, height: n }) => {
+			plain: x,
+			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 {
@@ -2970,29 +3022,29 @@ function fn({ 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 ?? dn[t % dn.length]
+							color: e.color ?? gn[t % gn.length]
 						};
 					}),
-					format: _ ?? un
+					format: v ?? hn
 				};
 			} : void 0,
-			onSelect: S,
+			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) => !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 ?? dn[t % dn.length], u = F(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 = C && d >= 4, h = c > 0 ? (c + o) / 2 : o * .6;
+					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", {
 						d: u,
 						fill: l,
 						stroke: "var(--cascivo-color-surface)",
 						strokeWidth: 1,
 						"data-series": e.id
-					}), f && /* @__PURE__ */ p(Et, {
+					}), f && /* @__PURE__ */ p(Dt, {
 						x: w(i + Math.sin(s) * h),
 						y: w(a - Math.cos(s) * h + 4),
-						text: T ? C.format(e.value) : `${Math.round(d)}%`,
+						text: E ? T.format(e.value) : `${Math.round(d)}%`,
 						tone: "muted"
 					})] }, e.id);
 				}), y && (h == null ? /* @__PURE__ */ m("g", {
@@ -3035,11 +3087,11 @@ function fn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 					})
 				}))] });
 			}
-		}), O && /* @__PURE__ */ p(Xt, {
+		}), ee && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? dn[t % dn.length]
+				color: e.color ?? gn[t % gn.length]
 			})),
 			hidden: k
 		})]
@@ -3047,23 +3099,23 @@ function fn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 }
 //#endregion
 //#region src/charts/scatter-chart/scatter-chart.tsx
-var pn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function mn({ 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 = _ ? Z : X, 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([I, L], [0, a]), c = h([ee, 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 = Qe(t, e.color ?? pn[n % pn.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)), P = e.flatMap((e) => e.data.map((e) => e.y)), F = N.length > 0, I = F ? Math.min(...N) : 0, L = F ? Math.max(...N) : 1, ee = F ? Math.min(0, ...P) : 0, te = F ? Math.max(...P) : 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",
@@ -3075,7 +3127,7 @@ function mn({ 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: [
@@ -3090,15 +3142,15 @@ function mn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 					] }, `${e.id}-${n}`))) })
 				] }),
 				className: g,
-				"data-state": F ? void 0 : "empty",
+				"data-state": P ? void 0 : "empty",
 				plain: _,
-				tooltip: d !== !1 && F ? ({ width: t, height: n }) => {
-					if (d === !1 || !F) return;
-					let r = t - T.left - T.right, i = n - T.top - T.bottom, a = h([I, L], [0, r]), o = h([ee, te], [i, 0]);
-					return { points: e.flatMap((e) => w.value.has(e.id) ? [] : e.data.map((t, n) => ({
+				tooltip: d !== !1 && P ? ({ width: t, height: n }) => {
+					if (d === !1 || !P) return;
+					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
@@ -3107,36 +3159,36 @@ function mn({ 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([I, L], [0, i]), s = h([ee, 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(_t, {
+							!_ && /* @__PURE__ */ p(vt, {
 								scale: s,
 								orientation: "y",
 								length: i,
 								tickCount: l
 							}),
-							!_ && St(v, {
+							!_ && Ct(v, {
 								xScale: o,
 								yScale: s,
 								innerW: i,
 								innerH: a
 							}),
 							!k && e.map((e, t) => {
-								if (w.value.has(e.id)) return null;
-								let n = e.color ?? pn[t % pn.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) => {
-										let a = typeof r == "function" ? r(t) : t.r ?? r, c = S ? Kt(t.y, S) : void 0, l = c?.size ?? a, u = c?.color ?? n, d = S ? qt(t.y, S, A.value, j.value) : !0, f = d ? .7 : .1, m = typeof b == "function" ? b(t, e.id) : b;
-										return m && m !== "circle" ? /* @__PURE__ */ p(Nt, {
+										let a = typeof r == "function" ? r(t) : t.r ?? r, c = S ? qt(t.y, S) : void 0, l = c?.size ?? a, u = c?.color ?? n, d = S ? Jt(t.y, S, A.value, j.value) : !0, f = d ? .7 : .1, m = typeof b == "function" ? b(t, e.id) : b;
+										return m && m !== "circle" ? /* @__PURE__ */ p(Pt, {
 											shape: m,
 											x: o.map(t.x),
 											y: s.map(t.y),
@@ -3162,7 +3214,8 @@ function mn({ 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",
@@ -3173,26 +3226,26 @@ function mn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 					}) });
 				}
 			}),
-			S && F && /* @__PURE__ */ p(Jt, {
+			S && P && /* @__PURE__ */ p(Yt, {
 				options: S,
 				range: A,
 				hidden: j,
 				label: t
 			}),
-			D && /* @__PURE__ */ p(Xt, {
+			O && /* @__PURE__ */ p(Zt, {
 				series: e.map((e, t) => ({
 					id: e.id,
 					label: e.label,
-					color: e.color ?? pn[t % pn.length]
+					color: e.color ?? vn[t % vn.length]
 				})),
-				hidden: w
+				hidden: T
 			})
 		]
 	});
 }
 //#endregion
 //#region src/charts/sparkline/sparkline.tsx
-function hn({ 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,
@@ -3230,15 +3283,15 @@ function hn({ data: e, width: t = 120, height: n = 32, label: r, ariaLabel: i, c
 }
 //#endregion
 //#region src/charts/meter/meter.tsx
-function gn(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 _n({ 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 = gn(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, _ = F(u, d, f, h, g, 2 * Math.PI), v = g + c * Math.PI, y = c > 0 ? F(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",
@@ -3312,38 +3365,30 @@ function _n({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar",
 		})]
 	});
 }
+var Cn = {
+	kpi: "_kpi_1k88k_7",
+	head: "_head_1k88k_19",
+	label: "_label_1k88k_27",
+	valueRow: "_valueRow_1k88k_34",
+	value: "_value_1k88k_34",
+	delta: "_delta_1k88k_49"
+};
 //#endregion
 //#region src/charts/kpi/kpi.tsx
-function vn(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 yn({ 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: s,
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "var(--cascivo-space-2)",
-			padding: "var(--cascivo-space-4)",
-			borderRadius: "var(--cascivo-radius-surface)",
-			border: "1px solid var(--cascivo-color-border)",
-			background: "var(--cascivo-color-surface)"
-		},
+		className: [Cn.kpi, s].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ m("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between"
-				},
+				className: Cn.head,
 				children: [/* @__PURE__ */ p("span", {
-					style: {
-						fontSize: "var(--cascivo-text-sm)",
-						color: "var(--cascivo-color-foreground-muted)"
-					},
+					className: Cn.label,
 					children: t
 				}), a && /* @__PURE__ */ p("span", {
 					"aria-hidden": "true",
@@ -3351,39 +3396,26 @@ function yn({ value: e, label: t, delta: n, deltaFormat: r = "number", deltaLabe
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				style: {
-					display: "flex",
-					alignItems: "flex-end",
-					gap: "var(--cascivo-space-2)"
-				},
+				className: Cn.valueRow,
 				children: [/* @__PURE__ */ p("span", {
-					style: {
-						fontSize: "var(--cascivo-text-2xl)",
-						fontWeight: 700,
-						lineHeight: 1,
-						color: "var(--cascivo-color-foreground)"
-					},
+					className: Cn.value,
 					children: typeof e == "number" ? e.toLocaleString(u()) : e
 				}), n != null && /* @__PURE__ */ m("span", {
 					role: "img",
-					style: {
-						fontSize: "var(--cascivo-text-sm)",
-						fontWeight: 500,
-						color: c ? "var(--cascivo-color-success-foreground)" : l ? "var(--cascivo-color-destructive-foreground)" : "var(--cascivo-color-foreground-muted)"
-					},
-					"aria-label": `Trend: ${vn(n, r)}${i ? ` ${i}` : ""}`,
+					className: Cn.delta,
+					"data-trend": c ? "up" : l ? "down" : "flat",
+					"aria-label": `Trend: ${wn(n, r)}${i ? ` ${i}` : ""}`,
 					children: [
 						c ? "▲" : l ? "▼" : "–",
 						" ",
-						vn(n, r),
+						wn(n, r),
 						i && ` ${i}`
 					]
 				})]
 			}),
-			o && o.length > 0 && /* @__PURE__ */ p(hn, {
+			o && o.length > 0 && /* @__PURE__ */ p(bn, {
 				data: o,
 				label: `${t} trend`,
-				width: 120,
 				height: 32
 			})
 		]
@@ -3391,18 +3423,18 @@ function yn({ value: e, label: t, delta: n, deltaFormat: r = "number", deltaLabe
 }
 //#endregion
 //#region src/charts/histogram/histogram.tsx
-function bn({ 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 ? Z : X, 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)
@@ -3410,15 +3442,15 @@ function bn({ 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
 				};
@@ -3426,20 +3458,20 @@ function bn({ 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(_t, {
+					!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,
@@ -3454,7 +3486,8 @@ function bn({ 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",
@@ -3467,18 +3500,18 @@ function bn({ data: e, bins: t, title: n, label: r, description: i, width: a, he
 }
 //#endregion
 //#region src/charts/boxplot/boxplot.tsx
-var xn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Sn({ 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 ? Z : X, 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: [
@@ -3489,7 +3522,7 @@ function Sn({ 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) }),
@@ -3500,39 +3533,39 @@ function Sn({ 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 = xn[t % xn.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,
@@ -3597,7 +3630,8 @@ function Sn({ 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",
@@ -3609,15 +3643,15 @@ function Sn({ series: e, title: t, description: n, width: r, height: i, classNam
 }
 //#endregion
 //#region src/charts/bubble-chart/bubble-chart.tsx
-var Cn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), wn = 3, Tn = 24;
-function En({ 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 ? Z : X, _ = 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], [wn, Tn]), 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: [
@@ -3635,18 +3669,18 @@ function En({ 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
@@ -3655,36 +3689,36 @@ function En({ 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(_t, {
+					!l && /* @__PURE__ */ p(vt, {
 						scale: s,
 						orientation: "y",
 						length: r.width
 					}),
 					e.map((e, t) => {
-						let n = Cn[t % Cn.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;
-								return i && i !== "circle" ? /* @__PURE__ */ p("g", { children: /* @__PURE__ */ p(Nt, {
+								return i && i !== "circle" ? /* @__PURE__ */ p("g", { children: /* @__PURE__ */ p(Pt, {
 									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,
@@ -3692,7 +3726,7 @@ function En({ 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,
@@ -3705,7 +3739,8 @@ function En({ 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",
@@ -3718,129 +3753,170 @@ function En({ series: e, title: t, description: n, width: r, height: a, tooltip:
 }
 //#endregion
 //#region src/charts/combo-chart/combo-chart.tsx
-function Dn({ bars: e, line: t, title: n, description: r, secondAxis: i = !1, width: a, height: s, tooltip: c, className: l, plain: u, annotations: d }) {
+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 g = s ?? (u ? 48 : 320), v = u ? Z : {
-		...X,
-		right: i ? 60 : X.right
-	}, y = e.reduce((e, t) => Math.max(e, t.value), 0) || 1, b = t.length > 0 ? Math.min(...t.map((e) => e.y)) : 0, x = t.length > 0 ? Math.max(...t.map((e) => e.y)) : 1, S = e.length > 0;
-	return /* @__PURE__ */ p(Q, {
-		title: n,
-		description: r,
-		width: a,
-		height: g,
-		fallback: /* @__PURE__ */ m("table", { children: [
-			/* @__PURE__ */ p("caption", { children: n }),
-			/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "Label" }), /* @__PURE__ */ p("th", { children: "Bar 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.label)) })
-		] }),
-		className: l,
-		plain: u,
-		tooltip: c !== !1 && S ? ({ width: n, height: r }) => {
-			if (c === !1 || !S) return;
-			let a = {
-				width: n - v.left - v.right,
-				height: r - v.top - v.bottom
-			};
-			if (a.width <= 0) return;
-			let o = _(e.map((e) => e.label), [0, a.width], .2), s = h([0, y], [a.height, 0]), l = i ? h([b, x || b + 1], [a.height, 0]) : s, u = e.map((e, t) => ({
-				id: `bar-${t}`,
-				cx: v.left + (o.map(e.label) ?? 0) + o.bandwidth / 2,
-				cy: v.top + s.map(e.value),
-				label: e.label,
-				value: e.value,
-				seriesId: "bars"
-			})), d = t.map((n, r) => {
-				let i = e[r] ? (o.map(e[r].label) ?? 0) + o.bandwidth / 2 : a.width * n.x / Math.max(1, t.length - 1);
-				return {
-					id: `line-${r}`,
-					cx: v.left + i,
-					cy: v.top + l.map(n.y),
-					label: e[r]?.label ?? String(n.x),
-					value: n.y,
-					seriesId: "line"
+	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: T
+	}, {
+		label: c,
+		max: O
+	}]);
+	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({
+			rightAxisLabels: j,
+			plain: b
+		})
+	};
+	return /* @__PURE__ */ m("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "var(--cascivo-space-2)"
+		},
+		className: y,
+		children: [/* @__PURE__ */ p(Q, {
+			title: n,
+			description: r,
+			width: d,
+			height: w,
+			fallback: /* @__PURE__ */ m("table", { children: [
+				/* @__PURE__ */ p("caption", { children: n }),
+				/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("th", { children: "Label" }),
+					/* @__PURE__ */ p("th", { children: s }),
+					t.length > 0 && /* @__PURE__ */ p("th", { children: c })
+				] }) }),
+				/* @__PURE__ */ p("tbody", { children: e.map((e, n) => /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("td", { children: e.label }),
+					/* @__PURE__ */ p("td", { children: e.value }),
+					t.length > 0 && /* @__PURE__ */ p("td", { children: t[n]?.y ?? "" })
+				] }, e.label)) })
+			] }),
+			plain: b,
+			tooltip: v !== !1 && ee ? ({ width: n, height: r }) => {
+				if (v === !1 || !ee) return;
+				let i = {
+					width: n - M.left - M.right,
+					height: r - M.top - M.bottom
 				};
-			});
-			return { points: [...u, ...d] };
-		} : void 0,
-		children: ({ width: n, height: r }) => {
-			let a = {
-				width: n - v.left - v.right,
-				height: r - v.top - v.bottom
-			};
-			if (a.width <= 0 || e.length === 0) return null;
-			let o = _(e.map((e) => e.label), [0, a.width], .2), s = h([0, y], [a.height, 0]), c = i ? h([b, x || b + 1], [a.height, 0]) : s, l = t.map((n, r) => [e[r] ? (o.map(e[r].label) ?? 0) + o.bandwidth / 2 : a.width * n.x / Math.max(1, t.length - 1), c.map(n.y)]), g = l.length > 1 ? E(l, "monotone") : "";
-			return /* @__PURE__ */ m("g", {
-				transform: `translate(${v.left},${v.top})`,
-				children: [
-					!u && /* @__PURE__ */ p(_t, {
-						scale: s,
-						orientation: "y",
-						length: a.width
-					}),
-					!u && St(d, {
-						xScale: o,
-						yScale: s,
-						innerW: a.width,
-						innerH: a.height
-					}),
-					e.map((e) => {
-						let t = o.map(e.label) ?? 0, n = s.map(e.value);
-						return /* @__PURE__ */ p("rect", {
-							x: t,
-							y: n,
-							width: o.bandwidth,
-							height: Math.max(0, a.height - n),
-							fill: "var(--cascivo-chart-1)",
-							opacity: .75
-						}, e.label);
-					}),
-					g && /* @__PURE__ */ p("path", {
-						d: g,
-						fill: "none",
-						stroke: "var(--cascivo-chart-2)",
-						strokeWidth: 2.5,
-						strokeLinejoin: "round",
-						strokeLinecap: "round"
-					}),
-					!u && /* @__PURE__ */ m(f, { children: [
-						/* @__PURE__ */ p($, {
-							scale: o,
-							orientation: "x",
-							length: a.width,
-							transform: `translate(0,${a.height})`
-						}),
-						/* @__PURE__ */ p($, {
+				if (i.width <= 0) return;
+				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: 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"
+				})), u = t.map((n, r) => {
+					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: M.left + a,
+						cy: M.top + c.map(n.y),
+						label: e[r]?.label ?? String(n.x),
+						value: n.y,
+						seriesId: "line"
+					};
+				});
+				return { points: [...l, ...u] };
+			} : void 0,
+			children: ({ width: n, height: r }) => {
+				let i = {
+					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, 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(${M.left},${M.top})`,
+					children: [
+						!b && /* @__PURE__ */ p(vt, {
 							scale: s,
 							orientation: "y",
-							length: a.height
+							length: i.width
 						}),
-						i && /* @__PURE__ */ p($, {
-							scale: c,
-							orientation: "y",
-							length: a.height,
-							transform: `translate(${a.width},0)`
-						})
-					] })
-				]
-			});
-		}
+						!b && Ct(x, {
+							xScale: o,
+							yScale: s,
+							innerW: i.width,
+							innerH: i.height
+						}),
+						!v && e.map((e) => {
+							let t = o.map(e.label) ?? 0, n = s.map(e.value);
+							return /* @__PURE__ */ p("rect", {
+								x: t,
+								y: n,
+								width: o.bandwidth,
+								height: Math.max(0, i.height - n),
+								fill: Nn,
+								opacity: .75
+							}, e.label);
+						}),
+						d && !y && /* @__PURE__ */ p("path", {
+							d,
+							fill: "none",
+							stroke: Pn,
+							strokeWidth: 2.5,
+							strokeLinejoin: "round",
+							strokeLinecap: "round"
+						}),
+						!b && /* @__PURE__ */ m(f, { children: [
+							/* @__PURE__ */ p($, {
+								scale: o,
+								orientation: "x",
+								length: i.width,
+								labelEvery: g,
+								transform: `translate(0,${i.height})`,
+								...S ? { format: S } : {}
+							}),
+							/* @__PURE__ */ p($, {
+								scale: s,
+								orientation: "y",
+								length: i.height
+							}),
+							a && /* @__PURE__ */ p($, {
+								scale: c,
+								orientation: "y-right",
+								length: i.height,
+								transform: `translate(${i.width},0)`
+							})
+						] })
+					]
+				});
+			}
+		}), k && /* @__PURE__ */ p(Zt, {
+			series: [{
+				id: "bars",
+				label: s,
+				color: Nn
+			}, ...t.length > 0 ? [{
+				id: "line",
+				label: c,
+				color: Pn
+			}] : []],
+			hidden: C
+		})]
 	});
 }
 //#endregion
 //#region src/charts/heatmap/heatmap.tsx
-function On({ 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 ? Z : {
+	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: [
@@ -3858,15 +3934,15 @@ function On({ 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
 				};
@@ -3874,19 +3950,19 @@ function On({ 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 ? Kt(e.value, l).color ?? "var(--cascivo-chart-1)" : `color-mix(in oklab, var(--cascivo-chart-1) ${o}%, var(--cascivo-color-neutral-100))`, c = l ? qt(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,
@@ -3901,7 +3977,8 @@ function On({ 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",
@@ -3910,24 +3987,24 @@ function On({ 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(Jt, {
+		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 kn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function An({ 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, {
@@ -3943,7 +4020,7 @@ function An({ 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: ie(e.map((e) => ({
+			if (e.length !== 0) return { points: W(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n).map((t) => {
@@ -3959,7 +4036,7 @@ function An({ 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 = ie(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]));
@@ -3972,7 +4049,7 @@ function An({ 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 = kn[t % kn.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,
@@ -3996,8 +4073,8 @@ function An({ data: e, title: t, description: n, width: r, height: i, className:
 }
 //#endregion
 //#region src/charts/radar/radar.tsx
-var jn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), Mn = 4;
-function Nn(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;
@@ -4007,7 +4084,7 @@ function Nn(e, t, n, r, i) {
 		};
 	});
 }
-function Pn({ 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;
@@ -4039,7 +4116,7 @@ function Pn({ 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: Mn }, (e, t) => (t + 1) / Mn * 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),
@@ -4077,7 +4154,7 @@ function Pn({ axes: e, series: t, max: n, title: r, description: i, width: a, he
 					}, n);
 				}),
 				t.map((e, t) => {
-					let n = Nn(e.values, d, i, a, o).map((e) => `${e.x},${e.y}`).join(" "), r = jn[t % jn.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,
@@ -4092,12 +4169,12 @@ function Pn({ axes: e, series: t, max: n, title: r, description: i, width: a, he
 }
 //#endregion
 //#region src/charts/bullet/bullet.tsx
-var Fn = [
+var Un = [
 	"var(--cascivo-color-neutral-200)",
 	"var(--cascivo-color-neutral-300)",
 	"var(--cascivo-color-neutral-400)"
 ];
-function In({ 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", {
@@ -4124,7 +4201,7 @@ function In({ value: e, target: t, ranges: n, label: r, min: i = 0, max: a, widt
 						y: 0,
 						width: Math.max(0, r),
 						height: c,
-						fill: Fn[t % Fn.length] ?? "var(--cascivo-color-neutral-200)"
+						fill: Un[t % Un.length] ?? "var(--cascivo-color-neutral-200)"
 					}, t);
 				}),
 				/* @__PURE__ */ p("rect", {
@@ -4151,8 +4228,8 @@ function In({ value: e, target: t, ranges: n, label: r, min: i = 0, max: a, widt
 }
 //#endregion
 //#region src/charts/radial-bar/radial-bar.tsx
-var Ln = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Rn({ 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));
@@ -4164,7 +4241,7 @@ function Rn({ 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) => {
@@ -4177,14 +4254,14 @@ function Rn({ 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 ?? Ln[t % Ln.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",
@@ -4196,27 +4273,27 @@ function Rn({ 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 ?? Ln[t % Ln.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: F(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: F(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,
@@ -4256,11 +4333,11 @@ function Rn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 					})
 				}))] });
 			}
-		}), S && /* @__PURE__ */ p(Xt, {
+		}), S && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? Ln[t % Ln.length]
+				color: e.color ?? Gn[t % Gn.length]
 			})),
 			hidden: y
 		})]
@@ -4268,10 +4345,10 @@ function Rn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 }
 //#endregion
 //#region src/charts/funnel/funnel.tsx
-var zn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Bn({ 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 ? Z : X, d = i ?? (l ? 48 : 320), f = e.length > 0, g = e[0]?.value ?? 0, _ = Math.max(1, ...e.map((e) => e.value));
+	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, {
 		title: t,
 		description: n,
@@ -4305,7 +4382,7 @@ function Bn({ 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 ?? zn[t % zn.length]
+					color: e.color ?? qn[t % qn.length]
 				})),
 				format: (e) => `${e.label}: ${e.value} (${Math.round(e.percent ?? 0)}%)`
 			};
@@ -4315,7 +4392,7 @@ function Bn({ 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 ?? zn[n % zn.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],
@@ -4327,7 +4404,7 @@ function Bn({ data: e, title: t, description: n, width: r, height: i, showConver
 						points: v,
 						fill: _,
 						fillOpacity: .85
-					}), !l && /* @__PURE__ */ p(Et, {
+					}), !l && /* @__PURE__ */ p(Dt, {
 						x: d,
 						y: f + o / 2,
 						text: a ? `${t.label} · ${t.value} (${y}%)` : `${t.label} · ${t.value}`,
@@ -4340,10 +4417,10 @@ function Bn({ data: e, title: t, description: n, width: r, height: i, showConver
 }
 //#endregion
 //#region src/charts/stream/stream.tsx
-var Vn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Hn({ 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 ? Z : X, b = l ?? (g ? 48 : 300), x = g ? !1 : u ?? e.length > 1, S = t.length > 0 && e.length > 0, C = ae(e.map((e) => e.values), a), [w, T] = K(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",
@@ -4354,44 +4431,44 @@ function Hn({ 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 ?? Vn[n % Vn.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 ?? Vn[n % Vn.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,
@@ -4402,26 +4479,27 @@ function Hn({ 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(Xt, {
+		}), S && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? Vn[t % Vn.length]
+				color: e.color ?? Yn[t % Yn.length]
 			})),
-			hidden: v
+			hidden: y
 		})]
 	});
 }
 //#endregion
 //#region src/charts/sunburst/sunburst.tsx
-var Un = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Wn({ 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 = q(e), h = f > 0, g = oe(e), _ = Math.max(1, se(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,
@@ -4448,7 +4526,7 @@ function Wn({ 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 ?? Un[t % Un.length]
+						color: e.node.color ?? Zn[t % Zn.length]
 					};
 				}),
 				format: (e) => `${e.label}: ${e.value} (${Math.round(e.percent ?? 0)}%)`
@@ -4457,9 +4535,9 @@ function Wn({ 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 ?? Un[t % Un.length];
+				let a = (e.depth - 1) * i, o = e.depth * i, s = e.node.color ?? Zn[t % Zn.length];
 				return /* @__PURE__ */ p("path", {
-					d: F(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)",
@@ -4472,10 +4550,10 @@ function Wn({ data: e, title: t, description: n, size: r, width: i, height: a, t
 }
 //#endregion
 //#region src/charts/sankey/sankey.tsx
-var Gn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function Kn({ 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 ? Z : X, d = a ?? (l ? 48 : 320), f = e.length > 0 && t.length > 0, h = (t, n) => e.find((e) => e.id === t)?.color ?? Gn[n % Gn.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,
@@ -4499,7 +4577,7 @@ function Kn({ nodes: e, links: t, title: n, description: r, width: i, height: a,
 		plain: l,
 		tooltip: s && f ? ({ width: n, height: r }) => {
 			if (!s || !f) return;
-			let { nodes: i } = ce(e, t, {
+			let { nodes: i } = oe(e, t, {
 				width: n - u.left - u.right,
 				height: r - u.top - u.bottom
 			});
@@ -4515,14 +4593,14 @@ function Kn({ nodes: e, links: t, title: n, description: r, width: i, height: a,
 		children: ({ width: n, height: r }) => {
 			let i = n - u.left - u.right, a = r - u.top - u.bottom;
 			if (i <= 0 || !f) return null;
-			let { nodes: o, links: s } = ce(e, t, {
+			let { nodes: o, links: s } = oe(e, t, {
 				width: i,
 				height: a
 			});
 			return /* @__PURE__ */ m("g", {
 				transform: `translate(${u.left},${u.top})`,
 				children: [s.map((e, t) => /* @__PURE__ */ p("path", {
-					d: le(e),
+					d: X(e),
 					fill: h(e.source.id, o.indexOf(e.source)),
 					fillOpacity: .32,
 					"data-link": ""
@@ -4551,23 +4629,23 @@ function Kn({ nodes: e, links: t, title: n, description: r, width: i, height: a,
 }
 //#endregion
 //#region src/charts/calendar/calendar.tsx
-var qn = 864e5, Jn = (e) => e instanceof Date ? e : new Date(e), Yn = (e) => e.toISOString().slice(0, 10);
-function Xn(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 Zn({ 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(Yn(Jn(t.day)), t.value);
-	let y = e.map((e) => Jn(e.day)), b = Xn(r ? Jn(r) : y.reduce((e, t) => t < e ? t : e, y[0] ?? /* @__PURE__ */ new Date())), x = a ? Jn(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()) / qn / 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) * qn);
+		let n = new Date(b.getTime() + (e * 7 + t) * tr);
 		n > x || T.push({
 			col: e,
 			row: t,
 			date: n,
-			value: v.get(Yn(n)) ?? 0
+			value: v.get(rr(n)) ?? 0
 		});
 	}
 	let E = /* @__PURE__ */ p(Q, {
@@ -4578,7 +4656,7 @@ function Zn({ 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: Yn(Jn(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",
@@ -4588,10 +4666,10 @@ function Zn({ 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: `${Yn(e.date)}-${n}`,
+					id: `${rr(e.date)}-${n}`,
 					cx: e.col * (t + 2) + t / 2,
 					cy: e.row * (t + 2) + t / 2,
-					label: Yn(e.date),
+					label: rr(e.date),
 					value: e.value
 				})),
 				format: (e) => `${e.label}: ${e.value}`
@@ -4600,7 +4678,7 @@ function Zn({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 		children: ({ width: e }) => {
 			let t = Math.max(2, (e - (S - 1) * 2) / S);
 			return /* @__PURE__ */ p("g", { children: T.map((e, n) => {
-				let r = f ? Kt(e.value, f).color : void 0, i = f ? qt(e.value, f, g.value, _.value) : !0;
+				let r = f ? qt(e.value, f).color : void 0, i = f ? Jt(e.value, f, g.value, _.value) : !0;
 				return /* @__PURE__ */ p("rect", {
 					x: e.col * (t + 2),
 					y: e.row * (t + 2),
@@ -4609,7 +4687,7 @@ function Zn({ 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": Yn(e.date)
+					"data-day": rr(e.date)
 				}, n);
 			}) });
 		}
@@ -4620,7 +4698,7 @@ function Zn({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [E, /* @__PURE__ */ p(Jt, {
+		children: [E, /* @__PURE__ */ p(Yt, {
 			options: f,
 			range: g,
 			hidden: _,
@@ -4630,23 +4708,23 @@ function Zn({ data: e, title: t, description: n, from: r, to: a, width: s, heigh
 }
 //#endregion
 //#region src/charts/candlestick/candlestick.tsx
-function Qn({ 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 ? Z : X, 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 = dt(T)), a(() => () => {
-		T && ft(T);
+	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, P = N.length > 0, F = P ? Math.min(...N.map((e) => e.low)) : 0, I = P ? Math.max(...N.map((e) => e.high)) : 1, L = P ? Math.max(1, ...N.map((e) => e.volume ?? 0)) : 1, ee = 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",
@@ -4658,7 +4736,7 @@ function Qn({ 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: [
@@ -4668,7 +4746,7 @@ function Qn({ 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 }),
@@ -4677,18 +4755,18 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 					] }, t)) })
 				] }),
 				className: y,
-				"data-state": P ? void 0 : "empty",
+				"data-state": N ? void 0 : "empty",
 				plain: b,
-				tooltip: v !== !1 && P ? ({ width: e, height: t }) => {
-					if (v === !1 || !P) 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 = _(ee, [0, n], .3), a = r - (g ? Math.min(r * .2, 60) : 0), o = h([F, I], [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: [
@@ -4712,21 +4790,21 @@ function Qn({ 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([F, I], [r, 0]);
+					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}`;
 						}
 					};
@@ -4739,19 +4817,19 @@ function Qn({ 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 || !P) return null;
-					let i = _(ee, [0, n], .3), a = h([F, I], [r, 0]), o = g ? Math.min(r * .2, 60) : 0, s = r - o, c = h([F, I], [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(_t, {
+							!b && /* @__PURE__ */ p(vt, {
 								scale: a,
 								orientation: "y",
 								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",
@@ -4775,9 +4853,9 @@ function Qn({ 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 / L * o),
+											y: s + (o - e.volume / ne * o),
 											width: v,
-											height: e.volume / L * o,
+											height: e.volume / ne * o,
 											fill: a,
 											fillOpacity: .4,
 											"data-volume": ""
@@ -4785,7 +4863,7 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 									]
 								}, t);
 							}),
-							!b && St(x, {
+							!b && Ct(x, {
 								xScale: i,
 								yScale: c,
 								innerW: n,
@@ -4795,7 +4873,8 @@ function Qn({ 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",
@@ -4806,12 +4885,12 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 					});
 				}
 			}),
-			S && !C && k > 1 && /* @__PURE__ */ p(Rt, {
+			S && !C && k > 1 && /* @__PURE__ */ p(zt, {
 				count: k,
 				window: j,
 				label: "Time range"
 			}),
-			C && k > 1 && /* @__PURE__ */ p(zt, {
+			C && k > 1 && /* @__PURE__ */ p(Bt, {
 				count: k,
 				window: j,
 				label: "Time range"
@@ -4821,10 +4900,10 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 }
 //#endregion
 //#region src/charts/polar/polar.tsx
-var $n = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
-function er({ 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 = Ce(_), 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)) })
@@ -4834,7 +4913,7 @@ function er({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 			cx: n,
 			cy: r,
 			outerR: i,
-			rScale: we([0, v], [0, i])
+			rScale: Se([0, v], [0, i])
 		};
 	};
 	return /* @__PURE__ */ p(Q, {
@@ -4851,7 +4930,7 @@ function er({ 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] = Se(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,
@@ -4867,7 +4946,7 @@ function er({ 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 Se(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", {
@@ -4882,13 +4961,13 @@ function er({ 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: F(i, a, c.map(e.value), 0, n + r, n + y.bandwidth - r),
-						fill: e.color ?? $n[t % $n.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 ?? $n[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,
@@ -4904,7 +4983,7 @@ function er({ 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] = Se(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,
@@ -4922,10 +5001,10 @@ function er({ data: e, title: t, description: n, mode: r = "bar", width: i, heig
 }
 //#endregion
 //#region src/charts/gauge/gauge.tsx
-var tr = Math.PI / 180;
-function nr({ 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 * tr, 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,
@@ -4945,7 +5024,7 @@ function nr({ 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: F(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": ""
@@ -4953,13 +5032,13 @@ function nr({ 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: F(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] = Se(c, l, f - 2, n), [a, o] = Se(c, l, f - 8, n), [s, u] = Se(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,
@@ -4979,7 +5058,7 @@ function nr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", s
 					})] }, t);
 				}),
 				(() => {
-					let [e, t] = Se(c, l, g, S(v));
+					let [e, t] = be(c, l, g, S(v));
 					return /* @__PURE__ */ p("line", {
 						x1: c,
 						y1: l,
@@ -5013,4 +5092,4 @@ function nr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", s
 	});
 }
 //#endregion
-export { on as AreaChart, $ as Axis, ln as BarChart, Sn as Boxplot, Rt as Brush, En as BubbleChart, In as Bullet, Zn as Calendar, Qn as Candlestick, Ze as CanvasLayer, jt as ChartDefs, Q as ChartFrame, Dn as ComboChart, X as DEFAULT_MARGINS, Et as DataLabel, zt as DataZoom, Bn as Funnel, nr as Gauge, Nt as Glyph, _t as GridLines, On as Heatmap, bn as Histogram, yn as Kpi, Xt as Legend, nn as LineChart, _n as Meter, Z as PLAIN_MARGINS, fn as PieChart, er as Polar, Pn as Radar, Rn as RadialBar, Kn as Sankey, mn as ScatterChart, hn as Sparkline, Hn as Stream, Wn as Sunburst, Lt as Text, it as Toolbox, An as Treemap, Jt as VisualMap, pt as _syncGroupCount, ke as aggregate, Ce as angleBand, Ct as annotationSummary, F as arcPath, P as areaPath, Ke as autoLabelStride, _ as bandScale, Ae as bin, B as binValues, He as bindStream, V as boxStats, R as cellPath, ze as decimate, ye as divergingRamp, ct as download, Fe as encode, Ie as encodeCategory, H as extent, At as fillFor, Te as filter, dt as getSyncGroup, Mt as glyphPath, Ot as gradientId, nt as isZoomed, Ge as leftMarginForLabels, E as linePath, h as linearScale, le as linkPath, y as logScale, Le as lttb, Kt as mapVisual, se as maxDepth, Re as minmax, ee as nearestIndex, g as niceTicks, tt as panWindow, oe as partition, kt as patternId, Gt as pieceIndex, Se as polarPoint, w as quantize, we as radiusScale, Y as rampLightness, be as rampOf, xe as rampStops, Ne as regression, ft as releaseSyncGroup, xt as renderAnnotation, St as renderAnnotations, Qe as resolveColor, Tt as resolveLabels, ce as sankeyLayout, ve as sequentialRamp, ot as serializeSvg, De as sort, T as splitDefined, v as sqrtScale, ie as squarify, I as stackSeries, K as streamExtent, ae as streamLayout, q as sumValue, st as svgToPngBlob, C as timeScale, L as toStackedSeries, Ue as useChartSize, Ve as useStreamSeries, qt as visualVisible, re as voronoiCells, te as voronoiFind, It as wrapText, et 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 };