@cascivo/charts 0.2.0

package/dist/index.js

@@ -0,0 +1,2090 @@
+"use client";
+import { useSignal as e, useSignalEffect as t, useSignals as n } from "@cascivo/core";
+import { useId as r, useRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { builtin as c, t as l } from "@cascivo/i18n";
+//#region src/engine/scale.ts
+function u(e, t) {
+	let [n, r] = e, [i, a] = t, o = r - n;
+	return {
+		domain: e,
+		range: t,
+		map: (e) => o === 0 ? i : i + (e - n) / o * (a - i),
+		invert: (e) => a - i === 0 ? n : n + (e - i) / (a - i) * o,
+		ticks: (e = 5) => d(n, r, e)
+	};
+}
+function d(e, t, n = 5) {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || e === t) return [e];
+	e > t && ([e, t] = [t, e]);
+	let r = (t - e) / Math.max(1, n), i = 10 ** Math.floor(Math.log10(r)), a = [
+		1,
+		2,
+		2.5,
+		5,
+		10
+	], o = r / i, s = (a.find((e) => e >= o) ?? 10) * i, c = Math.ceil(e / s), l = Math.floor(t / s + 1e-9), u = [], d = Math.max(0, Math.ceil(-Math.log10(s)) + 2);
+	for (let e = c; e <= l; e++) u.push(parseFloat((e * s).toFixed(d)));
+	return u;
+}
+function f(e, t, n = .1) {
+	let [r, i] = t, a = e.length, o = (i - r) / Math.max(1, a + n * (a + 1)), s = o, c = o * n, l = new Map(e.map((e, t) => [e, t]));
+	return {
+		domain: e,
+		range: t,
+		bandwidth: s,
+		map: (e) => {
+			let t = l.get(e);
+			return t === void 0 ? void 0 : r + c + t * (o + c);
+		}
+	};
+}
+function p(e, t) {
+	let [n, r] = e, [i, a] = t, o = Math.sqrt(Math.max(0, n)), s = Math.sqrt(Math.max(0, r)) - o;
+	return (e) => s === 0 ? (i + a) / 2 : i + (Math.sqrt(Math.max(0, e)) - o) / s * (a - i);
+}
+//#endregion
+//#region src/engine/scale-log.ts
+function m(e, t) {
+	let [n, r] = e;
+	if (n <= 0 || r <= 0) throw Error(`logScale: domain must be strictly positive, got [${n}, ${r}]`);
+	let [i, a] = t, o = Math.log10(n), s = Math.log10(r), c = s - o;
+	return {
+		domain: e,
+		range: t,
+		map: (e) => c === 0 ? i : i + (Math.log10(e) - o) / c * (a - i),
+		invert: (e) => 10 ** (o + (e - i) / (a - i) * c),
+		ticks: () => {
+			let e = Math.ceil(o), t = Math.floor(s), i = [];
+			for (let n = e; n <= t; n++) i.push(10 ** n);
+			if (i.length < 3) {
+				let e = [];
+				for (let t = Math.floor(o); t <= Math.ceil(s); t++) for (let i of [2, 5]) {
+					let a = i * 10 ** t;
+					a > n && a < r && e.push(a);
+				}
+				i.push(...e), i.sort((e, t) => e - t);
+			}
+			return i.filter((e) => e >= n && e <= r);
+		}
+	};
+}
+//#endregion
+//#region src/engine/scale-time.ts
+var h = [
+	{
+		unit: "minute",
+		ms: 6e4
+	},
+	{
+		unit: "hour",
+		ms: 36e5
+	},
+	{
+		unit: "day",
+		ms: 864e5
+	},
+	{
+		unit: "week",
+		ms: 6048e5
+	},
+	{
+		unit: "month",
+		ms: 26298e5
+	},
+	{
+		unit: "quarter",
+		ms: 78894e5
+	},
+	{
+		unit: "year",
+		ms: 315576e5
+	}
+];
+function g(e, t) {
+	let n = e.getUTCFullYear(), r = e.getUTCMonth();
+	if (t === "year") return new Date(Date.UTC(n, 0, 1));
+	if (t === "quarter") return new Date(Date.UTC(n, Math.floor(r / 3) * 3, 1));
+	if (t === "month") return new Date(Date.UTC(n, r, 1));
+	if (t === "week") {
+		let t = e.getUTCDate() - e.getUTCDay();
+		return new Date(Date.UTC(n, r, t));
+	}
+	return t === "day" ? new Date(Date.UTC(n, r, e.getUTCDate())) : t === "hour" ? new Date(Date.UTC(n, r, e.getUTCDate(), e.getUTCHours())) : new Date(Date.UTC(n, r, e.getUTCDate(), e.getUTCHours(), e.getUTCMinutes()));
+}
+function _(e, t, n = 1) {
+	let r = e.getUTCFullYear(), i = e.getUTCMonth();
+	if (t === "year") return new Date(Date.UTC(r + n, i, 1));
+	if (t === "quarter") return new Date(Date.UTC(r, i + 3 * n, 1));
+	if (t === "month") return new Date(Date.UTC(r, i + n, 1));
+	let a = {
+		week: 6048e5,
+		day: 864e5,
+		hour: 36e5,
+		minute: 6e4
+	}[t];
+	return new Date(e.getTime() + a * n);
+}
+function v(e, t) {
+	let [n, r] = e, [i, a] = t, o = r.getTime() - n.getTime();
+	function s(e) {
+		for (let t of h) if (o / t.ms <= e * 1.5) return t.unit;
+		return "year";
+	}
+	function c(e) {
+		return e === "minute" ? {
+			hour: "numeric",
+			minute: "2-digit"
+		} : e === "hour" ? { hour: "numeric" } : e === "day" || e === "week" ? {
+			month: "short",
+			day: "numeric"
+		} : e === "month" || e === "quarter" ? {
+			month: "short",
+			year: "numeric"
+		} : { year: "numeric" };
+	}
+	return {
+		domain: e,
+		range: t,
+		map: (e) => o === 0 ? i : i + (e.getTime() - n.getTime()) / o * (a - i),
+		invert: (e) => new Date(n.getTime() + (e - i) / (a - i) * o),
+		tickInterval: () => s(5),
+		tickFormat: () => c(s(5)),
+		ticks: (e = 5) => {
+			let t = s(e), i = g(n, t), a = [], o = i.getTime() >= n.getTime() ? i : _(i, t), c = 0;
+			for (; o.getTime() <= r.getTime() && c++ < 100;) a.push(o), o = _(o, t);
+			return a;
+		}
+	};
+}
+//#endregion
+//#region src/engine/shape.ts
+function y(e, t = "linear") {
+	return e.length === 0 ? "" : e.length === 1 || t === "linear" ? e.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e},${t}`).join("") : b(e);
+}
+function b(e) {
+	let t = e.length, n = [], r = [], i = [];
+	for (let a = 0; a < t - 1; a++) n[a] = e[a + 1][0] - e[a][0], r[a] = e[a + 1][1] - e[a][1], i[a] = n[a] === 0 ? 0 : r[a] / n[a];
+	let a = [i[0] ?? 0];
+	for (let e = 1; e < t - 1; e++) {
+		let t = i[e - 1], n = i[e];
+		a[e] = t * n <= 0 ? 0 : 2 * t * n / (t + n);
+	}
+	a[t - 1] = i[t - 2] ?? 0;
+	let o = `M${e[0][0]},${e[0][1]}`;
+	for (let n = 0; n < t - 1; n++) {
+		let [t, r] = e[n], [i, s] = e[n + 1], c = (i - t) / 3;
+		o += `C${t + c},${r + c * a[n]} ${i - c},${s - c * a[n + 1]} ${i},${s}`;
+	}
+	return o;
+}
+function x(e, t, n = "linear") {
+	if (e.length === 0) return "";
+	let r = y(e, n), i = e[e.length - 1], a = e[0];
+	return `${r}L${i[0]},${t}L${a[0]},${t}Z`;
+}
+function S(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 S(e, t, n, r, i, a) + S(e, t, n, r, a, i + o - 1e-9);
+	}
+	let s = (n, r) => [e + n * Math.sin(r), t - n * Math.cos(r)], c = +(a - i > Math.PI), [l, u] = s(n, i), [d, f] = s(n, a);
+	if (r <= 0) return `M${e},${t}L${l},${u}A${n},${n} 0 ${c} 1 ${d},${f}Z`;
+	let [p, m] = s(r, a), [h, g] = s(r, i);
+	return `M${l},${u}A${n},${n} 0 ${c} 1 ${d},${f}L${p},${m}A${r},${r} 0 ${c} 0 ${h},${g}Z`;
+}
+function C(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];
+		return n[t] = r + e, [r, n[t]];
+	}));
+}
+//#endregion
+//#region src/engine/nearest.ts
+function w(e, t) {
+	if (e.length === 0) return -1;
+	if (e.length === 1) return 0;
+	let n = 0, r = e.length - 1;
+	for (; n < r;) {
+		let i = n + r >> 1;
+		e[i] < t ? n = i + 1 : r = i;
+	}
+	return n > 0 && Math.abs(e[n - 1] - t) < Math.abs(e[n] - t) ? n - 1 : n;
+}
+//#endregion
+//#region src/engine/stats.ts
+function T(e) {
+	let t = e.length, n = e[Math.floor(t * .25)] ?? 0;
+	return (e[Math.floor(t * .75)] ?? 0) - n;
+}
+function E(e, t) {
+	if (e.length === 0) return [];
+	let n = [...e].sort((e, t) => e - t), r = n.length, i = n[0] ?? 0, a = n[r - 1] ?? 0;
+	if (i === a) return [{
+		x0: i,
+		x1: i + 1,
+		count: r
+	}];
+	let o;
+	if (t !== void 0 && t > 0) o = t;
+	else {
+		let e = 2 * T(n) * r ** (-1 / 3);
+		o = Math.ceil(e > 0 ? (a - i) / e : Math.sqrt(r)), o = Math.max(1, Math.min(o, 200));
+	}
+	let s = (a - i) / o, c = Array.from({ length: o }, (e, t) => ({
+		x0: i + t * s,
+		x1: i + (t + 1) * s,
+		count: 0
+	}));
+	for (let t of e) {
+		let e = c[Math.min(Math.floor((t - i) / s), o - 1)];
+		e && e.count++;
+	}
+	return c;
+}
+function D(e) {
+	if (e.length === 0) return {
+		min: 0,
+		q1: 0,
+		median: 0,
+		q3: 0,
+		max: 0,
+		outliers: []
+	};
+	let t = [...e].sort((e, t) => e - t), n = t.length, r = (e) => {
+		let t = Math.floor(e.length / 2);
+		return e.length % 2 == 0 ? ((e[t - 1] ?? 0) + (e[t] ?? 0)) / 2 : e[t] ?? 0;
+	}, i = r(t.slice(0, Math.floor(n / 2))), a = r(t.slice(Math.ceil(n / 2))), o = r(t), s = a - i, c = i - 1.5 * s, l = a + 1.5 * s, u = t.filter((e) => e >= c && e <= l), d = t.filter((e) => e < c || e > l);
+	return {
+		min: u[0] ?? t[0] ?? 0,
+		q1: i,
+		median: o,
+		q3: a,
+		max: u[u.length - 1] ?? t[n - 1] ?? 0,
+		outliers: d
+	};
+}
+function O(e) {
+	if (e.length === 0) return [0, 1];
+	let t = e[0] ?? 0, n = e[0] ?? 0;
+	for (let r of e) r < t && (t = r), r > n && (n = r);
+	return [t, n];
+}
+//#endregion
+//#region src/engine/treemap.ts
+function k(e, t, n) {
+	let r = Math.max(...e), i = Math.min(...e);
+	return Math.max(t * t * r / (n * n), n * n / (t * t * i));
+}
+function A(e, t, n, r, i, a, o) {
+	let s = e.reduce((e, t) => e + t, 0), c = t, l = n;
+	for (let t = 0; t < e.length; t++) {
+		let n = e[t] ?? 0, u = a[t] ?? "";
+		if (r >= i) {
+			let e = (s > 0 ? n / s : 0) * r;
+			o.push({
+				id: u,
+				x: c,
+				y: l,
+				w: e,
+				h: i
+			}), c += e;
+		} else {
+			let e = (s > 0 ? n / s : 0) * i;
+			o.push({
+				id: u,
+				x: c,
+				y: l,
+				w: r,
+				h: e
+			}), l += e;
+		}
+	}
+}
+function j(e, t, n, r, i, a) {
+	if (e.length === 0 || r <= 0 || i <= 0) return;
+	let o = e.reduce((e, t) => e + t.value, 0);
+	if (o === 0) return;
+	let s = r * i, c = e.map((e) => e.value / o * s), l = e.map((e) => e.id), u = [], d = [], f = Math.min(r, i), p = 0, m = 0;
+	for (; m < c.length;) {
+		let o = c[m] ?? 0, h = l[m] ?? "", g = [...u, o], _ = p + o;
+		if (u.length === 0 || k(g, f, _) <= k(u, f, p)) u = g, d = [...d, h], p = _, m++;
+		else {
+			let o = p / s;
+			if (r >= i) {
+				let s = o * r;
+				A(u, t, n, s, i, d, a), j(e.slice(m), t + s, n, r - s, i, a);
+			} else {
+				let s = o * i;
+				A(u, t, n, r, s, d, a), j(e.slice(m), t, n + s, r, i - s, a);
+			}
+			return;
+		}
+	}
+	if (u.length > 0) {
+		let e = p / s;
+		r >= i ? A(u, t, n, e * r, i, d, a) : A(u, t, n, r, e * i, d, a);
+	}
+}
+function M(e, t, n) {
+	if (e.length === 0 || t <= 0 || n <= 0) return [];
+	let r = [...e].sort((e, t) => t.value - e.value), i = [];
+	return j(r, 0, 0, t, n, i), i;
+}
+//#endregion
+//#region src/core/use-chart.ts
+function N(n = 400, r = 300) {
+	let a = i(null), o = e(n), s = e(r);
+	return t(() => {
+		let e = a.current;
+		if (!e) return;
+		if (typeof ResizeObserver > "u") {
+			let t = e.getBoundingClientRect();
+			t.width > 0 && (o.value = t.width), t.height > 0 && (s.value = t.height);
+			return;
+		}
+		let t = new ResizeObserver((e) => {
+			for (let t of e) {
+				let { contentRect: e } = t;
+				e.width > 0 && (o.value = e.width), e.height > 0 && (s.value = e.height);
+			}
+		});
+		return t.observe(e), () => t.disconnect();
+	}), {
+		ref: a,
+		width: o,
+		height: s
+	};
+}
+var P = {
+	top: 8,
+	right: 8,
+	bottom: 24,
+	left: 36
+}, F = {
+	top: 2,
+	right: 2,
+	bottom: 2,
+	left: 2
+}, I = {
+	frame: "_frame_1aivh_2",
+	fallback: "_fallback_1aivh_7"
+};
+//#endregion
+//#region src/core/data-point.ts
+function L(e) {
+	return `${e.label}: ${e.value}`;
+}
+//#endregion
+//#region src/core/chart-tooltip.tsx
+function ee({ point: e, model: t }) {
+	let n = t.format ? t.format(e) : L(e);
+	return /* @__PURE__ */ o("div", {
+		role: "tooltip",
+		style: {
+			position: "absolute",
+			left: e.cx + 8,
+			top: Math.max(0, e.cy - 32),
+			pointerEvents: "none",
+			background: "var(--cascivo-surface-overlay, var(--cascivo-color-background))",
+			color: "var(--cascivo-text-primary, currentColor)",
+			border: "1px solid var(--cascivo-color-border)",
+			borderRadius: "var(--cascivo-radius-sm, 4px)",
+			padding: "0.25rem 0.5rem",
+			fontSize: "0.8125rem",
+			whiteSpace: "nowrap",
+			boxShadow: "var(--cascivo-shadow-sm, 0 1px 4px rgba(0,0,0,0.1))",
+			zIndex: 10
+		},
+		children: n
+	});
+}
+//#endregion
+//#region src/core/nearest.ts
+function te(e, t, n, r = "xy") {
+	if (e.length === 0) return -1;
+	let i = 0, a = Infinity;
+	for (let o = 0; o < e.length; o++) {
+		let s = e[o], c = r === "x" ? Math.abs(s.cx - t) : Math.hypot(s.cx - t, s.cy - n);
+		c < a && (a = c, i = o);
+	}
+	return i;
+}
+//#endregion
+//#region src/core/chart-frame.tsx
+function R({ title: c, description: l, width: u, height: d = 300, fallback: f, children: p, className: m, "data-state": h, plain: g, tooltip: _ }) {
+	n();
+	let v = r(), y = `${v}-desc`, b = `${v}-live`, { ref: x, width: S, height: C } = N(u ?? 400, d), w = e(null), T = i(null), E = u ?? S.value, D = d ?? C.value, O = typeof _ == "function" ? _({
+		width: E,
+		height: D
+	}) : _;
+	t(() => {
+		let e = w.value;
+		if (!O || !T.current) return;
+		let t = e === null ? void 0 : O.points[e];
+		T.current.textContent = t ? (O.format ?? L)(t) : "";
+	});
+	let k = {
+		position: "absolute",
+		inset: 0,
+		cursor: "crosshair",
+		background: "transparent"
+	}, A = O === void 0 ? void 0 : { position: "relative" };
+	return /* @__PURE__ */ s("div", {
+		ref: x,
+		className: [I.frame, m].filter(Boolean).join(" "),
+		style: A,
+		...h !== void 0 && { "data-state": h },
+		...g === !0 && { "data-plain": "" },
+		children: [
+			/* @__PURE__ */ s("svg", {
+				role: "img",
+				"aria-label": c,
+				"aria-describedby": l ? y : void 0,
+				width: E,
+				height: D,
+				viewBox: `0 0 ${E} ${D}`,
+				children: [l && /* @__PURE__ */ o("desc", {
+					id: y,
+					children: l
+				}), p({
+					width: E,
+					height: D
+				})]
+			}),
+			f && /* @__PURE__ */ o("div", {
+				className: I.fallback,
+				children: f
+			}),
+			O !== void 0 && /* @__PURE__ */ s(a, { children: [
+				/* @__PURE__ */ o("span", {
+					id: b,
+					ref: T,
+					"aria-live": "polite",
+					style: {
+						position: "absolute",
+						width: "1px",
+						height: "1px",
+						padding: 0,
+						margin: "-1px",
+						overflow: "hidden",
+						clip: "rect(0,0,0,0)",
+						whiteSpace: "nowrap",
+						border: 0
+					}
+				}),
+				w.value !== null && O.points[w.value] !== void 0 && (() => {
+					let e = O.points[w.value];
+					return /* @__PURE__ */ o("div", {
+						"aria-hidden": "true",
+						style: {
+							position: "absolute",
+							left: e.cx - 4,
+							top: e.cy - 4,
+							width: 8,
+							height: 8,
+							borderRadius: "50%",
+							border: "2px solid var(--cascivo-focus-ring, var(--cascivo-color-accent))",
+							background: "var(--cascivo-color-background, white)",
+							pointerEvents: "none",
+							zIndex: 10
+						}
+					});
+				})(),
+				w.value !== null && O.points[w.value] !== void 0 && /* @__PURE__ */ o(ee, {
+					point: O.points[w.value],
+					model: O
+				}),
+				/* @__PURE__ */ o("div", {
+					role: "application",
+					"aria-label": "Chart data — use arrow keys to navigate points",
+					tabIndex: 0,
+					style: k,
+					onPointerMove: (e) => {
+						if (!O.points.length) return;
+						let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
+						w.value = te(O.points, n, r, "xy");
+					},
+					onPointerLeave: () => {
+						w.value = null;
+					},
+					onKeyDown: (e) => {
+						if (!O.points.length) return;
+						let t = w.value;
+						e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), w.value = t === null ? 0 : Math.min(t + 1, O.points.length - 1)) : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (e.preventDefault(), w.value = t === null ? O.points.length - 1 : Math.max(t - 1, 0)) : e.key === "Home" ? (e.preventDefault(), w.value = 0) : e.key === "End" ? (e.preventDefault(), w.value = O.points.length - 1) : e.key === "Escape" && (w.value = null);
+					},
+					onFocus: () => {
+						O.points.length > 0 && w.value === null && (w.value = 0);
+					},
+					onBlur: () => {
+						w.value = null;
+					}
+				})
+			] })
+		]
+	});
+}
+//#endregion
+//#region src/chrome/axis.tsx
+function ne(e) {
+	return "bandwidth" in e;
+}
+function re(e) {
+	return "tickInterval" in e;
+}
+function ie(e) {
+	return e instanceof Date ? e.toLocaleDateString() : typeof e == "number" ? e.toLocaleString() : String(e);
+}
+function z({ scale: e, orientation: t, length: n, format: r = ie, tickCount: i = 5, transform: a }) {
+	let c;
+	if (ne(e)) c = e.domain.map((t) => ({
+		position: (e.map(t) ?? 0) + e.bandwidth / 2,
+		label: r(t)
+	}));
+	else if (re(e)) c = e.ticks(i).map((t) => ({
+		position: e.map(t),
+		label: r(t)
+	}));
+	else {
+		let t = e;
+		c = t.ticks(i).map((e) => ({
+			position: t.map(e),
+			label: r(e)
+		}));
+	}
+	let l = t === "x";
+	return /* @__PURE__ */ s("g", {
+		transform: a,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ o("line", {
+			x1: 0,
+			y1: 0,
+			x2: l ? n : 0,
+			y2: l ? 0 : n,
+			stroke: "var(--cascivo-chart-axis)",
+			strokeWidth: 1
+		}), c.map(({ position: e, label: t }, n) => /* @__PURE__ */ s("g", {
+			transform: l ? `translate(${e},0)` : `translate(0,${e})`,
+			children: [/* @__PURE__ */ o("line", {
+				x1: 0,
+				y1: 0,
+				x2: l ? 0 : -4,
+				y2: l ? 4 : 0,
+				stroke: "var(--cascivo-chart-axis)",
+				strokeWidth: 1
+			}), /* @__PURE__ */ o("text", {
+				x: l ? 0 : -8,
+				y: l ? 16 : 4,
+				textAnchor: l ? "middle" : "end",
+				fill: "var(--cascivo-chart-axis)",
+				fontSize: 11,
+				children: t
+			})]
+		}, n))]
+	});
+}
+//#endregion
+//#region src/chrome/grid-lines.tsx
+function B({ scale: e, orientation: t, length: n, tickCount: r = 5, transform: i }) {
+	let a = e.ticks(r), s = t === "x";
+	return /* @__PURE__ */ o("g", {
+		transform: i,
+		"aria-hidden": "true",
+		children: a.map((t) => {
+			let r = e.map(t);
+			return /* @__PURE__ */ o("line", {
+				x1: s ? r : 0,
+				y1: s ? 0 : r,
+				x2: s ? r : n,
+				y2: s ? n : r,
+				stroke: "var(--cascivo-chart-grid)",
+				strokeWidth: 1,
+				strokeDasharray: "2 4"
+			}, t);
+		})
+	});
+}
+var V = {
+	legend: "_legend_zczeh_2",
+	item: "_item_zczeh_9",
+	swatch: "_swatch_zczeh_27"
+};
+//#endregion
+//#region src/chrome/legend.tsx
+function H({ series: e, hidden: t }) {
+	return n(), /* @__PURE__ */ o("div", {
+		className: V.legend,
+		"aria-label": "Chart legend",
+		children: e.map((e, n) => {
+			let r = t.value.has(e.id);
+			return /* @__PURE__ */ s("button", {
+				type: "button",
+				className: V.item,
+				"data-state": r ? "off" : "on",
+				"aria-pressed": !r,
+				"aria-label": l(c.charts.legendToggle, { name: e.label }),
+				onClick: () => {
+					let n = new Set(t.value);
+					r ? n.delete(e.id) : n.add(e.id), t.value = n;
+				},
+				children: [/* @__PURE__ */ o("span", {
+					className: V.swatch,
+					style: { background: e.color || `var(--cascivo-chart-${n + 1})` },
+					"aria-hidden": "true"
+				}), e.label]
+			}, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/charts/line-chart/line-chart.tsx
+var U = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function ae({ series: t, x: r, y: i, title: c, description: l, curve: d = "monotone", width: f, height: p, xTicks: m = 5, yTicks: h = 5, legend: g, tooltip: _, formatTooltip: b, className: x, plain: S }) {
+	n();
+	let C = e(/* @__PURE__ */ new Set()), w = S ? F : P, T = p ?? (S ? 48 : 300), E = S ? !1 : g ?? t.length > 1, D = t.flatMap((e) => e.data.map((e) => r(e))), O = t.flatMap((e) => e.data.map((e) => i(e))), k = D.length > 0, A = k && D[0] instanceof Date;
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "0.5rem"
+		},
+		children: [/* @__PURE__ */ o(R, {
+			title: c,
+			description: l,
+			width: f,
+			height: T,
+			fallback: /* @__PURE__ */ s("table", { children: [
+				/* @__PURE__ */ o("caption", { children: c }),
+				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "X" }), t.map((e) => /* @__PURE__ */ o("th", { children: e.label }, e.id))] }) }),
+				/* @__PURE__ */ o("tbody", { children: (t[0]?.data ?? []).map((e, n) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: String(t[0] ? r(t[0].data[n]) : "") }), t.map((e) => /* @__PURE__ */ o("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, n)) })
+			] }),
+			className: x,
+			"data-state": k ? void 0 : "empty",
+			plain: S,
+			tooltip: _ !== !1 && k ? ({ width: e, height: n }) => {
+				if (_ === !1 || !k) return;
+				let a = e - w.left - w.right, o = n - w.top - w.bottom, s = Math.min(...A ? D.map((e) => e.getTime()) : D), c = Math.max(...A ? D.map((e) => e.getTime()) : D), l = Math.min(0, ...O), d = Math.max(...O), f = A ? v([new Date(s), new Date(c)], [0, a]) : u([s, c], [0, a]), p = u([l, d], [o, 0]), m = t.flatMap((e) => C.value.has(e.id) ? [] : e.data.map((t, n) => {
+					let a = r(t), o = f.map(a), s = p.map(i(t)), c = a instanceof Date ? a.toLocaleDateString() : String(a);
+					return {
+						id: `${e.id}-${n}`,
+						cx: w.left + o,
+						cy: w.top + s,
+						label: c,
+						value: i(t),
+						seriesId: e.id
+					};
+				}));
+				return b ? {
+					points: m,
+					format: (e) => {
+						let n = t.find((t) => t.id === e.seriesId), r = parseInt(e.id.split("-").pop() ?? "0", 10);
+						return n && n.data[r] !== void 0 ? b(n.data[r], n) : `${e.label}: ${e.value}`;
+					}
+				} : { points: m };
+			} : void 0,
+			children: ({ width: e, height: n }) => {
+				let c = e - w.left - w.right, l = n - w.top - w.bottom, f = Math.min(...A ? D.map((e) => e.getTime()) : D), p = Math.max(...A ? D.map((e) => e.getTime()) : D), g = Math.min(0, ...O), _ = Math.max(...O), b = A ? v([new Date(f), new Date(p)], [0, c]) : u([f, p], [0, c]), x = u([g, _], [l, 0]);
+				return /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+					transform: `translate(${w.left},${w.top})`,
+					children: [
+						!S && /* @__PURE__ */ o(B, {
+							scale: x,
+							orientation: "y",
+							length: c,
+							tickCount: h
+						}),
+						t.map((e, t) => {
+							if (C.value.has(e.id)) return null;
+							let n = e.data.map((e) => {
+								let t = r(e);
+								return [b.map(t), x.map(i(e))];
+							}), a = e.color ?? U[t % U.length];
+							return /* @__PURE__ */ o("path", {
+								d: y(n, d),
+								fill: "none",
+								stroke: a,
+								strokeWidth: 2,
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								"data-series": e.id
+							}, e.id);
+						}),
+						!S && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+							scale: b,
+							orientation: "x",
+							length: c,
+							tickCount: m,
+							transform: `translate(0,${l})`
+						}), /* @__PURE__ */ o(z, {
+							scale: x,
+							orientation: "y",
+							length: l,
+							tickCount: h
+						})] })
+					]
+				}) });
+			}
+		}), E && /* @__PURE__ */ o(H, {
+			series: t.map((e, t) => ({
+				id: e.id,
+				label: e.label,
+				color: e.color ?? U[t % U.length]
+			})),
+			hidden: C
+		})]
+	});
+}
+//#endregion
+//#region src/charts/area-chart/area-chart.tsx
+var W = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function oe({ series: t, x: r, y: i, title: c, description: l, stacked: d = !1, curve: f = "monotone", width: p, height: m, xTicks: h = 5, yTicks: g = 5, legend: _, tooltip: v, className: b, plain: S }) {
+	n();
+	let w = e(/* @__PURE__ */ new Set()), T = S ? F : P, E = m ?? (S ? 48 : 300), D = S ? !1 : _ ?? t.length > 1, O = (t[0]?.data ?? []).map((e) => r(e)), k = t.flatMap((e) => e.data.map((e) => i(e))), A = O.length > 0, j = A ? Math.min(...O) : 0, M = A ? Math.max(...O) : 1, N = d ? 0 : Math.min(0, ...k), I = Math.max(...d ? (t[0]?.data ?? []).map((e, n) => t.reduce((e, t) => e + i(t.data[n]), 0)) : k);
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "0.5rem"
+		},
+		children: [/* @__PURE__ */ o(R, {
+			title: c,
+			description: l,
+			width: p,
+			height: E,
+			fallback: /* @__PURE__ */ s("table", { children: [
+				/* @__PURE__ */ o("caption", { children: c }),
+				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "X" }), t.map((e) => /* @__PURE__ */ o("th", { children: e.label }, e.id))] }) }),
+				/* @__PURE__ */ o("tbody", { children: (t[0]?.data ?? []).map((e, n) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: t[0] ? String(r(t[0].data[n])) : "" }), t.map((e) => /* @__PURE__ */ o("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, n)) })
+			] }),
+			className: b,
+			"data-state": A ? void 0 : "empty",
+			plain: S,
+			tooltip: v !== !1 && A ? ({ width: e, height: n }) => {
+				if (v === !1 || !A) return;
+				let a = e - T.left - T.right, o = n - T.top - T.bottom, s = u([j, M], [0, a]), c = u([N, I], [o, 0]);
+				return { points: t.flatMap((e) => w.value.has(e.id) ? [] : e.data.map((t, n) => ({
+					id: `${e.id}-${n}`,
+					cx: T.left + s.map(r(t)),
+					cy: T.top + c.map(i(t)),
+					label: String(r(t)),
+					value: i(t),
+					seriesId: e.id
+				}))) };
+			} : void 0,
+			children: ({ width: e, height: n }) => {
+				let c = e - T.left - T.right, l = n - T.top - T.bottom, p = u([j, M], [0, c]), m = u([N, I], [l, 0]), _ = [];
+				return d && (_ = C(t.map((e) => e.data.map((e) => i(e))))), /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+					transform: `translate(${T.left},${T.top})`,
+					children: [
+						!S && /* @__PURE__ */ o(B, {
+							scale: m,
+							orientation: "y",
+							length: c,
+							tickCount: g
+						}),
+						t.map((e, t) => {
+							if (w.value.has(e.id)) return null;
+							let n = e.color ?? W[t % W.length], a, c;
+							if (d && _[t]) {
+								let i = _[t];
+								a = e.data.map((e, t) => [p.map(r(e)), m.map(i[t][1])]);
+								let l = e.data.map((e, t) => [p.map(r(e)), m.map(i[t][0])]);
+								c = m.map(0);
+								let u = y(a, f), d = l[l.length - 1], h = l[0], g = [...l].reverse().map(([e, t]) => `L${e},${t}`).join(""), v = `${u}L${d[0]},${d[1]}${g}L${h[0]},${h[1]}Z`;
+								return /* @__PURE__ */ s("g", {
+									"data-series": e.id,
+									children: [/* @__PURE__ */ o("path", {
+										d: v,
+										fill: n,
+										fillOpacity: .25,
+										stroke: "none"
+									}), /* @__PURE__ */ o("path", {
+										d: y(a, f),
+										fill: "none",
+										stroke: n,
+										strokeWidth: 2
+									})]
+								}, e.id);
+							} else return a = e.data.map((e) => [p.map(r(e)), m.map(i(e))]), c = m.map(0), /* @__PURE__ */ s("g", {
+								"data-series": e.id,
+								children: [/* @__PURE__ */ o("path", {
+									d: x(a, c, f),
+									fill: n,
+									fillOpacity: .25,
+									stroke: "none"
+								}), /* @__PURE__ */ o("path", {
+									d: y(a, f),
+									fill: "none",
+									stroke: n,
+									strokeWidth: 2
+								})]
+							}, e.id);
+						}),
+						!S && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+							scale: p,
+							orientation: "x",
+							length: c,
+							tickCount: h,
+							transform: `translate(0,${l})`
+						}), /* @__PURE__ */ o(z, {
+							scale: m,
+							orientation: "y",
+							length: l,
+							tickCount: g
+						})] })
+					]
+				}) });
+			}
+		}), D && /* @__PURE__ */ o(H, {
+			series: t.map((e, t) => ({
+				id: e.id,
+				label: e.label,
+				color: e.color ?? W[t % W.length]
+			})),
+			hidden: w
+		})]
+	});
+}
+//#endregion
+//#region src/charts/bar-chart/bar-chart.tsx
+var G = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function se({ series: t, x: r, y: i, title: c, description: l, orientation: d = "vertical", mode: p = "grouped", width: m, height: h, xTicks: g = 5, yTicks: _ = 5, legend: v, tooltip: y, className: b, plain: x }) {
+	n();
+	let S = e(/* @__PURE__ */ new Set()), w = x ? F : P, T = h ?? (x ? 48 : 300), E = x ? !1 : v ?? t.length > 1, D = (t[0]?.data ?? []).map((e) => r(e)), O = t.flatMap((e) => e.data.map((e) => i(e))), k = D.length > 0, A = p === "stacked" ? 0 : Math.min(0, ...O), j = k ? Math.max(...D.map((e, n) => t.reduce((e, t) => e + i(t.data[n]), 0))) : 1, M = p === "stacked" ? j : Math.max(1, ...O);
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "0.5rem"
+		},
+		children: [/* @__PURE__ */ o(R, {
+			title: c,
+			description: l,
+			width: m,
+			height: T,
+			fallback: /* @__PURE__ */ s("table", { children: [
+				/* @__PURE__ */ o("caption", { children: c }),
+				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Category" }), t.map((e) => /* @__PURE__ */ o("th", { children: e.label }, e.id))] }) }),
+				/* @__PURE__ */ o("tbody", { children: D.map((e, n) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e }), t.map((e) => /* @__PURE__ */ o("td", { children: e.data[n] == null ? "" : i(e.data[n]) }, e.id))] }, e)) })
+			] }),
+			className: b,
+			"data-state": k ? void 0 : "empty",
+			plain: x,
+			tooltip: y && k ? ({ width: e, height: n }) => {
+				if (!y || !k) return;
+				let a = e - w.left - w.right, o = n - w.top - w.bottom, s = d === "vertical", c = f(D, s ? [0, a] : [0, o], .2), l = u([A, M], s ? [o, 0] : [0, a]), m = t.filter((e) => !S.value.has(e.id)), h = [];
+				return p === "stacked" && (h = C(t.map((e) => e.data.map((e) => i(e))))), { points: m.flatMap((e) => {
+					let n = t.indexOf(e), a = p === "grouped" ? c.bandwidth / m.length : c.bandwidth;
+					return e.data.map((t, o) => {
+						let u = c.map(r(t)) ?? 0, d, f;
+						if (p === "stacked" && h[n]) {
+							let e = h[n][o];
+							d = e[1], f = e[0];
+						} else d = i(t), f = A;
+						let g = m.indexOf(e), _ = u + (p === "grouped" ? g * a : 0) + a / 2, v = (Math.min(l.map(d), l.map(f)) + Math.max(l.map(d), l.map(f))) / 2;
+						return {
+							id: `${e.id}-${o}`,
+							cx: w.left + (s ? _ : v),
+							cy: w.top + (s ? v : _),
+							label: r(t),
+							value: i(t),
+							seriesId: e.id
+						};
+					});
+				}) };
+			} : void 0,
+			children: ({ width: e, height: n }) => {
+				let c = e - w.left - w.right, l = n - w.top - w.bottom, m = d === "vertical", h = f(D, m ? [0, c] : [0, l], .2), v = u([A, M], m ? [l, 0] : [0, c]), y = t.filter((e) => !S.value.has(e.id)), b = [];
+				return p === "stacked" && (b = C(t.map((e) => e.data.map((e) => i(e))))), /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+					transform: `translate(${w.left},${w.top})`,
+					children: [
+						!x && m && /* @__PURE__ */ o(B, {
+							scale: v,
+							orientation: "y",
+							length: c,
+							tickCount: _
+						}),
+						!x && !m && /* @__PURE__ */ o(B, {
+							scale: v,
+							orientation: "x",
+							length: l,
+							tickCount: g
+						}),
+						y.map((e, n) => {
+							let a = e.color ?? G[t.indexOf(e) % G.length], s = t.indexOf(e), c = p === "grouped" ? h.bandwidth / y.length : h.bandwidth;
+							return e.data.map((t, l) => {
+								let u = h.map(r(t)) ?? 0, d, f;
+								if (p === "stacked" && b[s]) {
+									let e = b[s][l];
+									d = e[1], f = e[0];
+								} else d = i(t), f = A;
+								let g = u + (p === "grouped" ? n * c : 0), _ = Math.min(v.map(d), v.map(f)), y = Math.abs(v.map(d) - v.map(f));
+								return m ? /* @__PURE__ */ o("rect", {
+									x: g,
+									y: _,
+									width: c,
+									height: y,
+									fill: a,
+									rx: 2,
+									"data-series": e.id
+								}, `${e.id}-${l}`) : /* @__PURE__ */ o("rect", {
+									x: _,
+									y: g,
+									width: y,
+									height: c,
+									fill: a,
+									rx: 2,
+									"data-series": e.id
+								}, `${e.id}-${l}`);
+							});
+						}),
+						!x && m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+							scale: h,
+							orientation: "x",
+							length: c,
+							tickCount: g,
+							transform: `translate(0,${l})`
+						}), /* @__PURE__ */ o(z, {
+							scale: v,
+							orientation: "y",
+							length: l,
+							tickCount: _
+						})] }),
+						!x && !m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+							scale: v,
+							orientation: "x",
+							length: c,
+							tickCount: g,
+							transform: `translate(0,${l})`
+						}), /* @__PURE__ */ o(z, {
+							scale: h,
+							orientation: "y",
+							length: l,
+							tickCount: _
+						})] })
+					]
+				}) });
+			}
+		}), E && /* @__PURE__ */ o(H, {
+			series: t.map((e, t) => ({
+				id: e.id,
+				label: e.label,
+				color: e.color ?? G[t % G.length]
+			})),
+			hidden: S
+		})]
+	});
+}
+//#endregion
+//#region src/charts/pie-chart/pie-chart.tsx
+var K = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function ce({ data: t, title: r, description: i, donut: a = !1, width: c, height: l, legend: u, className: d, plain: f }) {
+	let p = l ?? (f ? 48 : 300), m = f ? !1 : u ?? !0;
+	n();
+	let h = e(/* @__PURE__ */ new Set()), g = t.length > 0;
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "0.5rem"
+		},
+		children: [/* @__PURE__ */ o(R, {
+			title: r,
+			description: i,
+			width: c,
+			height: p,
+			fallback: /* @__PURE__ */ s("table", { children: [
+				/* @__PURE__ */ o("caption", { children: r }),
+				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+					/* @__PURE__ */ o("th", { children: "Label" }),
+					/* @__PURE__ */ o("th", { children: "Value" }),
+					/* @__PURE__ */ o("th", { children: "Percent" })
+				] }) }),
+				/* @__PURE__ */ o("tbody", { children: t.map((e) => {
+					let n = t.reduce((e, t) => e + t.value, 0), r = n > 0 ? (e.value / n * 100).toFixed(1) : "0";
+					return /* @__PURE__ */ s("tr", { children: [
+						/* @__PURE__ */ o("td", { children: e.label }),
+						/* @__PURE__ */ o("td", { children: e.value }),
+						/* @__PURE__ */ s("td", { children: [r, "%"] })
+					] }, e.id);
+				}) })
+			] }),
+			className: d,
+			"data-state": g ? void 0 : "empty",
+			plain: f,
+			tooltip: g ? ({ width: e, height: n }) => {
+				if (!g) return;
+				let r = e / 2, i = n / 2, a = Math.min(r, i) - 8, o = t.filter((e) => !h.value.has(e.id)), s = o.reduce((e, t) => e + t.value, 0), c = 0;
+				return { points: o.map((e, t) => {
+					let n = s > 0 ? e.value / s * 2 * Math.PI : 0, o = c + n, l = (c + o) / 2;
+					return c = o, {
+						id: e.id,
+						cx: r + Math.sin(l) * a * .65,
+						cy: i - Math.cos(l) * a * .65,
+						label: e.label,
+						value: e.value,
+						seriesId: String(t)
+					};
+				}) };
+			} : void 0,
+			children: ({ width: e, height: n }) => {
+				let r = e / 2, i = n / 2, s = Math.min(r, i) - 8, c = a ? s * .6 : 0, l = t.filter((e) => !h.value.has(e.id)), u = l.reduce((e, t) => e + t.value, 0), d = 0;
+				return /* @__PURE__ */ o("g", { children: l.map((e, t) => {
+					let n = u > 0 ? e.value / u * 2 * Math.PI : 0, a = d + n, l = e.color ?? K[t % K.length], f = S(r, i, s, c, d, a);
+					return d = a, /* @__PURE__ */ o("path", {
+						d: f,
+						fill: l,
+						stroke: "var(--cascivo-color-surface)",
+						strokeWidth: 1,
+						"data-series": e.id
+					}, e.id);
+				}) });
+			}
+		}), m && /* @__PURE__ */ o(H, {
+			series: t.map((e, t) => ({
+				id: e.id,
+				label: e.label,
+				color: e.color ?? K[t % K.length]
+			})),
+			hidden: h
+		})]
+	});
+}
+//#endregion
+//#region src/charts/scatter-chart/scatter-chart.tsx
+var q = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function le({ series: t, title: r, description: i, r: c = 4, width: l, height: d, xTicks: f = 5, yTicks: p = 5, legend: m, tooltip: h, className: g, plain: _ }) {
+	n();
+	let v = e(/* @__PURE__ */ new Set()), y = _ ? F : P, b = d ?? (_ ? 48 : 300), x = _ ? !1 : m ?? t.length > 1, S = t.flatMap((e) => e.data.map((e) => e.x)), C = t.flatMap((e) => e.data.map((e) => e.y)), w = S.length > 0, T = w ? Math.min(...S) : 0, E = w ? Math.max(...S) : 1, D = w ? Math.min(0, ...C) : 0, O = w ? Math.max(...C) : 1;
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "0.5rem"
+		},
+		children: [/* @__PURE__ */ o(R, {
+			title: r,
+			description: i,
+			width: l,
+			height: b,
+			fallback: /* @__PURE__ */ s("table", { children: [
+				/* @__PURE__ */ o("caption", { children: r }),
+				/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+					/* @__PURE__ */ o("th", { children: "Series" }),
+					/* @__PURE__ */ o("th", { children: "X" }),
+					/* @__PURE__ */ o("th", { children: "Y" })
+				] }) }),
+				/* @__PURE__ */ o("tbody", { children: t.flatMap((e) => e.data.map((t, n) => /* @__PURE__ */ s("tr", { children: [
+					/* @__PURE__ */ o("td", { children: e.label }),
+					/* @__PURE__ */ o("td", { children: t.x }),
+					/* @__PURE__ */ o("td", { children: t.y })
+				] }, `${e.id}-${n}`))) })
+			] }),
+			className: g,
+			"data-state": w ? void 0 : "empty",
+			plain: _,
+			tooltip: h !== !1 && w ? ({ width: e, height: n }) => {
+				if (h === !1 || !w) return;
+				let r = e - y.left - y.right, i = n - y.top - y.bottom, a = u([T, E], [0, r]), o = u([D, O], [i, 0]);
+				return { points: t.flatMap((e) => v.value.has(e.id) ? [] : e.data.map((t, n) => ({
+					id: `${e.id}-${n}`,
+					cx: y.left + a.map(t.x),
+					cy: y.top + o.map(t.y),
+					label: `(${t.x}, ${t.y})`,
+					value: t.y,
+					seriesId: e.id
+				}))) };
+			} : void 0,
+			children: ({ width: e, height: n }) => {
+				let r = e - y.left - y.right, i = n - y.top - y.bottom, l = u([T, E], [0, r]), d = u([D, O], [i, 0]);
+				return /* @__PURE__ */ o("g", { children: /* @__PURE__ */ s("g", {
+					transform: `translate(${y.left},${y.top})`,
+					children: [
+						!_ && /* @__PURE__ */ o(B, {
+							scale: d,
+							orientation: "y",
+							length: r,
+							tickCount: p
+						}),
+						t.map((e, t) => {
+							if (v.value.has(e.id)) return null;
+							let n = e.color ?? q[t % q.length];
+							return /* @__PURE__ */ o("g", {
+								"data-series": e.id,
+								children: e.data.map((e, t) => {
+									let r = typeof c == "function" ? c(e) : e.r ?? c;
+									return /* @__PURE__ */ o("circle", {
+										cx: l.map(e.x),
+										cy: d.map(e.y),
+										r,
+										fill: n,
+										fillOpacity: .7,
+										stroke: n,
+										strokeWidth: 1
+									}, t);
+								})
+							}, e.id);
+						}),
+						!_ && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+							scale: l,
+							orientation: "x",
+							length: r,
+							tickCount: f,
+							transform: `translate(0,${i})`
+						}), /* @__PURE__ */ o(z, {
+							scale: d,
+							orientation: "y",
+							length: i,
+							tickCount: p
+						})] })
+					]
+				}) });
+			}
+		}), x && /* @__PURE__ */ o(H, {
+			series: t.map((e, t) => ({
+				id: e.id,
+				label: e.label,
+				color: e.color ?? q[t % q.length]
+			})),
+			hidden: v
+		})]
+	});
+}
+//#endregion
+//#region src/charts/sparkline/sparkline.tsx
+function J({ data: e, width: t = 120, height: n = 32, label: r, color: i = "var(--cascivo-chart-1)", endDot: c = !0 }) {
+	return /* @__PURE__ */ o(R, {
+		title: r,
+		width: t,
+		height: n,
+		plain: !0,
+		tooltip: e.length > 0 ? (() => {
+			if (e.length === 0) return;
+			let r = u([0, e.length - 1], [2, t - 2]), i = Math.min(...e), a = Math.max(...e), o = u([i === a ? i - 1 : i, a], [n - 2, 2]);
+			return { points: e.map((e, t) => ({
+				id: String(t),
+				cx: r.map(t),
+				cy: o.map(e),
+				label: String(t),
+				value: e
+			})) };
+		})() : void 0,
+		children: () => {
+			if (e.length === 0) return null;
+			let r = u([0, e.length - 1], [2, t - 2]), l = Math.min(...e), d = Math.max(...e), f = u([l === d ? l - 1 : l, d], [n - 2, 2]), p = e.map((e, t) => [r.map(t), f.map(e)]), m = y(p, "monotone"), h = p[p.length - 1];
+			return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", {
+				d: m,
+				fill: "none",
+				stroke: i,
+				strokeWidth: 1.5,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}), c && /* @__PURE__ */ o("circle", {
+				cx: h[0],
+				cy: h[1],
+				r: 2.5,
+				fill: i
+			})] });
+		}
+	});
+}
+//#endregion
+//#region src/charts/meter/meter.tsx
+function ue(e, t, n, r) {
+	if (!r) return "var(--cascivo-chart-1)";
+	let { warning: i, critical: a } = r;
+	return a != null && e >= a ? "var(--cascivo-color-destructive)" : i != null && e >= i ? "var(--cascivo-color-warning)" : "var(--cascivo-color-success)";
+}
+function de({ value: e, min: t = 0, max: n = 100, label: r, variant: i = "bar", thresholds: a, width: c = 200, height: l }) {
+	let u = n > t ? (Math.min(n, Math.max(t, e)) - t) / (n - t) : 0, d = ue(e, t, n, a);
+	if (i === "gauge") {
+		let i = l ?? 100, a = c, f = a / 2, p = i * .9, m = Math.min(f, p) - 4, h = m * .65, g = Math.PI, _ = S(f, p, m, h, g, 2 * Math.PI), v = g + u * Math.PI, y = u > 0 ? S(f, p, m, h, g, v) : "";
+		return /* @__PURE__ */ s("div", {
+			"aria-label": r,
+			role: "meter",
+			"aria-valuenow": e,
+			"aria-valuemin": t,
+			"aria-valuemax": n,
+			children: [/* @__PURE__ */ s("svg", {
+				width: a,
+				height: i,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ o("path", {
+					d: _,
+					fill: "var(--cascivo-color-border)"
+				}), y && /* @__PURE__ */ o("path", {
+					d: y,
+					fill: d
+				})]
+			}), /* @__PURE__ */ s("div", {
+				style: {
+					textAlign: "center",
+					fontSize: "var(--cascivo-text-sm)",
+					color: "var(--cascivo-color-foreground-muted)"
+				},
+				children: [
+					r,
+					": ",
+					e
+				]
+			})]
+		});
+	}
+	let f = l ?? 12, p = c;
+	return /* @__PURE__ */ s("div", {
+		"aria-label": r,
+		role: "meter",
+		"aria-valuenow": e,
+		"aria-valuemin": t,
+		"aria-valuemax": n,
+		children: [/* @__PURE__ */ s("svg", {
+			width: p,
+			height: f,
+			"aria-hidden": "true",
+			style: { display: "block" },
+			children: [/* @__PURE__ */ o("rect", {
+				x: 0,
+				y: 0,
+				width: p,
+				height: f,
+				rx: f / 2,
+				fill: "var(--cascivo-color-border)"
+			}), /* @__PURE__ */ o("rect", {
+				x: 0,
+				y: 0,
+				width: p,
+				height: f,
+				rx: f / 2,
+				fill: d,
+				style: {
+					transformOrigin: "left center",
+					transform: `scaleX(${u})`,
+					transition: "transform 400ms ease"
+				}
+			})]
+		}), /* @__PURE__ */ o("div", {
+			style: {
+				marginTop: "var(--cascivo-space-1)",
+				fontSize: "var(--cascivo-text-xs)",
+				color: "var(--cascivo-color-foreground-muted)"
+			},
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/charts/kpi/kpi.tsx
+function Y(e) {
+	return `${e >= 0 ? "+" : ""}${e.toLocaleString()}`;
+}
+function fe({ value: e, label: t, delta: n, deltaLabel: r, icon: i, sparkline: a, className: c }) {
+	let l = n != null && n >= 0, u = n != null && n < 0;
+	return /* @__PURE__ */ s("div", {
+		className: c,
+		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)"
+		},
+		children: [
+			/* @__PURE__ */ s("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between"
+				},
+				children: [/* @__PURE__ */ o("span", {
+					style: {
+						fontSize: "var(--cascivo-text-sm)",
+						color: "var(--cascivo-color-foreground-muted)"
+					},
+					children: t
+				}), i && /* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					children: i
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				style: {
+					display: "flex",
+					alignItems: "flex-end",
+					gap: "var(--cascivo-space-2)"
+				},
+				children: [/* @__PURE__ */ o("span", {
+					style: {
+						fontSize: "var(--cascivo-text-2xl)",
+						fontWeight: 700,
+						lineHeight: 1,
+						color: "var(--cascivo-color-foreground)"
+					},
+					children: typeof e == "number" ? e.toLocaleString() : e
+				}), n != null && /* @__PURE__ */ s("span", {
+					style: {
+						fontSize: "var(--cascivo-text-sm)",
+						fontWeight: 500,
+						color: l ? "var(--cascivo-color-success)" : u ? "var(--cascivo-color-destructive)" : "var(--cascivo-color-foreground-muted)"
+					},
+					"aria-label": `Trend: ${Y(n)}${r ? ` ${r}` : ""}`,
+					children: [
+						l ? "▲" : u ? "▼" : "–",
+						" ",
+						Y(n),
+						r && ` ${r}`
+					]
+				})]
+			}),
+			a && a.length > 0 && /* @__PURE__ */ o(J, {
+				data: a,
+				label: `${t} trend`,
+				width: 120,
+				height: 32
+			})
+		]
+	});
+}
+//#endregion
+//#region src/charts/histogram/histogram.tsx
+function pe({ data: e, bins: t, title: r, label: i, description: c, width: l, height: d, className: f, plain: p }) {
+	n();
+	let m = p ? F : P, h = d ?? (p ? 48 : 300), g = E(e, t), _ = g.reduce((e, t) => Math.max(e, t.count), 0);
+	return /* @__PURE__ */ o(R, {
+		title: r,
+		description: c,
+		width: l,
+		height: h,
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: r }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Range" }), /* @__PURE__ */ o("th", { children: "Count" })] }) }),
+			/* @__PURE__ */ o("tbody", { children: g.map((e, t) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ s("td", { children: [
+				e.x0.toFixed(2),
+				" – ",
+				e.x1.toFixed(2)
+			] }), /* @__PURE__ */ o("td", { children: e.count })] }, t)) })
+		] }),
+		className: f,
+		plain: p,
+		tooltip: g.length > 0 ? ({ width: e, height: t }) => {
+			if (g.length === 0) return;
+			let n = e - m.left - m.right, r = t - m.top - m.bottom, i = u([g[0]?.x0 ?? 0, g[g.length - 1]?.x1 ?? 1], [0, n]), a = u([0, _ || 1], [r, 0]);
+			return { points: g.map((e, t) => {
+				let n = i.map(e.x0), r = Math.max(0, i.map(e.x1) - n - 1);
+				return {
+					id: `bin-${t}`,
+					cx: m.left + n + r / 2,
+					cy: m.top + a.map(e.count),
+					label: `${e.x0.toFixed(2)}–${e.x1.toFixed(2)}`,
+					value: e.count
+				};
+			}) };
+		} : void 0,
+		children: ({ width: e, height: t }) => {
+			let n = {
+				width: e - m.left - m.right,
+				height: t - m.top - m.bottom
+			};
+			if (n.width <= 0 || g.length === 0) return null;
+			let r = u([g[0]?.x0 ?? 0, g[g.length - 1]?.x1 ?? 1], [0, n.width]), i = u([0, _ || 1], [n.height, 0]);
+			return /* @__PURE__ */ s("g", {
+				transform: `translate(${m.left},${m.top})`,
+				children: [
+					!p && /* @__PURE__ */ o(B, {
+						scale: i,
+						orientation: "y",
+						length: n.width
+					}),
+					g.map((e, t) => {
+						let a = r.map(e.x0), s = Math.max(0, r.map(e.x1) - a - 1), c = i.map(e.count), l = n.height - c;
+						return /* @__PURE__ */ o("rect", {
+							x: a,
+							y: c,
+							width: s,
+							height: Math.max(0, l),
+							fill: "var(--cascivo-chart-1)",
+							opacity: .85,
+							"aria-label": `${e.x0.toFixed(1)}–${e.x1.toFixed(1)}: ${e.count}`
+						}, t);
+					}),
+					!p && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+						scale: r,
+						orientation: "x",
+						length: n.width,
+						transform: `translate(0,${n.height})`
+					}), /* @__PURE__ */ o(z, {
+						scale: i,
+						orientation: "y",
+						length: n.height
+					})] })
+				]
+			});
+		}
+	});
+}
+//#endregion
+//#region src/charts/boxplot/boxplot.tsx
+var X = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function me({ series: e, title: t, description: r, width: i, height: c, className: l, plain: d }) {
+	n();
+	let p = d ? F : P, m = c ?? (d ? 48 : 320), h = e.map((e) => ({
+		...e,
+		stats: D(e.values)
+	})), g = e.flatMap((e) => e.values), [_, v] = g.length > 0 ? O(g) : [0, 1];
+	return /* @__PURE__ */ o(R, {
+		title: t,
+		description: r,
+		width: i,
+		height: m,
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: t }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+				/* @__PURE__ */ o("th", { children: "Series" }),
+				/* @__PURE__ */ o("th", { children: "Min" }),
+				/* @__PURE__ */ o("th", { children: "Q1" }),
+				/* @__PURE__ */ o("th", { children: "Median" }),
+				/* @__PURE__ */ o("th", { children: "Q3" }),
+				/* @__PURE__ */ o("th", { children: "Max" })
+			] }) }),
+			/* @__PURE__ */ o("tbody", { children: h.map((e) => /* @__PURE__ */ s("tr", { children: [
+				/* @__PURE__ */ o("td", { children: e.label }),
+				/* @__PURE__ */ o("td", { children: e.stats.min.toFixed(2) }),
+				/* @__PURE__ */ o("td", { children: e.stats.q1.toFixed(2) }),
+				/* @__PURE__ */ o("td", { children: e.stats.median.toFixed(2) }),
+				/* @__PURE__ */ o("td", { children: e.stats.q3.toFixed(2) }),
+				/* @__PURE__ */ o("td", { children: e.stats.max.toFixed(2) })
+			] }, e.id)) })
+		] }),
+		className: l,
+		plain: d,
+		tooltip: h.length > 0 ? ({ width: e, height: t }) => {
+			if (h.length === 0) return;
+			let n = e - p.left - p.right, r = t - p.top - p.bottom;
+			if (n <= 0) return;
+			let i = f(h.map((e) => e.id), [0, n], .3), a = (v - _) * .05 || 1, o = u([_ - a, v + a], [r, 0]);
+			return {
+				points: h.map((e) => {
+					let t = (i.map(e.id) ?? 0) + i.bandwidth / 2;
+					return {
+						id: e.id,
+						cx: p.left + t,
+						cy: p.top + o.map(e.stats.median),
+						label: e.label,
+						value: e.stats.median
+					};
+				}),
+				format: (e) => {
+					let t = h.find((t) => t.id === e.id);
+					return t ? `${t.label}: min ${t.stats.min.toFixed(2)} / Q1 ${t.stats.q1.toFixed(2)} / med ${t.stats.median.toFixed(2)} / Q3 ${t.stats.q3.toFixed(2)} / max ${t.stats.max.toFixed(2)}` : `${e.label}: ${e.value}`;
+				}
+			};
+		} : void 0,
+		children: ({ width: e, height: t }) => {
+			let n = {
+				width: e - p.left - p.right,
+				height: t - p.top - p.bottom
+			};
+			if (n.width <= 0 || h.length === 0) return null;
+			let r = f(h.map((e) => e.id), [0, n.width], .3), i = (v - _) * .05 || 1, c = u([_ - i, v + i], [n.height, 0]);
+			return /* @__PURE__ */ s("g", {
+				transform: `translate(${p.left},${p.top})`,
+				children: [h.map((e, t) => {
+					let n = X[t % X.length] ?? "var(--cascivo-chart-1)", i = (r.map(e.id) ?? 0) + r.bandwidth / 2, a = r.bandwidth * .6, l = i - a / 2, u = c.map(e.stats.q1), d = c.map(e.stats.q3), f = c.map(e.stats.median), p = c.map(e.stats.min), m = c.map(e.stats.max);
+					return /* @__PURE__ */ s("g", {
+						"aria-label": `${e.label}: median ${e.stats.median.toFixed(2)}`,
+						children: [
+							/* @__PURE__ */ o("line", {
+								x1: i,
+								y1: d,
+								x2: i,
+								y2: m,
+								stroke: n,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ o("line", {
+								x1: i,
+								y1: u,
+								x2: i,
+								y2: p,
+								stroke: n,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ o("line", {
+								x1: i - a / 4,
+								y1: m,
+								x2: i + a / 4,
+								y2: m,
+								stroke: n,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ o("line", {
+								x1: i - a / 4,
+								y1: p,
+								x2: i + a / 4,
+								y2: p,
+								stroke: n,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ o("rect", {
+								x: l,
+								y: d,
+								width: a,
+								height: Math.max(0, u - d),
+								fill: n,
+								fillOpacity: .25,
+								stroke: n,
+								strokeWidth: 1.5
+							}),
+							/* @__PURE__ */ o("line", {
+								x1: l,
+								y1: f,
+								x2: l + a,
+								y2: f,
+								stroke: n,
+								strokeWidth: 2.5
+							}),
+							e.stats.outliers.map((e, t) => /* @__PURE__ */ o("circle", {
+								cx: i,
+								cy: c.map(e),
+								r: 3,
+								fill: "none",
+								stroke: n,
+								strokeWidth: 1.5,
+								"aria-label": `Outlier: ${e.toFixed(2)}`
+							}, t))
+						]
+					}, e.id);
+				}), !d && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+					scale: r,
+					orientation: "x",
+					length: n.width,
+					transform: `translate(0,${n.height})`
+				}), /* @__PURE__ */ o(z, {
+					scale: c,
+					orientation: "y",
+					length: n.height
+				})] })]
+			});
+		}
+	});
+}
+//#endregion
+//#region src/charts/bubble-chart/bubble-chart.tsx
+var Z = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), he = 3, ge = 24;
+function _e({ series: t, title: r, description: i, width: c, height: l, tooltip: d, className: f, plain: m }) {
+	n();
+	let h = e(null), g = m ? F : P, _ = l ?? (m ? 48 : 320), v = t.flatMap((e) => e.data), [y, b] = v.length > 0 ? O(v.map((e) => e.x)) : [0, 1], [x, S] = v.length > 0 ? O(v.map((e) => e.y)) : [0, 1], [C, w] = v.length > 0 ? O(v.map((e) => e.size)) : [0, 1], T = p([C, w], [he, ge]), E = v.length > 0;
+	return /* @__PURE__ */ o(R, {
+		title: r,
+		description: i,
+		width: c,
+		height: _,
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: r }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+				/* @__PURE__ */ o("th", { children: "Series" }),
+				/* @__PURE__ */ o("th", { children: "X" }),
+				/* @__PURE__ */ o("th", { children: "Y" }),
+				/* @__PURE__ */ o("th", { children: "Size" })
+			] }) }),
+			/* @__PURE__ */ o("tbody", { children: t.flatMap((e) => e.data.map((t, n) => /* @__PURE__ */ s("tr", { children: [
+				/* @__PURE__ */ o("td", { children: e.name }),
+				/* @__PURE__ */ o("td", { children: t.x }),
+				/* @__PURE__ */ o("td", { children: t.y }),
+				/* @__PURE__ */ o("td", { children: t.size })
+			] }, `${e.name}-${n}`))) })
+		] }),
+		className: f,
+		plain: m,
+		tooltip: d !== !1 && E ? ({ width: e, height: n }) => {
+			if (d === !1 || !E) return;
+			let r = {
+				width: e - g.left - g.right,
+				height: n - g.top - g.bottom
+			};
+			if (r.width <= 0) return;
+			let i = (b - y) * .05 || 1, a = (S - x) * .05 || 1, o = u([y - i, b + i], [0, r.width]), s = u([x - a, S + a], [r.height, 0]);
+			return { points: t.flatMap((e, t) => e.data.map((n, r) => ({
+				id: `${t}-${r}`,
+				cx: g.left + o.map(n.x),
+				cy: g.top + s.map(n.y),
+				label: `${e.name} (${n.x}, ${n.y})`,
+				value: n.y,
+				seriesId: e.name
+			}))) };
+		} : void 0,
+		children: ({ width: e, height: n }) => {
+			let r = {
+				width: e - g.left - g.right,
+				height: n - g.top - g.bottom
+			};
+			if (r.width <= 0 || v.length === 0) return null;
+			let i = (b - y) * .05 || 1, c = (S - x) * .05 || 1, l = u([y - i, b + i], [0, r.width]), d = u([x - c, S + c], [r.height, 0]);
+			return /* @__PURE__ */ s("g", {
+				transform: `translate(${g.left},${g.top})`,
+				children: [
+					!m && /* @__PURE__ */ o(B, {
+						scale: d,
+						orientation: "y",
+						length: r.width
+					}),
+					t.map((e, t) => {
+						let n = Z[t % Z.length] ?? "var(--cascivo-chart-1)";
+						return /* @__PURE__ */ o("g", {
+							opacity: h.value !== null && h.value !== e.name ? .2 : 1,
+							onMouseEnter: () => {
+								h.value = e.name;
+							},
+							onMouseLeave: () => {
+								h.value = null;
+							},
+							children: e.data.map((t, r) => /* @__PURE__ */ o("circle", {
+								cx: l.map(t.x),
+								cy: d.map(t.y),
+								r: T(t.size),
+								fill: n,
+								fillOpacity: .6,
+								stroke: n,
+								strokeWidth: 1,
+								"aria-label": `${e.name}: x=${t.x}, y=${t.y}, size=${t.size}`
+							}, r))
+						}, e.name);
+					}),
+					!m && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+						scale: l,
+						orientation: "x",
+						length: r.width,
+						transform: `translate(0,${r.height})`
+					}), /* @__PURE__ */ o(z, {
+						scale: d,
+						orientation: "y",
+						length: r.height
+					})] })
+				]
+			});
+		}
+	});
+}
+//#endregion
+//#region src/charts/combo-chart/combo-chart.tsx
+function ve({ bars: e, line: t, title: r, description: i, secondAxis: c = !1, width: l, height: d, tooltip: p, className: m, plain: h }) {
+	n();
+	let g = d ?? (h ? 48 : 320), _ = h ? F : {
+		...P,
+		right: c ? 60 : P.right
+	}, v = e.reduce((e, t) => Math.max(e, t.value), 0) || 1, b = t.length > 0 ? Math.min(...t.map((e) => e.y)) : 0, x = t.length > 0 ? Math.max(...t.map((e) => e.y)) : 1, S = e.length > 0;
+	return /* @__PURE__ */ o(R, {
+		title: r,
+		description: i,
+		width: l,
+		height: g,
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: r }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Label" }), /* @__PURE__ */ o("th", { children: "Bar value" })] }) }),
+			/* @__PURE__ */ o("tbody", { children: e.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e.label }), /* @__PURE__ */ o("td", { children: e.value })] }, e.label)) })
+		] }),
+		className: m,
+		plain: h,
+		tooltip: p !== !1 && S ? ({ width: n, height: r }) => {
+			if (p === !1 || !S) return;
+			let i = {
+				width: n - _.left - _.right,
+				height: r - _.top - _.bottom
+			};
+			if (i.width <= 0) return;
+			let a = f(e.map((e) => e.label), [0, i.width], .2), o = u([0, v], [i.height, 0]), s = c ? u([b, x || b + 1], [i.height, 0]) : o, l = e.map((e, t) => ({
+				id: `bar-${t}`,
+				cx: _.left + (a.map(e.label) ?? 0) + a.bandwidth / 2,
+				cy: _.top + o.map(e.value),
+				label: e.label,
+				value: e.value,
+				seriesId: "bars"
+			})), d = t.map((n, r) => {
+				let o = e[r] ? (a.map(e[r].label) ?? 0) + a.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1);
+				return {
+					id: `line-${r}`,
+					cx: _.left + o,
+					cy: _.top + s.map(n.y),
+					label: e[r]?.label ?? String(n.x),
+					value: n.y,
+					seriesId: "line"
+				};
+			});
+			return { points: [...l, ...d] };
+		} : void 0,
+		children: ({ width: n, height: r }) => {
+			let i = {
+				width: n - _.left - _.right,
+				height: r - _.top - _.bottom
+			};
+			if (i.width <= 0 || e.length === 0) return null;
+			let l = f(e.map((e) => e.label), [0, i.width], .2), d = u([0, v], [i.height, 0]), p = c ? u([b, x || b + 1], [i.height, 0]) : d, m = t.map((n, r) => [e[r] ? (l.map(e[r].label) ?? 0) + l.bandwidth / 2 : i.width * n.x / Math.max(1, t.length - 1), p.map(n.y)]), g = m.length > 1 ? y(m, "monotone") : "";
+			return /* @__PURE__ */ s("g", {
+				transform: `translate(${_.left},${_.top})`,
+				children: [
+					!h && /* @__PURE__ */ o(B, {
+						scale: d,
+						orientation: "y",
+						length: i.width
+					}),
+					e.map((e) => {
+						let t = l.map(e.label) ?? 0, n = d.map(e.value);
+						return /* @__PURE__ */ o("rect", {
+							x: t,
+							y: n,
+							width: l.bandwidth,
+							height: Math.max(0, i.height - n),
+							fill: "var(--cascivo-chart-1)",
+							opacity: .75,
+							"aria-label": `${e.label}: ${e.value}`
+						}, e.label);
+					}),
+					g && /* @__PURE__ */ o("path", {
+						d: g,
+						fill: "none",
+						stroke: "var(--cascivo-chart-2)",
+						strokeWidth: 2.5,
+						strokeLinejoin: "round",
+						strokeLinecap: "round"
+					}),
+					!h && /* @__PURE__ */ s(a, { children: [
+						/* @__PURE__ */ o(z, {
+							scale: l,
+							orientation: "x",
+							length: i.width,
+							transform: `translate(0,${i.height})`
+						}),
+						/* @__PURE__ */ o(z, {
+							scale: d,
+							orientation: "y",
+							length: i.height
+						}),
+						c && /* @__PURE__ */ o(z, {
+							scale: p,
+							orientation: "y",
+							length: i.height,
+							transform: `translate(${i.width},0)`
+						})
+					] })
+				]
+			});
+		}
+	});
+}
+//#endregion
+//#region src/charts/heatmap/heatmap.tsx
+function ye({ data: e, title: t, description: r, width: i, height: c, className: l, plain: u }) {
+	n();
+	let d = c ?? (u ? 48 : 320), p = u ? F : {
+		top: 20,
+		right: 20,
+		bottom: 60,
+		left: 60
+	}, m = [...new Set(e.map((e) => e.x))], h = [...new Set(e.map((e) => e.y))], [g, _] = e.length > 0 ? O(e.map((e) => e.value)) : [0, 1], v = _ - g || 1, y = (e) => Math.max(0, Math.min(1, (e - g) / v));
+	return /* @__PURE__ */ o(R, {
+		title: t,
+		description: r,
+		width: i,
+		height: d,
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: t }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [
+				/* @__PURE__ */ o("th", { children: "X" }),
+				/* @__PURE__ */ o("th", { children: "Y" }),
+				/* @__PURE__ */ o("th", { children: "Value" })
+			] }) }),
+			/* @__PURE__ */ o("tbody", { children: e.map((e, t) => /* @__PURE__ */ s("tr", { children: [
+				/* @__PURE__ */ o("td", { children: e.x }),
+				/* @__PURE__ */ o("td", { children: e.y }),
+				/* @__PURE__ */ o("td", { children: e.value })
+			] }, t)) })
+		] }),
+		className: l,
+		plain: u,
+		tooltip: e.length > 0 ? ({ width: t, height: n }) => {
+			if (e.length === 0) return;
+			let r = t - p.left - p.right, i = n - p.top - p.bottom;
+			if (r <= 0) return;
+			let a = f(m, [0, r], .05), o = f(h, [0, i], .05);
+			return { points: e.map((e, t) => {
+				let n = a.map(e.x) ?? 0, r = o.map(e.y) ?? 0;
+				return {
+					id: `cell-${t}`,
+					cx: p.left + n + a.bandwidth / 2,
+					cy: p.top + r + o.bandwidth / 2,
+					label: `${e.x}×${e.y}`,
+					value: e.value
+				};
+			}) };
+		} : void 0,
+		children: ({ width: t, height: n }) => {
+			let r = {
+				width: t - p.left - p.right,
+				height: n - p.top - p.bottom
+			};
+			if (r.width <= 0 || e.length === 0) return null;
+			let i = f(m, [0, r.width], .05), c = f(h, [0, r.height], .05);
+			return /* @__PURE__ */ s("g", {
+				transform: `translate(${p.left},${p.top})`,
+				children: [e.map((e, t) => {
+					let n = i.map(e.x) ?? 0, r = c.map(e.y) ?? 0, a = Math.round(y(e.value) * 100);
+					return /* @__PURE__ */ o("rect", {
+						x: n,
+						y: r,
+						width: i.bandwidth,
+						height: c.bandwidth,
+						fill: `color-mix(in oklab, var(--cascivo-chart-1) ${a}%, var(--cascivo-color-neutral-100))`,
+						stroke: "var(--cascivo-surface-base)",
+						strokeWidth: 1,
+						"aria-label": `${e.x}, ${e.y}: ${e.value}`
+					}, t);
+				}), !u && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(z, {
+					scale: i,
+					orientation: "x",
+					length: r.width,
+					transform: `translate(0,${r.height})`
+				}), /* @__PURE__ */ o(z, {
+					scale: c,
+					orientation: "y",
+					length: r.height
+				})] })]
+			});
+		}
+	});
+}
+//#endregion
+//#region src/charts/treemap/treemap.tsx
+var Q = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`);
+function be({ data: e, title: t, description: i, width: c, height: l, className: u, plain: d }) {
+	n();
+	let f = r();
+	return /* @__PURE__ */ o(R, {
+		title: t,
+		description: i,
+		width: c,
+		height: l ?? (d ? 48 : 320),
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: t }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Label" }), /* @__PURE__ */ o("th", { children: "Value" })] }) }),
+			/* @__PURE__ */ o("tbody", { children: e.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e.label }), /* @__PURE__ */ o("td", { children: e.value })] }, e.id)) })
+		] }),
+		className: u,
+		plain: d,
+		tooltip: e.length > 0 ? ({ width: t, height: n }) => {
+			if (e.length !== 0) return { points: M(e.map((e) => ({
+				id: e.id,
+				value: e.value
+			})), t, n).map((t) => {
+				let n = e.find((e) => e.id === t.id);
+				return {
+					id: t.id,
+					cx: t.x + t.w / 2,
+					cy: t.y + t.h / 2,
+					label: n?.label ?? t.id,
+					value: n?.value ?? 0
+				};
+			}) };
+		} : void 0,
+		children: ({ width: t, height: n }) => {
+			if (e.length === 0) return null;
+			let r = M(e.map((e) => ({
+				id: e.id,
+				value: e.value
+			})), t, n), i = new Map(e.map((e) => [e.id, e.label]));
+			return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: r.map((e) => /* @__PURE__ */ o("clipPath", {
+				id: `${f}-${e.id}`,
+				children: /* @__PURE__ */ o("rect", {
+					x: e.x + 2,
+					y: e.y + 2,
+					width: Math.max(0, e.w - 4),
+					height: Math.max(0, e.h - 4)
+				})
+			}, e.id)) }), r.map((t, n) => {
+				let r = Q[n % Q.length] ?? "var(--cascivo-chart-1)", a = i.get(t.id) ?? t.id;
+				return /* @__PURE__ */ s("g", {
+					"aria-label": `${a}: ${e.find((e) => e.id === t.id)?.value}`,
+					children: [/* @__PURE__ */ o("rect", {
+						x: t.x,
+						y: t.y,
+						width: Math.max(0, t.w - 1),
+						height: Math.max(0, t.h - 1),
+						fill: r,
+						fillOpacity: .8,
+						stroke: "var(--cascivo-surface-base)",
+						strokeWidth: 1
+					}), !d && t.w > 30 && t.h > 18 && /* @__PURE__ */ o("text", {
+						x: t.x + 4,
+						y: t.y + 14,
+						fontSize: Math.min(12, t.w / 5),
+						fill: "currentColor",
+						clipPath: `url(#${f}-${t.id})`,
+						children: a
+					})]
+				}, t.id);
+			})] });
+		}
+	});
+}
+//#endregion
+//#region src/charts/radar/radar.tsx
+var xe = Array.from({ length: 8 }, (e, t) => `var(--cascivo-chart-${t + 1})`), $ = 4;
+function Se(e, t, n, r, i) {
+	let a = e.length;
+	return e.map((e, o) => {
+		let s = o / a * 2 * Math.PI - Math.PI / 2, c = e / t * i;
+		return {
+			x: n + Math.cos(s) * c,
+			y: r + Math.sin(s) * c
+		};
+	});
+}
+function Ce({ axes: e, series: t, max: r, title: i, description: c, width: l, height: u, className: d, plain: f }) {
+	let p = u ?? (f ? 48 : 320);
+	n();
+	let m = r ?? Math.max(1, ...t.flatMap((e) => e.values)), h = e.length;
+	return /* @__PURE__ */ o(R, {
+		title: i,
+		description: c,
+		width: l,
+		height: p,
+		fallback: /* @__PURE__ */ s("table", { children: [
+			/* @__PURE__ */ o("caption", { children: i }),
+			/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", { children: "Series" }), e.map((e) => /* @__PURE__ */ o("th", { children: e }, e))] }) }),
+			/* @__PURE__ */ o("tbody", { children: t.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("td", { children: e.label }), e.values.map((e, t) => /* @__PURE__ */ o("td", { children: e }, t))] }, e.id)) })
+		] }),
+		className: d,
+		plain: f,
+		tooltip: t.length > 0 ? ({ width: n, height: r }) => {
+			if (t.length === 0 || h === 0) return;
+			let i = n / 2, a = r / 2, o = Math.min(i, a) * .72;
+			return { points: t.flatMap((t) => t.values.map((n, r) => {
+				let s = r / h * 2 * Math.PI - Math.PI / 2, c = n / m * o;
+				return {
+					id: `${t.id}-${r}`,
+					cx: i + Math.cos(s) * c,
+					cy: a + Math.sin(s) * c,
+					label: e[r] ?? String(r),
+					value: n,
+					seriesId: t.id
+				};
+			})) };
+		} : void 0,
+		children: ({ width: n, height: r }) => {
+			let i = n / 2, c = r / 2, l = Math.min(i, c) * .72, u = Array.from({ length: $ }, (e, t) => (t + 1) / $ * l), d = Array.from({ length: h }, (e, t) => {
+				let n = t / h * 2 * Math.PI - Math.PI / 2;
+				return {
+					x: i + Math.cos(n) * l,
+					y: c + Math.sin(n) * l
+				};
+			}), p = u.map((e) => Array.from({ length: h }, (t, n) => {
+				let r = n / h * 2 * Math.PI - Math.PI / 2;
+				return `${i + Math.cos(r) * e},${c + Math.sin(r) * e}`;
+			}).join(" "));
+			return /* @__PURE__ */ s(a, { children: [
+				!f && p.map((e, t) => /* @__PURE__ */ o("polygon", {
+					points: e,
+					fill: "none",
+					stroke: "var(--cascivo-border-subtle)",
+					strokeWidth: 1
+				}, t)),
+				!f && d.map((e, t) => /* @__PURE__ */ o("line", {
+					x1: i,
+					y1: c,
+					x2: e.x,
+					y2: e.y,
+					stroke: "var(--cascivo-border-subtle)",
+					strokeWidth: 1
+				}, t)),
+				!f && d.map((t, n) => {
+					let r = n / h * 2 * Math.PI - Math.PI / 2;
+					return /* @__PURE__ */ o("text", {
+						x: i + Math.cos(r) * (l + 18),
+						y: c + Math.sin(r) * (l + 18),
+						fontSize: 11,
+						textAnchor: "middle",
+						dominantBaseline: "middle",
+						fill: "var(--cascivo-text-secondary)",
+						children: e[n]
+					}, n);
+				}),
+				t.map((e, t) => {
+					let n = Se(e.values, m, i, c, l).map((e) => `${e.x},${e.y}`).join(" "), r = xe[t % xe.length] ?? "var(--cascivo-chart-1)";
+					return /* @__PURE__ */ o("polygon", {
+						points: n,
+						fill: r,
+						fillOpacity: .15,
+						stroke: r,
+						strokeWidth: 2,
+						"aria-label": `${e.label}: ${e.values.join(", ")}`
+					}, e.id);
+				})
+			] });
+		}
+	});
+}
+//#endregion
+//#region src/charts/bullet/bullet.tsx
+var we = [
+	"var(--cascivo-color-neutral-200)",
+	"var(--cascivo-color-neutral-300)",
+	"var(--cascivo-color-neutral-400)"
+];
+function Te({ value: e, target: t, ranges: r, label: i, min: c = 0, max: l, width: d = 300, height: f = 40, className: p }) {
+	n();
+	let m = [...r].sort((e, t) => e - t), h = u([c, l ?? m[m.length - 1] ?? (Math.max(e, t) * 1.2 || 1)], [0, d]), g = f * .35, _ = (f - g) / 2, v = f * .7, y = (f - v) / 2;
+	return /* @__PURE__ */ s("figure", {
+		className: p,
+		"aria-label": `${i}: value ${e}, target ${t}`,
+		style: { margin: 0 },
+		children: [/* @__PURE__ */ o(R, {
+			title: `${i} bullet chart`,
+			width: d,
+			height: f,
+			plain: !0,
+			tooltip: { points: [{
+				id: "measure",
+				cx: h.map(e),
+				cy: f / 2,
+				label: i,
+				value: e
+			}] },
+			children: () => /* @__PURE__ */ s(a, { children: [
+				m.map((e, t) => {
+					let n = t === 0 ? c : m[t - 1] ?? c, r = h.map(e) - h.map(n);
+					return /* @__PURE__ */ o("rect", {
+						x: h.map(n),
+						y: 0,
+						width: Math.max(0, r),
+						height: f,
+						fill: we[t % we.length] ?? "var(--cascivo-color-neutral-200)"
+					}, t);
+				}),
+				/* @__PURE__ */ o("rect", {
+					x: h.map(c),
+					y: _,
+					width: Math.max(0, h.map(e) - h.map(c)),
+					height: g,
+					fill: "var(--cascivo-chart-1)",
+					"aria-label": `Value: ${e}`
+				}),
+				/* @__PURE__ */ o("line", {
+					x1: h.map(t),
+					y1: y,
+					x2: h.map(t),
+					y2: y + v,
+					stroke: "var(--cascivo-text-primary)",
+					strokeWidth: 2.5,
+					"aria-label": `Target: ${t}`
+				})
+			] })
+		}), /* @__PURE__ */ o("figcaption", {
+			style: { fontSize: 12 },
+			children: i
+		})]
+	});
+}
+//#endregion
+export { oe as AreaChart, z as Axis, se as BarChart, me as Boxplot, _e as BubbleChart, Te as Bullet, R as ChartFrame, ve as ComboChart, P as DEFAULT_MARGINS, B as GridLines, ye as Heatmap, pe as Histogram, fe as Kpi, H as Legend, ae as LineChart, de as Meter, F as PLAIN_MARGINS, ce as PieChart, Ce as Radar, le as ScatterChart, J as Sparkline, be as Treemap, S as arcPath, x as areaPath, f as bandScale, E as binValues, D as boxStats, O as extent, y as linePath, u as linearScale, m as logScale, w as nearestIndex, d as niceTicks, p as sqrtScale, M as squarify, C as stackSeries, v as timeScale, N as useChartSize };