@dcs-tech/ui 0.10.0 → 0.11.0

package/dist/ChartView-BstZkP1g.js

@@ -0,0 +1,1942 @@
+"use client";
+import { $ as e, $n as t, B as n, C as r, Ct as i, D as a, E as o, F as s, Hn as c, In as l, J as u, Jn as d, K as f, M as p, N as m, O as h, P as g, Q as _, Qn as v, Rn as y, St as b, T as x, V as S, X as C, Xn as w, Y as T, Yn as E, Z as ee, Zn as D, _ as O, b as k, c as A, d as j, er as M, et as N, f as P, ft as F, g as I, gt as L, h as R, i as z, j as te, k as ne, l as B, m as V, nr as re, o as ie, p as H, q as U, qn as W, r as ae, s as oe, t as G, tr as se, tt as ce, u as le, ut as K, v as ue, w as de, x as fe, y as q, z as pe } from "./geometry-CFS5If1N.js";
+import { useCallback as me, useEffect as J, useLayoutEffect as Y, useMemo as he, useReducer as ge, useRef as X, useState as _e, useSyncExternalStore as ve } from "react";
+import { Fragment as ye, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { createPortal as be } from "react-dom";
+// src/core/logic/uiScale.logic.ts
+function xe(e) {
+	let t = parseFloat(e ?? "");
+	return Number.isFinite(t) && t > 0 ? t : 1;
+}
+// src/components/Charts/useUiScale.ts
+function Se() {
+	let [e, t] = _e(null), [n, r] = _e(1);
+	return Y(() => {
+		e && r(xe(getComputedStyle(e).getPropertyValue("--ui-scale")));
+	}), Y(() => {
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => r(xe(getComputedStyle(e).getPropertyValue("--ui-scale"))));
+		return t.observe(e), () => t.disconnect();
+	}, [e]), [me((e) => t(e), []), n];
+}
+// src/components/Charts/pointer.ts
+function Ce(e, t, n) {
+	return n <= 0 || t <= 0 ? null : Math.max(0, Math.min(n - 1, Math.floor(e / t * n)));
+}
+function we(e, t) {
+	let n = null, r = Infinity;
+	return t.forEach((t, i) => {
+		let a = e < t.start ? t.start - e : e > t.end ? e - t.end : 0;
+		a < r && (n = i, r = a);
+	}), n;
+}
+function Te(e, t, n) {
+	let r = null, i = Infinity;
+	return n.forEach((n, a) => {
+		if (!n) return;
+		let o = e < n.left ? n.left - e : e > n.left + n.width ? e - n.left - n.width : 0, s = t < n.top ? n.top - t : t > n.top + n.height ? t - n.top - n.height : 0, c = o * o + s * s;
+		c < i && (r = a, i = c);
+	}), r;
+}
+function Ee(e, t) {
+	let n = Math.atan2(e, -t);
+	return n < 0 ? n + 2 * Math.PI : n;
+}
+var De = -1;
+function Oe(e, t, n, r, i) {
+	let a = Math.hypot(e, t);
+	if (a > n || !i.length) return null;
+	if (a < r) return -1;
+	let o = Ee(e, t), s = 2 * Math.PI, c = (e, t) => ((t - e) % s + s) % s, l = 0, u = Infinity;
+	return i.forEach((e, t) => {
+		if (o >= e.a0 && o <= e.a1) {
+			l = t, u = -1;
+			return;
+		}
+		if (u < 0) return;
+		let n = Math.min(c(o, e.a0), c(e.a1, o));
+		n < u && (l = t, u = n);
+	}), l;
+}
+var ke = {
+	x: 12,
+	y: 4
+};
+function Ae(e, t, n, r = ke, i = 8) {
+	let a = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), o = e.x + r.x, s = "right";
+	o + t.width > n.width - i && (o = e.x - r.x - t.width, s = "left");
+	let c = e.y + r.y, l = "below";
+	return c + t.height > n.height - i && (c = e.y - r.y - t.height, l = "above"), {
+		left: a(o, i, n.width - t.width - i),
+		top: a(c, i, n.height - t.height - i),
+		x: s,
+		y: l
+	};
+}
+// src/components/Charts/ChartTooltip.tsx
+var je = null, Me = 8, Ne = () => ({
+	width: document.documentElement.clientWidth || window.innerWidth,
+	height: document.documentElement.clientHeight || window.innerHeight
+});
+function Pe(e) {
+	let t = X(e);
+	t.current = e;
+	let [n] = _e(() => ({})), r = X(null), i = X(null), a = y(), [o, s] = _e(null), l = X(null), u = X(null), [d, f] = _e(null), p = !!e.onPick, m = (e) => e >= 0 && e < t.current.count && (t.current.focusable?.(e) ?? !0), h = me((e) => {
+		r.current = e;
+	}, []), g = me(() => {
+		l.current = null, s(null);
+	}, []), _ = me((e, t) => {
+		je && je.id !== n && je.clear(), je = {
+			id: n,
+			clear: g
+		}, s((n) => n && n.index === e && n.via === t ? n : {
+			index: e,
+			via: t
+		});
+	}, [n, g]);
+	J(() => () => {
+		je?.id === n && (je = null);
+	}, [n]);
+	let v = me(() => {
+		let e = i.current, n = r.current;
+		if (!e || !n || !o) return;
+		let a = {
+			width: e.offsetWidth,
+			height: e.offsetHeight
+		}, s;
+		if (l.current) s = Ae(l.current, a, Ne());
+		else {
+			let e = t.current.anchor?.(o.index, n) ?? Fe(n, o.index) ?? n.getBoundingClientRect();
+			s = c({
+				anchor: e,
+				tooltip: a,
+				viewport: Ne(),
+				placement: "top",
+				offset: 8,
+				margin: 8
+			});
+		}
+		let u = e.parentElement?.getBoundingClientRect() ?? {
+			left: 0,
+			top: 0
+		};
+		e.style.transform = `translate(${Math.round(s.left - u.left)}px, ${Math.round(s.top - u.top)}px)`, e.style.visibility = "visible";
+	}, [o]);
+	Y(v), J(() => {
+		if (o?.via !== "touch") return;
+		let e = (e) => {
+			r.current?.contains(e.target) || g();
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, [o?.via, g]);
+	let b = (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);
+	}, x = (e) => {
+		l.current = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		let t = b(e.clientX, e.clientY);
+		if (t === null) return g();
+		_(t, e.pointerType === "touch" ? "touch" : "pointer"), v();
+	}, S = [
+		d,
+		o?.index ?? null,
+		e.start ?? null
+	].find((e) => e !== null && m(e)) ?? null;
+	for (let t = 0; t < e.count && S === null; t++) m(t) && (S = t);
+	let C = (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: p,
+		item: (e, t = {}) => p && m(e) ? {
+			"data-hit": e,
+			role: "button",
+			tabIndex: e === S ? 0 : -1,
+			"aria-pressed": t.disabled ? void 0 : !!t.pressed,
+			"aria-disabled": t.disabled ? !0 : void 0
+		} : { "data-hit": e },
+		plotProps: {
+			ref: h,
+			tabIndex: p ? void 0 : 0,
+			"data-chart-plot": "",
+			onPointerDown: (e) => {
+				e.pointerType === "touch" && (u.current = {
+					x: e.clientX,
+					y: e.clientY,
+					moved: !1
+				}, x(e));
+			},
+			onPointerMove: (e) => {
+				if (e.pointerType === "touch") {
+					if (!u.current) return;
+					Math.hypot(e.clientX - u.current.x, e.clientY - u.current.y) > Me && (u.current.moved = !0);
+				}
+				x(e);
+			},
+			onPointerUp: () => {
+				u.current && setTimeout(() => u.current = null, 0);
+			},
+			onPointerLeave: (e) => {
+				e.pointerType !== "touch" && g();
+			},
+			onClick: (e) => {
+				if (u.current?.moved) return;
+				let n = b(e.clientX, e.clientY);
+				n !== null && n >= 0 && t.current.onPick?.(n);
+			},
+			onKeyDown: (e) => {
+				let n = t.current, i = C(e.target);
+				if (n.onPick && i !== null && !m(i)) return;
+				let a = i ?? (o && o.index >= 0 ? o.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(), g();
+				let s = o && o.index >= 0 ? o.index : n.start ?? null, c = N(e.key, s, n.count, n.keys, n.onPick ? m : void 0);
+				c !== null && (e.preventDefault(), l.current = null, _(c, "key"), n.onPick && r.current?.querySelector(`[data-hit="${c}"]`)?.focus());
+			},
+			onFocus: (e) => {
+				let t = C(e.target);
+				p && t !== null && (f(t), o?.index !== t && (l.current = null, _(t, "key")));
+			},
+			onBlur: (e) => {
+				e.relatedTarget instanceof Node && r.current?.contains(e.relatedTarget) || o?.via === "key" && g();
+			}
+		},
+		tooltip: (e) => {
+			if (!o || e == null || !a) return null;
+			let t = r.current?.closest("[data-theme]")?.getAttribute("data-theme") ?? void 0;
+			return be(/* @__PURE__ */ Z("div", {
+				className: "chart-tooltip-layer",
+				"data-theme": t,
+				children: /* @__PURE__ */ Z("div", {
+					ref: i,
+					className: "chart-root chart-tooltip",
+					role: "presentation",
+					"aria-hidden": !0,
+					style: { visibility: "hidden" },
+					children: e
+				})
+			}), a);
+		}
+	};
+}
+function Fe(e, t) {
+	let n = e.querySelector(`[data-hit="${t}"]`);
+	return n ? n.getBoundingClientRect() : null;
+}
+function Ie(e) {
+	let t = e.getBoundingClientRect(), n = [];
+	return e.querySelectorAll("[data-hit]").forEach((e) => {
+		let r = e.getBoundingClientRect();
+		n[Number(e.dataset.hit)] = {
+			left: r.left - t.left,
+			top: r.top - t.top,
+			width: r.width,
+			height: r.height
+		};
+	}), n;
+}
+function $({ title: e, rows: t = [], note: n }) {
+	return /* @__PURE__ */ Q(ye, { children: [
+		e != null && e !== "" && /* @__PURE__ */ Z("p", {
+			className: "chart-tooltip-title",
+			children: e
+		}),
+		t.map((e) => /* @__PURE__ */ Q("p", {
+			className: "chart-tooltip-series",
+			children: [
+				e.color && /* @__PURE__ */ Z("span", {
+					className: "chart-swatch chart-swatch--small",
+					style: { background: e.color }
+				}),
+				/* @__PURE__ */ Z("span", {
+					className: "chart-tooltip-label",
+					children: e.label
+				}),
+				/* @__PURE__ */ Z("strong", {
+					className: "chart-tooltip-value",
+					children: e.value
+				})
+			]
+		}, e.key)),
+		n != null && n !== "" && /* @__PURE__ */ Z("p", {
+			className: "chart-tooltip-note",
+			children: n
+		})
+	] });
+}
+// src/components/Charts/useChartMotion.ts
+var Le = W.long, Re = "(prefers-reduced-motion: reduce)", ze = () => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(Re) : null;
+function Be(e) {
+	let t = ze();
+	return t?.addEventListener?.("change", e), () => t?.removeEventListener?.("change", e);
+}
+function Ve() {
+	return ve(Be, () => !!ze()?.matches, () => !1);
+}
+var He = () => typeof performance < "u" ? performance.now() : Date.now();
+function Ue(e, { animate: n = !0, animationDuration: r = Le } = {}, i) {
+	let a = Ve(), o = n && !a && r > 0, [, s] = ge((e) => e + 1, 0), c = X(null);
+	c.current === null && (c.current = {
+		settled: e,
+		tween: null,
+		raf: 0
+	});
+	let l = c.current, u = He();
+	t(l.settled, e) || (l.tween = o ? v(l.tween, l.settled, e, u, r, void 0, i) : null, l.settled = e), o || (l.tween = null);
+	let d = l.tween ? M(l.tween, u) : e;
+	return J(() => {
+		if (!l.tween || l.raf || typeof requestAnimationFrame > "u") return;
+		let e = () => {
+			if (l.raf = 0, !l.tween) return;
+			let t = se(l.tween, He());
+			t && (l.tween = null), s(), t || (l.raf = requestAnimationFrame(e));
+		};
+		l.raf = requestAnimationFrame(e);
+	}), J(() => () => {
+		l.raf && cancelAnimationFrame(l.raf), l.raf = 0;
+	}, [l]), d;
+}
+// src/components/Charts/BarList.tsx
+var We = (e, t) => `v:${q(e)}\u0000${t.key}`, Ge = (e) => `p:${q(e)}`;
+function Ke({ href: e, className: t, title: n, children: r }) {
+	return /* @__PURE__ */ Z("a", {
+		href: e,
+		className: t,
+		title: n,
+		children: r
+	});
+}
+var qe = (e) => e < 1 ? { "--chart-bars-gap-share": e } : void 0;
+function Je({ d: e, series: t, share: n, presence: r, gap: i, nf: a }) {
+	return /* @__PURE__ */ Q("div", {
+		className: "chart-bars-item chart-bars-item--moving",
+		style: {
+			...qe(i),
+			opacity: r
+		},
+		"aria-hidden": !0,
+		children: [
+			/* @__PURE__ */ Z("span", {
+				className: "chart-bars-label",
+				children: e.label
+			}),
+			/* @__PURE__ */ Z("span", {
+				className: "chart-bars-bar",
+				children: t.map((r) => {
+					let i = n(e, r);
+					return i > 0 ? /* @__PURE__ */ Z("span", {
+						className: "chart-bars-segment",
+						style: {
+							width: `${i * 100}%`,
+							background: K(t.length === 1 && e.slot ? e.slot : r.slot)
+						}
+					}, r.key) : null;
+				})
+			}),
+			/* @__PURE__ */ Z("span", {
+				className: "chart-bars-value",
+				children: a(k(e, t))
+			})
+		]
+	});
+}
+function Ye({ data: e, series: t, ariaLabel: n, title: r, linkAs: i = Ke, compact: a = !1, onSelect: o, selected: c = null, animate: l, animationDuration: d, ...f }) {
+	let { nf: p, L: m } = ce(f), h = (t) => !!o && !e[t]?.href && e[t]?.selectable !== !1, g = Pe({
+		count: e.length,
+		pick: (e, t, n, r) => we(t, Ie(r).map((e) => e ? {
+			start: e.top,
+			end: e.top + e.height
+		} : {
+			start: Infinity,
+			end: Infinity
+		})),
+		keys: {
+			ArrowLeft: 0,
+			ArrowRight: 0
+		},
+		start: c === null ? null : e.findIndex((e) => q(e) === c),
+		onPick: o ? (t) => h(t) && o(e[t]) : void 0,
+		focusable: (t) => !e[t]?.href
+	}), v = e.map((e) => k(e, t)), y = le(v), b = {};
+	for (let n of e) {
+		b[Ge(n)] = 1;
+		for (let e of t) b[We(n, e)] = Math.max(0, n.values[e.key] ?? 0) / y;
+	}
+	let x = Ue(b, {
+		animate: l,
+		animationDuration: d
+	}), S = (e, t) => x[We(e, t)] ?? 0, T = X(e), E = re(e, T.current, q, (e) => (x[`p:${e}`] ?? 0) > 0);
+	if (J(() => {
+		T.current = E;
+	}), v.every((e) => e === 0)) return /* @__PURE__ */ Z(C, {
+		title: r,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: n,
+			text: m.empty,
+			compact: a
+		})
+	});
+	let D = v.reduce((e, t) => e + t, 0), O = g.active, A = O === null ? c : q(e[O]), j = O === null ? null : e[O], M = (e, t) => `${e.fullLabel ?? e.label}: ${p(v[t])}`, N = new Map(e.map((e, t) => [q(e), t])), P = E.map((e) => x[Ge(e)] ?? 0), F = w(P), I = P.some((e) => e < 1) ? P.map((e) => e < 1 ? `minmax(0, ${e}fr)` : "auto").join(" ") : void 0;
+	return /* @__PURE__ */ Q(C, {
+		title: r,
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: ee(`chart-bars chart-plot chart-plot--rows${o ? " chart-plot--pick" : ""}`, a),
+				role: o ? "group" : "img",
+				"aria-label": !o && j ? M(j, O) : n,
+				style: I ? { gridTemplateRows: I } : void 0,
+				...g.plotProps,
+				children: E.map((e, n) => {
+					let r = q(e), a = N.get(r) ?? -1;
+					if (a < 0) return /* @__PURE__ */ Z(Je, {
+						d: e,
+						series: t,
+						share: S,
+						presence: P[n],
+						gap: F[n],
+						nf: p
+					}, r);
+					let o = e.fullLabel ?? e.label, s = g.pickable && !e.href;
+					return /* @__PURE__ */ Q("div", {
+						...g.item(a, {
+							pressed: c === r,
+							disabled: !h(a)
+						}),
+						"aria-label": s ? `${e.label}: ${p(v[a])}` : void 0,
+						"aria-description": s && o !== e.label ? o : void 0,
+						className: `chart-bars-item${a === O ? " chart-bars-item--active" : ""}${c === r ? " chart-bars-item--on" : ""}${P[n] < 1 ? " chart-bars-item--moving" : ""}`,
+						style: {
+							...qe(F[n]),
+							opacity: P[n] < 1 ? P[n] : void 0
+						},
+						children: [
+							e.href ? /* @__PURE__ */ Z(i, {
+								href: e.href,
+								className: "chart-bars-label chart-bars-link",
+								title: o,
+								children: e.label
+							}) : /* @__PURE__ */ Z("span", {
+								className: "chart-bars-label",
+								title: o,
+								children: e.label
+							}),
+							" ",
+							/* @__PURE__ */ Z("span", {
+								className: `chart-bars-bar${A !== null && A !== r ? " chart-faded" : ""}`,
+								"aria-hidden": !0,
+								children: t.map((n, r) => {
+									let i = S(e, n);
+									if (!(i > 0)) return null;
+									let a = t.slice(r + 1).every((t) => !(S(e, t) > 0));
+									return /* @__PURE__ */ Z("span", {
+										className: `chart-bars-segment${a ? " chart-bars-segment--end" : ""}`,
+										style: {
+											width: `${i * 100}%`,
+											background: K(t.length === 1 && e.slot ? e.slot : n.slot)
+										}
+									}, n.key);
+								})
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "chart-bars-value",
+								children: p(v[a])
+							})
+						]
+					}, r);
+				})
+			}),
+			/* @__PURE__ */ Z(u, { text: j ? M(j, O) : "" }),
+			g.tooltip(j && /* @__PURE__ */ Z($, {
+				title: j.fullLabel ?? j.label,
+				rows: t.map((e) => ({
+					key: e.key,
+					color: K(t.length === 1 && j.slot ? j.slot : e.slot),
+					label: e.label,
+					value: p(j.values[e.key] ?? 0)
+				})),
+				note: m.shareOf(_(s(v[O], D)), p(D))
+			}))
+		]
+	});
+}
+// src/components/Charts/useBoxSize.ts
+function Xe() {
+	let [e, t] = _e(null), [n, r] = _e({
+		width: 0,
+		height: 0
+	});
+	return Y(() => {
+		if (!e) return;
+		let t = () => {
+			let t = e.getBoundingClientRect();
+			r((e) => e.width === Math.round(t.width) && e.height === Math.round(t.height) ? e : {
+				width: Math.round(t.width),
+				height: Math.round(t.height)
+			});
+		};
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [e]), [me((e) => t(e), []), n];
+}
+function Ze() {
+	let [e, t] = Xe();
+	return [e, t.width];
+}
+// src/components/Charts/CalendarHeatmap.tsx
+function Qe(e) {
+	let t = Math.floor(e), n = e - t;
+	return n < .005 ? F(t) : n > .995 ? F(t + 1) : `color-mix(in oklab, ${F(t)}, ${F(t + 1)} ${Math.round(n * 100)}%)`;
+}
+function $e(e) {
+	let t = (t) => {
+		try {
+			return new Intl.DateTimeFormat(e, {
+				...t,
+				timeZone: "UTC"
+			});
+		} catch {
+			return new Intl.DateTimeFormat(void 0, {
+				...t,
+				timeZone: "UTC"
+			});
+		}
+	};
+	return {
+		day: t({ dateStyle: "medium" }),
+		month: t({ month: "short" }),
+		weekday: t({ weekday: "short" })
+	};
+}
+var et = (e) => Array.from({ length: 7 }, (t, n) => $e(e).weekday.format(Date.UTC(2024, 0, 1 + n)));
+function tt({ days: e, ariaLabel: t, title: n, onSelect: r, selected: i = null, compact: a = !1, animate: o, animationDuration: s, ...c }) {
+	let { nf: d, L: f } = ce(c), p = l().locale, m = c.locale ?? p, h = he(() => $e(m), [m]), g = he(() => et(m), [m]), _ = he(() => P(e), [e]), v = Ue(he(() => {
+		let e = {};
+		for (let t of _.cells) e[t.day] = t.level;
+		return e;
+	}, [_]), {
+		animate: o,
+		animationDuration: s
+	}), [y, b] = Ze(), [x, S] = Se(), w = j(b, _.weeks, a ? G.compactMax : G.max, S), T = w.cell + w.gap, E = w.weekdays ? R(S) : 0, D = i === null ? -1 : _.cells.findIndex((e) => e.day === i), O = Pe({
+		count: _.cells.length,
+		pick: (e, t) => Te(e, t, _.cells.map((e) => ({
+			left: E + e.week * T,
+			top: e.weekday * T,
+			width: w.cell,
+			height: w.cell
+		}))),
+		keys: {
+			ArrowLeft: -7,
+			ArrowRight: 7,
+			ArrowUp: -1,
+			ArrowDown: 1
+		},
+		start: D >= 0 ? D : null,
+		onPick: r ? (e) => r({
+			day: _.cells[e].day,
+			count: _.cells[e].count
+		}) : void 0
+	});
+	if (!_.cells.length || _.total === 0) return /* @__PURE__ */ Z(C, {
+		title: n,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: t,
+			text: f.empty,
+			compact: a
+		})
+	});
+	let k = (e) => `${h.day.format(fe(e.day))}: ${d(e.count)}`, A = O.active, M = A === null ? null : _.cells[A] ?? null, N = `${w.weekdays ? `${E}px ` : ""}repeat(${_.weeks}, ${w.cell}px)`, I = w.weekdays ? 2 : 1;
+	return /* @__PURE__ */ Z(C, {
+		title: n,
+		children: /* @__PURE__ */ Q("div", {
+			ref: y,
+			className: ee("chart-calendar", a),
+			role: "group",
+			"aria-label": `${t}: ${f.total} ${d(_.total)}`,
+			children: [
+				/* @__PURE__ */ Z("div", {
+					ref: x,
+					className: "chart-calendar-months",
+					style: {
+						gridTemplateColumns: N,
+						columnGap: w.gap
+					},
+					"aria-hidden": !0,
+					children: H(_.months, T, S).map((e) => /* @__PURE__ */ Z("span", {
+						style: {
+							gridRow: 1,
+							gridColumn: `${e.week + I} / span ${Math.max(1, Math.ceil(V(S) / T))}`
+						},
+						children: h.month.format(fe(`${e.month}-01`))
+					}, e.month))
+				}),
+				/* @__PURE__ */ Q("div", {
+					className: `chart-calendar-grid chart-plot${r ? " chart-plot--pick" : ""}`,
+					style: {
+						gridTemplateColumns: N,
+						gridTemplateRows: `repeat(7, ${w.cell}px)`,
+						gap: w.gap
+					},
+					role: r ? void 0 : "img",
+					"aria-label": r ? void 0 : M ? k(M) : t,
+					...O.plotProps,
+					children: [w.weekdays && g.map((e, t) => /* @__PURE__ */ Z("span", {
+						className: "chart-calendar-weekday",
+						style: {
+							gridRow: t + 1,
+							gridColumn: 1
+						},
+						"aria-hidden": !0,
+						children: t % 2 == 0 ? e : ""
+					}, e)), _.cells.map((e, t) => /* @__PURE__ */ Z("span", {
+						...O.item(t, { pressed: t === D }),
+						"aria-label": O.pickable ? k(e) : void 0,
+						className: `chart-calendar-day${t === D ? " chart-calendar-day--on" : ""}${t === A ? " chart-calendar-day--active" : ""}${D >= 0 && t !== D ? " chart-calendar-day--faded" : ""}`,
+						style: {
+							gridRow: e.weekday + 1,
+							gridColumn: e.week + I,
+							background: Qe(v[e.day] ?? e.level),
+							borderRadius: w.cell < 8 ? 1 : 2
+						},
+						"data-level": e.level,
+						"aria-hidden": !O.pickable || void 0
+					}, e.day))]
+				}),
+				/* @__PURE__ */ Q("div", {
+					className: "chart-calendar-legend",
+					"aria-hidden": !0,
+					children: [
+						/* @__PURE__ */ Z("span", { children: f.less }),
+						Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ Z("span", {
+							className: "chart-calendar-swatch",
+							style: { background: F(t) }
+						}, t)),
+						/* @__PURE__ */ Z("span", { children: f.more })
+					]
+				}),
+				/* @__PURE__ */ Z(u, { text: M ? k(M) : "" }),
+				O.tooltip(M && /* @__PURE__ */ Z($, {
+					title: h.day.format(fe(M.day)),
+					rows: [{
+						key: "n",
+						color: F(Math.max(1, M.level)),
+						label: t,
+						value: d(M.count)
+					}]
+				}))
+			]
+		})
+	});
+}
+// src/components/Charts/Legend.tsx
+function nt({ series: e, labels: t }) {
+	let { L: n } = ce({ labels: t });
+	return e.length < 2 ? null : /* @__PURE__ */ Z("ul", {
+		className: ee("chart-legend"),
+		"aria-label": n.legend,
+		children: e.map((e) => /* @__PURE__ */ Q("li", {
+			className: "chart-legend-item",
+			children: [/* @__PURE__ */ Z("span", {
+				className: "chart-swatch",
+				style: { background: K(e.slot) },
+				"aria-hidden": !0
+			}), e.label]
+		}, e.key))
+	});
+}
+// src/components/Charts/ColumnChart.tsx
+var rt = 6, it = 2, at = 6, ot = 44, st = (e, t) => `v:${q(e)}\u0000${t.key}`, ct = (e) => `p:${q(e)}`;
+function lt({ data: e, series: t, ariaLabel: n, title: r, height: i, compact: a = !1, mode: o = "stacked", legend: s = !1, onSelect: c, selected: l = null, animate: p, animationDuration: m, ...g }) {
+	let { nf: _, L: v } = ce(g), [y, b] = Ze(), [x, S] = Se(), D = e.length, A = (t) => !!c && e[t]?.selectable !== !1, j = Pe({
+		count: D,
+		pick: (e, t, n) => Ce(e, n.width, D),
+		anchor: (e, t) => {
+			let n = t.getBoundingClientRect();
+			return {
+				left: n.left + n.width * e / D,
+				top: n.top,
+				width: n.width / D,
+				height: n.height
+			};
+		},
+		keys: {
+			ArrowUp: 0,
+			ArrowDown: 0
+		},
+		start: l === null ? null : e.findIndex((e) => q(e) === l),
+		onPick: c ? (t) => A(t) && c(e[t]) : void 0
+	}), M = e.map((e) => k(e, t)), N = o === "grouped" && t.length > 1, { max: P, ticks: F } = O(ue(e, t, N ? "grouped" : "stacked")), I = { scale: P };
+	if (!a) for (let e of F) I[`t:${e}`] = 1;
+	for (let n of e) {
+		I[ct(n)] = 1;
+		for (let e of t) I[st(n, e)] = Math.max(0, n.values[e.key] ?? 0);
+	}
+	let L = Ue(I, {
+		animate: p,
+		animationDuration: m
+	}), R = L.scale ?? P, z = (e, t) => (L[st(e, t)] ?? 0) / R, te = X(e), ne = re(e, te.current, q, (e) => (L[`p:${e}`] ?? 0) > 0);
+	if (J(() => {
+		te.current = ne;
+	}), M.every((e) => e === 0)) return /* @__PURE__ */ Z(C, {
+		title: r,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: n,
+			text: v.empty,
+			compact: a
+		})
+	});
+	let V = (i ?? (a ? 96 : 220)) * S, ie = N ? h(t.length, 100, rt) : [], H = j.active, W = (H === null ? null : q(e[H])) ?? l, ae = b && b / Math.max(1, D) < at ? 0 : it, oe = new Map(e.map((e, t) => [q(e), t])), G = ne.map((e) => L[ct(e)] ?? 0), se = E(G), le = w(G), de = (e) => ({
+		flexGrow: se[e].size,
+		marginLeft: le[e] * ae || void 0
+	}), fe = d(L, "t:"), pe = new Set(B(D, Math.max(2, Math.min(12, Math.floor((b || 600) / (ot * S)))))), me = (e, n) => `${e.fullLabel ?? e.label}: ${t.length > 1 ? t.map((t) => `${t.label} ${_(e.values[t.key] ?? 0)}`).join(", ") : _(M[n])}`, Y = H === null ? null : e[H];
+	return /* @__PURE__ */ Z(C, {
+		title: r,
+		children: /* @__PURE__ */ Q("div", {
+			ref: y,
+			className: ee(`chart-columns${N ? " chart-columns--grouped" : ""}`, a),
+			role: "group",
+			"aria-label": n,
+			children: [
+				/* @__PURE__ */ Q("div", {
+					className: "chart-columns-plot",
+					style: { height: V },
+					children: [!a && /* @__PURE__ */ Z(f, {
+						ticks: fe,
+						max: R,
+						plot: V,
+						nf: _
+					}), /* @__PURE__ */ Q("div", {
+						className: `chart-columns-area chart-plot chart-plot--x${c ? " chart-plot--pick" : ""}`,
+						role: c ? void 0 : "img",
+						"aria-label": c ? void 0 : Y ? me(Y, H) : n,
+						...j.plotProps,
+						children: [!a && /* @__PURE__ */ Z(T, {
+							ticks: fe,
+							max: R
+						}), /* @__PURE__ */ Z("div", {
+							className: "chart-columns-bars",
+							"aria-hidden": !j.pickable || void 0,
+							children: ne.map((e, n) => {
+								let r = q(e), i = oe.get(r) ?? -1, a = W !== null && W !== r ? " chart-faded" : "";
+								return /* @__PURE__ */ Z("div", {
+									...i >= 0 ? j.item(i, {
+										pressed: l === r,
+										disabled: !A(i)
+									}) : { "aria-hidden": !0 },
+									"aria-label": j.pickable && i >= 0 ? me(e, i) : void 0,
+									className: `chart-column${i >= 0 && i === H ? " chart-column--active" : ""}${l === r ? " chart-column--on" : ""}`,
+									style: de(n),
+									children: N ? /* @__PURE__ */ Z("span", {
+										className: `chart-column-group${a}`,
+										children: t.map((t, n) => /* @__PURE__ */ Z("span", {
+											className: "chart-column-segment chart-column-segment--top chart-column-bar",
+											style: {
+												left: `${ie[n].x}%`,
+												width: `${ie[n].width}%`,
+												height: `${z(e, t) * V}px`,
+												background: K(t.slot)
+											}
+										}, t.key))
+									}) : /* @__PURE__ */ Z("span", {
+										className: `chart-column-stack${a}`,
+										children: t.map((n, r) => {
+											let i = z(e, n);
+											if (!(i > 0)) return null;
+											let a = t.slice(r + 1).every((t) => !(z(e, t) > 0));
+											return /* @__PURE__ */ Z("span", {
+												className: `chart-column-segment${a ? " chart-column-segment--top" : ""}`,
+												style: {
+													height: `${i * V}px`,
+													background: K(n.slot)
+												}
+											}, n.key);
+										})
+									})
+								}, r);
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					ref: x,
+					className: `chart-axis-x${a ? " chart-axis-x--compact" : ""}`,
+					"aria-hidden": !0,
+					children: ne.map((e, t) => {
+						let n = q(e), r = oe.get(n) ?? -1;
+						return /* @__PURE__ */ Z("span", {
+							className: l !== null && l !== n ? "chart-faded" : void 0,
+							style: {
+								...de(t),
+								opacity: G[t] < 1 ? G[t] : void 0
+							},
+							children: r >= 0 && pe.has(r) ? e.label : ""
+						}, n);
+					})
+				}),
+				s && /* @__PURE__ */ Z("div", {
+					className: "chart-columns-legend",
+					children: /* @__PURE__ */ Z(nt, {
+						series: t,
+						labels: g.labels
+					})
+				}),
+				/* @__PURE__ */ Z(u, { text: Y ? me(Y, H) : "" }),
+				j.tooltip(Y && /* @__PURE__ */ Z($, {
+					title: Y.fullLabel ?? Y.label,
+					rows: t.map((e) => ({
+						key: e.key,
+						color: K(e.slot),
+						label: e.label,
+						value: _(Y.values[e.key] ?? 0)
+					})),
+					note: t.length > 1 ? `${v.total}: ${_(M[H])}` : void 0
+				}))
+			]
+		})
+	});
+}
+// src/components/Charts/useLegendFit.ts
+function ut(e, t) {
+	let [n, r] = _e(null), [i, a] = _e(e), [o, s] = _e(e);
+	return Y(() => {
+		if (!t || !n) {
+			a(e), s(e);
+			return;
+		}
+		let r = 0, i = () => {
+			let t = n.clientHeight, r = Array.from(n.children).filter((e) => !e.hasAttribute("data-legend-more")), i = e;
+			if (t && r.length >= e) {
+				let a = n.getBoundingClientRect().top, o = r.filter((e) => e.getBoundingClientRect().bottom - a <= t + .5).length;
+				i = o >= e ? e : Math.max(0, o - 1);
+			}
+			a(i), s(i);
+		}, o = () => {
+			cancelAnimationFrame(r), a(e), r = requestAnimationFrame(i);
+		};
+		if (o(), typeof ResizeObserver > "u") return () => cancelAnimationFrame(r);
+		let c = n.parentElement ?? n, l = c.clientWidth, u = new ResizeObserver(() => {
+			c.clientWidth !== l && (l = c.clientWidth, o());
+		});
+		return u.observe(c), () => {
+			cancelAnimationFrame(r), u.disconnect();
+		};
+	}, [
+		n,
+		e,
+		t
+	]), [
+		me((e) => r(e), []),
+		t ? i : e,
+		t ? o : e
+	];
+}
+// src/components/Charts/Donut.tsx
+var dt = 2.5;
+function ft({ slices: e, ariaLabel: t, title: n, size: r, compact: i = !1, variant: a = "donut", onLegendCut: o, legend: c = !0, onSelect: l, selected: d = null, animate: f, animationDuration: m, ...h }) {
+	let { nf: v, L: y } = ce(h), [C, w] = _e(null), [T, E, D] = ut(e.length, i);
+	J(() => o?.(e.length - D), [
+		o,
+		e.length,
+		D
+	]);
+	let [O, k] = Se(), A = (r ?? (i ? 112 : 168)) * k, j = e.reduce((e, t) => e + t.value, 0), M = x(e), N = a === "pie", P = N ? p(e).map((e) => ({
+		slice: e.slice,
+		a0: e.a0,
+		a1: e.a1
+	})) : de(e).map((e) => ({
+		slice: e.slice,
+		a0: e.start / ae * 2 * Math.PI,
+		a1: (e.start + e.length) / ae * 2 * Math.PI
+	})), F = (t) => !!l && e[t].value > 0 && e[t].selectable !== !1, I = Pe({
+		count: e.length,
+		pick: (t, n, r) => {
+			let i = r.width / 100, a = 48 * i, o = N ? 0 : 32 * i, s = Oe(t - r.width / 2, n - r.height / 2, a, o, P);
+			return s === null || s === -1 ? s : e.indexOf(P[s].slice);
+		},
+		anchor: (t, n) => {
+			let r = n.getBoundingClientRect(), i = P.find((n) => n.slice === e[t]), a = i ? g(r.left + r.width / 2, r.top + r.height / 2, r.width / 100 * (N ? 36 : 40), (i.a0 + i.a1) / 2) : {
+				x: r.left + r.width / 2,
+				y: r.top + r.height / 2
+			};
+			return {
+				left: a.x - 1,
+				top: a.y - 1,
+				width: 2,
+				height: 2
+			};
+		},
+		start: d === null ? null : e.findIndex((e) => e.key === d),
+		onPick: l ? (t) => F(t) && l(e[t]) : void 0,
+		focusable: (t) => e[t].value > 0
+	}), L = {};
+	for (let t of e) L[t.key] = t.value;
+	let R = Ue(L, {
+		animate: f,
+		animationDuration: m
+	}), z = X(e), te = re(e, z.current, (e) => e.key, (e) => (R[e] ?? 0) > 0).map((e) => ({
+		...e,
+		value: R[e.key] ?? 0
+	}));
+	J(() => {
+		z.current = te;
+	});
+	let ne = x(te), B = (t) => {
+		let n = e.findIndex((e) => e.key === t.key);
+		return n < 0 ? { "aria-hidden": !0 } : {
+			...I.item(n, {
+				pressed: d === t.key,
+				disabled: !F(n)
+			}),
+			"aria-label": I.pickable ? ie(e[n]) : void 0
+		};
+	}, V = (e) => s(Math.max(0, e), M), ie = (e) => `${e.label} ${v(e.value)} (${_(V(e.value))})`, H = I.active === -1, U = I.active !== null && I.active >= 0 ? e[I.active] : void 0, W = U?.key ?? C ?? d, oe = e.find((e) => e.key === W) ?? e[0], G = (e) => W !== null && W !== e ? .55 : 1, se = N ? p(ne > 0 ? te : e) : [];
+	return /* @__PURE__ */ Q("figure", {
+		ref: O,
+		className: ee(N ? "chart-donut chart-pie" : "chart-donut", i),
+		"aria-label": t,
+		children: [
+			n && /* @__PURE__ */ Z("figcaption", {
+				className: "chart-donut-title",
+				children: n
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: `chart-donut-ring chart-plot${l ? " chart-plot--pick" : ""}`,
+				style: {
+					width: A,
+					height: A
+				},
+				role: l ? void 0 : "img",
+				"aria-label": l ? void 0 : U ? ie(U) : `${t}: ${e.map(ie).join(", ")}`,
+				...I.plotProps,
+				children: [/* @__PURE__ */ Z("svg", {
+					viewBox: "0 0 100 100",
+					width: A,
+					height: A,
+					className: "chart-donut-svg",
+					overflow: "visible",
+					"aria-hidden": !I.pickable || void 0,
+					children: N ? M === 0 ? /* @__PURE__ */ Z("circle", {
+						cx: "50",
+						cy: "50",
+						r: 48,
+						fill: K("rest"),
+						opacity: .5,
+						"aria-hidden": !0
+					}) : se.map((t) => {
+						let n = t.slice, r = e.find((e) => e.key === n.key), i = r ? V(r.value) : 0, a = W === n.key && se.length > 1 ? g(0, 0, dt, (t.a0 + t.a1) / 2) : null;
+						return /* @__PURE__ */ Q("g", {
+							transform: a ? `translate(${a.x} ${a.y})` : void 0,
+							opacity: G(n.key),
+							className: "chart-pie-slice-group",
+							children: [/* @__PURE__ */ Z("path", {
+								...B(n),
+								d: S(50, 50, 48, t.a0, t.a1),
+								fill: K(n.slot),
+								stroke: "var(--chart-surface)",
+								strokeWidth: +(se.length > 1),
+								strokeLinejoin: "round",
+								className: "chart-donut-slice chart-pie-slice"
+							}), t.label && i >= 8 && /* @__PURE__ */ Z("text", {
+								x: t.label.x,
+								y: t.label.y,
+								className: "chart-pie-share",
+								fill: b(n.slot),
+								textAnchor: "middle",
+								dominantBaseline: "central",
+								"aria-hidden": !0,
+								children: _(i)
+							})]
+						}, n.key);
+					}) : /* @__PURE__ */ Z("g", {
+						transform: "rotate(-90 50 50)",
+						children: M === 0 ? /* @__PURE__ */ Z("circle", {
+							cx: "50",
+							cy: "50",
+							r: 40,
+							fill: "none",
+							stroke: K("rest"),
+							strokeWidth: 16,
+							opacity: .5,
+							"aria-hidden": !0
+						}) : de(ne > 0 ? te : e).map(({ slice: e, start: t, length: n }) => /* @__PURE__ */ Z("circle", {
+							...B(e),
+							cx: "50",
+							cy: "50",
+							r: 40,
+							fill: "none",
+							stroke: K(e.slot),
+							strokeWidth: W === e.key ? 18 : 16,
+							strokeDasharray: `${n} ${ae}`,
+							strokeDashoffset: -t,
+							className: "chart-donut-slice",
+							opacity: H ? 1 : G(e.key)
+						}, e.key))
+					})
+				}), N ? M === 0 && /* @__PURE__ */ Z("div", {
+					className: "chart-donut-centre",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ Z("span", {
+						className: "chart-donut-empty",
+						children: y.empty
+					})
+				}) : /* @__PURE__ */ Z("div", {
+					className: "chart-donut-centre",
+					"aria-hidden": !0,
+					children: M > 0 && H ? /* @__PURE__ */ Q(ye, { children: [/* @__PURE__ */ Z("span", {
+						className: "chart-donut-share",
+						children: v(j)
+					}), /* @__PURE__ */ Z("span", {
+						className: "chart-donut-share-label",
+						children: y.total.toLowerCase()
+					})] }) : M > 0 && oe ? /* @__PURE__ */ Q(ye, { children: [/* @__PURE__ */ Z("span", {
+						className: "chart-donut-share",
+						children: _(V(oe.value))
+					}), /* @__PURE__ */ Z("span", {
+						className: "chart-donut-share-label",
+						children: oe.label.toLowerCase()
+					})] }) : /* @__PURE__ */ Z("span", {
+						className: "chart-donut-empty",
+						children: y.empty
+					})
+				})]
+			}),
+			c && /* @__PURE__ */ Q("ul", {
+				ref: T,
+				className: "chart-donut-legend",
+				"aria-label": y.legend,
+				children: [e.slice(0, E).map((e, t) => /* @__PURE__ */ Q("li", {
+					className: `chart-donut-legend-item${F(t) ? " chart-donut-legend-item--hit" : ""}${d === e.key ? " chart-donut-legend-item--on" : ""}${d !== null && d !== e.key ? " chart-faded" : ""}`,
+					onMouseEnter: () => w(e.key),
+					onMouseLeave: () => w(null),
+					onClick: F(t) ? () => l(e) : void 0,
+					children: [
+						/* @__PURE__ */ Z("span", {
+							className: "chart-swatch",
+							style: { background: K(e.slot) },
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ Z("span", {
+							className: "chart-donut-legend-label",
+							children: e.label
+						}),
+						/* @__PURE__ */ Q("span", {
+							className: "chart-donut-legend-value",
+							children: [
+								v(e.value),
+								" · ",
+								_(V(e.value))
+							]
+						})
+					]
+				}, e.key)), E < e.length && /* @__PURE__ */ Z("li", {
+					className: "chart-donut-legend-more",
+					"data-legend-more": "",
+					children: y.moreValues(v(e.length - E))
+				})]
+			}),
+			/* @__PURE__ */ Z(u, { text: U ? ie(U) : H ? `${y.total} ${v(j)}` : "" }),
+			I.tooltip(H ? /* @__PURE__ */ Z($, {
+				title: t,
+				rows: e.map((e) => ({
+					key: e.key,
+					color: K(e.slot),
+					label: e.label,
+					value: v(e.value)
+				})),
+				note: `${y.total}: ${v(j)}`
+			}) : U && /* @__PURE__ */ Z($, {
+				rows: [{
+					key: U.key,
+					color: K(U.slot),
+					label: U.label,
+					value: v(U.value)
+				}],
+				note: y.shareOf(_(V(U.value)), v(j))
+			}))
+		]
+	});
+}
+// src/components/Charts/Funnel.tsx
+function pt({ steps: t, ariaLabel: n, title: r, compact: i = !1, showChange: a = !0, onSelect: s, selected: c = null, animate: l, animationDuration: d, ...f }) {
+	let { nf: p, L: m } = ce(f), h = (e) => !!s && t[e].selectable !== !1, g = Pe({
+		count: t.length,
+		pick: (e, t, n, r) => we(t, Ie(r).map((e) => e ? {
+			start: e.top,
+			end: e.top + e.height
+		} : {
+			start: Infinity,
+			end: Infinity
+		})),
+		keys: {
+			ArrowLeft: 0,
+			ArrowRight: 0
+		},
+		start: c === null ? null : t.findIndex((e) => e.key === c),
+		onPick: s ? (e) => h(e) && s(t[e]) : void 0
+	}), v = o(t).map((e) => a ? e : {
+		...e,
+		drop: null
+	}), y = {};
+	for (let e of v) y[e.step.key] = e.width;
+	let x = Ue(y, {
+		animate: l,
+		animationDuration: d
+	});
+	if (!t.some((e) => e.value > 0)) return /* @__PURE__ */ Z(C, {
+		title: r,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: n,
+			text: m.empty,
+			compact: i
+		})
+	});
+	let S = g.active === null ? null : v[g.active] ?? null, w = S?.step.key ?? c, T = (t) => `${t.step.label}: ${p(t.step.value)}${t.drop === null ? "" : `, ${m.funnelDrop} ${e(t.drop)}`}`, E = s ? "ol" : "div", D = s ? "li" : "div";
+	return /* @__PURE__ */ Q(C, {
+		title: r,
+		children: [
+			/* @__PURE__ */ Z(E, {
+				className: ee(`chart-funnel${a ? "" : " chart-funnel--no-change"} chart-plot chart-plot--rows${s ? " chart-plot--pick" : ""}`, i),
+				role: s ? void 0 : "img",
+				"aria-label": !s && S ? T(S) : n,
+				...g.plotProps,
+				children: v.map(({ step: t, width: n, drop: r }, i) => /* @__PURE__ */ Z(D, {
+					"data-hit": g.pickable ? void 0 : i,
+					className: `chart-funnel-item${i === g.active ? " chart-funnel-item--active" : ""}`,
+					"aria-hidden": !g.pickable || void 0,
+					children: /* @__PURE__ */ Q("span", {
+						...g.pickable ? g.item(i, {
+							pressed: c === t.key,
+							disabled: !h(i)
+						}) : {},
+						"aria-label": g.pickable ? `${t.label}: ${p(t.value)}${r === null ? "" : `, ${e(r)}`}` : void 0,
+						"aria-description": g.pickable && r !== null ? m.funnelDrop : void 0,
+						className: `chart-funnel-row${w !== null && w !== t.key ? " chart-faded" : ""}`,
+						children: [
+							/* @__PURE__ */ Z("span", {
+								className: "chart-funnel-label",
+								title: t.label,
+								children: t.label
+							}),
+							" ",
+							/* @__PURE__ */ Q("span", {
+								className: "chart-funnel-track",
+								children: [/* @__PURE__ */ Z("span", {
+									className: "chart-funnel-bar",
+									style: {
+										width: `${(x[t.key] ?? n) * 100}%`,
+										background: K(t.slot),
+										color: b(t.slot)
+									},
+									children: n >= .18 ? p(t.value) : ""
+								}), n < .18 && /* @__PURE__ */ Z("span", {
+									className: "chart-funnel-outside",
+									children: p(t.value)
+								})]
+							}),
+							" ",
+							a && /* @__PURE__ */ Z("span", {
+								className: "chart-funnel-drop",
+								"data-change": r === null ? void 0 : r > 0 ? "drop" : r < 0 ? "rise" : "flat",
+								children: r === null ? "" : e(r)
+							})
+						]
+					})
+				}, t.key))
+			}),
+			/* @__PURE__ */ Z(u, { text: S ? T(S) : "" }),
+			g.tooltip(S && /* @__PURE__ */ Z($, {
+				rows: [{
+					key: S.step.key,
+					color: K(S.step.slot),
+					label: S.step.label,
+					value: p(S.step.value)
+				}],
+				note: [a && g.active > 0 ? `${m.funnelOfFirst}: ${_(S.ofFirst)}` : "", S.drop === null ? "" : `${m.funnelDrop}: ${e(S.drop)}`].filter(Boolean).join(" · ") || void 0
+			}))
+		]
+	});
+}
+// src/components/Charts/Gauge.tsx
+function mt({ value: e, total: t, ariaLabel: n, label: r, variant: i = "half", color: o = 1, size: c, compact: l = !1, animate: d, animationDuration: f, ...p }) {
+	let { nf: m, L: h } = ce(p), g = z[i], v = s(e, t), { a0: y, a1: b } = a(i, v), x = Ue({ p: v }, {
+		animate: d,
+		animationDuration: f
+	}).p ?? v, { end: S } = a(i, x), [C, w] = Se(), T = (c ?? (i === "half" ? l ? 120 : 168 : l ? 88 : 128)) * w, E = Pe({
+		count: 1,
+		pick: (e, t, n) => {
+			let r = n.width / g.width;
+			return Oe(e - g.cx * r, t - g.cy * r, (g.r + 6) * r, 0, [{
+				a0: y,
+				a1: b
+			}]) === null ? null : 0;
+		}
+	}), D = h.ofTotal(m(e), m(t)), O = K(L(o, v));
+	return /* @__PURE__ */ Q("div", {
+		ref: C,
+		className: ee(`chart-gauge chart-gauge--${i}`, l),
+		role: "meter",
+		"aria-label": n,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(v * 10) / 10,
+		"aria-valuetext": `${D} (${_(v)})`,
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "chart-gauge-dial chart-plot",
+				style: { width: T },
+				...E.plotProps,
+				children: [/* @__PURE__ */ Q("svg", {
+					viewBox: `0 0 ${g.width} ${g.height}`,
+					width: T,
+					height: T * g.height / g.width,
+					"aria-hidden": !0,
+					children: [/* @__PURE__ */ Z("path", {
+						d: oe(g.cx, g.cy, g.r, y, b),
+						className: "chart-gauge-track",
+						fill: "none",
+						strokeWidth: 12,
+						strokeLinecap: "round"
+					}), x > 0 && /* @__PURE__ */ Z("path", {
+						d: oe(g.cx, g.cy, g.r, y, Math.max(S, y + .01)),
+						className: "chart-gauge-value",
+						fill: "none",
+						stroke: O,
+						strokeWidth: 12,
+						strokeLinecap: "round"
+					})]
+				}), /* @__PURE__ */ Z("span", {
+					className: "chart-gauge-share",
+					"aria-hidden": !0,
+					children: _(v)
+				})]
+			}),
+			r !== void 0 && /* @__PURE__ */ Z("span", {
+				className: "chart-gauge-label",
+				children: r
+			}),
+			/* @__PURE__ */ Z("span", {
+				className: "chart-gauge-of",
+				"aria-hidden": !0,
+				children: D
+			}),
+			/* @__PURE__ */ Z(u, { text: E.active === null ? "" : `${D} (${_(v)})` }),
+			E.tooltip(E.active !== null && /* @__PURE__ */ Z($, {
+				title: r ?? n,
+				rows: [{
+					key: "v",
+					color: O,
+					label: D,
+					value: _(v)
+				}]
+			}))
+		]
+	});
+}
+// src/components/Charts/LineChart.tsx
+var ht = 64, gt = (e, t) => `v:${e.key}\u0000${q(t)}`, _t = (e) => `p:${q(e)}`;
+function vt({ data: e, series: t, ariaLabel: n, title: r, area: i = !1, height: a, compact: o = !1, onSelect: s, selected: c = null, animate: l, animationDuration: p, ...h }) {
+	let { nf: g, L: _ } = ce(h), [v, y] = Ze(), [b, x] = Se(), S = e.length, w = c === null ? -1 : e.findIndex((e) => q(e) === c), E = Pe({
+		count: S,
+		pick: (e, t, n) => te(e, n.width, S),
+		anchor: (e, t) => {
+			let n = t.getBoundingClientRect();
+			return {
+				left: n.left + m(e, S, 100) / 100 * n.width - 1,
+				top: n.top,
+				width: 2,
+				height: n.height
+			};
+		},
+		keys: {
+			ArrowUp: 0,
+			ArrowDown: 0
+		},
+		start: w >= 0 ? w : null,
+		onPick: s ? (t) => e[t].selectable !== !1 && s(e[t]) : void 0
+	}), j = e.flatMap((e) => t.map((t) => e.values[t.key] ?? 0)), { max: M, ticks: N } = O(j), P = { scale: M };
+	if (!o) for (let e of N) P[`t:${e}`] = 1;
+	for (let n of e) {
+		P[_t(n)] = 1;
+		for (let e of t) P[gt(e, n)] = Math.max(0, n.values[e.key] ?? 0);
+	}
+	let F = Ue(P, {
+		animate: l,
+		animationDuration: p
+	}), I = F.scale ?? M, L = X(e), R = re(e, L.current, q, (e) => (F[`p:${e}`] ?? 0) > 0);
+	if (J(() => {
+		L.current = R;
+	}), !j.some((e) => e > 0)) return /* @__PURE__ */ Z(C, {
+		title: r,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: n,
+			text: _.empty,
+			compact: o
+		})
+	});
+	let z = (a ?? (o ? 96 : 220)) * x, V = R.map((e) => F[_t(e)] ?? 0), ie = D(V).map((e) => e * 100), H = new Map(R.map((e, t) => [q(e), t])), W = (t) => ie[H.get(q(e[t]))], ae = t.map((e) => ({
+		s: e,
+		points: R.map((t, n) => ({
+			x: ie[n],
+			y: 100 - Math.max(0, F[gt(e, t)] ?? 0) / (I || 1) * 100
+		}))
+	})), oe = d(F, "t:"), G = E.active, se = (e) => `${e.fullLabel ?? e.label}: ${t.map((n) => t.length > 1 ? `${n.label} ${g(e.values[n.key] ?? 0)}` : g(e.values[n.key] ?? 0)).join(", ")}`, le = G === null ? null : e[G] ?? null, ue = B(S, Math.max(2, Math.min(o ? 4 : 6, Math.floor((y || 400) / (ht * x))))), de = (e) => `${W(e)}%`;
+	return /* @__PURE__ */ Z(C, {
+		title: r,
+		children: /* @__PURE__ */ Q("div", {
+			ref: v,
+			className: ee(`chart-line${i ? " chart-line--area" : ""}`, o),
+			role: "group",
+			"aria-label": n,
+			children: [
+				/* @__PURE__ */ Q("div", {
+					className: "chart-columns-plot",
+					style: { height: z },
+					children: [!o && /* @__PURE__ */ Z(f, {
+						ticks: oe,
+						max: I,
+						plot: z,
+						nf: g
+					}), /* @__PURE__ */ Q("div", {
+						className: `chart-line-area chart-plot chart-plot--x${s ? " chart-plot--pick" : ""}`,
+						role: s ? void 0 : "img",
+						"aria-label": s ? void 0 : le ? se(le) : n,
+						...E.plotProps,
+						children: [
+							E.pickable && e.map((e, t) => /* @__PURE__ */ Z("span", {
+								...E.item(t, {
+									pressed: t === w,
+									disabled: e.selectable === !1
+								}),
+								"aria-label": se(e),
+								className: "chart-line-slot",
+								style: { left: de(t) }
+							}, q(e))),
+							!o && /* @__PURE__ */ Z(T, {
+								ticks: oe,
+								max: I
+							}),
+							/* @__PURE__ */ Q("svg", {
+								className: "chart-line-svg",
+								viewBox: "0 0 100 100",
+								preserveAspectRatio: "none",
+								width: "100%",
+								height: "100%",
+								"aria-hidden": !0,
+								children: [
+									i && ae.map(({ s: e, points: t }) => /* @__PURE__ */ Z("path", {
+										d: A(t, 100),
+										fill: K(e.slot),
+										className: "chart-line-fill"
+									}, `a-${e.key}`)),
+									ae.map(({ s: e, points: t }) => /* @__PURE__ */ Z("path", {
+										d: ne(t),
+										fill: "none",
+										stroke: K(e.slot),
+										className: "chart-line-path",
+										vectorEffect: "non-scaling-stroke"
+									}, e.key)),
+									w >= 0 && /* @__PURE__ */ Z("line", {
+										className: "chart-line-selected",
+										x1: W(w),
+										x2: W(w),
+										y1: 0,
+										y2: 100,
+										vectorEffect: "non-scaling-stroke"
+									}),
+									G !== null && /* @__PURE__ */ Z("line", {
+										className: "chart-line-crosshair",
+										x1: W(G),
+										x2: W(G),
+										y1: 0,
+										y2: 100,
+										vectorEffect: "non-scaling-stroke"
+									})
+								]
+							}),
+							[G, w >= 0 ? w : null].map((t, n) => t === null || n === 1 && t === G ? null : ae.map(({ s: r, points: i }) => /* @__PURE__ */ Z("span", {
+								className: "chart-line-dot",
+								style: {
+									left: de(t),
+									top: `${i[H.get(q(e[t]))].y}%`,
+									background: K(r.slot)
+								},
+								"aria-hidden": !0
+							}, `${n}-${r.key}`)))
+						]
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					ref: b,
+					className: `chart-line-axis-x${o ? " chart-line-axis-x--compact" : ""}`,
+					"aria-hidden": !0,
+					children: ue.map((t) => {
+						let n = V[H.get(q(e[t]))];
+						return /* @__PURE__ */ Z("span", {
+							style: {
+								left: de(t),
+								opacity: n < 1 ? n : void 0
+							},
+							className: t === 0 ? "chart-line-axis-first" : t === S - 1 ? "chart-line-axis-last" : void 0,
+							children: e[t].label
+						}, q(e[t]));
+					})
+				}),
+				/* @__PURE__ */ Z(u, { text: le ? se(le) : "" }),
+				E.tooltip(le && /* @__PURE__ */ Z($, {
+					title: le.fullLabel ?? le.label,
+					rows: t.map((e) => ({
+						key: e.key,
+						color: K(e.slot),
+						label: e.label,
+						value: g(le.values[e.key] ?? 0)
+					})),
+					note: t.length > 1 ? `${_.total}: ${g(k(le, t))}` : void 0
+				}))
+			]
+		})
+	});
+}
+// src/components/Charts/NumberTrend.tsx
+var yt = (e) => e.key ?? e.label;
+function bt({ value: e, ariaLabel: t, title: a, points: o = [], current: s, previous: c, good: l = "up", slot: d = 1, compact: f = !1, animate: p, animationDuration: h, ...g }) {
+	let { nf: v, L: y } = ce(g), b = Pe({
+		count: o.length,
+		pick: (e, t, n) => te(e, n.width, o.length),
+		anchor: (e, t) => {
+			let n = t.getBoundingClientRect();
+			return {
+				left: n.left + m(e, o.length, 100) / 100 * n.width - 1,
+				top: n.top,
+				width: 2,
+				height: n.height
+			};
+		},
+		keys: {
+			ArrowUp: 0,
+			ArrowDown: 0
+		}
+	}), x = s ?? o.reduce((e, t) => e + t.value, 0), S = c === void 0 ? null : n(x, c), C = S ? r(S.direction, l) : "neutral", w = S ? S.direction === "up" ? "▲" : S.direction === "down" ? "▼" : "=" : "", T = S ? S.percent === null ? y.deltaNew : _(Math.abs(S.percent)) : "", E = S ? `${S.direction === "up" ? y.deltaUp : S.direction === "down" ? y.deltaDown : y.deltaSame}${S.direction === "same" ? "" : ` ${T}`} ${y.vsPrevious}` : "", O = Math.min(...o.map((e) => e.value)), k = Math.max(...o.map((e) => e.value)), j = {};
+	for (let e of o) j[`p:${yt(e)}`] = 1, j[`y:${yt(e)}`] = k === O ? .5 : (e.value - O) / (k - O);
+	let M = Ue(j, {
+		animate: p,
+		animationDuration: h
+	}), N = X(o), P = re(o, N.current, yt, (e) => (M[`p:${e}`] ?? 0) > 0);
+	J(() => {
+		N.current = P;
+	});
+	let F = D(P.map((e) => M[`p:${yt(e)}`] ?? 0)), I = P.map((e, t) => ({
+		x: F[t] * 100,
+		y: 100 - (M[`y:${yt(e)}`] ?? 0) * 100
+	})), L = new Map(P.map((e, t) => [yt(e), t])), R = o.map((e) => I[L.get(yt(e))]), z = b.active, B = z === null ? null : o[z] ?? null;
+	return /* @__PURE__ */ Q("div", {
+		className: ee("chart-number", f),
+		role: "group",
+		"aria-label": `${t}: ${v(e)}${E ? `, ${E}` : ""}`,
+		children: [
+			a != null && a !== "" && /* @__PURE__ */ Z("div", {
+				className: "chart-title",
+				children: a
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "chart-number-line",
+				"aria-hidden": !0,
+				children: [/* @__PURE__ */ Z("span", {
+					className: "chart-number-value",
+					children: v(e)
+				}), S && /* @__PURE__ */ Q("span", {
+					className: "chart-number-delta",
+					"data-tone": C,
+					style: { color: i(C) },
+					children: [
+						w,
+						" ",
+						S.direction === "same" ? _(0) : T
+					]
+				})]
+			}),
+			R.length > 1 && /* @__PURE__ */ Q("div", {
+				className: "chart-number-spark chart-plot chart-plot--x",
+				role: "img",
+				"aria-label": B ? `${B.label}: ${v(B.value)}` : t,
+				...b.plotProps,
+				children: [/* @__PURE__ */ Q("svg", {
+					viewBox: "0 0 100 100",
+					preserveAspectRatio: "none",
+					width: "100%",
+					height: "100%",
+					"aria-hidden": !0,
+					children: [
+						/* @__PURE__ */ Z("path", {
+							d: A(I, 100),
+							fill: K(d),
+							className: "chart-line-fill"
+						}),
+						/* @__PURE__ */ Z("path", {
+							d: ne(I),
+							fill: "none",
+							stroke: K(d),
+							className: "chart-line-path",
+							vectorEffect: "non-scaling-stroke"
+						}),
+						z !== null && R[z] && /* @__PURE__ */ Z("line", {
+							className: "chart-line-crosshair",
+							x1: R[z].x,
+							x2: R[z].x,
+							y1: 0,
+							y2: 100,
+							vectorEffect: "non-scaling-stroke"
+						})
+					]
+				}), z !== null && R[z] && /* @__PURE__ */ Z("span", {
+					className: "chart-line-dot",
+					style: {
+						left: `${R[z].x}%`,
+						top: `${R[z].y}%`,
+						background: K(d)
+					},
+					"aria-hidden": !0
+				})]
+			}),
+			S && /* @__PURE__ */ Z("div", {
+				className: "chart-number-note",
+				"aria-hidden": !0,
+				children: y.vsPrevious
+			}),
+			/* @__PURE__ */ Z(u, { text: B ? `${B.label}: ${v(B.value)}` : "" }),
+			b.tooltip(B && /* @__PURE__ */ Z($, {
+				title: B.label,
+				rows: [{
+					key: "v",
+					color: K(d),
+					label: t,
+					value: v(B.value)
+				}]
+			}))
+		]
+	});
+}
+// src/components/Charts/Progress.tsx
+function xt({ value: e, total: t, ariaLabel: n, label: r, color: i = 1, compact: a = !1, animate: o, animationDuration: s, ...c }) {
+	let { nf: l, L: d } = ce(c), f = Pe({
+		count: 1,
+		pick: () => 0
+	}), p = t > 0 ? e / t * 100 : 0, m = K(L(i, p)), h = Ue({ p }, {
+		animate: o,
+		animationDuration: s
+	}).p ?? p, g = d.ofTotal(l(e), l(t));
+	return /* @__PURE__ */ Q("div", {
+		className: ee("chart-progress chart-plot", a),
+		role: "progressbar",
+		"aria-label": n,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(p * 10) / 10,
+		"aria-valuetext": `${l(e)} / ${l(t)} (${_(p)})`,
+		...f.plotProps,
+		children: [
+			r !== void 0 && /* @__PURE__ */ Q("div", {
+				className: "chart-progress-head",
+				children: [/* @__PURE__ */ Z("span", {
+					className: "chart-progress-label",
+					children: r
+				}), /* @__PURE__ */ Z("span", {
+					className: "chart-progress-share",
+					children: _(p)
+				})]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "chart-progress-track",
+				children: /* @__PURE__ */ Z("div", {
+					className: "chart-progress-fill",
+					style: {
+						width: `${Math.min(100, h)}%`,
+						background: m
+					}
+				})
+			}),
+			/* @__PURE__ */ Z(u, { text: f.active === null ? "" : `${g} (${_(p)})` }),
+			f.tooltip(f.active !== null && /* @__PURE__ */ Z($, {
+				title: r ?? n,
+				rows: [{
+					key: "v",
+					color: m,
+					label: g,
+					value: _(p)
+				}]
+			}))
+		]
+	});
+}
+// src/components/Charts/StackedBar.tsx
+function St({ slices: e, ariaLabel: t, title: n, compact: r = !1, onLegendCut: i, onSelect: a, selected: o = null, animate: c, animationDuration: l, ...d }) {
+	let { nf: f, L: p } = ce(d), [m, h] = _e(null), [g, v, y] = ut(e.length, r);
+	J(() => i?.(e.length - y), [
+		i,
+		e.length,
+		y
+	]);
+	let b = e.filter((e) => e.value > 0), S = (e) => !!a && e.value > 0 && e.selectable !== !1, w = Pe({
+		count: b.length,
+		pick: (e, t, n, r) => we(e, Ie(r).map((e) => e ? {
+			start: e.left,
+			end: e.left + e.width
+		} : {
+			start: Infinity,
+			end: Infinity
+		})),
+		keys: {
+			ArrowUp: 0,
+			ArrowDown: 0
+		},
+		start: o === null ? null : b.findIndex((e) => e.key === o),
+		onPick: a ? (e) => S(b[e]) && a(b[e]) : void 0
+	}), T = {};
+	for (let e of b) T[e.key] = e.value;
+	let E = Ue(T, {
+		animate: c,
+		animationDuration: l
+	}), D = X(b), O = re(b, D.current, (e) => e.key, (e) => (E[e] ?? 0) > 0);
+	J(() => {
+		D.current = O;
+	});
+	let k = x(e);
+	if (k === 0) return /* @__PURE__ */ Z(C, {
+		title: n,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: t,
+			text: p.empty,
+			compact: r
+		})
+	});
+	let A = (e) => s(Math.max(0, e), k), j = (e) => `${e.label} ${f(e.value)} (${_(A(e.value))})`, M = w.active === null ? null : b[w.active] ?? null, N = M?.key ?? m ?? o, P = (e) => N !== null && N !== e ? " chart-faded" : "";
+	return /* @__PURE__ */ Q("figure", {
+		className: ee("chart-stacked", r),
+		"aria-label": t,
+		children: [
+			n && /* @__PURE__ */ Z("figcaption", {
+				className: "chart-title",
+				children: n
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: `chart-stacked-bar chart-plot chart-plot--x${a ? " chart-plot--pick" : ""}`,
+				role: a ? void 0 : "img",
+				"aria-label": a ? void 0 : M ? j(M) : `${t}: ${e.map(j).join(", ")}`,
+				...w.plotProps,
+				children: O.map((e) => {
+					let t = b.indexOf(e);
+					return t < 0 ? /* @__PURE__ */ Z("span", {
+						"aria-hidden": !0,
+						className: `chart-stacked-segment${P(e.key)}`,
+						style: {
+							flexGrow: E[e.key] ?? 0,
+							background: K(e.slot)
+						}
+					}, e.key) : /* @__PURE__ */ Z("span", {
+						...w.item(t, {
+							pressed: o === e.key,
+							disabled: !S(e)
+						}),
+						"aria-label": w.pickable ? j(e) : void 0,
+						"aria-hidden": !w.pickable || void 0,
+						className: `chart-stacked-segment${P(e.key)}`,
+						style: {
+							flexGrow: E[e.key] ?? e.value,
+							background: K(e.slot)
+						}
+					}, e.key);
+				})
+			}),
+			/* @__PURE__ */ Q("ul", {
+				ref: g,
+				className: "chart-donut-legend chart-stacked-legend",
+				"aria-label": p.legend,
+				children: [e.slice(0, v).map((e) => /* @__PURE__ */ Q("li", {
+					className: `chart-donut-legend-item${S(e) ? " chart-donut-legend-item--hit" : ""}${o === e.key ? " chart-donut-legend-item--on" : ""}${P(e.key)}`,
+					onMouseEnter: () => h(e.key),
+					onMouseLeave: () => h(null),
+					onClick: S(e) ? () => a(e) : void 0,
+					children: [
+						/* @__PURE__ */ Z("span", {
+							className: "chart-swatch",
+							style: { background: K(e.slot) },
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ Z("span", {
+							className: "chart-donut-legend-label",
+							children: e.label
+						}),
+						/* @__PURE__ */ Q("span", {
+							className: "chart-donut-legend-value",
+							children: [
+								f(e.value),
+								" · ",
+								_(A(e.value))
+							]
+						})
+					]
+				}, e.key)), v < e.length && /* @__PURE__ */ Z("li", {
+					className: "chart-donut-legend-more",
+					"data-legend-more": "",
+					children: p.moreValues(f(e.length - v))
+				})]
+			}),
+			/* @__PURE__ */ Z(u, { text: M ? j(M) : "" }),
+			w.tooltip(M && /* @__PURE__ */ Z($, {
+				rows: [{
+					key: M.key,
+					color: K(M.slot),
+					label: M.label,
+					value: f(M.value)
+				}],
+				note: p.shareOf(_(A(M.value)), f(k))
+			}))
+		]
+	});
+}
+// src/components/Charts/Treemap.tsx
+var Ct = 400, wt = (e) => e.parent ? `${e.parent.key}\u0000${e.node.key}` : e.node.key, Tt = (e) => e.charCodeAt(0) === 120 || e.charCodeAt(0) === 121;
+function Et({ nodes: e, ariaLabel: t, title: n, height: r, compact: i = !1, onSelect: a, selected: o = null, animate: c, animationDuration: l, ...d }) {
+	let { nf: f, L: p } = ce(d), [m, h] = Ze(), g = h || Ct, [v, y] = Se(), x = (r ?? (i ? 120 : 220)) * y, S = e.reduce((e, t) => e + Math.max(0, t.value), 0), w = S > 0 ? pe(e, g, x, y) : [], 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 = Pe({
+		count: T.length,
+		pick: (e, t, n) => Te(e / n.width * g, t / n.height * x, T.map((e) => ({
+			left: e.rect.x,
+			top: e.rect.y,
+			width: e.rect.w,
+			height: e.rect.h
+		}))),
+		start: o === null ? null : T.findIndex((e) => E(e).key === o),
+		onPick: a ? (e) => D(T[e]) && a(E(T[e])) : void 0
+	}), k = {};
+	for (let e of w) {
+		let t = wt(e);
+		k[`x:${t}`] = (e.rect.x + e.rect.w / 2) / g, k[`y:${t}`] = (e.rect.y + e.rect.h / 2) / x, k[`w:${t}`] = e.rect.w / g, k[`h:${t}`] = e.rect.h / x;
+	}
+	let A = X({
+		width: g,
+		plot: x
+	}), j = A.current.width !== g || A.current.plot !== x, M = Ue(k, {
+		animate: c !== !1 && !j,
+		animationDuration: l
+	}, Tt), N = X(w), P = re(w, N.current, wt, (e) => (M[`w:${e}`] ?? 0) > 0 && (M[`h:${e}`] ?? 0) > 0);
+	J(() => {
+		N.current = P, A.current = {
+			width: g,
+			plot: x
+		};
+	});
+	let F = O.plotProps.ref, L = me((e) => {
+		m(e), F(e);
+	}, [m, F]);
+	if (S <= 0) return /* @__PURE__ */ Z(C, {
+		title: n,
+		children: /* @__PURE__ */ Z(U, {
+			ariaLabel: t,
+			text: p.empty,
+			compact: i
+		})
+	});
+	let R = (e) => `${e.parent ? `${e.parent.label} › ` : ""}${e.node.label} ${f(e.node.value)} (${_(s(e.node.value, S))})`, z = O.active === null ? null : T[O.active] ?? null, te = (e) => {
+		let t = wt(e), n = M[`w:${t}`] ?? 0, r = M[`h:${t}`] ?? 0;
+		return {
+			x: (M[`x:${t}`] ?? 0) - n / 2,
+			y: (M[`y:${t}`] ?? 0) - r / 2,
+			w: n,
+			h: r
+		};
+	}, ne = (e) => ({
+		left: `${e.x * 100}%`,
+		top: `${e.y * 100}%`,
+		width: `${e.w * 100}%`,
+		height: `${e.h * 100}%`
+	}), B = (e) => e.w * g >= ie.w * y && e.h * x >= ie.h * y;
+	return /* @__PURE__ */ Z(C, {
+		title: n,
+		children: /* @__PURE__ */ Q("div", {
+			ref: v,
+			className: ee("chart-treemap", i),
+			role: "group",
+			"aria-label": t,
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: `chart-treemap-box chart-plot${a ? " chart-plot--pick" : ""}`,
+					style: { height: x },
+					role: a ? void 0 : "img",
+					"aria-label": a ? void 0 : z ? R(z) : `${t}: ${T.map(R).join(", ")}`,
+					...O.plotProps,
+					ref: L,
+					children: P.map((e) => {
+						let t = wt(e), n = te(e);
+						if (!(`w:${t}` in k)) return /* @__PURE__ */ Z("div", {
+							className: `chart-treemap-tile${e.parent ? " chart-treemap-tile--child" : ""}`,
+							style: {
+								...ne(n),
+								background: K(E(e).slot),
+								opacity: e.parent ? I(0) : void 0
+							},
+							"aria-hidden": !0
+						}, t);
+						let r = E(e), i = !!e.node.children?.some((e) => e.value > 0), a = e.parent ? e.parent.children.filter((e) => e.value > 0).indexOf(e.node) : 0, s = o !== null && o !== r.key || z !== null && E(z).key !== r.key, c = T.indexOf(e);
+						return /* @__PURE__ */ Z("div", {
+							...c >= 0 ? O.item(c, {
+								pressed: o === r.key,
+								disabled: !D(e)
+							}) : {},
+							"aria-label": O.pickable && c >= 0 ? R(e) : void 0,
+							className: `chart-treemap-tile${i ? " chart-treemap-tile--group" : ""}${e.parent ? " chart-treemap-tile--child" : ""}${s ? " chart-faded" : ""}${o === r.key ? " chart-treemap-tile--on" : ""}${z === e ? " chart-treemap-tile--active" : ""}`,
+							style: {
+								...ne(n),
+								background: K(r.slot),
+								color: b(r.slot),
+								opacity: e.parent ? I(a) : void 0
+							},
+							"aria-hidden": O.pickable && c >= 0 ? void 0 : !0,
+							children: e.label && B(n) && /* @__PURE__ */ Q("span", {
+								className: "chart-treemap-label",
+								children: [
+									/* @__PURE__ */ Z("span", {
+										className: "chart-treemap-name",
+										children: e.node.label
+									}),
+									" ",
+									!i && /* @__PURE__ */ Z("span", {
+										className: "chart-treemap-count",
+										children: f(e.node.value)
+									})
+								]
+							})
+						}, t);
+					})
+				}),
+				/* @__PURE__ */ Z(u, { text: z ? R(z) : "" }),
+				O.tooltip(z && /* @__PURE__ */ Z($, {
+					title: z.parent ? `${z.parent.label} › ${z.node.label}` : z.node.label,
+					rows: [{
+						key: "n",
+						color: K(E(z).slot),
+						label: t,
+						value: f(z.node.value)
+					}],
+					note: p.shareOf(_(s(z.node.value, S)), f(S))
+				}))
+			]
+		})
+	});
+}
+// src/components/Charts/ChartView.tsx
+function Dt({ chart: e, ariaLabel: t, compact: n = !1, height: r, size: i, onSelect: a, selected: o = null, linkAs: s, onLegendCut: c, legend: l = !0, animate: u, animationDuration: d, ...f }) {
+	let p = {
+		ariaLabel: t,
+		compact: n,
+		...f,
+		animate: u,
+		animationDuration: d
+	}, m = a ? (e) => a(e.key ?? e.label) : void 0;
+	switch (e.kind) {
+		case "columns": return /* @__PURE__ */ Z(lt, {
+			data: e.data,
+			series: e.series,
+			mode: e.mode,
+			legend: l && e.series.length > 1,
+			height: r,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "line": return /* @__PURE__ */ Z(vt, {
+			data: e.data,
+			series: e.series,
+			area: e.area,
+			height: r,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "bars": return /* @__PURE__ */ Z(Ye, {
+			data: e.data,
+			series: e.series,
+			linkAs: s,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "stacked": return /* @__PURE__ */ Z(St, {
+			slices: e.slices,
+			onLegendCut: c,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "donut":
+		case "pie": return /* @__PURE__ */ Z(ft, {
+			variant: e.kind,
+			slices: e.slices,
+			size: i,
+			legend: l,
+			onLegendCut: c,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "treemap": return /* @__PURE__ */ Z(Et, {
+			nodes: e.nodes,
+			height: r,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "calendar": return /* @__PURE__ */ Z(tt, {
+			days: e.days,
+			onSelect: a ? (e) => a(e.day) : void 0,
+			selected: o,
+			...p
+		});
+		case "funnel": return /* @__PURE__ */ Z(pt, {
+			steps: e.steps,
+			showChange: e.showChange,
+			onSelect: m,
+			selected: o,
+			...p
+		});
+		case "gauge": {
+			let t = e.rows[0];
+			return /* @__PURE__ */ Z(mt, {
+				value: t.value,
+				total: t.total,
+				color: t.color,
+				variant: e.variant,
+				label: n ? void 0 : t.label,
+				...p
+			});
+		}
+		case "progress": {
+			let t = e.rows[0];
+			return /* @__PURE__ */ Z(xt, {
+				value: t.value,
+				total: t.total,
+				color: t.color,
+				label: n ? void 0 : t.label,
+				...p
+			});
+		}
+		case "number": return /* @__PURE__ */ Z(bt, {
+			value: e.value,
+			points: e.points,
+			current: e.current,
+			previous: e.previous,
+			good: e.good,
+			slot: e.slot,
+			...p
+		});
+	}
+}
+export { Se as A, ke as C, Te as D, Ae as E, Oe as O, De as S, Ce as T, Le as _, bt as a, Ie as b, pt as c, nt as d, tt as f, Ye as g, Ze as h, xt as i, xe as j, we as k, ft as l, Xe as m, Et as n, vt as o, et as p, St as r, mt as s, Dt as t, lt as u, $ as v, Ee as w, Pe as x, Fe as y };