@dcs-tech/ui 0.4.0 → 0.6.0

package/dist/{ChartView-Cehrcr05.js → ChartView-nS4f4EU_.js}

@@ -1,7 +1,7 @@
 "use client";
-import { A as e, C as t, D as n, E as r, F as i, G as a, J as o, K as s, L as c, M as l, Mn as u, N as d, Nn as f, O as p, R as m, S as h, T as g, W as _, X as v, Y as y, Z as b, _ as x, b as S, c as C, ct as w, d as T, f as E, ft as D, g as O, h as k, i as A, j, k as M, l as N, m as P, o as F, ot as I, p as L, q as R, r as z, s as B, t as V, u as ee, v as H, vt as te, w as ne, y as re, z as ie } from "./geometry-CG2nOEnw.js";
-import { useCallback as U, useEffect as ae, useLayoutEffect as W, useMemo as oe, useRef as G, useState as K } from "react";
-import { Fragment as se, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { A as e, C as t, Cn as n, D as r, E as i, En as a, F as o, G as s, J as c, K as l, L as u, M as d, N as f, O as p, R as m, S as h, T as g, Tn as _, W as v, X as y, Y as b, Z as x, _ as S, b as C, c as w, ct as T, d as E, f as D, ft as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, o as I, ot as L, p as R, q as z, r as B, s as V, t as H, u as ee, v as U, vt as te, w as ne, y as re, z as ie } from "./geometry-ChwYB45B.js";
+import { useCallback as W, useEffect as ae, useLayoutEffect as G, useMemo as oe, useRef as K, useState as q } from "react";
+import { Fragment as se, jsx as J, jsxs as Y } from "react/jsx-runtime";
 import { createPortal as ce } from "react-dom";
 // src/core/logic/uiScale.logic.ts
 function le(e) {
@@ -9,15 +9,15 @@ function le(e) {
 	return Number.isFinite(t) && t > 0 ? t : 1;
 }
 // src/components/Charts/useUiScale.ts
-function Y() {
-	let [e, t] = K(null), [n, r] = K(1);
-	return W(() => {
+function X() {
+	let [e, t] = q(null), [n, r] = q(1);
+	return G(() => {
 		e && r(le(getComputedStyle(e).getPropertyValue("--ui-scale")));
-	}), W(() => {
+	}), G(() => {
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(() => r(le(getComputedStyle(e).getPropertyValue("--ui-scale"))));
 		return t.observe(e), () => t.disconnect();
-	}, [e]), [U((e) => t(e), []), n];
+	}, [e]), [W((e) => t(e), []), n];
 }
 // src/components/Charts/pointer.ts
 function ue(e, t, n) {
@@ -74,88 +74,88 @@ function _e(e, t, n, r = ge, i = 8) {
 	};
 }
 // src/components/Charts/ChartTooltip.tsx
-var X = null, ve = 8, ye = () => ({
+var Z = null, ve = 8, ye = () => ({
 	width: document.documentElement.clientWidth || window.innerWidth,
 	height: document.documentElement.clientHeight || window.innerHeight
 });
-function Z(e) {
-	let t = G(e);
+function Q(e) {
+	let t = K(e);
 	t.current = e;
-	let [n] = K(() => ({})), r = G(null), i = G(null), a = u(), [o, s] = K(null), c = G(null), l = G(null), [d, p] = K(null), m = !!e.onPick, h = (e) => e >= 0 && e < t.current.count && (t.current.focusable?.(e) ?? !0), g = U((e) => {
+	let [n] = q(() => ({})), r = K(null), i = K(null), o = _(), [s, c] = q(null), l = K(null), u = K(null), [d, f] = q(null), p = !!e.onPick, m = (e) => e >= 0 && e < t.current.count && (t.current.focusable?.(e) ?? !0), h = W((e) => {
 		r.current = e;
-	}, []), _ = U(() => {
-		c.current = null, s(null);
-	}, []), y = U((e, t) => {
-		X && X.id !== n && X.clear(), X = {
+	}, []), g = W(() => {
+		l.current = null, c(null);
+	}, []), v = W((e, t) => {
+		Z && Z.id !== n && Z.clear(), Z = {
 			id: n,
-			clear: _
-		}, s((n) => n && n.index === e && n.via === t ? n : {
+			clear: g
+		}, c((n) => n && n.index === e && n.via === t ? n : {
 			index: e,
 			via: t
 		});
-	}, [n, _]);
+	}, [n, g]);
 	ae(() => () => {
-		X?.id === n && (X = null);
+		Z?.id === n && (Z = null);
 	}, [n]);
-	let b = U(() => {
+	let b = W(() => {
 		let e = i.current, n = r.current;
-		if (!e || !n || !o) return;
-		let a = {
+		if (!e || !n || !s) return;
+		let o = {
 			width: e.offsetWidth,
 			height: e.offsetHeight
-		}, s;
-		if (c.current) s = _e(c.current, a, ye());
+		}, c;
+		if (l.current) c = _e(l.current, o, ye());
 		else {
-			let e = t.current.anchor?.(o.index, n) ?? be(n, o.index) ?? n.getBoundingClientRect();
-			s = f({
+			let e = t.current.anchor?.(s.index, n) ?? be(n, s.index) ?? n.getBoundingClientRect();
+			c = a({
 				anchor: e,
-				tooltip: a,
+				tooltip: o,
 				viewport: ye(),
 				placement: "top",
 				offset: 8,
 				margin: 8
 			});
 		}
-		let l = e.parentElement?.getBoundingClientRect() ?? {
+		let u = e.parentElement?.getBoundingClientRect() ?? {
 			left: 0,
 			top: 0
 		};
-		e.style.transform = `translate(${Math.round(s.left - l.left)}px, ${Math.round(s.top - l.top)}px)`, e.style.visibility = "visible";
-	}, [o]);
-	W(b), ae(() => {
-		if (o?.via !== "touch") return;
+		e.style.transform = `translate(${Math.round(c.left - u.left)}px, ${Math.round(c.top - u.top)}px)`, e.style.visibility = "visible";
+	}, [s]);
+	G(b), ae(() => {
+		if (s?.via !== "touch") return;
 		let e = (e) => {
-			r.current?.contains(e.target) || _();
+			r.current?.contains(e.target) || g();
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [o?.via, _]);
+	}, [s?.via, g]);
 	let x = (e, n) => {
 		let i = r.current;
 		if (!i) return null;
 		let a = i.getBoundingClientRect();
 		return t.current.pick(e - a.left, n - a.top, a, i);
 	}, S = (e) => {
-		c.current = {
+		l.current = {
 			x: e.clientX,
 			y: e.clientY
 		};
 		let t = x(e.clientX, e.clientY);
-		if (t === null) return _();
-		y(t, e.pointerType === "touch" ? "touch" : "pointer"), b();
+		if (t === null) return g();
+		v(t, e.pointerType === "touch" ? "touch" : "pointer"), b();
 	}, C = [
 		d,
-		o?.index ?? null,
+		s?.index ?? null,
 		e.start ?? null
-	].find((e) => e !== null && h(e)) ?? null;
-	for (let t = 0; t < e.count && C === null; t++) h(t) && (C = t);
+	].find((e) => e !== null && m(e)) ?? null;
+	for (let t = 0; t < e.count && C === null; t++) m(t) && (C = t);
 	let w = (e) => {
 		let t = e instanceof Element && e !== r.current ? e.closest("[data-hit]") : null;
 		return t && r.current?.contains(t) ? Number(t.getAttribute("data-hit")) : null;
 	};
 	return {
-		active: o?.index ?? null,
-		pickable: m,
-		item: (e, t = {}) => m && h(e) ? {
+		active: s?.index ?? null,
+		pickable: p,
+		item: (e, t = {}) => p && m(e) ? {
 			"data-hit": e,
 			role: "button",
 			tabIndex: e === C ? 0 : -1,
@@ -163,11 +163,11 @@ function Z(e) {
 			"aria-disabled": t.disabled ? !0 : void 0
 		} : { "data-hit": e },
 		plotProps: {
-			ref: g,
-			tabIndex: m ? void 0 : 0,
+			ref: h,
+			tabIndex: p ? void 0 : 0,
 			"data-chart-plot": "",
 			onPointerDown: (e) => {
-				e.pointerType === "touch" && (l.current = {
+				e.pointerType === "touch" && (u.current = {
 					x: e.clientX,
 					y: e.clientY,
 					moved: !1
@@ -175,49 +175,49 @@ function Z(e) {
 			},
 			onPointerMove: (e) => {
 				if (e.pointerType === "touch") {
-					if (!l.current) return;
-					Math.hypot(e.clientX - l.current.x, e.clientY - l.current.y) > ve && (l.current.moved = !0);
+					if (!u.current) return;
+					Math.hypot(e.clientX - u.current.x, e.clientY - u.current.y) > ve && (u.current.moved = !0);
 				}
 				S(e);
 			},
 			onPointerUp: () => {
-				l.current && setTimeout(() => l.current = null, 0);
+				u.current && setTimeout(() => u.current = null, 0);
 			},
 			onPointerLeave: (e) => {
-				e.pointerType !== "touch" && _();
+				e.pointerType !== "touch" && g();
 			},
 			onClick: (e) => {
-				if (l.current?.moved) return;
+				if (u.current?.moved) return;
 				let n = x(e.clientX, e.clientY);
 				n !== null && n >= 0 && t.current.onPick?.(n);
 			},
 			onKeyDown: (e) => {
 				let n = t.current, i = w(e.target);
-				if (n.onPick && i !== null && !h(i)) return;
-				let a = i ?? (o && o.index >= 0 ? o.index : null);
+				if (n.onPick && i !== null && !m(i)) return;
+				let a = i ?? (s && s.index >= 0 ? s.index : null);
 				if ((e.key === "Enter" || e.key === " ") && a !== null && n.onPick) {
 					e.preventDefault(), n.onPick(a);
 					return;
 				}
-				if (e.key === "Escape") return o && e.stopPropagation(), _();
-				let s = o && o.index >= 0 ? o.index : n.start ?? null, l = v(e.key, s, n.count, n.keys, n.onPick ? h : void 0);
-				l !== null && (e.preventDefault(), c.current = null, y(l, "key"), n.onPick && r.current?.querySelector(`[data-hit="${l}"]`)?.focus());
+				if (e.key === "Escape") return s && e.stopPropagation(), g();
+				let o = s && s.index >= 0 ? s.index : n.start ?? null, c = y(e.key, o, n.count, n.keys, n.onPick ? m : void 0);
+				c !== null && (e.preventDefault(), l.current = null, v(c, "key"), n.onPick && r.current?.querySelector(`[data-hit="${c}"]`)?.focus());
 			},
 			onFocus: (e) => {
 				let t = w(e.target);
-				m && t !== null && (p(t), o?.index !== t && (c.current = null, y(t, "key")));
+				p && t !== null && (f(t), s?.index !== t && (l.current = null, v(t, "key")));
 			},
 			onBlur: (e) => {
-				e.relatedTarget instanceof Node && r.current?.contains(e.relatedTarget) || o?.via === "key" && _();
+				e.relatedTarget instanceof Node && r.current?.contains(e.relatedTarget) || s?.via === "key" && g();
 			}
 		},
 		tooltip: (e) => {
-			if (!o || e == null || !a) return null;
+			if (!s || e == null || !o) return null;
 			let t = r.current?.closest("[data-theme]")?.getAttribute("data-theme") ?? void 0;
-			return ce(/* @__PURE__ */ q("div", {
+			return ce(/* @__PURE__ */ J("div", {
 				className: "chart-tooltip-layer",
 				"data-theme": t,
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ J("div", {
 					ref: i,
 					className: "chart-root chart-tooltip",
 					role: "presentation",
@@ -225,7 +225,7 @@ function Z(e) {
 					style: { visibility: "hidden" },
 					children: e
 				})
-			}), a);
+			}), o);
 		}
 	};
 }
@@ -245,30 +245,30 @@ function xe(e) {
 		};
 	}), n;
 }
-function Q({ title: e, rows: t = [], note: n }) {
-	return /* @__PURE__ */ J(se, { children: [
-		e != null && e !== "" && /* @__PURE__ */ q("p", {
+function $({ title: e, rows: t = [], note: n }) {
+	return /* @__PURE__ */ Y(se, { children: [
+		e != null && e !== "" && /* @__PURE__ */ J("p", {
 			className: "chart-tooltip-title",
 			children: e
 		}),
-		t.map((e) => /* @__PURE__ */ J("p", {
+		t.map((e) => /* @__PURE__ */ Y("p", {
 			className: "chart-tooltip-series",
 			children: [
-				e.color && /* @__PURE__ */ q("span", {
+				e.color && /* @__PURE__ */ J("span", {
 					className: "chart-swatch chart-swatch--small",
 					style: { background: e.color }
 				}),
-				/* @__PURE__ */ q("span", {
+				/* @__PURE__ */ J("span", {
 					className: "chart-tooltip-label",
 					children: e.label
 				}),
-				/* @__PURE__ */ q("strong", {
+				/* @__PURE__ */ J("strong", {
 					className: "chart-tooltip-value",
 					children: e.value
 				})
 			]
 		}, e.key)),
-		n != null && n !== "" && /* @__PURE__ */ q("p", {
+		n != null && n !== "" && /* @__PURE__ */ J("p", {
 			className: "chart-tooltip-note",
 			children: n
 		})
@@ -276,15 +276,15 @@ function Q({ title: e, rows: t = [], note: n }) {
 }
 // src/components/Charts/BarList.tsx
 function Se({ href: e, className: t, title: n, children: r }) {
-	return /* @__PURE__ */ q("a", {
+	return /* @__PURE__ */ J("a", {
 		href: e,
 		className: t,
 		title: n,
 		children: r
 	});
 }
-function Ce({ data: e, series: t, ariaLabel: n, title: r, linkAs: i = Se, compact: c = !1, onSelect: l, selected: u = null, ...f }) {
-	let { nf: p, L: m } = b(f), h = (t) => !!l && !e[t]?.href && e[t]?.selectable !== !1, g = Z({
+function Ce({ data: e, series: t, ariaLabel: n, title: r, linkAs: i = Se, compact: a = !1, onSelect: o, selected: u = null, ...d }) {
+	let { nf: p, L: m } = x(d), h = (t) => !!o && !e[t]?.href && e[t]?.selectable !== !1, g = Q({
 		count: e.length,
 		pick: (e, t, n, r) => de(t, xe(r).map((e) => e ? {
 			start: e.top,
@@ -297,94 +297,94 @@ function Ce({ data: e, series: t, ariaLabel: n, title: r, linkAs: i = Se, compac
 			ArrowLeft: 0,
 			ArrowRight: 0
 		},
-		start: u === null ? null : e.findIndex((e) => H(e) === u),
-		onPick: l ? (t) => h(t) && l(e[t]) : void 0,
+		start: u === null ? null : e.findIndex((e) => U(e) === u),
+		onPick: o ? (t) => h(t) && o(e[t]) : void 0,
 		focusable: (t) => !e[t]?.href
-	}), v = e.map((e) => re(e, t));
-	if (v.every((e) => e === 0)) return /* @__PURE__ */ q(s, {
+	}), _ = e.map((e) => re(e, t));
+	if (_.every((e) => e === 0)) return /* @__PURE__ */ J(l, {
 		title: r,
-		children: /* @__PURE__ */ q(_, {
+		children: /* @__PURE__ */ J(v, {
 			ariaLabel: n,
 			text: m.empty,
-			compact: c
+			compact: a
 		})
 	});
-	let y = N(v), x = v.reduce((e, t) => e + t, 0), S = g.active, C = S === null ? u : H(e[S]), w = S === null ? null : e[S], T = (e, t) => `${e.fullLabel ?? e.label}: ${p(v[t])}`;
-	return /* @__PURE__ */ J(s, {
+	let y = P(_), b = _.reduce((e, t) => e + t, 0), S = g.active, C = S === null ? u : U(e[S]), w = S === null ? null : e[S], T = (e, t) => `${e.fullLabel ?? e.label}: ${p(_[t])}`;
+	return /* @__PURE__ */ Y(l, {
 		title: r,
 		children: [
-			/* @__PURE__ */ q("div", {
-				className: R(`chart-bars chart-plot chart-plot--rows${l ? " chart-plot--pick" : ""}`, c),
-				role: l ? "group" : "img",
-				"aria-label": !l && w ? T(w, S) : n,
+			/* @__PURE__ */ J("div", {
+				className: z(`chart-bars chart-plot chart-plot--rows${o ? " chart-plot--pick" : ""}`, a),
+				role: o ? "group" : "img",
+				"aria-label": !o && w ? T(w, S) : n,
 				...g.plotProps,
 				children: e.map((e, n) => {
-					let r = H(e), a = e.fullLabel ?? e.label, o = g.pickable && !e.href;
-					return /* @__PURE__ */ J("div", {
+					let r = U(e), a = e.fullLabel ?? e.label, o = g.pickable && !e.href;
+					return /* @__PURE__ */ Y("div", {
 						...g.item(n, {
 							pressed: u === r,
 							disabled: !h(n)
 						}),
-						"aria-label": o ? `${e.label}: ${p(v[n])}` : void 0,
+						"aria-label": o ? `${e.label}: ${p(_[n])}` : void 0,
 						"aria-description": o && a !== e.label ? a : void 0,
 						className: `chart-bars-item${n === S ? " chart-bars-item--active" : ""}${u === r ? " chart-bars-item--on" : ""}`,
 						children: [
-							e.href ? /* @__PURE__ */ q(i, {
+							e.href ? /* @__PURE__ */ J(i, {
 								href: e.href,
 								className: "chart-bars-label chart-bars-link",
 								title: a,
 								children: e.label
-							}) : /* @__PURE__ */ q("span", {
+							}) : /* @__PURE__ */ J("span", {
 								className: "chart-bars-label",
 								title: a,
 								children: e.label
 							}),
 							" ",
-							/* @__PURE__ */ q("span", {
+							/* @__PURE__ */ J("span", {
 								className: `chart-bars-bar${C !== null && C !== r ? " chart-faded" : ""}`,
 								"aria-hidden": !0,
 								children: t.map((n, r) => {
 									let i = e.values[n.key] ?? 0;
 									if (!i) return null;
 									let a = t.slice(r + 1).every((t) => !(e.values[t.key] ?? 0));
-									return /* @__PURE__ */ q("span", {
+									return /* @__PURE__ */ J("span", {
 										className: `chart-bars-segment${a ? " chart-bars-segment--end" : ""}`,
 										style: {
 											width: `${i / y * 100}%`,
-											background: I(t.length === 1 && e.slot ? e.slot : n.slot)
+											background: L(t.length === 1 && e.slot ? e.slot : n.slot)
 										}
 									}, n.key);
 								})
 							}),
-							/* @__PURE__ */ q("span", {
+							/* @__PURE__ */ J("span", {
 								className: "chart-bars-value",
-								children: p(v[n])
+								children: p(_[n])
 							})
 						]
 					}, r);
 				})
 			}),
-			/* @__PURE__ */ q(a, { text: w ? T(w, S) : "" }),
-			g.tooltip(w && /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: w ? T(w, S) : "" }),
+			g.tooltip(w && /* @__PURE__ */ J($, {
 				title: w.fullLabel ?? w.label,
 				rows: t.map((e) => ({
 					key: e.key,
-					color: I(t.length === 1 && w.slot ? w.slot : e.slot),
+					color: L(t.length === 1 && w.slot ? w.slot : e.slot),
 					label: e.label,
 					value: p(w.values[e.key] ?? 0)
 				})),
-				note: m.shareOf(o(d(v[S], x)), p(x))
+				note: m.shareOf(c(f(_[S], b)), p(b))
 			}))
 		]
 	});
 }
 // src/components/Charts/useBoxSize.ts
 function we() {
-	let [e, t] = K(null), [n, r] = K({
+	let [e, t] = q(null), [n, r] = q({
 		width: 0,
 		height: 0
 	});
-	return W(() => {
+	return G(() => {
 		if (!e) return;
 		let t = () => {
 			let t = e.getBoundingClientRect();
@@ -396,14 +396,14 @@ function we() {
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [e]), [U((e) => t(e), []), n];
+	}, [e]), [W((e) => t(e), []), n];
 }
-function $() {
+function Te() {
 	let [e, t] = we();
 	return [e, t.width];
 }
 // src/components/Charts/CalendarHeatmap.tsx
-function Te(e) {
+function Ee(e) {
 	let t = (t) => {
 		try {
 			return new Intl.DateTimeFormat(e, {
@@ -423,15 +423,15 @@ function Te(e) {
 		weekday: t({ weekday: "short" })
 	};
 }
-var Ee = (e = "en-IN") => Array.from({ length: 7 }, (t, n) => Te(e).weekday.format(Date.UTC(2024, 0, 1 + n)));
-function De({ days: e, ariaLabel: t, title: n, onSelect: r, selected: i = null, compact: o = !1, ...c }) {
-	let { nf: l, L: u } = b(c), d = c.locale ?? "en-IN", f = oe(() => Te(d), [d]), p = oe(() => Ee(d), [d]), m = oe(() => T(e), [e]), [h, g] = $(), [v, y] = Y(), x = ee(g, m.weeks, o ? V.compactMax : V.max, y), C = x.cell + x.gap, D = x.weekdays ? P(y) : 0, O = i === null ? -1 : m.cells.findIndex((e) => e.day === i), k = Z({
-		count: m.cells.length,
-		pick: (e, t) => fe(e, t, m.cells.map((e) => ({
-			left: D + e.week * C,
-			top: e.weekday * C,
-			width: x.cell,
-			height: x.cell
+var De = (e) => Array.from({ length: 7 }, (t, n) => Ee(e).weekday.format(Date.UTC(2024, 0, 1 + n)));
+function Oe({ days: e, ariaLabel: t, title: r, onSelect: i, selected: a = null, compact: o = !1, ...c }) {
+	let { nf: u, L: d } = x(c), f = n().locale, p = c.locale ?? f, m = oe(() => Ee(p), [p]), h = oe(() => De(p), [p]), g = oe(() => E(e), [e]), [_, y] = Te(), [b, S] = X(), w = ee(y, g.weeks, o ? H.compactMax : H.max, S), O = w.cell + w.gap, k = w.weekdays ? F(S) : 0, A = a === null ? -1 : g.cells.findIndex((e) => e.day === a), j = Q({
+		count: g.cells.length,
+		pick: (e, t) => fe(e, t, g.cells.map((e) => ({
+			left: k + e.week * O,
+			top: e.weekday * O,
+			width: w.cell,
+			height: w.cell
 		}))),
 		keys: {
 			ArrowLeft: -7,
@@ -439,56 +439,56 @@ function De({ days: e, ariaLabel: t, title: n, onSelect: r, selected: i = null,
 			ArrowUp: -1,
 			ArrowDown: 1
 		},
-		start: O >= 0 ? O : null,
-		onPick: r ? (e) => r({
-			day: m.cells[e].day,
-			count: m.cells[e].count
+		start: A >= 0 ? A : null,
+		onPick: i ? (e) => i({
+			day: g.cells[e].day,
+			count: g.cells[e].count
 		}) : void 0
 	});
-	if (!m.cells.length || m.total === 0) return /* @__PURE__ */ q(s, {
-		title: n,
-		children: /* @__PURE__ */ q(_, {
+	if (!g.cells.length || g.total === 0) return /* @__PURE__ */ J(l, {
+		title: r,
+		children: /* @__PURE__ */ J(v, {
 			ariaLabel: t,
-			text: u.empty,
+			text: d.empty,
 			compact: o
 		})
 	});
-	let A = (e) => `${f.day.format(S(e.day))}: ${l(e.count)}`, j = k.active, M = j === null ? null : m.cells[j] ?? null, N = `${x.weekdays ? `${D}px ` : ""}repeat(${m.weeks}, ${x.cell}px)`, F = x.weekdays ? 2 : 1;
-	return /* @__PURE__ */ q(s, {
-		title: n,
-		children: /* @__PURE__ */ J("div", {
-			ref: h,
-			className: R("chart-calendar", o),
+	let M = (e) => `${m.day.format(C(e.day))}: ${u(e.count)}`, N = j.active, P = N === null ? null : g.cells[N] ?? null, I = `${w.weekdays ? `${k}px ` : ""}repeat(${g.weeks}, ${w.cell}px)`, L = w.weekdays ? 2 : 1;
+	return /* @__PURE__ */ J(l, {
+		title: r,
+		children: /* @__PURE__ */ Y("div", {
+			ref: _,
+			className: z("chart-calendar", o),
 			role: "group",
-			"aria-label": `${t}: ${u.total} ${l(m.total)}`,
+			"aria-label": `${t}: ${d.total} ${u(g.total)}`,
 			children: [
-				/* @__PURE__ */ q("div", {
-					ref: v,
+				/* @__PURE__ */ J("div", {
+					ref: b,
 					className: "chart-calendar-months",
 					style: {
-						gridTemplateColumns: N,
-						columnGap: x.gap
+						gridTemplateColumns: I,
+						columnGap: w.gap
 					},
 					"aria-hidden": !0,
-					children: E(m.months, C, y).map((e) => /* @__PURE__ */ q("span", {
+					children: D(g.months, O, S).map((e) => /* @__PURE__ */ J("span", {
 						style: {
 							gridRow: 1,
-							gridColumn: `${e.week + F} / span ${Math.max(1, Math.ceil(L(y) / C))}`
+							gridColumn: `${e.week + L} / span ${Math.max(1, Math.ceil(R(S) / O))}`
 						},
-						children: f.month.format(S(`${e.month}-01`))
+						children: m.month.format(C(`${e.month}-01`))
 					}, e.month))
 				}),
-				/* @__PURE__ */ J("div", {
-					className: `chart-calendar-grid chart-plot${r ? " chart-plot--pick" : ""}`,
+				/* @__PURE__ */ Y("div", {
+					className: `chart-calendar-grid chart-plot${i ? " chart-plot--pick" : ""}`,
 					style: {
-						gridTemplateColumns: N,
-						gridTemplateRows: `repeat(7, ${x.cell}px)`,
-						gap: x.gap
+						gridTemplateColumns: I,
+						gridTemplateRows: `repeat(7, ${w.cell}px)`,
+						gap: w.gap
 					},
-					role: r ? void 0 : "img",
-					"aria-label": r ? void 0 : M ? A(M) : t,
-					...k.plotProps,
-					children: [x.weekdays && p.map((e, t) => /* @__PURE__ */ q("span", {
+					role: i ? void 0 : "img",
+					"aria-label": i ? void 0 : P ? M(P) : t,
+					...j.plotProps,
+					children: [w.weekdays && h.map((e, t) => /* @__PURE__ */ J("span", {
 						className: "chart-calendar-weekday",
 						style: {
 							gridRow: t + 1,
@@ -496,40 +496,40 @@ function De({ days: e, ariaLabel: t, title: n, onSelect: r, selected: i = null,
 						},
 						"aria-hidden": !0,
 						children: t % 2 == 0 ? e : ""
-					}, e)), m.cells.map((e, t) => /* @__PURE__ */ q("span", {
-						...k.item(t, { pressed: t === O }),
-						"aria-label": k.pickable ? A(e) : void 0,
-						className: `chart-calendar-day${t === O ? " chart-calendar-day--on" : ""}${t === j ? " chart-calendar-day--active" : ""}${O >= 0 && t !== O ? " chart-calendar-day--faded" : ""}`,
+					}, e)), g.cells.map((e, t) => /* @__PURE__ */ J("span", {
+						...j.item(t, { pressed: t === A }),
+						"aria-label": j.pickable ? M(e) : void 0,
+						className: `chart-calendar-day${t === A ? " chart-calendar-day--on" : ""}${t === N ? " chart-calendar-day--active" : ""}${A >= 0 && t !== A ? " chart-calendar-day--faded" : ""}`,
 						style: {
 							gridRow: e.weekday + 1,
-							gridColumn: e.week + F,
-							background: w(e.level),
-							borderRadius: x.cell < 8 ? 1 : 2
+							gridColumn: e.week + L,
+							background: T(e.level),
+							borderRadius: w.cell < 8 ? 1 : 2
 						},
 						"data-level": e.level,
-						"aria-hidden": !k.pickable || void 0
+						"aria-hidden": !j.pickable || void 0
 					}, e.day))]
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "chart-calendar-legend",
 					"aria-hidden": !0,
 					children: [
-						/* @__PURE__ */ q("span", { children: u.less }),
-						Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ q("span", {
+						/* @__PURE__ */ J("span", { children: d.less }),
+						Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ J("span", {
 							className: "chart-calendar-swatch",
-							style: { background: w(t) }
+							style: { background: T(t) }
 						}, t)),
-						/* @__PURE__ */ q("span", { children: u.more })
+						/* @__PURE__ */ J("span", { children: d.more })
 					]
 				}),
-				/* @__PURE__ */ q(a, { text: M ? A(M) : "" }),
-				k.tooltip(M && /* @__PURE__ */ q(Q, {
-					title: f.day.format(S(M.day)),
+				/* @__PURE__ */ J(s, { text: P ? M(P) : "" }),
+				j.tooltip(P && /* @__PURE__ */ J($, {
+					title: m.day.format(C(P.day)),
 					rows: [{
 						key: "n",
-						color: w(Math.max(1, M.level)),
+						color: T(Math.max(1, P.level)),
 						label: t,
-						value: l(M.count)
+						value: u(P.count)
 					}]
 				}))
 			]
@@ -537,33 +537,33 @@ function De({ days: e, ariaLabel: t, title: n, onSelect: r, selected: i = null,
 	});
 }
 // src/components/Charts/Legend.tsx
-function Oe({ series: e, labels: t }) {
-	let { L: n } = b({ labels: t });
-	return e.length < 2 ? null : /* @__PURE__ */ q("ul", {
-		className: R("chart-legend"),
+function ke({ series: e, labels: t }) {
+	let { L: n } = x({ labels: t });
+	return e.length < 2 ? null : /* @__PURE__ */ J("ul", {
+		className: z("chart-legend"),
 		"aria-label": n.legend,
-		children: e.map((e) => /* @__PURE__ */ J("li", {
+		children: e.map((e) => /* @__PURE__ */ Y("li", {
 			className: "chart-legend-item",
-			children: [/* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ J("span", {
 				className: "chart-swatch",
-				style: { background: I(e.slot) },
+				style: { background: L(e.slot) },
 				"aria-hidden": !0
 			}), e.label]
 		}, e.key))
 	});
 }
 // src/components/Charts/ColumnChart.tsx
-var ke = 6, Ae = 2, je = 6, Me = 44;
-function Ne({ data: e, series: t, ariaLabel: n, title: i, height: o, compact: c = !1, mode: l = "stacked", legend: u = !1, onSelect: d, selected: f = null, ...p }) {
-	let { nf: m, L: h } = b(p), [g, v] = $(), [y, S] = Y(), w = e.length, T = (t) => !!d && e[t]?.selectable !== !1, E = Z({
-		count: w,
-		pick: (e, t, n) => ue(e, n.width, w),
+var Ae = 6, je = 2, Me = 6, Ne = 44;
+function Pe({ data: e, series: t, ariaLabel: n, title: r, height: a, compact: o = !1, mode: c = "stacked", legend: u = !1, onSelect: d, selected: f = null, ...p }) {
+	let { nf: m, L: h } = x(p), [g, _] = Te(), [y, b] = X(), C = e.length, T = (t) => !!d && e[t]?.selectable !== !1, E = Q({
+		count: C,
+		pick: (e, t, n) => ue(e, n.width, C),
 		anchor: (e, t) => {
 			let n = t.getBoundingClientRect();
 			return {
-				left: n.left + n.width * e / w,
+				left: n.left + n.width * e / C,
 				top: n.top,
-				width: n.width / w,
+				width: n.width / C,
 				height: n.height
 			};
 		},
@@ -571,77 +571,77 @@ function Ne({ data: e, series: t, ariaLabel: n, title: i, height: o, compact: c
 			ArrowUp: 0,
 			ArrowDown: 0
 		},
-		start: f === null ? null : e.findIndex((e) => H(e) === f),
+		start: f === null ? null : e.findIndex((e) => U(e) === f),
 		onPick: d ? (t) => T(t) && d(e[t]) : void 0
 	}), D = e.map((e) => re(e, t));
-	if (D.every((e) => e === 0)) return /* @__PURE__ */ q(s, {
-		title: i,
-		children: /* @__PURE__ */ q(_, {
+	if (D.every((e) => e === 0)) return /* @__PURE__ */ J(l, {
+		title: r,
+		children: /* @__PURE__ */ J(v, {
 			ariaLabel: n,
 			text: h.empty,
-			compact: c
+			compact: o
 		})
 	});
-	let k = (o ?? (c ? 96 : 220)) * S, A = l === "grouped" && t.length > 1, { max: j, ticks: M } = O(x(e, t, A ? "grouped" : "stacked")), N = A ? r(t.length, 100, ke) : [], P = E.active, F = (P === null ? null : H(e[P])) ?? f, L = v && v / Math.max(1, w) < je ? 0 : Ae, z = new Set(C(w, Math.max(2, Math.min(12, Math.floor((v || 600) / (Me * S)))))), B = (e, n) => `${e.fullLabel ?? e.label}: ${t.length > 1 ? t.map((t) => `${t.label} ${m(e.values[t.key] ?? 0)}`).join(", ") : m(D[n])}`, V = P === null ? null : e[P];
-	return /* @__PURE__ */ q(s, {
-		title: i,
-		children: /* @__PURE__ */ J("div", {
+	let O = (a ?? (o ? 96 : 220)) * b, A = c === "grouped" && t.length > 1, { max: j, ticks: M } = k(S(e, t, A ? "grouped" : "stacked")), N = A ? i(t.length, 100, Ae) : [], P = E.active, F = (P === null ? null : U(e[P])) ?? f, I = _ && _ / Math.max(1, C) < Me ? 0 : je, R = new Set(w(C, Math.max(2, Math.min(12, Math.floor((_ || 600) / (Ne * b)))))), B = (e, n) => `${e.fullLabel ?? e.label}: ${t.length > 1 ? t.map((t) => `${t.label} ${m(e.values[t.key] ?? 0)}`).join(", ") : m(D[n])}`, V = P === null ? null : e[P];
+	return /* @__PURE__ */ J(l, {
+		title: r,
+		children: /* @__PURE__ */ Y("div", {
 			ref: g,
-			className: R(`chart-columns${A ? " chart-columns--grouped" : ""}`, c),
+			className: z(`chart-columns${A ? " chart-columns--grouped" : ""}`, o),
 			role: "group",
 			"aria-label": n,
 			children: [
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "chart-columns-plot",
-					style: { height: k },
-					children: [!c && /* @__PURE__ */ q("div", {
+					style: { height: O },
+					children: [!o && /* @__PURE__ */ J("div", {
 						className: "chart-axis-y",
 						"aria-hidden": !0,
-						children: [...M].reverse().map((e) => /* @__PURE__ */ q("span", { children: m(e) }, e))
-					}), /* @__PURE__ */ J("div", {
+						children: [...M].reverse().map((e) => /* @__PURE__ */ J("span", { children: m(e) }, e))
+					}), /* @__PURE__ */ Y("div", {
 						className: `chart-columns-area chart-plot chart-plot--x${d ? " chart-plot--pick" : ""}`,
 						role: d ? void 0 : "img",
 						"aria-label": d ? void 0 : V ? B(V, P) : n,
 						...E.plotProps,
-						children: [!c && M.slice(1).map((e) => /* @__PURE__ */ q("div", {
+						children: [!o && M.slice(1).map((e) => /* @__PURE__ */ J("div", {
 							className: "chart-gridline",
 							style: { bottom: `${e / j * 100}%` },
 							"aria-hidden": !0
-						}, e)), /* @__PURE__ */ q("div", {
+						}, e)), /* @__PURE__ */ J("div", {
 							className: "chart-columns-bars",
-							style: { gap: L },
+							style: { gap: I },
 							"aria-hidden": !E.pickable || void 0,
 							children: e.map((e, n) => {
-								let r = H(e), i = F !== null && F !== r ? " chart-faded" : "";
-								return /* @__PURE__ */ q("div", {
+								let r = U(e), i = F !== null && F !== r ? " chart-faded" : "";
+								return /* @__PURE__ */ J("div", {
 									...E.item(n, {
 										pressed: f === r,
 										disabled: !T(n)
 									}),
 									"aria-label": E.pickable ? B(e, n) : void 0,
 									className: `chart-column${n === P ? " chart-column--active" : ""}${f === r ? " chart-column--on" : ""}`,
-									children: A ? /* @__PURE__ */ q("span", {
+									children: A ? /* @__PURE__ */ J("span", {
 										className: `chart-column-group${i}`,
-										children: t.map((t, n) => /* @__PURE__ */ q("span", {
+										children: t.map((t, n) => /* @__PURE__ */ J("span", {
 											className: "chart-column-segment chart-column-segment--top chart-column-bar",
 											style: {
 												left: `${N[n].x}%`,
 												width: `${N[n].width}%`,
-												height: `${(e.values[t.key] ?? 0) / j * k}px`,
-												background: I(t.slot)
+												height: `${(e.values[t.key] ?? 0) / j * O}px`,
+												background: L(t.slot)
 											}
 										}, t.key))
-									}) : /* @__PURE__ */ q("span", {
+									}) : /* @__PURE__ */ J("span", {
 										className: `chart-column-stack${i}`,
 										children: t.map((n, r) => {
 											let i = e.values[n.key] ?? 0;
 											if (!i) return null;
 											let a = t.slice(r + 1).every((t) => !(e.values[t.key] ?? 0));
-											return /* @__PURE__ */ q("span", {
+											return /* @__PURE__ */ J("span", {
 												className: `chart-column-segment${a ? " chart-column-segment--top" : ""}`,
 												style: {
-													height: `${i / j * k}px`,
-													background: I(n.slot)
+													height: `${i / j * O}px`,
+													background: L(n.slot)
 												}
 											}, n.key);
 										})
@@ -651,29 +651,29 @@ function Ne({ data: e, series: t, ariaLabel: n, title: i, height: o, compact: c
 						})]
 					})]
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ J("div", {
 					ref: y,
-					className: `chart-axis-x${c ? " chart-axis-x--compact" : ""}`,
-					style: { gap: L },
+					className: `chart-axis-x${o ? " chart-axis-x--compact" : ""}`,
+					style: { gap: I },
 					"aria-hidden": !0,
-					children: e.map((e, t) => /* @__PURE__ */ q("span", {
-						className: f !== null && f !== H(e) ? "chart-faded" : void 0,
-						children: z.has(t) ? e.label : ""
-					}, H(e)))
+					children: e.map((e, t) => /* @__PURE__ */ J("span", {
+						className: f !== null && f !== U(e) ? "chart-faded" : void 0,
+						children: R.has(t) ? e.label : ""
+					}, U(e)))
 				}),
-				u && /* @__PURE__ */ q("div", {
+				u && /* @__PURE__ */ J("div", {
 					className: "chart-columns-legend",
-					children: /* @__PURE__ */ q(Oe, {
+					children: /* @__PURE__ */ J(ke, {
 						series: t,
 						labels: p.labels
 					})
 				}),
-				/* @__PURE__ */ q(a, { text: V ? B(V, P) : "" }),
-				E.tooltip(V && /* @__PURE__ */ q(Q, {
+				/* @__PURE__ */ J(s, { text: V ? B(V, P) : "" }),
+				E.tooltip(V && /* @__PURE__ */ J($, {
 					title: V.fullLabel ?? V.label,
 					rows: t.map((e) => ({
 						key: e.key,
-						color: I(e.slot),
+						color: L(e.slot),
 						label: e.label,
 						value: m(V.values[e.key] ?? 0)
 					})),
@@ -684,9 +684,9 @@ function Ne({ data: e, series: t, ariaLabel: n, title: i, height: o, compact: c
 	});
 }
 // src/components/Charts/useLegendFit.ts
-function Pe(e, t) {
-	let [n, r] = K(null), [i, a] = K(e), [o, s] = K(e);
-	return W(() => {
+function Fe(e, t) {
+	let [n, r] = q(null), [i, a] = q(e), [o, s] = q(e);
+	return G(() => {
 		if (!t || !n) {
 			a(e), s(e);
 			return;
@@ -713,36 +713,36 @@ function Pe(e, t) {
 		e,
 		t
 	]), [
-		U((e) => r(e), []),
+		W((e) => r(e), []),
 		t ? i : e,
 		t ? o : e
 	];
 }
 // src/components/Charts/Donut.tsx
-var Fe = 2.5;
-function Ie({ slices: n, ariaLabel: r, title: i, size: s, compact: c = !1, variant: u = "donut", onLegendCut: f, legend: p = !0, onSelect: m, selected: h = null, ...g }) {
-	let { nf: _, L: v } = b(g), [y, x] = K(null), [S, C, w] = Pe(n.length, c);
-	ae(() => f?.(n.length - w), [
-		f,
+var Ie = 2.5;
+function Le({ slices: n, ariaLabel: r, title: i, size: a, compact: o = !1, variant: l = "donut", onLegendCut: u, legend: p = !0, onSelect: m, selected: h = null, ...g }) {
+	let { nf: _, L: v } = x(g), [y, b] = q(null), [S, C, w] = Fe(n.length, o);
+	ae(() => u?.(n.length - w), [
+		u,
 		n.length,
 		w
 	]);
-	let [T, E] = Y(), D = (s ?? (c ? 112 : 168)) * E, O = n.reduce((e, t) => e + t.value, 0), k = u === "pie", A = k ? e(n).map((e) => ({
+	let [T, E] = X(), D = (a ?? (o ? 112 : 168)) * E, O = n.reduce((e, t) => e + t.value, 0), k = l === "pie", A = k ? e(n).map((e) => ({
 		slice: e.slice,
 		a0: e.a0,
 		a1: e.a1
 	})) : t(n).map((e) => ({
 		slice: e.slice,
-		a0: e.start / z * 2 * Math.PI,
-		a1: (e.start + e.length) / z * 2 * Math.PI
-	})), j = (e) => !!m && n[e].value > 0 && n[e].selectable !== !1, M = Z({
+		a0: e.start / B * 2 * Math.PI,
+		a1: (e.start + e.length) / B * 2 * Math.PI
+	})), j = (e) => !!m && n[e].value > 0 && n[e].selectable !== !1, M = Q({
 		count: n.length,
 		pick: (e, t, r) => {
 			let i = r.width / 100, a = 48 * i, o = k ? 0 : 32 * i, s = he(e - r.width / 2, t - r.height / 2, a, o, A);
 			return s === null || s === -1 ? s : n.indexOf(A[s].slice);
 		},
 		anchor: (e, t) => {
-			let r = t.getBoundingClientRect(), i = A.find((t) => t.slice === n[e]), a = i ? l(r.left + r.width / 2, r.top + r.height / 2, r.width / 100 * (k ? 36 : 40), (i.a0 + i.a1) / 2) : {
+			let r = t.getBoundingClientRect(), i = A.find((t) => t.slice === n[e]), a = i ? d(r.left + r.width / 2, r.top + r.height / 2, r.width / 100 * (k ? 36 : 40), (i.a0 + i.a1) / 2) : {
 				x: r.left + r.width / 2,
 				y: r.top + r.height / 2
 			};
@@ -765,54 +765,54 @@ function Ie({ slices: n, ariaLabel: r, title: i, size: s, compact: c = !1, varia
 			}),
 			"aria-label": M.pickable ? F(e) : void 0
 		};
-	}, P = (e) => d(e, O), F = (e) => `${e.label} ${_(e.value)} (${o(P(e.value))})`, L = M.active === -1, B = M.active !== null && M.active >= 0 ? n[M.active] : void 0, V = B?.key ?? y ?? h, ee = n.find((e) => e.key === V) ?? n[0], H = (e) => V !== null && V !== e ? .55 : 1, ne = k ? e(n) : [];
-	return /* @__PURE__ */ J("figure", {
+	}, P = (e) => f(e, O), F = (e) => `${e.label} ${_(e.value)} (${c(P(e.value))})`, I = M.active === -1, R = M.active !== null && M.active >= 0 ? n[M.active] : void 0, V = R?.key ?? y ?? h, H = n.find((e) => e.key === V) ?? n[0], ee = (e) => V !== null && V !== e ? .55 : 1, U = k ? e(n) : [];
+	return /* @__PURE__ */ Y("figure", {
 		ref: T,
-		className: R(k ? "chart-donut chart-pie" : "chart-donut", c),
+		className: z(k ? "chart-donut chart-pie" : "chart-donut", o),
 		"aria-label": r,
 		children: [
-			i && /* @__PURE__ */ q("figcaption", {
+			i && /* @__PURE__ */ J("figcaption", {
 				className: "chart-donut-title",
 				children: i
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: `chart-donut-ring chart-plot${m ? " chart-plot--pick" : ""}`,
 				style: {
 					width: D,
 					height: D
 				},
 				role: m ? void 0 : "img",
-				"aria-label": m ? void 0 : B ? F(B) : `${r}: ${n.map(F).join(", ")}`,
+				"aria-label": m ? void 0 : R ? F(R) : `${r}: ${n.map(F).join(", ")}`,
 				...M.plotProps,
-				children: [/* @__PURE__ */ q("svg", {
+				children: [/* @__PURE__ */ J("svg", {
 					viewBox: "0 0 100 100",
 					width: D,
 					height: D,
 					className: "chart-donut-svg",
 					overflow: "visible",
 					"aria-hidden": !M.pickable || void 0,
-					children: k ? O === 0 ? /* @__PURE__ */ q("circle", {
+					children: k ? O === 0 ? /* @__PURE__ */ J("circle", {
 						cx: "50",
 						cy: "50",
 						r: 48,
-						fill: I("rest"),
+						fill: L("rest"),
 						opacity: .5,
 						"aria-hidden": !0
-					}) : ne.map((e) => {
-						let t = e.slice, n = V === t.key && ne.length > 1 ? l(0, 0, Fe, (e.a0 + e.a1) / 2) : null;
-						return /* @__PURE__ */ J("g", {
+					}) : U.map((e) => {
+						let t = e.slice, n = V === t.key && U.length > 1 ? d(0, 0, Ie, (e.a0 + e.a1) / 2) : null;
+						return /* @__PURE__ */ Y("g", {
 							transform: n ? `translate(${n.x} ${n.y})` : void 0,
-							opacity: H(t.key),
+							opacity: ee(t.key),
 							className: "chart-pie-slice-group",
-							children: [/* @__PURE__ */ q("path", {
+							children: [/* @__PURE__ */ J("path", {
 								...N(t),
 								d: ie(50, 50, 48, e.a0, e.a1),
-								fill: I(t.slot),
+								fill: L(t.slot),
 								stroke: "var(--chart-surface)",
-								strokeWidth: +(ne.length > 1),
+								strokeWidth: +(U.length > 1),
 								strokeLinejoin: "round",
 								className: "chart-donut-slice chart-pie-slice"
-							}), e.label && /* @__PURE__ */ q("text", {
+							}), e.label && /* @__PURE__ */ J("text", {
 								x: e.label.x,
 								y: e.label.y,
 								className: "chart-pie-share",
@@ -820,121 +820,121 @@ function Ie({ slices: n, ariaLabel: r, title: i, size: s, compact: c = !1, varia
 								textAnchor: "middle",
 								dominantBaseline: "central",
 								"aria-hidden": !0,
-								children: o(e.share)
+								children: c(e.share)
 							})]
 						}, t.key);
-					}) : /* @__PURE__ */ q("g", {
+					}) : /* @__PURE__ */ J("g", {
 						transform: "rotate(-90 50 50)",
-						children: O === 0 ? /* @__PURE__ */ q("circle", {
+						children: O === 0 ? /* @__PURE__ */ J("circle", {
 							cx: "50",
 							cy: "50",
 							r: 40,
 							fill: "none",
-							stroke: I("rest"),
+							stroke: L("rest"),
 							strokeWidth: 16,
 							opacity: .5,
 							"aria-hidden": !0
-						}) : t(n).map(({ slice: e, start: t, length: n }) => /* @__PURE__ */ q("circle", {
+						}) : t(n).map(({ slice: e, start: t, length: n }) => /* @__PURE__ */ J("circle", {
 							...N(e),
 							cx: "50",
 							cy: "50",
 							r: 40,
 							fill: "none",
-							stroke: I(e.slot),
+							stroke: L(e.slot),
 							strokeWidth: V === e.key ? 18 : 16,
-							strokeDasharray: `${n} ${z}`,
+							strokeDasharray: `${n} ${B}`,
 							strokeDashoffset: -t,
 							className: "chart-donut-slice",
-							opacity: L ? 1 : H(e.key)
+							opacity: I ? 1 : ee(e.key)
 						}, e.key))
 					})
-				}), k ? O === 0 && /* @__PURE__ */ q("div", {
+				}), k ? O === 0 && /* @__PURE__ */ J("div", {
 					className: "chart-donut-centre",
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ q("span", {
+					children: /* @__PURE__ */ J("span", {
 						className: "chart-donut-empty",
 						children: v.empty
 					})
-				}) : /* @__PURE__ */ q("div", {
+				}) : /* @__PURE__ */ J("div", {
 					className: "chart-donut-centre",
 					"aria-hidden": !0,
-					children: O > 0 && L ? /* @__PURE__ */ J(se, { children: [/* @__PURE__ */ q("span", {
+					children: O > 0 && I ? /* @__PURE__ */ Y(se, { children: [/* @__PURE__ */ J("span", {
 						className: "chart-donut-share",
 						children: _(O)
-					}), /* @__PURE__ */ q("span", {
+					}), /* @__PURE__ */ J("span", {
 						className: "chart-donut-share-label",
 						children: v.total.toLowerCase()
-					})] }) : O > 0 && ee ? /* @__PURE__ */ J(se, { children: [/* @__PURE__ */ q("span", {
+					})] }) : O > 0 && H ? /* @__PURE__ */ Y(se, { children: [/* @__PURE__ */ J("span", {
 						className: "chart-donut-share",
-						children: o(P(ee.value))
-					}), /* @__PURE__ */ q("span", {
+						children: c(P(H.value))
+					}), /* @__PURE__ */ J("span", {
 						className: "chart-donut-share-label",
-						children: ee.label.toLowerCase()
-					})] }) : /* @__PURE__ */ q("span", {
+						children: H.label.toLowerCase()
+					})] }) : /* @__PURE__ */ J("span", {
 						className: "chart-donut-empty",
 						children: v.empty
 					})
 				})]
 			}),
-			p && /* @__PURE__ */ J("ul", {
+			p && /* @__PURE__ */ Y("ul", {
 				ref: S,
 				className: "chart-donut-legend",
 				"aria-label": v.legend,
-				children: [n.slice(0, C).map((e, t) => /* @__PURE__ */ J("li", {
+				children: [n.slice(0, C).map((e, t) => /* @__PURE__ */ Y("li", {
 					className: `chart-donut-legend-item${j(t) ? " chart-donut-legend-item--hit" : ""}${h === e.key ? " chart-donut-legend-item--on" : ""}${h !== null && h !== e.key ? " chart-faded" : ""}`,
-					onMouseEnter: () => x(e.key),
-					onMouseLeave: () => x(null),
+					onMouseEnter: () => b(e.key),
+					onMouseLeave: () => b(null),
 					onClick: j(t) ? () => m(e) : void 0,
 					children: [
-						/* @__PURE__ */ q("span", {
+						/* @__PURE__ */ J("span", {
 							className: "chart-swatch",
-							style: { background: I(e.slot) },
+							style: { background: L(e.slot) },
 							"aria-hidden": !0
 						}),
-						/* @__PURE__ */ q("span", {
+						/* @__PURE__ */ J("span", {
 							className: "chart-donut-legend-label",
 							children: e.label
 						}),
-						/* @__PURE__ */ J("span", {
+						/* @__PURE__ */ Y("span", {
 							className: "chart-donut-legend-value",
 							children: [
 								_(e.value),
 								" · ",
-								o(P(e.value))
+								c(P(e.value))
 							]
 						})
 					]
-				}, e.key)), C < n.length && /* @__PURE__ */ q("li", {
+				}, e.key)), C < n.length && /* @__PURE__ */ J("li", {
 					className: "chart-donut-legend-more",
 					"data-legend-more": "",
 					children: v.moreValues(_(n.length - C))
 				})]
 			}),
-			/* @__PURE__ */ q(a, { text: B ? F(B) : L ? `${v.total} ${_(O)}` : "" }),
-			M.tooltip(L ? /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: R ? F(R) : I ? `${v.total} ${_(O)}` : "" }),
+			M.tooltip(I ? /* @__PURE__ */ J($, {
 				title: r,
 				rows: n.map((e) => ({
 					key: e.key,
-					color: I(e.slot),
+					color: L(e.slot),
 					label: e.label,
 					value: _(e.value)
 				})),
 				note: `${v.total}: ${_(O)}`
-			}) : B && /* @__PURE__ */ q(Q, {
+			}) : R && /* @__PURE__ */ J($, {
 				rows: [{
-					key: B.key,
-					color: I(B.slot),
-					label: B.label,
-					value: _(B.value)
+					key: R.key,
+					color: L(R.slot),
+					label: R.label,
+					value: _(R.value)
 				}],
-				note: v.shareOf(o(P(B.value)), _(O))
+				note: v.shareOf(c(P(R.value)), _(O))
 			}))
 		]
 	});
 }
 // src/components/Charts/Funnel.tsx
-function Le({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, selected: c = null, ...l }) {
-	let { nf: u, L: d } = b(l), f = (t) => !!i && e[t].selectable !== !1, p = Z({
+function Re({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, selected: a = null, ...o }) {
+	let { nf: u, L: d } = x(o), f = (t) => !!i && e[t].selectable !== !1, p = Q({
 		count: e.length,
 		pick: (e, t, n, r) => de(t, xe(r).map((e) => e ? {
 			start: e.top,
@@ -947,86 +947,86 @@ function Le({ steps: e, ariaLabel: t, title: n, compact: r = !1, onSelect: i, se
 			ArrowLeft: 0,
 			ArrowRight: 0
 		},
-		start: c === null ? null : e.findIndex((e) => e.key === c),
+		start: a === null ? null : e.findIndex((e) => e.key === a),
 		onPick: i ? (t) => f(t) && i(e[t]) : void 0
 	});
-	if (!e.some((e) => e.value > 0)) return /* @__PURE__ */ q(s, {
+	if (!e.some((e) => e.value > 0)) return /* @__PURE__ */ J(l, {
 		title: n,
-		children: /* @__PURE__ */ q(_, {
+		children: /* @__PURE__ */ J(v, {
 			ariaLabel: t,
 			text: d.empty,
 			compact: r
 		})
 	});
-	let m = ne(e), h = p.active === null ? null : m[p.active] ?? null, g = h?.step.key ?? c, v = (e) => `${e.step.label}: ${u(e.step.value)}${e.drop === null ? "" : `, ${d.funnelDrop} ${y(e.drop)}`}`;
-	return /* @__PURE__ */ J(s, {
+	let m = ne(e), h = p.active === null ? null : m[p.active] ?? null, g = h?.step.key ?? a, _ = (e) => `${e.step.label}: ${u(e.step.value)}${e.drop === null ? "" : `, ${d.funnelDrop} ${b(e.drop)}`}`;
+	return /* @__PURE__ */ Y(l, {
 		title: n,
 		children: [
-			/* @__PURE__ */ q("ol", {
-				className: R(`chart-funnel chart-plot chart-plot--rows${i ? " chart-plot--pick" : ""}`, r),
+			/* @__PURE__ */ J("ol", {
+				className: z(`chart-funnel chart-plot chart-plot--rows${i ? " chart-plot--pick" : ""}`, r),
 				role: i ? void 0 : "img",
-				"aria-label": !i && h ? v(h) : t,
+				"aria-label": !i && h ? _(h) : t,
 				...p.plotProps,
-				children: m.map(({ step: e, width: t, drop: n }, r) => /* @__PURE__ */ q("li", {
+				children: m.map(({ step: e, width: t, drop: n }, r) => /* @__PURE__ */ J("li", {
 					"data-hit": p.pickable ? void 0 : r,
 					className: `chart-funnel-item${r === p.active ? " chart-funnel-item--active" : ""}`,
 					"aria-hidden": !p.pickable || void 0,
-					children: /* @__PURE__ */ J("span", {
+					children: /* @__PURE__ */ Y("span", {
 						...p.pickable ? p.item(r, {
-							pressed: c === e.key,
+							pressed: a === e.key,
 							disabled: !f(r)
 						}) : {},
-						"aria-label": p.pickable ? `${e.label}: ${u(e.value)}${n === null ? "" : `, ${y(n)}`}` : void 0,
+						"aria-label": p.pickable ? `${e.label}: ${u(e.value)}${n === null ? "" : `, ${b(n)}`}` : void 0,
 						"aria-description": p.pickable && n !== null ? d.funnelDrop : void 0,
 						className: `chart-funnel-row${g !== null && g !== e.key ? " chart-faded" : ""}`,
 						children: [
-							/* @__PURE__ */ q("span", {
+							/* @__PURE__ */ J("span", {
 								className: "chart-funnel-label",
 								title: e.label,
 								children: e.label
 							}),
 							" ",
-							/* @__PURE__ */ J("span", {
+							/* @__PURE__ */ Y("span", {
 								className: "chart-funnel-track",
-								children: [/* @__PURE__ */ q("span", {
+								children: [/* @__PURE__ */ J("span", {
 									className: "chart-funnel-bar",
 									style: {
 										width: `${t * 100}%`,
-										background: I(e.slot),
+										background: L(e.slot),
 										color: te(e.slot)
 									},
 									children: t >= .18 ? u(e.value) : ""
-								}), t < .18 && /* @__PURE__ */ q("span", {
+								}), t < .18 && /* @__PURE__ */ J("span", {
 									className: "chart-funnel-outside",
 									children: u(e.value)
 								})]
 							}),
 							" ",
-							/* @__PURE__ */ q("span", {
+							/* @__PURE__ */ J("span", {
 								className: "chart-funnel-drop",
 								"data-change": n === null ? void 0 : n > 0 ? "drop" : n < 0 ? "rise" : "flat",
-								children: n === null ? "" : y(n)
+								children: n === null ? "" : b(n)
 							})
 						]
 					})
 				}, e.key))
 			}),
-			/* @__PURE__ */ q(a, { text: h ? v(h) : "" }),
-			p.tooltip(h && /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: h ? _(h) : "" }),
+			p.tooltip(h && /* @__PURE__ */ J($, {
 				rows: [{
 					key: h.step.key,
-					color: I(h.step.slot),
+					color: L(h.step.slot),
 					label: h.step.label,
 					value: u(h.step.value)
 				}],
-				note: [p.active > 0 ? `${d.funnelOfFirst}: ${o(h.ofFirst)}` : "", h.drop === null ? "" : `${d.funnelDrop}: ${y(h.drop)}`].filter(Boolean).join(" · ") || void 0
+				note: [p.active > 0 ? `${d.funnelOfFirst}: ${c(h.ofFirst)}` : "", h.drop === null ? "" : `${d.funnelDrop}: ${b(h.drop)}`].filter(Boolean).join(" · ") || void 0
 			}))
 		]
 	});
 }
 // src/components/Charts/Gauge.tsx
-function Re({ value: e, total: t, ariaLabel: n, label: r, variant: i = "half", color: s = 1, size: c, compact: l = !1, ...u }) {
-	let { nf: f, L: p } = b(u), m = A[i], h = d(e, t), { a0: _, a1: v, end: y } = g(i, h), [x, S] = Y(), C = (c ?? (i === "half" ? l ? 120 : 168 : l ? 88 : 128)) * S, w = Z({
+function ze({ value: e, total: t, ariaLabel: n, label: r, variant: i = "half", color: a = 1, size: o, compact: l = !1, ...u }) {
+	let { nf: d, L: p } = x(u), m = j[i], h = f(e, t), { a0: _, a1: v, end: y } = g(i, h), [b, S] = X(), C = (o ?? (i === "half" ? l ? 120 : 168 : l ? 88 : 128)) * S, w = Q({
 		count: 1,
 		pick: (e, t, n) => {
 			let r = n.width / m.width;
@@ -1035,78 +1035,78 @@ function Re({ value: e, total: t, ariaLabel: n, label: r, variant: i = "half", c
 				a1: v
 			}]) === null ? null : 0;
 		}
-	}), T = p.ofTotal(f(e), f(t)), E = I(D(s, h));
-	return /* @__PURE__ */ J("div", {
-		ref: x,
-		className: R(`chart-gauge chart-gauge--${i}`, l),
+	}), T = p.ofTotal(d(e), d(t)), E = L(O(a, h));
+	return /* @__PURE__ */ Y("div", {
+		ref: b,
+		className: z(`chart-gauge chart-gauge--${i}`, l),
 		role: "meter",
 		"aria-label": n,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(h * 10) / 10,
-		"aria-valuetext": `${T} (${o(h)})`,
+		"aria-valuetext": `${T} (${c(h)})`,
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "chart-gauge-dial chart-plot",
 				style: { width: C },
 				...w.plotProps,
-				children: [/* @__PURE__ */ J("svg", {
+				children: [/* @__PURE__ */ Y("svg", {
 					viewBox: `0 0 ${m.width} ${m.height}`,
 					width: C,
 					height: C * m.height / m.width,
 					"aria-hidden": !0,
-					children: [/* @__PURE__ */ q("path", {
-						d: F(m.cx, m.cy, m.r, _, v),
+					children: [/* @__PURE__ */ J("path", {
+						d: I(m.cx, m.cy, m.r, _, v),
 						className: "chart-gauge-track",
 						fill: "none",
 						strokeWidth: 12,
 						strokeLinecap: "round"
-					}), h > 0 && /* @__PURE__ */ q("path", {
-						d: F(m.cx, m.cy, m.r, _, Math.max(y, _ + .01)),
+					}), h > 0 && /* @__PURE__ */ J("path", {
+						d: I(m.cx, m.cy, m.r, _, Math.max(y, _ + .01)),
 						className: "chart-gauge-value",
 						fill: "none",
 						stroke: E,
 						strokeWidth: 12,
 						strokeLinecap: "round"
 					})]
-				}), /* @__PURE__ */ q("span", {
+				}), /* @__PURE__ */ J("span", {
 					className: "chart-gauge-share",
 					"aria-hidden": !0,
-					children: o(h)
+					children: c(h)
 				})]
 			}),
-			r !== void 0 && /* @__PURE__ */ q("span", {
+			r !== void 0 && /* @__PURE__ */ J("span", {
 				className: "chart-gauge-label",
 				children: r
 			}),
-			/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ J("span", {
 				className: "chart-gauge-of",
 				"aria-hidden": !0,
 				children: T
 			}),
-			/* @__PURE__ */ q(a, { text: w.active === null ? "" : `${T} (${o(h)})` }),
-			w.tooltip(w.active !== null && /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: w.active === null ? "" : `${T} (${c(h)})` }),
+			w.tooltip(w.active !== null && /* @__PURE__ */ J($, {
 				title: r ?? n,
 				rows: [{
 					key: "v",
 					color: E,
 					label: T,
-					value: o(h)
+					value: c(h)
 				}]
 			}))
 		]
 	});
 }
 // src/components/Charts/LineChart.tsx
-var ze = 64;
-function Be({ data: e, series: t, ariaLabel: r, title: i, area: o = !1, height: c, compact: l = !1, onSelect: u, selected: d = null, ...f }) {
-	let { nf: m, L: h } = b(f), [g, v] = $(), [y, x] = Y(), S = e.length, w = d === null ? -1 : e.findIndex((e) => H(e) === d), T = Z({
+var Be = 64;
+function Ve({ data: e, series: t, ariaLabel: n, title: i, area: a = !1, height: o, compact: c = !1, onSelect: u, selected: d = null, ...f }) {
+	let { nf: m, L: h } = x(f), [g, _] = Te(), [y, b] = X(), S = e.length, C = d === null ? -1 : e.findIndex((e) => U(e) === d), T = Q({
 		count: S,
-		pick: (e, t, n) => M(e, n.width, S),
+		pick: (e, t, n) => N(e, n.width, S),
 		anchor: (e, t) => {
 			let n = t.getBoundingClientRect();
 			return {
-				left: n.left + j(e, S, 100) / 100 * n.width - 1,
+				left: n.left + M(e, S, 100) / 100 * n.width - 1,
 				top: n.top,
 				width: 2,
 				height: n.height
@@ -1116,57 +1116,57 @@ function Be({ data: e, series: t, ariaLabel: r, title: i, area: o = !1, height:
 			ArrowUp: 0,
 			ArrowDown: 0
 		},
-		start: w >= 0 ? w : null,
+		start: C >= 0 ? C : null,
 		onPick: u ? (t) => e[t].selectable !== !1 && u(e[t]) : void 0
 	}), E = e.flatMap((e) => t.map((t) => e.values[t.key] ?? 0));
-	if (!E.some((e) => e > 0)) return /* @__PURE__ */ q(s, {
+	if (!E.some((e) => e > 0)) return /* @__PURE__ */ J(l, {
 		title: i,
-		children: /* @__PURE__ */ q(_, {
-			ariaLabel: r,
+		children: /* @__PURE__ */ J(v, {
+			ariaLabel: n,
 			text: h.empty,
-			compact: l
+			compact: c
 		})
 	});
-	let D = (c ?? (l ? 96 : 220)) * x, { max: k, ticks: A } = O(E), N = t.map((t) => ({
+	let D = (o ?? (c ? 96 : 220)) * b, { max: O, ticks: A } = k(E), j = t.map((t) => ({
 		s: t,
-		points: p(e.map((e) => e.values[t.key] ?? 0), 100, 100, k)
-	})), P = T.active, F = (e) => `${e.fullLabel ?? e.label}: ${t.map((n) => t.length > 1 ? `${n.label} ${m(e.values[n.key] ?? 0)}` : m(e.values[n.key] ?? 0)).join(", ")}`, L = P === null ? null : e[P] ?? null, z = C(S, Math.max(2, Math.min(l ? 4 : 6, Math.floor((v || 400) / (ze * x))))), V = (e) => `${j(e, S, 100)}%`;
-	return /* @__PURE__ */ q(s, {
+		points: p(e.map((e) => e.values[t.key] ?? 0), 100, 100, O)
+	})), P = T.active, F = (e) => `${e.fullLabel ?? e.label}: ${t.map((n) => t.length > 1 ? `${n.label} ${m(e.values[n.key] ?? 0)}` : m(e.values[n.key] ?? 0)).join(", ")}`, I = P === null ? null : e[P] ?? null, R = w(S, Math.max(2, Math.min(c ? 4 : 6, Math.floor((_ || 400) / (Be * b))))), B = (e) => `${M(e, S, 100)}%`;
+	return /* @__PURE__ */ J(l, {
 		title: i,
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Y("div", {
 			ref: g,
-			className: R(`chart-line${o ? " chart-line--area" : ""}`, l),
+			className: z(`chart-line${a ? " chart-line--area" : ""}`, c),
 			role: "group",
-			"aria-label": r,
+			"aria-label": n,
 			children: [
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "chart-columns-plot",
 					style: { height: D },
-					children: [!l && /* @__PURE__ */ q("div", {
+					children: [!c && /* @__PURE__ */ J("div", {
 						className: "chart-axis-y",
 						"aria-hidden": !0,
-						children: [...A].reverse().map((e) => /* @__PURE__ */ q("span", { children: m(e) }, e))
-					}), /* @__PURE__ */ J("div", {
+						children: [...A].reverse().map((e) => /* @__PURE__ */ J("span", { children: m(e) }, e))
+					}), /* @__PURE__ */ Y("div", {
 						className: `chart-line-area chart-plot chart-plot--x${u ? " chart-plot--pick" : ""}`,
 						role: u ? void 0 : "img",
-						"aria-label": u ? void 0 : L ? F(L) : r,
+						"aria-label": u ? void 0 : I ? F(I) : n,
 						...T.plotProps,
 						children: [
-							T.pickable && e.map((e, t) => /* @__PURE__ */ q("span", {
+							T.pickable && e.map((e, t) => /* @__PURE__ */ J("span", {
 								...T.item(t, {
-									pressed: t === w,
+									pressed: t === C,
 									disabled: e.selectable === !1
 								}),
 								"aria-label": F(e),
 								className: "chart-line-slot",
-								style: { left: V(t) }
-							}, H(e))),
-							!l && A.slice(1).map((e) => /* @__PURE__ */ q("div", {
+								style: { left: B(t) }
+							}, U(e))),
+							!c && A.slice(1).map((e) => /* @__PURE__ */ J("div", {
 								className: "chart-gridline",
-								style: { bottom: `${e / k * 100}%` },
+								style: { bottom: `${e / O * 100}%` },
 								"aria-hidden": !0
 							}, e)),
-							/* @__PURE__ */ J("svg", {
+							/* @__PURE__ */ Y("svg", {
 								className: "chart-line-svg",
 								viewBox: "0 0 100 100",
 								preserveAspectRatio: "none",
@@ -1174,82 +1174,82 @@ function Be({ data: e, series: t, ariaLabel: r, title: i, area: o = !1, height:
 								height: "100%",
 								"aria-hidden": !0,
 								children: [
-									o && N.map(({ s: e, points: t }) => /* @__PURE__ */ q("path", {
-										d: B(t, 100),
-										fill: I(e.slot),
+									a && j.map(({ s: e, points: t }) => /* @__PURE__ */ J("path", {
+										d: V(t, 100),
+										fill: L(e.slot),
 										className: "chart-line-fill"
 									}, `a-${e.key}`)),
-									N.map(({ s: e, points: t }) => /* @__PURE__ */ q("path", {
-										d: n(t),
+									j.map(({ s: e, points: t }) => /* @__PURE__ */ J("path", {
+										d: r(t),
 										fill: "none",
-										stroke: I(e.slot),
+										stroke: L(e.slot),
 										className: "chart-line-path",
 										vectorEffect: "non-scaling-stroke"
 									}, e.key)),
-									w >= 0 && /* @__PURE__ */ q("line", {
+									C >= 0 && /* @__PURE__ */ J("line", {
 										className: "chart-line-selected",
-										x1: j(w, S, 100),
-										x2: j(w, S, 100),
+										x1: M(C, S, 100),
+										x2: M(C, S, 100),
 										y1: 0,
 										y2: 100,
 										vectorEffect: "non-scaling-stroke"
 									}),
-									P !== null && /* @__PURE__ */ q("line", {
+									P !== null && /* @__PURE__ */ J("line", {
 										className: "chart-line-crosshair",
-										x1: j(P, S, 100),
-										x2: j(P, S, 100),
+										x1: M(P, S, 100),
+										x2: M(P, S, 100),
 										y1: 0,
 										y2: 100,
 										vectorEffect: "non-scaling-stroke"
 									})
 								]
 							}),
-							[P, w >= 0 ? w : null].map((e, t) => e === null || t === 1 && e === P ? null : N.map(({ s: n, points: r }) => /* @__PURE__ */ q("span", {
+							[P, C >= 0 ? C : null].map((e, t) => e === null || t === 1 && e === P ? null : j.map(({ s: n, points: r }) => /* @__PURE__ */ J("span", {
 								className: "chart-line-dot",
 								style: {
-									left: V(e),
+									left: B(e),
 									top: `${r[e].y}%`,
-									background: I(n.slot)
+									background: L(n.slot)
 								},
 								"aria-hidden": !0
 							}, `${t}-${n.key}`)))
 						]
 					})]
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ J("div", {
 					ref: y,
-					className: `chart-line-axis-x${l ? " chart-line-axis-x--compact" : ""}`,
+					className: `chart-line-axis-x${c ? " chart-line-axis-x--compact" : ""}`,
 					"aria-hidden": !0,
-					children: z.map((t) => /* @__PURE__ */ q("span", {
-						style: { left: V(t) },
+					children: R.map((t) => /* @__PURE__ */ J("span", {
+						style: { left: B(t) },
 						className: t === 0 ? "chart-line-axis-first" : t === S - 1 ? "chart-line-axis-last" : void 0,
 						children: e[t].label
 					}, t))
 				}),
-				/* @__PURE__ */ q(a, { text: L ? F(L) : "" }),
-				T.tooltip(L && /* @__PURE__ */ q(Q, {
-					title: L.fullLabel ?? L.label,
+				/* @__PURE__ */ J(s, { text: I ? F(I) : "" }),
+				T.tooltip(I && /* @__PURE__ */ J($, {
+					title: I.fullLabel ?? I.label,
 					rows: t.map((e) => ({
 						key: e.key,
-						color: I(e.slot),
+						color: L(e.slot),
 						label: e.label,
-						value: m(L.values[e.key] ?? 0)
+						value: m(I.values[e.key] ?? 0)
 					})),
-					note: t.length > 1 ? `${h.total}: ${m(re(L, t))}` : void 0
+					note: t.length > 1 ? `${h.total}: ${m(re(I, t))}` : void 0
 				}))
 			]
 		})
 	});
 }
 // src/components/Charts/NumberTrend.tsx
-function Ve({ value: e, ariaLabel: t, title: r, points: s = [], current: c, previous: l, good: u = "up", slot: d = 1, compact: f = !1, ...p }) {
-	let { nf: g, L: _ } = b(p), v = Z({
-		count: s.length,
-		pick: (e, t, n) => M(e, n.width, s.length),
+function He({ value: e, ariaLabel: t, title: n, points: i = [], current: a, previous: l, good: u = "up", slot: d = 1, compact: f = !1, ...p }) {
+	let { nf: g, L: _ } = x(p), v = Q({
+		count: i.length,
+		pick: (e, t, n) => N(e, n.width, i.length),
 		anchor: (e, t) => {
 			let n = t.getBoundingClientRect();
 			return {
-				left: n.left + j(e, s.length, 100) / 100 * n.width - 1,
+				left: n.left + M(e, i.length, 100) / 100 * n.width - 1,
 				top: n.top,
 				width: 2,
 				height: n.height
@@ -1259,87 +1259,87 @@ function Ve({ value: e, ariaLabel: t, title: r, points: s = [], current: c, prev
 			ArrowUp: 0,
 			ArrowDown: 0
 		}
-	}), y = c ?? s.reduce((e, t) => e + t.value, 0), x = l === void 0 ? null : m(y, l), S = x ? h(x.direction, u) : "neutral", C = x ? x.direction === "up" ? "▲" : x.direction === "down" ? "▼" : "=" : "", w = x ? x.percent === null ? _.deltaNew : o(Math.abs(x.percent)) : "", T = x ? `${x.direction === "up" ? _.deltaUp : x.direction === "down" ? _.deltaDown : _.deltaSame}${x.direction === "same" ? "" : ` ${w}`} ${_.vsPrevious}` : "", E = i(s.map((e) => e.value), 100, 100), D = v.active, O = D === null ? null : s[D] ?? null;
-	return /* @__PURE__ */ J("div", {
-		className: R("chart-number", f),
+	}), y = a ?? i.reduce((e, t) => e + t.value, 0), b = l === void 0 ? null : m(y, l), S = b ? h(b.direction, u) : "neutral", C = b ? b.direction === "up" ? "▲" : b.direction === "down" ? "▼" : "=" : "", w = b ? b.percent === null ? _.deltaNew : c(Math.abs(b.percent)) : "", T = b ? `${b.direction === "up" ? _.deltaUp : b.direction === "down" ? _.deltaDown : _.deltaSame}${b.direction === "same" ? "" : ` ${w}`} ${_.vsPrevious}` : "", E = o(i.map((e) => e.value), 100, 100), D = v.active, O = D === null ? null : i[D] ?? null;
+	return /* @__PURE__ */ Y("div", {
+		className: z("chart-number", f),
 		role: "group",
 		"aria-label": `${t}: ${g(e)}${T ? `, ${T}` : ""}`,
 		children: [
-			r != null && r !== "" && /* @__PURE__ */ q("div", {
+			n != null && n !== "" && /* @__PURE__ */ J("div", {
 				className: "chart-title",
-				children: r
+				children: n
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "chart-number-line",
 				"aria-hidden": !0,
-				children: [/* @__PURE__ */ q("span", {
+				children: [/* @__PURE__ */ J("span", {
 					className: "chart-number-value",
 					children: g(e)
-				}), x && /* @__PURE__ */ J("span", {
+				}), b && /* @__PURE__ */ Y("span", {
 					className: "chart-number-delta",
 					"data-tone": S,
-					style: { color: I(S) },
+					style: { color: L(S) },
 					children: [
 						C,
 						" ",
-						x.direction === "same" ? o(0) : w
+						b.direction === "same" ? c(0) : w
 					]
 				})]
 			}),
-			E.length > 1 && /* @__PURE__ */ J("div", {
+			E.length > 1 && /* @__PURE__ */ Y("div", {
 				className: "chart-number-spark chart-plot chart-plot--x",
 				role: "img",
 				"aria-label": O ? `${O.label}: ${g(O.value)}` : t,
 				...v.plotProps,
-				children: [/* @__PURE__ */ J("svg", {
+				children: [/* @__PURE__ */ Y("svg", {
 					viewBox: "0 0 100 100",
 					preserveAspectRatio: "none",
 					width: "100%",
 					height: "100%",
 					"aria-hidden": !0,
 					children: [
-						/* @__PURE__ */ q("path", {
-							d: B(E, 100),
-							fill: I(d),
+						/* @__PURE__ */ J("path", {
+							d: V(E, 100),
+							fill: L(d),
 							className: "chart-line-fill"
 						}),
-						/* @__PURE__ */ q("path", {
-							d: n(E),
+						/* @__PURE__ */ J("path", {
+							d: r(E),
 							fill: "none",
-							stroke: I(d),
+							stroke: L(d),
 							className: "chart-line-path",
 							vectorEffect: "non-scaling-stroke"
 						}),
-						D !== null && /* @__PURE__ */ q("line", {
+						D !== null && /* @__PURE__ */ J("line", {
 							className: "chart-line-crosshair",
-							x1: j(D, s.length, 100),
-							x2: j(D, s.length, 100),
+							x1: M(D, i.length, 100),
+							x2: M(D, i.length, 100),
 							y1: 0,
 							y2: 100,
 							vectorEffect: "non-scaling-stroke"
 						})
 					]
-				}), D !== null && E[D] && /* @__PURE__ */ q("span", {
+				}), D !== null && E[D] && /* @__PURE__ */ J("span", {
 					className: "chart-line-dot",
 					style: {
 						left: `${E[D].x}%`,
 						top: `${E[D].y}%`,
-						background: I(d)
+						background: L(d)
 					},
 					"aria-hidden": !0
 				})]
 			}),
-			x && /* @__PURE__ */ q("div", {
+			b && /* @__PURE__ */ J("div", {
 				className: "chart-number-note",
 				"aria-hidden": !0,
 				children: _.vsPrevious
 			}),
-			/* @__PURE__ */ q(a, { text: O ? `${O.label}: ${g(O.value)}` : "" }),
-			v.tooltip(O && /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: O ? `${O.label}: ${g(O.value)}` : "" }),
+			v.tooltip(O && /* @__PURE__ */ J($, {
 				title: O.label,
 				rows: [{
 					key: "v",
-					color: I(d),
+					color: L(d),
 					label: t,
 					value: g(O.value)
 				}]
@@ -1348,34 +1348,34 @@ function Ve({ value: e, ariaLabel: t, title: r, points: s = [], current: c, prev
 	});
 }
 // src/components/Charts/Progress.tsx
-function He({ value: e, total: t, ariaLabel: n, label: r, color: i = 1, compact: s = !1, ...c }) {
-	let { nf: l, L: u } = b(c), d = Z({
+function Ue({ value: e, total: t, ariaLabel: n, label: r, color: i = 1, compact: a = !1, ...o }) {
+	let { nf: l, L: u } = x(o), d = Q({
 		count: 1,
 		pick: () => 0
-	}), f = t > 0 ? e / t * 100 : 0, p = I(D(i, f)), m = u.ofTotal(l(e), l(t));
-	return /* @__PURE__ */ J("div", {
-		className: R("chart-progress chart-plot", s),
+	}), f = t > 0 ? e / t * 100 : 0, p = L(O(i, f)), m = u.ofTotal(l(e), l(t));
+	return /* @__PURE__ */ Y("div", {
+		className: z("chart-progress chart-plot", a),
 		role: "progressbar",
 		"aria-label": n,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(f * 10) / 10,
-		"aria-valuetext": `${l(e)} / ${l(t)} (${o(f)})`,
+		"aria-valuetext": `${l(e)} / ${l(t)} (${c(f)})`,
 		...d.plotProps,
 		children: [
-			r !== void 0 && /* @__PURE__ */ J("div", {
+			r !== void 0 && /* @__PURE__ */ Y("div", {
 				className: "chart-progress-head",
-				children: [/* @__PURE__ */ q("span", {
+				children: [/* @__PURE__ */ J("span", {
 					className: "chart-progress-label",
 					children: r
-				}), /* @__PURE__ */ q("span", {
+				}), /* @__PURE__ */ J("span", {
 					className: "chart-progress-share",
-					children: o(f)
+					children: c(f)
 				})]
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ J("div", {
 				className: "chart-progress-track",
-				children: /* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ J("div", {
 					className: "chart-progress-fill",
 					style: {
 						width: `${Math.min(100, f)}%`,
@@ -1383,29 +1383,29 @@ function He({ value: e, total: t, ariaLabel: n, label: r, color: i = 1, compact:
 					}
 				})
 			}),
-			/* @__PURE__ */ q(a, { text: d.active === null ? "" : `${m} (${o(f)})` }),
-			d.tooltip(d.active !== null && /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: d.active === null ? "" : `${m} (${c(f)})` }),
+			d.tooltip(d.active !== null && /* @__PURE__ */ J($, {
 				title: r ?? n,
 				rows: [{
 					key: "v",
 					color: p,
 					label: m,
-					value: o(f)
+					value: c(f)
 				}]
 			}))
 		]
 	});
 }
 // src/components/Charts/StackedBar.tsx
-function Ue({ slices: e, ariaLabel: t, title: n, compact: r = !1, onLegendCut: i, onSelect: c, selected: l = null, ...u }) {
-	let { nf: f, L: p } = b(u), [m, h] = K(null), [g, v, y] = Pe(e.length, r);
+function We({ slices: e, ariaLabel: t, title: n, compact: r = !1, onLegendCut: i, onSelect: a, selected: o = null, ...u }) {
+	let { nf: d, L: p } = x(u), [m, h] = q(null), [g, _, y] = Fe(e.length, r);
 	ae(() => i?.(e.length - y), [
 		i,
 		e.length,
 		y
 	]);
-	let x = e.filter((e) => e.value > 0), S = (e) => !!c && e.value > 0 && e.selectable !== !1, C = Z({
-		count: x.length,
+	let b = e.filter((e) => e.value > 0), S = (e) => !!a && e.value > 0 && e.selectable !== !1, C = Q({
+		count: b.length,
 		pick: (e, t, n, r) => de(e, xe(r).map((e) => e ? {
 			start: e.left,
 			end: e.left + e.width
@@ -1417,34 +1417,34 @@ function Ue({ slices: e, ariaLabel: t, title: n, compact: r = !1, onLegendCut: i
 			ArrowUp: 0,
 			ArrowDown: 0
 		},
-		start: l === null ? null : x.findIndex((e) => e.key === l),
-		onPick: c ? (e) => S(x[e]) && c(x[e]) : void 0
+		start: o === null ? null : b.findIndex((e) => e.key === o),
+		onPick: a ? (e) => S(b[e]) && a(b[e]) : void 0
 	}), w = e.reduce((e, t) => e + t.value, 0);
-	if (w === 0) return /* @__PURE__ */ q(s, {
+	if (w === 0) return /* @__PURE__ */ J(l, {
 		title: n,
-		children: /* @__PURE__ */ q(_, {
+		children: /* @__PURE__ */ J(v, {
 			ariaLabel: t,
 			text: p.empty,
 			compact: r
 		})
 	});
-	let T = (e) => d(e, w), E = (e) => `${e.label} ${f(e.value)} (${o(T(e.value))})`, D = C.active === null ? null : x[C.active] ?? null, O = D?.key ?? m ?? l, k = (e) => O !== null && O !== e ? " chart-faded" : "";
-	return /* @__PURE__ */ J("figure", {
-		className: R("chart-stacked", r),
+	let T = (e) => f(e, w), E = (e) => `${e.label} ${d(e.value)} (${c(T(e.value))})`, D = C.active === null ? null : b[C.active] ?? null, O = D?.key ?? m ?? o, k = (e) => O !== null && O !== e ? " chart-faded" : "";
+	return /* @__PURE__ */ Y("figure", {
+		className: z("chart-stacked", r),
 		"aria-label": t,
 		children: [
-			n && /* @__PURE__ */ q("figcaption", {
+			n && /* @__PURE__ */ J("figcaption", {
 				className: "chart-title",
 				children: n
 			}),
-			/* @__PURE__ */ q("div", {
-				className: `chart-stacked-bar chart-plot chart-plot--x${c ? " chart-plot--pick" : ""}`,
-				role: c ? void 0 : "img",
-				"aria-label": c ? void 0 : D ? E(D) : `${t}: ${e.map(E).join(", ")}`,
+			/* @__PURE__ */ J("div", {
+				className: `chart-stacked-bar chart-plot chart-plot--x${a ? " chart-plot--pick" : ""}`,
+				role: a ? void 0 : "img",
+				"aria-label": a ? void 0 : D ? E(D) : `${t}: ${e.map(E).join(", ")}`,
 				...C.plotProps,
-				children: x.map((e, t) => /* @__PURE__ */ q("span", {
+				children: b.map((e, t) => /* @__PURE__ */ J("span", {
 					...C.item(t, {
-						pressed: l === e.key,
+						pressed: o === e.key,
 						disabled: !S(e)
 					}),
 					"aria-label": C.pickable ? E(e) : void 0,
@@ -1452,127 +1452,127 @@ function Ue({ slices: e, ariaLabel: t, title: n, compact: r = !1, onLegendCut: i
 					className: `chart-stacked-segment${k(e.key)}`,
 					style: {
 						flexGrow: e.value,
-						background: I(e.slot)
+						background: L(e.slot)
 					}
 				}, e.key))
 			}),
-			/* @__PURE__ */ J("ul", {
+			/* @__PURE__ */ Y("ul", {
 				ref: g,
 				className: "chart-donut-legend chart-stacked-legend",
 				"aria-label": p.legend,
-				children: [e.slice(0, v).map((e) => /* @__PURE__ */ J("li", {
-					className: `chart-donut-legend-item${S(e) ? " chart-donut-legend-item--hit" : ""}${l === e.key ? " chart-donut-legend-item--on" : ""}${k(e.key)}`,
+				children: [e.slice(0, _).map((e) => /* @__PURE__ */ Y("li", {
+					className: `chart-donut-legend-item${S(e) ? " chart-donut-legend-item--hit" : ""}${o === e.key ? " chart-donut-legend-item--on" : ""}${k(e.key)}`,
 					onMouseEnter: () => h(e.key),
 					onMouseLeave: () => h(null),
-					onClick: S(e) ? () => c(e) : void 0,
+					onClick: S(e) ? () => a(e) : void 0,
 					children: [
-						/* @__PURE__ */ q("span", {
+						/* @__PURE__ */ J("span", {
 							className: "chart-swatch",
-							style: { background: I(e.slot) },
+							style: { background: L(e.slot) },
 							"aria-hidden": !0
 						}),
-						/* @__PURE__ */ q("span", {
+						/* @__PURE__ */ J("span", {
 							className: "chart-donut-legend-label",
 							children: e.label
 						}),
-						/* @__PURE__ */ J("span", {
+						/* @__PURE__ */ Y("span", {
 							className: "chart-donut-legend-value",
 							children: [
-								f(e.value),
+								d(e.value),
 								" · ",
-								o(T(e.value))
+								c(T(e.value))
 							]
 						})
 					]
-				}, e.key)), v < e.length && /* @__PURE__ */ q("li", {
+				}, e.key)), _ < e.length && /* @__PURE__ */ J("li", {
 					className: "chart-donut-legend-more",
 					"data-legend-more": "",
-					children: p.moreValues(f(e.length - v))
+					children: p.moreValues(d(e.length - _))
 				})]
 			}),
-			/* @__PURE__ */ q(a, { text: D ? E(D) : "" }),
-			C.tooltip(D && /* @__PURE__ */ q(Q, {
+			/* @__PURE__ */ J(s, { text: D ? E(D) : "" }),
+			C.tooltip(D && /* @__PURE__ */ J($, {
 				rows: [{
 					key: D.key,
-					color: I(D.slot),
+					color: L(D.slot),
 					label: D.label,
-					value: f(D.value)
+					value: d(D.value)
 				}],
-				note: p.shareOf(o(T(D.value)), f(w))
+				note: p.shareOf(c(T(D.value)), d(w))
 			}))
 		]
 	});
 }
 // src/components/Charts/Treemap.tsx
-var We = 400;
-function Ge({ nodes: e, ariaLabel: t, title: n, height: r, compact: i = !1, onSelect: l, selected: u = null, ...f }) {
-	let { nf: p, L: m } = b(f), [h, g] = $(), v = g || We, [y, x] = Y(), S = (r ?? (i ? 120 : 220)) * x, C = e.reduce((e, t) => e + Math.max(0, t.value), 0), w = C > 0 ? c(e, v, S, x) : [], T = w.filter((e) => !e.node.children?.some((e) => e.value > 0)), E = (e) => e.parent ?? e.node, D = (e) => !!l && E(e).selectable !== !1, O = Z({
+var Ge = 400;
+function Ke({ nodes: e, ariaLabel: t, title: n, height: r, compact: i = !1, onSelect: a, selected: o = null, ...d }) {
+	let { nf: p, L: m } = x(d), [h, g] = Te(), _ = g || Ge, [y, b] = X(), S = (r ?? (i ? 120 : 220)) * b, C = e.reduce((e, t) => e + Math.max(0, t.value), 0), w = C > 0 ? u(e, _, S, b) : [], T = w.filter((e) => !e.node.children?.some((e) => e.value > 0)), E = (e) => e.parent ?? e.node, D = (e) => !!a && E(e).selectable !== !1, O = Q({
 		count: T.length,
-		pick: (e, t, n) => fe(e / n.width * v, t / n.height * S, T.map((e) => ({
+		pick: (e, t, n) => fe(e / n.width * _, t / n.height * S, T.map((e) => ({
 			left: e.rect.x,
 			top: e.rect.y,
 			width: e.rect.w,
 			height: e.rect.h
 		}))),
-		start: u === null ? null : T.findIndex((e) => E(e).key === u),
-		onPick: l ? (e) => D(T[e]) && l(E(T[e])) : void 0
-	}), A = O.plotProps.ref, j = U((e) => {
-		h(e), A(e);
-	}, [h, A]);
-	if (C <= 0) return /* @__PURE__ */ q(s, {
+		start: o === null ? null : T.findIndex((e) => E(e).key === o),
+		onPick: a ? (e) => D(T[e]) && a(E(T[e])) : void 0
+	}), k = O.plotProps.ref, j = W((e) => {
+		h(e), k(e);
+	}, [h, k]);
+	if (C <= 0) return /* @__PURE__ */ J(l, {
 		title: n,
-		children: /* @__PURE__ */ q(_, {
+		children: /* @__PURE__ */ J(v, {
 			ariaLabel: t,
 			text: m.empty,
 			compact: i
 		})
 	});
-	let M = (e) => `${e.parent ? `${e.parent.label} › ` : ""}${e.node.label} ${p(e.node.value)} (${o(d(e.node.value, C))})`, N = (e) => e.parent ? `${e.parent.key}\u0000${e.node.key}` : e.node.key, P = O.active === null ? null : T[O.active] ?? null, F = (e) => ({
-		left: `${e.rect.x / v * 100}%`,
+	let M = (e) => `${e.parent ? `${e.parent.label} › ` : ""}${e.node.label} ${p(e.node.value)} (${c(f(e.node.value, C))})`, N = (e) => e.parent ? `${e.parent.key}\u0000${e.node.key}` : e.node.key, P = O.active === null ? null : T[O.active] ?? null, F = (e) => ({
+		left: `${e.rect.x / _ * 100}%`,
 		top: `${e.rect.y / S * 100}%`,
-		width: `${e.rect.w / v * 100}%`,
+		width: `${e.rect.w / _ * 100}%`,
 		height: `${e.rect.h / S * 100}%`
 	});
-	return /* @__PURE__ */ q(s, {
+	return /* @__PURE__ */ J(l, {
 		title: n,
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Y("div", {
 			ref: y,
-			className: R("chart-treemap", i),
+			className: z("chart-treemap", i),
 			role: "group",
 			"aria-label": t,
 			children: [
-				/* @__PURE__ */ q("div", {
-					className: `chart-treemap-box chart-plot${l ? " chart-plot--pick" : ""}`,
+				/* @__PURE__ */ J("div", {
+					className: `chart-treemap-box chart-plot${a ? " chart-plot--pick" : ""}`,
 					style: { height: S },
-					role: l ? void 0 : "img",
-					"aria-label": l ? void 0 : P ? M(P) : `${t}: ${T.map(M).join(", ")}`,
+					role: a ? void 0 : "img",
+					"aria-label": a ? void 0 : P ? M(P) : `${t}: ${T.map(M).join(", ")}`,
 					...O.plotProps,
 					ref: j,
 					children: w.map((e) => {
-						let t = E(e), n = !!e.node.children?.some((e) => e.value > 0), r = e.parent ? e.parent.children.filter((e) => e.value > 0).indexOf(e.node) : 0, i = u !== null && u !== t.key || P !== null && E(P).key !== t.key, a = T.indexOf(e);
-						return /* @__PURE__ */ q("div", {
+						let t = E(e), n = !!e.node.children?.some((e) => e.value > 0), r = e.parent ? e.parent.children.filter((e) => e.value > 0).indexOf(e.node) : 0, i = o !== null && o !== t.key || P !== null && E(P).key !== t.key, a = T.indexOf(e);
+						return /* @__PURE__ */ J("div", {
 							...a >= 0 ? O.item(a, {
-								pressed: u === t.key,
+								pressed: o === t.key,
 								disabled: !D(e)
 							}) : {},
 							"aria-label": O.pickable && a >= 0 ? M(e) : void 0,
-							className: `chart-treemap-tile${n ? " chart-treemap-tile--group" : ""}${e.parent ? " chart-treemap-tile--child" : ""}${i ? " chart-faded" : ""}${u === t.key ? " chart-treemap-tile--on" : ""}${P === e ? " chart-treemap-tile--active" : ""}`,
+							className: `chart-treemap-tile${n ? " chart-treemap-tile--group" : ""}${e.parent ? " chart-treemap-tile--child" : ""}${i ? " chart-faded" : ""}${o === t.key ? " chart-treemap-tile--on" : ""}${P === e ? " chart-treemap-tile--active" : ""}`,
 							style: {
 								...F(e),
-								background: I(t.slot),
+								background: L(t.slot),
 								color: te(t.slot),
-								opacity: e.parent ? k(r) : void 0
+								opacity: e.parent ? A(r) : void 0
 							},
 							"aria-hidden": O.pickable && a >= 0 ? void 0 : !0,
-							children: e.label && /* @__PURE__ */ J("span", {
+							children: e.label && /* @__PURE__ */ Y("span", {
 								className: "chart-treemap-label",
 								children: [
-									/* @__PURE__ */ q("span", {
+									/* @__PURE__ */ J("span", {
 										className: "chart-treemap-name",
 										children: e.node.label
 									}),
 									" ",
-									!n && /* @__PURE__ */ q("span", {
+									!n && /* @__PURE__ */ J("span", {
 										className: "chart-treemap-count",
 										children: p(e.node.value)
 									})
@@ -1581,30 +1581,30 @@ function Ge({ nodes: e, ariaLabel: t, title: n, height: r, compact: i = !1, onSe
 						}, N(e));
 					})
 				}),
-				/* @__PURE__ */ q(a, { text: P ? M(P) : "" }),
-				O.tooltip(P && /* @__PURE__ */ q(Q, {
+				/* @__PURE__ */ J(s, { text: P ? M(P) : "" }),
+				O.tooltip(P && /* @__PURE__ */ J($, {
 					title: P.parent ? `${P.parent.label} › ${P.node.label}` : P.node.label,
 					rows: [{
 						key: "n",
-						color: I(E(P).slot),
+						color: L(E(P).slot),
 						label: t,
 						value: p(P.node.value)
 					}],
-					note: m.shareOf(o(d(P.node.value, C)), p(C))
+					note: m.shareOf(c(f(P.node.value, C)), p(C))
 				}))
 			]
 		})
 	});
 }
 // src/components/Charts/ChartView.tsx
-function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSelect: a, selected: o = null, linkAs: s, onLegendCut: c, legend: l = !0, ...u }) {
+function qe({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSelect: a, selected: o = null, linkAs: s, onLegendCut: c, legend: l = !0, ...u }) {
 	let d = {
 		ariaLabel: t,
 		compact: n,
 		...u
 	}, f = a ? (e) => a(e.key ?? e.label) : void 0;
 	switch (e.kind) {
-		case "columns": return /* @__PURE__ */ q(Ne, {
+		case "columns": return /* @__PURE__ */ J(Pe, {
 			data: e.data,
 			series: e.series,
 			mode: e.mode,
@@ -1614,7 +1614,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 			selected: o,
 			...d
 		});
-		case "line": return /* @__PURE__ */ q(Be, {
+		case "line": return /* @__PURE__ */ J(Ve, {
 			data: e.data,
 			series: e.series,
 			area: e.area,
@@ -1623,7 +1623,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 			selected: o,
 			...d
 		});
-		case "bars": return /* @__PURE__ */ q(Ce, {
+		case "bars": return /* @__PURE__ */ J(Ce, {
 			data: e.data,
 			series: e.series,
 			linkAs: s,
@@ -1631,7 +1631,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 			selected: o,
 			...d
 		});
-		case "stacked": return /* @__PURE__ */ q(Ue, {
+		case "stacked": return /* @__PURE__ */ J(We, {
 			slices: e.slices,
 			onLegendCut: c,
 			onSelect: f,
@@ -1639,7 +1639,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 			...d
 		});
 		case "donut":
-		case "pie": return /* @__PURE__ */ q(Ie, {
+		case "pie": return /* @__PURE__ */ J(Le, {
 			variant: e.kind,
 			slices: e.slices,
 			size: i,
@@ -1649,20 +1649,20 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 			selected: o,
 			...d
 		});
-		case "treemap": return /* @__PURE__ */ q(Ge, {
+		case "treemap": return /* @__PURE__ */ J(Ke, {
 			nodes: e.nodes,
 			height: r,
 			onSelect: f,
 			selected: o,
 			...d
 		});
-		case "calendar": return /* @__PURE__ */ q(De, {
+		case "calendar": return /* @__PURE__ */ J(Oe, {
 			days: e.days,
 			onSelect: a ? (e) => a(e.day) : void 0,
 			selected: o,
 			...d
 		});
-		case "funnel": return /* @__PURE__ */ q(Le, {
+		case "funnel": return /* @__PURE__ */ J(Re, {
 			steps: e.steps,
 			onSelect: f,
 			selected: o,
@@ -1670,7 +1670,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 		});
 		case "gauge": {
 			let t = e.rows[0];
-			return /* @__PURE__ */ q(Re, {
+			return /* @__PURE__ */ J(ze, {
 				value: t.value,
 				total: t.total,
 				color: t.color,
@@ -1681,7 +1681,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 		}
 		case "progress": {
 			let t = e.rows[0];
-			return /* @__PURE__ */ q(He, {
+			return /* @__PURE__ */ J(Ue, {
 				value: t.value,
 				total: t.total,
 				color: t.color,
@@ -1689,7 +1689,7 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 				...d
 			});
 		}
-		case "number": return /* @__PURE__ */ q(Ve, {
+		case "number": return /* @__PURE__ */ J(He, {
 			value: e.value,
 			points: e.points,
 			current: e.current,
@@ -1700,4 +1700,4 @@ function Ke({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSel
 		});
 	}
 }
-export { pe as C, he as D, fe as E, de as O, ge as S, _e as T, Q as _, Ve as a, Z as b, Le as c, Oe as d, De as f, Ce as g, $ as h, He as i, Y as k, Ie as l, we as m, Ge as n, Be as o, Ee as p, Ue as r, Re as s, Ke as t, Ne as u, be as v, ue as w, me as x, xe as y };
+export { pe as C, he as D, fe as E, de as O, ge as S, _e as T, $ as _, He as a, Q as b, Re as c, ke as d, Oe as f, Ce as g, Te as h, Ue as i, X as k, Le as l, we as m, Ke as n, Ve as o, De as p, We as r, ze as s, qe as t, Pe as u, be as v, ue as w, me as x, xe as y };