@cascivo/charts 0.6.0 → 0.7.0

package/dist/index.js

@@ -270,23 +270,23 @@ function N(e) {
 	}
 	return o;
 }
-function P(e, t, n = "linear") {
+function ee(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 P(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 P(e, t, n, r, i, a) + P(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 F(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 +295,7 @@ function I(e) {
 }
 //#endregion
 //#region src/engine/stacked.ts
-function L(e) {
+function I(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 +317,7 @@ function L(e) {
 }
 //#endregion
 //#region src/engine/nearest.ts
-function ee(e, t) {
+function L(e, t) {
 	if (e.length === 0) return -1;
 	if (e.length === 1) return 0;
 	let n = 0, r = e.length - 1;
@@ -484,15 +484,15 @@ function G(e, t, n, r, i, a) {
 		r >= i ? W(u, t, n, e * r, i, d, a) : W(u, t, n, r, e * i, d, a);
 	}
 }
-function ie(e, t, n) {
+function K(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;
 }
 //#endregion
 //#region src/engine/stream.ts
-function ae(e, t = "silhouette") {
-	let n = I(e);
+function ie(e, t = "silhouette") {
+	let n = F(e);
 	if (t === "zero") return n;
 	let r = e[0]?.length ?? 0, i = Array.from({ length: r }, (t, n) => e.reduce((e, t) => e + (t[n] ?? 0), 0));
 	return n.map((e) => e.map(([e, t], n) => {
@@ -500,39 +500,39 @@ function ae(e, t = "silhouette") {
 		return [e - r, t - r];
 	}));
 }
-function K(e) {
+function q(e) {
 	let t = 0, n = 0;
 	for (let r of e) for (let [e, i] of r) t = Math.min(t, e, i), n = Math.max(n, e, i);
 	return [t, n];
 }
 //#endregion
 //#region src/engine/hierarchy.ts
-function q(e) {
-	return e.children && e.children.length > 0 ? e.children.reduce((e, t) => e + q(t), 0) : e.value ?? 0;
+function J(e) {
+	return e.children && e.children.length > 0 ? e.children.reduce((e, t) => e + J(t), 0) : e.value ?? 0;
 }
-function oe(e, t = 2 * Math.PI) {
+function Y(e, t = 2 * Math.PI) {
 	let n = [], r = (e, t, i, a) => {
 		if (n.push({
 			node: e,
 			depth: t,
 			a0: i,
 			a1: a,
-			value: q(e)
+			value: J(e)
 		}), !e.children) return;
-		let o = a - i, s = q(e) || 1, c = i;
+		let o = a - i, s = J(e) || 1, c = i;
 		for (let n of e.children) {
-			let e = c + o * q(n) / s;
+			let e = c + o * J(n) / s;
 			r(n, t + 1, c, e), c = e;
 		}
 	};
 	return r(e, 0, 0, t), n;
 }
-function se(e) {
+function ae(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 +586,61 @@ function ce(e, t, { width: n, height: r, nodeWidth: i = 16, nodePadding: a = 12
 		links: v
 	};
 }
-function le(e) {
+function se(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 ce = (e) => e < 0 ? 0 : e > 1 ? 1 : e, le = (e, t, n) => e + (t - e) * n, ue = (e, t, n) => ({
+	l: le(e.l, t.l, n),
+	c: le(e.c, t.c, n),
+	h: le(e.h, t.h, n)
+}), de = ({ l: e, c: t, h: n }) => `oklch(${e.toFixed(4)} ${t.toFixed(4)} ${n.toFixed(2)})`, fe = {
 	l: .95,
 	c: .04,
 	h: 232
-}, me = {
+}, pe = {
 	l: .34,
 	c: .15,
 	h: 274
-}, he = {
+}, X = {
 	l: .48,
 	c: .14,
 	h: 248
-}, ge = {
+}, me = {
 	l: .96,
 	c: .02,
 	h: 110
-}, _e = {
+}, he = {
 	l: .52,
 	c: .15,
 	h: 42
 };
-function ve(e) {
-	return fe(J(pe, me, ue(e)));
+function ge(e) {
+	return de(ue(fe, pe, ce(e)));
 }
-function ye(e) {
-	let t = ue(e);
-	return fe(t < .5 ? J(he, ge, t * 2) : J(ge, _e, (t - .5) * 2));
+function _e(e) {
+	let t = ce(e);
+	return de(t < .5 ? ue(X, me, t * 2) : ue(me, he, (t - .5) * 2));
 }
-function be(e) {
-	return e === "diverging" ? ye : ve;
+function ve(e) {
+	return e === "diverging" ? _e : ge;
 }
-function xe(e, t = "sequential") {
-	let n = be(t);
+function ye(e, t = "sequential") {
+	let n = ve(t);
 	return e <= 1 ? [n(0)] : Array.from({ length: e }, (t, r) => n(r / (e - 1)));
 }
-function Y(e) {
+function be(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 xe(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 Z(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 +655,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 +687,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 +696,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 +714,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 +732,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 +751,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 +767,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 +786,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 +801,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 +810,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 +835,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 +848,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 +876,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 +904,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, t) {
+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 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 +992,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 +1003,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 +1028,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 +1064,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 +1076,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 +1104,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 +1124,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 +1140,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",
@@ -1152,62 +1158,62 @@ var lt = {
 };
 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 }) {
 	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 j = s(), M = `${j}-desc`, N = `${j}-live`, { ref: ee, width: P, height: F } = Ve(n ?? 400, r), I = i(null), L = i(!1), ne = c(null), re = c(null), R = c(null), z = c(null);
 	a(() => {
 		let e = z.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 = () => {
 		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 = () => {
+	}, V = n ?? P.value, H = r ?? F.value, U = E === !0 ? {} : E || null, W = () => re.current ? st(re.current) : null, G = () => {
 		let t = W();
-		t && ct(t, `${e || "chart"}.svg`);
-	}, ie = () => {
+		t && lt(t, `${e || "chart"}.svg`);
+	}, K = () => {
 		let t = W();
-		t && st(t, {
+		t && ct(t, {
 			width: V,
 			height: H,
 			dpr: 2
 		}).then((t) => {
-			t && ct(t, `${e || "chart"}.png`);
+			t && lt(t, `${e || "chart"}.png`);
 		});
-	}, ae = () => {
+	}, ie = () => {
 		B(), D?.();
-	}, K = typeof b == "function" ? b({
+	}, q = typeof b == "function" ? b({
 		width: V,
 		height: H
 	}) : b;
 	a(() => {
-		let e = L.value;
-		if (!K || !ne.current) return;
-		let t = e === null ? void 0 : K.points[e];
-		ne.current.textContent = t ? (K.format ?? Je)(t) : "";
+		let e = I.value;
+		if (!q || !ne.current) return;
+		let t = e === null ? void 0 : q.points[e];
+		ne.current.textContent = t ? (q.format ?? Ye)(t) : "";
 	});
-	let q = {
+	let J = {
 		position: "absolute",
 		inset: 0,
 		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 = {};
+	}, Y = C === "canvas" && w !== void 0, ae = q !== 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 se = ae || Y || U || Object.keys(oe).length > 0 ? {
+		...oe,
+		...ae || Y || U ? { position: "relative" } : {}
 	} : void 0;
 	return /* @__PURE__ */ m("div", {
-		ref: P,
-		className: [qe.frame, g].filter(Boolean).join(" "),
-		style: le,
+		ref: ee,
+		className: [Je.frame, g].filter(Boolean).join(" "),
+		style: se,
 		..._ !== void 0 && { "data-state": _ },
 		...y === !0 && { "data-plain": "" },
 		...O === !1 && { "data-no-anim": "" },
@@ -1219,21 +1225,21 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 					right: 4,
 					zIndex: 12
 				},
-				children: /* @__PURE__ */ p(it, {
+				children: /* @__PURE__ */ p(at, {
 					options: U,
-					onPng: ie,
+					onPng: K,
 					onSvg: G,
 					onToggleData: () => {
-						ee.value = !ee.value;
+						L.value = !L.value;
 					},
-					onRestore: ae,
-					showData: ee.value
+					onRestore: ie,
+					showData: L.value
 				})
 			}),
-			oe && /* @__PURE__ */ p(Ze, {
+			Y && /* @__PURE__ */ p(Qe, {
 				size: () => ({
-					width: n ?? F.value,
-					height: r ?? I.value
+					width: n ?? P.value,
+					height: r ?? F.value
 				}),
 				paint: w
 			}),
@@ -1275,17 +1281,17 @@ 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", {
+			U && L.value && u && /* @__PURE__ */ p("div", {
 				"data-data-view": "",
 				style: { overflowX: "auto" },
 				children: u
 			}),
-			se && /* @__PURE__ */ m(f, { children: [
-				K !== void 0 && /* @__PURE__ */ m(f, { children: [
+			ae && /* @__PURE__ */ m(f, { children: [
+				q !== void 0 && /* @__PURE__ */ m(f, { children: [
 					/* @__PURE__ */ p("span", {
 						id: N,
 						ref: ne,
@@ -1302,11 +1308,11 @@ 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", {
+					q.mode === "axis" && I.value !== null && q.points[I.value] !== void 0 && /* @__PURE__ */ p("div", {
 						"aria-hidden": "true",
 						style: {
 							position: "absolute",
-							left: K.points[L.value].cx,
+							left: q.points[I.value].cx,
 							top: 0,
 							width: 1,
 							height: H,
@@ -1315,8 +1321,8 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 							zIndex: 9
 						}
 					}),
-					L.value !== null && K.points[L.value] !== void 0 && (() => {
-						let e = K.points[L.value];
+					I.value !== null && q.points[I.value] !== void 0 && (() => {
+						let e = q.points[I.value];
 						return /* @__PURE__ */ p("div", {
 							"aria-hidden": "true",
 							style: {
@@ -1333,12 +1339,12 @@ 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],
-						model: K
+					I.value !== null && q.points[I.value] !== void 0 && /* @__PURE__ */ p(Xe, {
+						point: q.points[I.value],
+						model: q
 					})
 				] }),
-				T && !U && nt(T.window.value, T.count) && /* @__PURE__ */ p("button", {
+				T && !U && rt(T.window.value, T.count) && /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: B,
 					style: {
@@ -1362,7 +1368,7 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 					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,
+					style: J,
 					onPointerDown: (e) => {
 						T && (R.current = {
 							x: e.clientX,
@@ -1372,27 +1378,27 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 					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);
+							T.window.value = nt(R.current.win, T.count, i);
 							return;
 						}
-						if (!K || !K.points.length) return;
+						if (!q || !q.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");
+						I.value = q.mode === "axis" ? Ze(q.points, n, r, "x") : S === "voronoi" ? te(q.points.map((e) => [e.cx, e.cy]), n, r) : Ze(q.points, n, r, "xy");
 					},
 					onPointerUp: () => {
 						R.current = null;
 					},
 					onPointerLeave: () => {
-						R.current = null, K && (L.value = null);
+						R.current = null, q && (I.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") {
@@ -1400,29 +1406,29 @@ function Q({ title: e, description: t, width: n, height: r = 300, fallback: u, c
 								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;
+						if (!q || !q.points.length) return;
+						let t = I.value;
+						if (e.key === "ArrowRight" || e.key === "ArrowDown") e.preventDefault(), I.value = t === null ? 0 : Math.min(t + 1, q.points.length - 1);
+						else if (e.key === "ArrowLeft" || e.key === "ArrowUp") e.preventDefault(), I.value = t === null ? q.points.length - 1 : Math.max(t - 1, 0);
+						else if (e.key === "Home") e.preventDefault(), I.value = 0;
+						else if (e.key === "End") e.preventDefault(), I.value = q.points.length - 1;
+						else if (e.key === "Escape") I.value = null;
 						else if (x && (e.key === "Enter" || e.key === " ")) {
 							e.preventDefault();
-							let t = L.value, n = t === null ? void 0 : K.points[t];
+							let t = I.value, n = t === null ? void 0 : q.points[t];
 							n && x(n);
 						}
 					},
 					onClick: () => {
-						if (!K) return;
-						let e = L.value, t = e === null ? void 0 : K.points[e];
+						if (!q) return;
+						let e = I.value, t = e === null ? void 0 : q.points[e];
 						x && t && x(t);
 					},
 					onFocus: () => {
-						K && K.points.length > 0 && L.value === null && (L.value = 0);
+						q && q.points.length > 0 && I.value === null && (I.value = 0);
 					},
 					onBlur: () => {
-						K && (L.value = null);
+						q && (I.value = null);
 					}
 				})
 			] })
@@ -1431,45 +1437,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 +1490,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 +1506,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 +1523,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 +1544,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 +1585,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 +1603,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 +1641,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 +1656,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 +1680,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 +1717,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 +1746,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 +1792,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 +1813,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 +1828,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 +1871,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 +1942,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 +2037,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" ? ye(t.pieces ?? Vt, r)[Kt(e, t)] : ve(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 = ye(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 +2105,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 = ye(8, e.ramp ?? "sequential"), d = (e) => (e - s) / l * 100, h = t?.value[0] ?? s, g = t?.value[1] ?? c, _ = `vm-grad-${u.length}`, v = (e, t) => {
 		let 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 +2192,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 +2217,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,33 +2227,43 @@ 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, legend: v, tooltip: y, formatTooltip: b, className: x, plain: S, annotations: w, labels: D, connectNulls: O, onSelect: k, brush: A, dataZoom: j, zoom: M, syncId: N, tooltipMode: ee, secondAxis: P, decimate: F, toolbox: I, transition: L, onBeforeDraw: te, onAfterDraw: ne }) {
 	o();
-	let re = i(/* @__PURE__ */ new Set()), R = S ? null : Tt(D), z = I === !0 ? {
+	let re = i(/* @__PURE__ */ new Set()), R = S ? null : Et(D), z = F === !0 ? {
 		method: "lttb",
 		threshold: 1e3
-	} : I ? {
-		method: I.method ?? "lttb",
-		threshold: I.threshold ?? 1e3
+	} : F ? {
+		method: F.method ?? "lttb",
+		threshold: F.threshold ?? 1e3
 	} : null, B = e.reduce((e, t) => Math.max(e, t.data.length), 0), V = (A || j || M || N !== void 0) && B > 0, H = i([0, Math.max(0, B - 1)]), U = c(null);
-	N && !U.current && (U.current = dt(N)), a(() => () => {
-		N && ft(N);
+	N && !U.current && (U.current = ft(N)), a(() => () => {
+		N && pt(N);
 	}), a(() => {
 		let e = U.current;
 		if (!e) return;
@@ -2258,15 +2278,17 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 	let W = V ? 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;
+	})) : e, G = !S && W.some((e) => e.axis === "right"), K = d ?? (S ? 48 : 300), ie = S ? !1 : v ?? W.length > 1, q = (e) => e.y ?? n, J = W.flatMap((e) => e.data.map((e) => t(e))), Y = (e) => e.flatMap((e) => e.data.map((t) => q(e)(t))).filter((e) => Number.isFinite(e)), ae = Y(G ? W.filter((e) => e.axis !== "right") : W), oe = G ? Y(W.filter((e) => e.axis === "right")) : [];
+	en("LineChart", () => W.flatMap((e) => e.data.map((t) => q(e)(t))));
+	let se = J.length > 0, ce = h(an(ae), [0, 1]).ticks(_).map((e) => e.toLocaleString()), le = se && J[0] instanceof Date, ue = G ? h(an(oe), [0, 1]).ticks(_).map((e) => P?.format ? P.format(e) : e.toLocaleString()) : [], de = J.filter((e) => typeof e == "number"), fe = J.filter((e) => e instanceof Date), pe = se ? le ? C([new Date(Math.min(...fe.map((e) => e.getTime()))), new Date(Math.max(...fe.map((e) => e.getTime())))], [0, 1]).ticks(g).map((e) => e.toLocaleDateString()) : h([Math.min(...de), Math.max(...de)], [0, 1]).ticks(g).map((e) => e.toLocaleString()) : [], X = S ? Ue : {
+		...He,
+		left: Ge(ce, S),
+		right: Ke({
+			rightAxisLabels: ue,
+			bottomAxisLabels: pe,
+			plain: S
+		})
+	};
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -2278,19 +2300,19 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 				title: r,
 				description: s,
 				width: u,
-				height: ie,
+				height: K,
 				fallback: /* @__PURE__ */ m("table", { children: [
 					/* @__PURE__ */ p("caption", { children: r }),
 					/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", { children: "X" }), 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("tbody", { children: (W[0]?.data ?? []).map((e, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: String(W[0] ? t(W[0].data[n]) : "") }), W.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : q(e)(e.data[n]) }, e.id))] }, n)) })
 				] }),
 				className: x,
-				"data-state": le ? void 0 : "empty",
+				"data-state": se ? 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") {
+				tooltip: y !== !1 && se ? ({ width: e, height: n }) => {
+					if (y === !1 || !se) return;
+					let r = e - X.left - X.right, i = n - X.top - X.bottom, a = Math.min(...le ? J.map((e) => e.getTime()) : J), o = Math.max(...le ? J.map((e) => e.getTime()) : J), s = le ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(an(ae), [i, 0]), l = G ? h(an(oe), [i, 0]) : c, u = (e) => e.axis === "right" ? l : c, d = (e) => s.map(e);
+					if (ee === "axis") {
 						let e = W.reduce((e, t) => Math.max(e, t.data.length), 0), n = [];
 						for (let r = 0; r < e; r++) {
 							let e = [], i = 0, a = 0, o = Infinity, s = "";
@@ -2298,18 +2320,18 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 								if (re.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: X.left + i / a,
+								cy: X.top + (o === Infinity ? 0 : o),
 								label: s,
 								value: s,
 								segments: e
@@ -2322,15 +2344,15 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 						};
 					}
 					let f = W.flatMap((e) => re.value.has(e.id) ? [] : e.data.flatMap((n, r) => {
-						let i = K(e)(n);
+						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: X.left + o,
+							cy: X.top + c,
 							label: l,
-							value: K(e)(n),
+							value: q(e)(n),
 							seriesId: e.id
 						};
 					}));
@@ -2347,25 +2369,25 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 					window: H,
 					count: B
 				} : void 0,
-				toolbox: L,
+				toolbox: I,
 				onRestore: V ? () => {
 					H.value = [0, Math.max(0, B - 1)];
 				} : void 0,
-				transition: ee,
+				transition: L,
 				onBeforeDraw: te,
 				onAfterDraw: ne,
 				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 - X.left - X.right, i = n - X.top - X.bottom, a = Math.min(...le ? J.map((e) => e.getTime()) : J), o = Math.max(...le ? J.map((e) => e.getTime()) : J), s = le ? C([new Date(a), new Date(o)], [0, r]) : h([a, o], [0, r]), c = h(an(ae), [i, 0]), u = G ? h(an(oe), [i, 0]) : c;
 					return /* @__PURE__ */ p("g", { children: /* @__PURE__ */ m("g", {
-						transform: `translate(${J.left},${J.top})`,
+						transform: `translate(${X.left},${X.top})`,
 						children: [
-							!S && /* @__PURE__ */ p(_t, {
+							!S && /* @__PURE__ */ p(vt, {
 								scale: c,
 								orientation: "y",
 								length: r,
 								tickCount: _
 							}),
-							!S && St(w, {
+							!S && Ct(w, {
 								xScale: s,
 								yScale: c,
 								innerW: r,
@@ -2373,15 +2395,15 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 							}),
 							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);
+								let r = e.color ?? rn[n % rn.length], i = e.axis === "right" ? u : c, a = (e) => s.map(e);
 								if (z && e.data.length > z.threshold) {
 									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, z.threshold, z.method).map((e) => [e[0], e[1]]), l),
 										fill: "none",
 										stroke: r,
 										strokeWidth: 2,
@@ -2391,7 +2413,7 @@ 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", {
@@ -2404,10 +2426,10 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 									"data-series": e.id
 								}, n)), R && 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: R.format(q(e)(t))
 									}, n) : null;
 								})] }, e.id);
 							}),
@@ -2427,32 +2449,32 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 								}),
 								G && /* @__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, {
+			A && !j && B > 1 && /* @__PURE__ */ p(zt, {
 				count: B,
 				window: H,
 				label: "Time range"
 			}),
-			j && B > 1 && /* @__PURE__ */ p(zt, {
+			j && B > 1 && /* @__PURE__ */ p(Bt, {
 				count: B,
 				window: H,
 				label: "Time range"
 			}),
-			ae && /* @__PURE__ */ p(Xt, {
+			ie && /* @__PURE__ */ p(Zt, {
 				series: W.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
 			})
@@ -2461,18 +2483,22 @@ function nn({ series: e, x: t, y: n, title: r, description: s, curve: l = "monot
 }
 //#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: k, onSelect: A, brush: j, dataZoom: M, zoom: N, syncId: P, tooltipMode: I, secondAxis: L, decimate: te, toolbox: ne }) {
 	o();
-	let re = s(), R = i(/* @__PURE__ */ new Set()), z = D ? null : Tt(k), B = te === !0 ? {
+	let re = s(), R = i(/* @__PURE__ */ new Set()), z = D ? null : Et(k), B = te === !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);
+	} : null, V = e.reduce((e, t) => Math.max(e, t.data.length), 0), H = (j || M || N || P !== void 0) && V > 0, U = i([0, Math.max(0, V - 1)]), W = c(null);
+	P && !W.current && (W.current = ft(P)), a(() => () => {
+		P && pt(P);
 	}), a(() => {
 		let e = W.current;
 		if (!e) return;
@@ -2487,18 +2513,23 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 	let G = H ? 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) => {
+	})) : e, K = !D && !u && G.some((e) => e.axis === "right"), ie = y ?? (D ? 48 : 300), q = D ? !1 : S ?? G.length > 1, J = cn(G.length, u), Y = (e) => e.y ?? n, ae = (G[0]?.data ?? []).map((e) => t(e)), oe = (K ? G.filter((e) => e.axis !== "right") : G).flatMap((e) => e.data.map((t) => Y(e)(t))), se = K ? G.filter((e) => e.axis === "right").flatMap((e) => e.data.map((t) => Y(e)(t))) : [];
+	!K && !u && G.length > 1 && nn("AreaChart", G.map((e) => ({
+		label: e.label,
+		max: Math.max(0, ...e.data.map((t) => Y(e)(t)).filter((e) => Number.isFinite(e)))
+	}))), en("AreaChart", () => [...oe, ...se]);
+	let ce = ae.length > 0, le = ce && ae[0] instanceof Date, ue = ae.map((e) => e instanceof Date ? e.getTime() : e), de = ce ? Math.min(...ue) : 0, fe = ce ? Math.max(...ue) : 1, pe = (e) => le ? C([new Date(de), new Date(fe)], [0, e]) : h([de, fe], [0, e]), X = (e, n) => e.map(t(n)), me = (e) => {
 		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, ...oe), ge = Math.max(...u ? (G[0]?.data ?? []).map((e, t) => G.reduce((e, n) => e + Y(n)(n.data[t]), 0)) : oe), _e = K ? Math.min(0, ...se) : he, ve = K ? Math.max(...se) : ge, ye = h([he, ge], [0, 1]).ticks(x).map((e) => e.toLocaleString()), be = K ? h([_e, ve], [0, 1]).ticks(x).map((e) => L?.format ? L.format(e) : e.toLocaleString()) : [], xe = le ? C([new Date(de), new Date(fe)], [0, 1]).ticks(b).map((e) => e.toLocaleDateString()) : h([de, fe], [0, 1]).ticks(b).map((e) => e.toLocaleString()), Z = D ? Ue : {
+		...He,
+		left: Ge(ye, D),
+		right: Ke({
+			rightAxisLabels: be,
+			bottomAxisLabels: xe,
+			plain: D
+		})
+	};
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -2510,36 +2541,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: ie,
 				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("tbody", { children: (G[0]?.data ?? []).map((e, t) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: G[0] ? me(G[0].data[t]) : "" }), G.map((e) => /* @__PURE__ */ p("td", { children: e.data[t] == null ? "" : Y(e)(e.data[t]) }, e.id))] }, t)) })
 				] }),
 				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") {
+				tooltip: w !== !1 && ce ? ({ width: e, height: t }) => {
+					if (w === !1 || !ce) return;
+					let n = e - Z.left - Z.right, r = t - Z.top - Z.bottom, i = pe(n), a = h([he, ge], [r, 0]), o = K ? h([_e, ve], [r, 0]) : a, s = (e) => e.axis === "right" ? o : a;
+					if (I === "axis") {
 						let e = G.reduce((e, t) => Math.max(e, t.data.length), 0), t = [];
 						for (let n = 0; n < e; n++) {
-							let e = [], r = Infinity, a = "", o = Y.left;
+							let e = [], r = Infinity, a = "", o = Z.left;
 							G.forEach((t, c) => {
 								if (R.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 = Z.left + X(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: Z.top + (r === Infinity ? 0 : r),
 								label: a,
 								value: a,
 								segments: e
@@ -2553,10 +2584,10 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 					}
 					return { points: G.flatMap((e) => R.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: Z.left + X(i, t),
+						cy: Z.top + s(e).map(Y(e)(t)),
+						label: me(t),
+						value: Y(e)(t),
 						seriesId: e.id
 					}))) };
 				} : void 0,
@@ -2570,25 +2601,25 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 					U.value = [0, Math.max(0, V - 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, {
+					let n = e - Z.left - Z.right, r = t - Z.top - Z.bottom, i = pe(n), a = h([he, ge], [r, 0]), o = K ? h([_e, ve], [r, 0]) : a, s = [];
+					return u && (s = F(G.map((e) => e.data.map((t) => Y(e)(t))))), /* @__PURE__ */ m("g", { children: [g !== "solid" && /* @__PURE__ */ p(Mt, {
 						prefix: re,
 						fill: g,
 						patternKind: _,
 						series: G.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(${Z.left},${Z.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,
@@ -2596,11 +2627,11 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 							}),
 							G.map((e, t) => {
 								if (R.value.has(e.id)) return null;
-								let n = e.color ?? an[t % an.length], r, c;
+								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) => [X(i, e), a.map(o[t][1])]);
+									let l = e.data.map((e, t) => [X(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 +2639,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(re, e.id, g, n),
+												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}),
 											/* @__PURE__ */ p("path", {
@@ -2618,23 +2649,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, {
+											z && r.map((t, n) => /* @__PURE__ */ p(Dt, {
 												x: t[0],
 												y: t[1] - 8,
-												text: z.format(q(e)(e.data[n]))
+												text: z.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) => [X(i, n), t.map(Y(e)(n))]), c = t.map(0), B && r.length > B.threshold) {
+										let t = Le(r, B.threshold, B.method).map((e) => [e[0], e[1]]);
 										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: ee(t, c, d),
+												fill: jt(re, e.id, g, n),
+												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}), /* @__PURE__ */ p("path", {
 												d: E(t, d),
@@ -2648,9 +2679,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: ee(r, c, d),
+												fill: jt(re, e.id, g, n),
+												style: g === "solid" ? J : void 0,
 												stroke: "none"
 											}),
 											/* @__PURE__ */ p("path", {
@@ -2659,10 +2690,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, {
+											z && r.map((t, n) => /* @__PURE__ */ p(Dt, {
 												x: t[0],
 												y: t[1] - 8,
-												text: z.format(q(e)(e.data[n]))
+												text: z.format(Y(e)(e.data[n]))
 											}, n))
 										]
 									}, e.id);
@@ -2682,34 +2713,34 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 									length: r,
 									tickCount: x
 								}),
-								ie && /* @__PURE__ */ p($, {
+								K && /* @__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)) } : {}
+									...L?.format ? { format: (e) => L.format(Number(e)) } : {}
 								})
 							] })
 						]
 					})] });
 				}
 			}),
-			j && !M && V > 1 && /* @__PURE__ */ p(Rt, {
+			j && !M && V > 1 && /* @__PURE__ */ p(zt, {
 				count: V,
 				window: U,
 				label: "Range"
 			}),
-			M && V > 1 && /* @__PURE__ */ p(zt, {
+			M && V > 1 && /* @__PURE__ */ p(Bt, {
 				count: V,
 				window: U,
 				label: "Range"
 			}),
-			K && /* @__PURE__ */ p(Xt, {
+			q && /* @__PURE__ */ p(Zt, {
 				series: G.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
 			})
@@ -2718,22 +2749,26 @@ function on({ series: e, x: t, y: n, title: r, description: l, stacked: u = !1,
 }
 //#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) {
+var dn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function fn(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 pn({ series: e, x: t, y: n, title: r, description: a, orientation: c = "vertical", mode: l = "grouped", width: u, height: d, xTicks: g = 5, yTicks: v = 5, xLabelEvery: y, legend: b, tooltip: x, tooltipFormat: S, className: C, plain: w, annotations: T, labels: E, onSelect: D, fill: O = "solid", patternKind: k }) {
 	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 A = s(), j = w ? null : Et(E), M = i(/* @__PURE__ */ new Set()), N = d ?? (w ? 48 : 300), ee = w ? !1 : b ?? e.length > 1, P = (e) => e.y ?? n, I = (e[0]?.data ?? []).map((e) => t(e)), L = e.flatMap((e) => e.data.map((t) => P(e)(t))), te = I.length > 0, ne = l === "stacked" || l === "percent", re = I.map((t, n) => e.reduce((e, t) => e + P(t)(t.data[n]), 0)), R = () => {
+		let t = F(e.map((e) => e.data.map((t) => P(e)(t))));
 		return l === "percent" ? t.map((e) => e.map(([e, t], n) => {
 			let r = re[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)
+	}, z = ne ? 0 : Math.min(0, ...L), B = te ? Math.max(...re) : 1, V = l === "percent" ? 1 : l === "stacked" ? B : Math.max(1, ...L), H = l === "percent" ? (e) => `${Math.round(Number(e) * 100)}%` : void 0, U = c === "vertical", W = U ? h([z, V], [0, 1]).ticks(v).map((e) => H ? H(e) : e.toLocaleString()) : I.map((e) => String(e)), G = U ? I.map((e) => String(e)) : h([z, V], [0, 1]).ticks(g).map((e) => H ? H(e) : e.toLocaleString()), K = w ? Ue : {
+		...He,
+		left: Ge(W, w),
+		right: Ke({
+			bottomAxisLabels: G,
+			plain: w
+		})
 	};
 	return /* @__PURE__ */ m("div", {
 		style: {
@@ -2749,20 +2784,20 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 			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: I.map((t, n) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: t }), e.map((e) => /* @__PURE__ */ p("td", { children: e.data[n] == null ? "" : P(e)(e.data[n]) }, e.id))] }, t)) })
 			] }),
 			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 = [];
+				let i = n - K.left - K.right, a = r - K.top - K.bottom, o = c === "vertical", s = _(I, o ? [0, i] : [0, a], .2), u = h([z, V], o ? [a, 0] : [0, i]), d = e.filter((e) => !M.value.has(e.id)), f = [];
 				ne && (f = R());
-				let p = ne && !S, m = L.map((t, n) => {
+				let p = ne && !S, m = I.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: P(t)(t.data[n]),
+						color: t.color ?? dn[e.indexOf(t) % dn.length]
 					}));
 					return {
 						segs: r,
@@ -2775,19 +2810,19 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 						if (ne && f[r]) {
 							let e = f[r][a];
 							h = e[1], g = e[0];
-						} else h = F(n)(e), g = z;
+						} else h = P(n)(e), g = z;
 						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: K.left + (o ? v : y),
+							cy: K.top + (o ? y : v),
 							label: t(e),
-							value: p ? m[a].total : F(n)(e),
+							value: p ? m[a].total : P(n)(e),
 							seriesId: n.id,
 							...p && { segments: m[a].segs }
 						};
 					});
-				}), v = S ?? (p ? cn : void 0);
+				}), v = S ?? (p ? fn : void 0);
 				return v ? {
 					points: g,
 					format: v
@@ -2795,48 +2830,48 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 			} : void 0,
 			onSelect: D,
 			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, {
+				let i = n - K.left - K.right, a = r - K.top - K.bottom, o = c === "vertical", s = y ?? qe(I, o ? i : a), u = _(I, o ? [0, i] : [0, a], .2), d = h([z, V], o ? [a, 0] : [0, i]), b = e.filter((e) => !M.value.has(e.id)), x = [];
+				return ne && (x = R()), /* @__PURE__ */ m("g", { children: [O !== "solid" && /* @__PURE__ */ p(Mt, {
 					prefix: A,
 					fill: O,
 					patternKind: k,
 					series: e.map((e, t) => ({
 						id: e.id,
-						color: e.color ?? sn[t % sn.length]
+						color: e.color ?? dn[t % dn.length]
 					}))
 				}), /* @__PURE__ */ m("g", {
-					transform: `translate(${W.left},${W.top})`,
+					transform: `translate(${K.left},${K.top})`,
 					children: [
-						!w && o && /* @__PURE__ */ p(_t, {
+						!w && o && /* @__PURE__ */ p(vt, {
 							scale: d,
 							orientation: "y",
 							length: i,
 							tickCount: v
 						}),
-						!w && !o && /* @__PURE__ */ p(_t, {
+						!w && !o && /* @__PURE__ */ p(vt, {
 							scale: d,
 							orientation: "x",
 							length: a,
 							tickCount: g
 						}),
-						!w && St(T, {
+						!w && Ct(T, {
 							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;
+							let i = n.color ?? dn[e.indexOf(n) % dn.length], a = e.indexOf(n), s = l === "grouped" ? u.bandwidth / b.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];
 									h = e[1], g = e[0];
-								} else h = F(n)(e), g = z;
+								} else h = P(n)(e), g = z;
 								let _ = f + (l === "grouped" ? r * s : 0), v = Math.min(d.map(h), d.map(g)), y = Math.abs(d.map(h) - d.map(g)), b = null;
 								if (j) {
-									let t = j.format(F(n)(e)), r = _ + s / 2, i = ne || y < 18 || v < 14;
-									if (o) b = /* @__PURE__ */ p(Et, {
+									let t = j.format(P(n)(e)), r = _ + s / 2, i = ne || y < 18 || v < 14;
+									if (o) b = /* @__PURE__ */ p(Dt, {
 										x: r,
 										y: i ? v + 13 : v - 4,
 										text: t,
@@ -2844,7 +2879,7 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 									});
 									else {
 										let e = v + y;
-										b = /* @__PURE__ */ p(Et, {
+										b = /* @__PURE__ */ p(Dt, {
 											x: i ? e - 4 : e + 4,
 											y: r + 4,
 											text: t,
@@ -2859,7 +2894,7 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 									y: v,
 									width: s,
 									height: y,
-									fill: At(A, n.id, O, i),
+									fill: jt(A, n.id, O, i),
 									rx: 2,
 									"data-series": n.id
 								}) : /* @__PURE__ */ p("rect", {
@@ -2867,7 +2902,7 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 									y: _,
 									width: y,
 									height: s,
-									fill: At(A, n.id, O, i),
+									fill: jt(A, n.id, O, i),
 									rx: 2,
 									"data-series": n.id
 								}), b] }, `${n.id}-${c}`);
@@ -2904,11 +2939,11 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 					]
 				})] });
 			}
-		}), P && /* @__PURE__ */ p(Xt, {
+		}), ee && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? sn[t % sn.length]
+				color: e.color ?? dn[t % dn.length]
 			})),
 			hidden: M
 		})]
@@ -2916,15 +2951,15 @@ function ln({ series: e, x: t, y: n, title: r, description: a, orientation: c =
 }
 //#endregion
 //#region src/charts/pie-chart/pie-chart.tsx
-function un(e) {
+function mn(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 hn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function gn({ data: e, title: t, description: n, donut: r = !1, width: a, height: s, size: c, thickness: l, innerRadius: u, centerValue: d, centerLabel: f, centerSlot: h, emptyLabel: g, tooltip: _, tooltipFormat: v, legend: y, className: b, plain: x, labels: S, onSelect: C }) {
+	let T = x ? null : Et(S), E = typeof S == "object" && !!S && S.format != null, D = a ?? c, O = s ?? c ?? (x ? 48 : 300), k = x ? !1 : y ?? !0;
 	o();
-	let k = i(/* @__PURE__ */ new Set()), A = e.length > 0;
+	let A = i(/* @__PURE__ */ new Set()), j = e.length > 0;
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -2934,8 +2969,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,13 +2987,13 @@ function fn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 					] }, t.id);
 				}) })
 			] }),
-			className: y,
-			"data-state": A ? void 0 : "empty",
+			className: b,
+			"data-state": j ? void 0 : "empty",
 			emptyLabel: g,
-			plain: b,
-			tooltip: 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;
+			plain: x,
+			tooltip: _ !== !1 && j ? ({ width: t, height: n }) => {
+				if (!j) return;
+				let r = t / 2, i = n / 2, a = Math.min(r, i) - 8, o = e.filter((e) => !A.value.has(e.id)), s = o.reduce((e, t) => e + t.value, 0), c = 0;
 				return {
 					points: o.map((e, t) => {
 						let n = s > 0 ? e.value / s * 2 * Math.PI : 0, o = c + n, l = (c + o) / 2;
@@ -2970,29 +3005,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 ?? hn[t % hn.length]
 						};
 					}),
-					format: _ ?? un
+					format: v ?? mn
 				};
 			} : 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);
+				let i = t / 2, a = n / 2, o = Math.min(i, a) - 8, s = u ?? (l == null ? o * .6 : o - l), c = r ? Math.max(0, Math.min(s, o)) : 0, g = e.filter((e) => !A.value.has(e.id)), _ = g.reduce((e, t) => e + t.value, 0), v = 0, y = r && (d != null || f != null || h != null);
 				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 ?? hn[t % hn.length], u = P(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,35 +3070,35 @@ function fn({ data: e, title: t, description: n, donut: r = !1, width: a, height
 					})
 				}))] });
 			}
-		}), O && /* @__PURE__ */ p(Xt, {
+		}), k && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? dn[t % dn.length]
+				color: e.color ?? hn[t % hn.length]
 			})),
-			hidden: k
+			hidden: A
 		})]
 	});
 }
 //#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 _n = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function vn({ series: e, title: t, description: n, r = 4, width: a, height: s, xTicks: c = 5, yTicks: l = 5, legend: u, tooltip: d, className: g, plain: _, annotations: v, onSelect: y, glyph: b, renderer: x = "svg", visualMap: S, toolbox: C }) {
 	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 w = i(/* @__PURE__ */ new Set()), T = _ ? Ue : He, E = s ?? (_ ? 48 : 300), D = _ ? !1 : u ?? e.length > 1, O = e.reduce((e, t) => e + t.data.length, 0), k = !S && (x === "canvas" || x === "auto" && O > 2e3), A = i([S?.min ?? 0, S?.max ?? 1]), j = i(/* @__PURE__ */ new Set()), M = (t, { width: n, height: i }) => {
 		let a = n - T.left - T.right, o = i - T.top - T.bottom;
 		if (a <= 0 || o <= 0) return;
-		let s = h([I, L], [0, a]), c = h([ee, te], [o, 0]);
+		let s = h([F, I], [0, a]), c = h([L, te], [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;
+				t.fillStyle = $e(t, e.color ?? _n[n % _n.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.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;
+	}, N = e.flatMap((e) => e.data.map((e) => e.x)), ee = e.flatMap((e) => e.data.map((e) => e.y)), P = N.length > 0, F = P ? Math.min(...N) : 0, I = P ? Math.max(...N) : 1, L = P ? Math.min(0, ...ee) : 0, te = P ? Math.max(...ee) : 1;
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -3090,11 +3125,11 @@ 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]);
+				tooltip: d !== !1 && P ? ({ width: t, height: n }) => {
+					if (d === !1 || !P) return;
+					let r = t - T.left - T.right, i = n - T.top - T.bottom, a = h([F, I], [0, r]), o = h([L, te], [i, 0]);
 					return { points: e.flatMap((e) => w.value.has(e.id) ? [] : e.data.map((t, n) => ({
 						id: `${e.id}-${n}`,
 						cx: T.left + a.map(t.x),
@@ -3113,17 +3148,17 @@ function mn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 					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 - T.left - T.right, a = n - T.top - T.bottom, o = h([F, I], [0, i]), s = h([L, te], [a, 0]);
 					return /* @__PURE__ */ p("g", { children: /* @__PURE__ */ m("g", {
 						transform: `translate(${T.left},${T.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,
@@ -3131,12 +3166,12 @@ function mn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 							}),
 							!k && e.map((e, t) => {
 								if (w.value.has(e.id)) return null;
-								let n = e.color ?? pn[t % pn.length];
+								let n = e.color ?? _n[t % _n.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),
@@ -3173,17 +3208,17 @@ 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, {
+			D && /* @__PURE__ */ p(Zt, {
 				series: e.map((e, t) => ({
 					id: e.id,
 					label: e.label,
-					color: e.color ?? pn[t % pn.length]
+					color: e.color ?? _n[t % _n.length]
 				})),
 				hidden: w
 			})
@@ -3192,7 +3227,7 @@ function mn({ series: e, title: t, description: n, r = 4, width: a, height: s, x
 }
 //#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 yn({ 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 +3265,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 bn(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 xn({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar", thresholds: a, width: o = 200, height: s }) {
+	let c = n > t ? (Math.min(n, Math.max(t, e)) - t) / (n - t) : 0, l = bn(e, t, n, a);
 	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, _ = P(u, d, f, h, g, 2 * Math.PI), v = g + c * Math.PI, y = c > 0 ? P(u, d, f, h, g, v) : "";
 		return /* @__PURE__ */ m("div", {
 			"aria-label": r,
 			role: "meter",
@@ -3312,38 +3347,30 @@ function _n({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar",
 		})]
 	});
 }
+var Sn = {
+	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 Cn(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 wn({ 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: [Sn.kpi, s].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ m("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between"
-				},
+				className: Sn.head,
 				children: [/* @__PURE__ */ p("span", {
-					style: {
-						fontSize: "var(--cascivo-text-sm)",
-						color: "var(--cascivo-color-foreground-muted)"
-					},
+					className: Sn.label,
 					children: t
 				}), a && /* @__PURE__ */ p("span", {
 					"aria-hidden": "true",
@@ -3351,39 +3378,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: Sn.valueRow,
 				children: [/* @__PURE__ */ p("span", {
-					style: {
-						fontSize: "var(--cascivo-text-2xl)",
-						fontWeight: 700,
-						lineHeight: 1,
-						color: "var(--cascivo-color-foreground)"
-					},
+					className: Sn.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: Sn.delta,
+					"data-trend": c ? "up" : l ? "down" : "flat",
+					"aria-label": `Trend: ${Cn(n, r)}${i ? ` ${i}` : ""}`,
 					children: [
 						c ? "▲" : l ? "▼" : "–",
 						" ",
-						vn(n, r),
+						Cn(n, r),
 						i && ` ${i}`
 					]
 				})]
 			}),
-			o && o.length > 0 && /* @__PURE__ */ p(hn, {
+			o && o.length > 0 && /* @__PURE__ */ p(yn, {
 				data: o,
 				label: `${t} trend`,
-				width: 120,
 				height: 32
 			})
 		]
@@ -3391,9 +3405,9 @@ 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 Tn({ data: e, bins: t, title: n, label: r, description: i, width: a, height: s, className: c, plain: l }) {
 	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 u = l ? Ue : He, d = s ?? (l ? 48 : 300), g = B(e, t), _ = g.reduce((e, t) => Math.max(e, t.count), 0);
 	return /* @__PURE__ */ p(Q, {
 		title: n,
 		description: i,
@@ -3434,7 +3448,7 @@ function bn({ data: e, bins: t, title: n, label: r, description: i, width: a, he
 			return /* @__PURE__ */ m("g", {
 				transform: `translate(${u.left},${u.top})`,
 				children: [
-					!l && /* @__PURE__ */ p(_t, {
+					!l && /* @__PURE__ */ p(vt, {
 						scale: i,
 						orientation: "y",
 						length: n.width
@@ -3467,10 +3481,10 @@ 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 En = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Dn({ series: e, title: t, description: n, width: r, height: i, className: a, plain: s }) {
 	o();
-	let c = s ? Z : X, l = i ?? (s ? 48 : 320), u = e.map((e) => ({
+	let c = s ? Ue : He, l = i ?? (s ? 48 : 320), u = e.map((e) => ({
 		...e,
 		stats: V(e.values)
 	})), d = e.flatMap((e) => e.values), [g, v] = d.length > 0 ? H(d) : [0, 1];
@@ -3532,7 +3546,7 @@ function Sn({ series: e, title: t, description: n, width: r, height: i, classNam
 			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);
+					let n = En[t % En.length] ?? "var(--cascivo-chart-1)", i = (r.map(e.id) ?? 0) + r.bandwidth / 2, o = r.bandwidth * .6, s = i - o / 2, c = a.map(e.stats.q1), l = a.map(e.stats.q3), u = a.map(e.stats.median), d = a.map(e.stats.min), f = a.map(e.stats.max);
 					return /* @__PURE__ */ m("g", { children: [
 						/* @__PURE__ */ p("line", {
 							x1: i,
@@ -3609,10 +3623,10 @@ 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 On = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), kn = 3, An = 24;
+function jn({ series: e, title: t, description: n, width: r, height: a, tooltip: s, className: c, plain: l, glyph: u }) {
 	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 d = i(null), g = l ? Ue : He, _ = a ?? (l ? 48 : 320), y = e.flatMap((e) => e.data), [b, x] = y.length > 0 ? H(y.map((e) => e.x)) : [0, 1], [S, C] = y.length > 0 ? H(y.map((e) => e.y)) : [0, 1], [w, T] = y.length > 0 ? H(y.map((e) => e.size)) : [0, 1], E = v([w, T], [kn, An]), D = y.length > 0;
 	return /* @__PURE__ */ p(Q, {
 		title: t,
 		description: n,
@@ -3663,13 +3677,13 @@ function En({ series: e, title: t, description: n, width: r, height: a, tooltip:
 			return /* @__PURE__ */ m("g", {
 				transform: `translate(${g.left},${g.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 = On[t % On.length] ?? "var(--cascivo-chart-1)";
 						return /* @__PURE__ */ p("g", {
 							opacity: d.value !== null && d.value !== e.name ? .2 : 1,
 							onMouseEnter: () => {
@@ -3680,7 +3694,7 @@ function En({ series: e, title: t, description: n, width: r, height: a, tooltip:
 							},
 							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),
@@ -3718,120 +3732,160 @@ 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 Mn = "var(--cascivo-chart-1)", Nn = "var(--cascivo-chart-2)";
+function Pn({ bars: e, line: t, title: n, description: r, secondAxis: a = !1, barsLabel: s = "Bars", lineLabel: c = "Line", legend: l, xLabelEvery: u, width: d, height: g, tooltip: v, className: y, plain: b, annotations: x }) {
 	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 S = i(/* @__PURE__ */ new Set()), C = g ?? (b ? 48 : 320), w = e.reduce((e, t) => Math.max(e, t.value), 0) || 1, T = t.length > 0 ? Math.min(...t.map((e) => e.y)) : 0, D = t.length > 0 ? Math.max(...t.map((e) => e.y)) : 1, O = e.length > 0, k = b ? !1 : l ?? (e.length > 0 && t.length > 0);
+	t.length > 0 && e.length > 0 && t.length !== e.length && tn("ComboChart:length-mismatch", `ComboChart: \`line\` has ${t.length} point(s) but \`bars\` has ${e.length}. The two are correlated by array index, so the line is drawn against the wrong categories. Pass one line point per bar (use a null-valued point for a gap).`), !a && t.length > 0 && e.length > 0 && nn("ComboChart", [{
+		label: s,
+		max: w
+	}, {
+		label: c,
+		max: D
+	}]);
+	let A = h([0, w], [0, 1]).ticks(5).map((e) => e.toLocaleString()), j = a ? h([T, D || T + 1], [0, 1]).ticks(5).map((e) => e.toLocaleString()) : [], M = e.map((e) => e.label), N = b ? Ue : {
+		...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: C,
+			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 && O ? ({ width: n, height: r }) => {
+				if (v === !1 || !O) return;
+				let i = {
+					width: n - N.left - N.right,
+					height: r - N.top - N.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, w], [i.height, 0]), c = a ? h([T, D || T + 1], [i.height, 0]) : s, l = e.map((e, t) => ({
+					id: `bar-${t}`,
+					cx: N.left + (o.map(e.label) ?? 0) + o.bandwidth / 2,
+					cy: N.top + s.map(e.value),
+					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: N.left + a,
+						cy: N.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 - N.left - N.right,
+					height: r - N.top - N.bottom
+				};
+				if (i.width <= 0 || e.length === 0) return null;
+				let o = _(e.map((e) => e.label), [0, i.width], .2), s = h([0, w], [i.height, 0]), c = a ? h([T, D || T + 1], [i.height, 0]) : s, l = t.map((n, r) => [e[r] ? (o.map(e[r].label) ?? 0) + o.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1), c.map(n.y)]), d = l.length > 1 ? E(l, "monotone") : "", g = u ?? qe(M, i.width), v = S.value.has("bars"), y = S.value.has("line");
+				return /* @__PURE__ */ m("g", {
+					transform: `translate(${N.left},${N.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: Mn,
+								opacity: .75
+							}, e.label);
+						}),
+						d && !y && /* @__PURE__ */ p("path", {
+							d,
+							fill: "none",
+							stroke: Nn,
+							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})`
+							}),
+							/* @__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: Mn
+			}, ...t.length > 0 ? [{
+				id: "line",
+				label: c,
+				color: Nn
+			}] : []],
+			hidden: S
+		})]
 	});
 }
 //#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 Fn({ data: e, title: t, description: n, width: r, height: a, className: s, plain: c, visualMap: l, toolbox: u }) {
 	o();
-	let d = a ?? (c ? 48 : 320), h = c ? Z : {
+	let d = a ?? (c ? 48 : 320), h = c ? Ue : {
 		top: 20,
 		right: 20,
 		bottom: 60,
@@ -3886,7 +3940,7 @@ function On({ data: e, title: t, description: n, width: r, height: a, className:
 			return /* @__PURE__ */ m("g", {
 				transform: `translate(${h.left},${h.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(S(e.value) * 100), s = l ? qt(e.value, l).color ?? "var(--cascivo-chart-1)" : `color-mix(in oklab, var(--cascivo-chart-1) ${o}%, var(--cascivo-color-neutral-100))`, c = l ? Jt(e.value, l, C.value, w.value) : !0;
 					return /* @__PURE__ */ p("rect", {
 						x: n,
 						y: r,
@@ -3916,7 +3970,7 @@ function On({ data: e, title: t, description: n, width: r, height: a, className:
 			flexDirection: "column",
 			gap: "0.5rem"
 		},
-		children: [T, /* @__PURE__ */ p(Jt, {
+		children: [T, /* @__PURE__ */ p(Yt, {
 			options: l,
 			range: C,
 			hidden: w,
@@ -3926,8 +3980,8 @@ function On({ data: e, title: t, description: n, width: r, height: a, className:
 }
 //#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 In = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Ln({ data: e, title: t, description: n, width: r, height: i, className: a, plain: c }) {
 	o();
 	let l = s();
 	return /* @__PURE__ */ p(Q, {
@@ -3943,7 +3997,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: K(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n).map((t) => {
@@ -3959,7 +4013,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 = K(e.map((e) => ({
 				id: e.id,
 				value: e.value
 			})), t, n), i = new Map(e.map((e) => [e.id, e.label]));
@@ -3972,7 +4026,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 = In[t % In.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 +4050,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 Rn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), zn = 4;
+function Bn(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 +4061,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 Vn({ 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 +4093,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: zn }, (e, t) => (t + 1) / zn * 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 +4131,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 = Bn(e.values, d, i, a, o).map((e) => `${e.x},${e.y}`).join(" "), r = Rn[t % Rn.length] ?? "var(--cascivo-chart-1)";
 					return /* @__PURE__ */ p("polygon", {
 						points: n,
 						fill: r,
@@ -4092,12 +4146,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 Hn = [
 	"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 Un({ 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 +4178,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: Hn[t % Hn.length] ?? "var(--cascivo-color-neutral-200)"
 					}, t);
 				}),
 				/* @__PURE__ */ p("rect", {
@@ -4151,8 +4205,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 Wn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Gn({ data: e, title: t, description: n, size: r, width: a, height: s, max: c, sweep: l = 270, centerValue: u, centerLabel: d, centerSlot: f, tooltip: h, legend: g, className: _, plain: v }) {
 	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));
@@ -4177,7 +4231,7 @@ 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 ?? Wn[t % Wn.length]
 			};
 		}) };
 	}, A = /* @__PURE__ */ m("table", { children: [
@@ -4204,15 +4258,15 @@ function Rn({ data: e, title: t, description: n, size: r, width: a, height: s, m
 			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 ?? Wn[t % Wn.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: P(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: P(n, r, a, s, D, u),
 							fill: c
 						})]
 					}, e.id);
@@ -4256,11 +4310,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 ?? Wn[t % Wn.length]
 			})),
 			hidden: y
 		})]
@@ -4268,10 +4322,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 Kn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function qn({ data: e, title: t, description: n, width: r, height: i, showConversion: a = !1, tooltip: s, className: c, plain: l }) {
 	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 +4359,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 ?? Kn[t % Kn.length]
 				})),
 				format: (e) => `${e.label}: ${e.value} (${Math.round(e.percent ?? 0)}%)`
 			};
@@ -4315,7 +4369,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 ?? Kn[n % Kn.length], v = [
 					[d - i, f],
 					[d + i, f],
 					[d + s, h],
@@ -4327,7 +4381,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 +4394,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 Jn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Yn({ series: e, categories: t, title: n, description: r, offset: a = "silhouette", curve: s = "basis", width: c, height: l, legend: u, tooltip: d, className: f, plain: g }) {
 	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 v = i(/* @__PURE__ */ new Set()), y = g ? Ue : He, b = l ?? (g ? 48 : 300), x = g ? !1 : u ?? e.length > 1, S = t.length > 0 && e.length > 0, C = ie(e.map((e) => e.values), a), [w, T] = q(C);
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -4378,7 +4432,7 @@ function Hn({ series: e, categories: t, title: n, description: r, offset: a = "s
 							label: `${e.label} · ${String(t)}`,
 							value: e.values[i] ?? 0,
 							seriesId: e.id,
-							color: e.color ?? Vn[n % Vn.length]
+							color: e.color ?? Jn[n % Jn.length]
 						};
 					});
 				}) };
@@ -4391,7 +4445,7 @@ function Hn({ series: e, categories: t, title: n, description: r, offset: a = "s
 					transform: `translate(${y.left},${y.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])]);
+						let r = C[n], i = e.color ?? Jn[n % Jn.length], a = t.map((e, t) => [l(t), c.map(r[t][1])]), o = t.map((e, t) => [l(t), c.map(r[t][0])]);
 						return /* @__PURE__ */ p("path", {
 							d: `${E(a, s)}${E([...o].reverse(), s).replace(/^M/, "L")}Z`,
 							fill: i,
@@ -4406,11 +4460,11 @@ function Hn({ series: e, categories: t, title: n, description: r, offset: a = "s
 					})]
 				});
 			}
-		}), x && /* @__PURE__ */ p(Xt, {
+		}), x && /* @__PURE__ */ p(Zt, {
 			series: e.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.color ?? Vn[t % Vn.length]
+				color: e.color ?? Jn[t % Jn.length]
 			})),
 			hidden: v
 		})]
@@ -4418,10 +4472,10 @@ function Hn({ series: e, categories: t, title: n, description: r, offset: a = "s
 }
 //#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 Xn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function Zn({ data: e, title: t, description: n, size: r, width: i, height: a, tooltip: s, className: c, plain: l }) {
 	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 = J(e), h = f > 0, g = Y(e), _ = Math.max(1, ae(g));
 	return /* @__PURE__ */ p(Q, {
 		title: t,
 		description: n,
@@ -4448,7 +4502,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 ?? Xn[t % Xn.length]
 					};
 				}),
 				format: (e) => `${e.label}: ${e.value} (${Math.round(e.percent ?? 0)}%)`
@@ -4457,9 +4511,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 ?? Xn[t % Xn.length];
 				return /* @__PURE__ */ p("path", {
-					d: F(n, r, o, a, e.a0, e.a1),
+					d: P(n, r, o, a, e.a0, e.a1),
 					fill: s,
 					fillOpacity: 1 - (e.depth - 1) * .18,
 					stroke: "var(--cascivo-color-surface)",
@@ -4472,10 +4526,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 Qn = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function $n({ nodes: e, links: t, title: n, description: r, width: i, height: a, tooltip: s, className: c, plain: l }) {
 	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 ?? Qn[n % Qn.length];
 	return /* @__PURE__ */ p(Q, {
 		title: n,
 		description: r,
@@ -4499,7 +4553,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 +4569,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: se(e),
 					fill: h(e.source.id, o.indexOf(e.source)),
 					fillOpacity: .32,
 					"data-link": ""
@@ -4551,23 +4605,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 er = 864e5, tr = (e) => e instanceof Date ? e : new Date(e), nr = (e) => e.toISOString().slice(0, 10);
+function rr(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 ir({ 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(nr(tr(t.day)), t.value);
+	let y = e.map((e) => tr(e.day)), b = rr(r ? tr(r) : y.reduce((e, t) => t < e ? t : e, y[0] ?? /* @__PURE__ */ new Date())), x = a ? tr(a) : y.reduce((e, t) => t > e ? t : e, y[0] ?? /* @__PURE__ */ new Date()), S = h ? Math.max(1, Math.ceil((x.getTime() - b.getTime()) / er / 7)) : 1, C = Math.max(1, ...e.map((e) => e.value)), w = c ?? (d ? 48 : 160), T = [];
 	for (let 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) * er);
 		n > x || T.push({
 			col: e,
 			row: t,
 			date: n,
-			value: v.get(Yn(n)) ?? 0
+			value: v.get(nr(n)) ?? 0
 		});
 	}
 	let E = /* @__PURE__ */ p(Q, {
@@ -4578,7 +4632,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: nr(tr(e.day)) }), /* @__PURE__ */ p("td", { children: e.value })] }, t)) })
 		] }),
 		className: u,
 		"data-state": h ? void 0 : "empty",
@@ -4588,10 +4642,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: `${nr(e.date)}-${n}`,
 					cx: e.col * (t + 2) + t / 2,
 					cy: e.row * (t + 2) + t / 2,
-					label: Yn(e.date),
+					label: nr(e.date),
 					value: e.value
 				})),
 				format: (e) => `${e.label}: ${e.value}`
@@ -4600,7 +4654,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 +4663,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": nr(e.date)
 				}, n);
 			}) });
 		}
@@ -4620,7 +4674,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,11 +4684,11 @@ 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 ar({ data: e, title: t, description: n, width: r, height: s, yTicks: l = 5, upColor: u = "var(--cascivo-chart-2)", downColor: d = "var(--cascivo-chart-4)", volume: g, tooltip: v, className: y, plain: b, annotations: x, brush: S, dataZoom: C, zoom: w, syncId: T, tooltipMode: E }) {
 	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 D = b ? Ue : He, O = s ?? (b ? 64 : 320), k = e.length, A = (S || C || w || T !== void 0) && k > 0, j = i([0, Math.max(0, k - 1)]), M = c(null);
+	T && !M.current && (M.current = ft(T)), a(() => () => {
+		T && pt(T);
 	}), a(() => {
 		let e = M.current;
 		if (!e) return;
@@ -4646,7 +4700,7 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 		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 N = A ? e.slice(j.value[0], j.value[1] + 1) : e, ee = N.length > 0, P = ee ? Math.min(...N.map((e) => e.low)) : 0, F = ee ? Math.max(...N.map((e) => e.high)) : 1, I = ee ? Math.max(1, ...N.map((e) => e.volume ?? 0)) : 1, L = N.map((e) => e.t);
 	return /* @__PURE__ */ m("div", {
 		style: {
 			display: "flex",
@@ -4677,13 +4731,13 @@ 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": ee ? void 0 : "empty",
 				plain: b,
-				tooltip: v !== !1 && P ? ({ width: e, height: t }) => {
-					if (v === !1 || !P) return;
+				tooltip: v !== !1 && ee ? ({ width: e, height: t }) => {
+					if (v === !1 || !ee) return;
 					let n = e - D.left - D.right, r = t - D.top - D.bottom;
 					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 = _(L, [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) => ({
 							id: `c-${t}`,
@@ -4716,7 +4770,7 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 							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) => ({
 							id: `c-${t}`,
@@ -4740,12 +4794,12 @@ function Qn({ data: e, title: t, description: n, width: r, height: s, yTicks: l
 				} : 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;
+					if (n <= 0 || !ee) return null;
+					let i = _(L, [0, n], .3), a = h([P, F], [r, 0]), o = g ? Math.min(r * .2, 60) : 0, s = r - o, c = h([P, F], [s, 0]), v = i.bandwidth;
 					return /* @__PURE__ */ m("g", {
 						transform: `translate(${D.left},${D.top})`,
 						children: [
-							!b && /* @__PURE__ */ p(_t, {
+							!b && /* @__PURE__ */ p(vt, {
 								scale: a,
 								orientation: "y",
 								length: n,
@@ -4775,9 +4829,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 / I * o),
 											width: v,
-											height: e.volume / L * o,
+											height: e.volume / I * o,
 											fill: a,
 											fillOpacity: .4,
 											"data-volume": ""
@@ -4785,7 +4839,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,
@@ -4806,12 +4860,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 +4875,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 or = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function sr({ data: e, title: t, description: n, mode: r = "bar", width: i, height: a, rings: s = 4, max: c, tooltip: l, className: u, plain: d }) {
 	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 = Z(_), 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 +4888,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 +4905,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] = xe(r, i, a.map(e.value), n);
 					return {
 						id: `p-${t}`,
 						cx: o,
@@ -4867,7 +4921,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 xe(i, a, c.map(e.value), t);
 			});
 			return /* @__PURE__ */ m("g", { children: [
 				!d && l.map((e, t) => /* @__PURE__ */ p("circle", {
@@ -4882,13 +4936,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: P(i, a, c.map(e.value), 0, n + r, n + y.bandwidth - r),
+						fill: e.color ?? or[t % or.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 ?? or[0];
 					return /* @__PURE__ */ m(f, { children: [r === "area" && /* @__PURE__ */ p("path", {
 						d: `${E(t, "linear")}Z`,
 						fill: n,
@@ -4904,7 +4958,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] = xe(i, a, o + 12, n);
 					return /* @__PURE__ */ p("text", {
 						x: r,
 						y: s,
@@ -4922,10 +4976,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 cr = Math.PI / 180;
+function lr({ value: e, min: t = 0, max: n = 100, thresholds: r, unit: i = "", sweep: a = 270, ticks: s = 5, title: c, description: l, width: u, height: d, className: f, plain: h }) {
 	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 * cr, x = -b / 2, S = (e) => x + (e - t) / _ * b;
 	return /* @__PURE__ */ p(Q, {
 		title: c,
 		description: l,
@@ -4945,7 +4999,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: P(c, l, u, f, x, x + b),
 					fill: "var(--cascivo-chart-grid)",
 					fillOpacity: .25,
 					"data-track": ""
@@ -4953,13 +5007,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: P(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] = xe(c, l, f - 2, n), [a, o] = xe(c, l, f - 8, n), [s, u] = xe(c, l, f - 18, n);
 					return /* @__PURE__ */ m("g", { children: [/* @__PURE__ */ p("line", {
 						x1: r,
 						y1: i,
@@ -4979,7 +5033,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] = xe(c, l, g, S(v));
 					return /* @__PURE__ */ p("line", {
 						x1: c,
 						y1: l,
@@ -5013,4 +5067,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, pn as BarChart, Dn as Boxplot, zt as Brush, jn as BubbleChart, Un as Bullet, ir as Calendar, ar as Candlestick, Qe as CanvasLayer, Mt as ChartDefs, Q as ChartFrame, Pn as ComboChart, He as DEFAULT_MARGINS, Dt as DataLabel, Bt as DataZoom, qn as Funnel, lr as Gauge, Pt as Glyph, vt as GridLines, Fn as Heatmap, Tn as Histogram, wn as Kpi, Zt as Legend, on as LineChart, xn as Meter, Ue as PLAIN_MARGINS, gn as PieChart, sr as Polar, Vn as Radar, Gn as RadialBar, $n as Sankey, vn as ScatterChart, yn as Sparkline, Yn as Stream, Zn as Sunburst, Rt as Text, at as Toolbox, Ln as Treemap, Yt as VisualMap, mt as _syncGroupCount, De as aggregate, Z as angleBand, wt as annotationSummary, P as arcPath, ee as areaPath, qe as autoLabelStride, _ as bandScale, Oe as bin, B as binValues, Be as bindStream, V as boxStats, R as cellPath, Le as decimate, _e as divergingRamp, lt as download, Ne as encode, Pe as encodeCategory, H as extent, jt as fillFor, Ce as filter, ft as getSyncGroup, Nt as glyphPath, kt as gradientId, rt as isZoomed, Ge as leftMarginForLabels, E as linePath, h as linearScale, se as linkPath, y as logScale, Fe as lttb, qt as mapVisual, ae as maxDepth, Ie as minmax, L as nearestIndex, g as niceTicks, nt as panWindow, Y as partition, At as patternId, Kt as pieceIndex, xe as polarPoint, w as quantize, Se as radiusScale, be as rampLightness, ve as rampOf, ye as rampStops, je as regression, pt as releaseSyncGroup, St as renderAnnotation, Ct as renderAnnotations, $e as resolveColor, Et as resolveLabels, Ke as rightMarginForLabels, oe as sankeyLayout, ge as sequentialRamp, st as serializeSvg, Te as sort, T as splitDefined, v as sqrtScale, K as squarify, F as stackSeries, q as streamExtent, ie as streamLayout, J as sumValue, ct as svgToPngBlob, C as timeScale, I as toStackedSeries, Ve as useChartSize, ze as useStreamSeries, Jt as visualVisible, re as voronoiCells, te as voronoiFind, Lt as wrapText, tt as zoomWindow };