@lilt-ui/charts 0.12.0 → 0.12.1

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, Q as _, R as v, S as y, St as b, T as x, U as ee, V as te, W as S, X as C, Y as ne, Z as re, _ as ie, _t as ae, at as w, b as oe, bt as T, c as se, ct as E, d as D, dt as O, et as ce, f as k, ft as A, g as j, gt as M, h as N, ht as P, i as F, it as I, j as L, k as R, l as le, lt as ue, m as z, mt as B, n as V, nt as H, o as de, ot as U, p as fe, pt as pe, q as me, r as W, rt as G, s as he, t as ge, tt as _e, u as ve, ut as K, v as q, vt as ye, w as J, wt as Y, x as be, xt as xe, y as Se, yt as Ce, z as we } from "./skeleton-block-CxrRuqe0.js";
+import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, Q as _, R as v, S as y, St as b, T as x, U as ee, V as te, W as S, X as C, Y as ne, Z as re, _ as ie, _t as ae, at as w, b as oe, bt as T, c as se, ct as E, d as D, dt as O, et as ce, f as k, ft as A, g as j, gt as M, h as N, ht as P, i as F, it as I, j as L, k as R, l as le, lt as ue, m as z, mt as B, n as V, nt as H, o as de, ot as U, p as fe, pt as pe, q as me, r as W, rt as G, s as he, t as ge, tt as _e, u as ve, ut as K, v as q, vt as ye, w as J, wt as Y, x as be, xt as xe, y as Se, yt as Ce, z as we } from "./skeleton-block-ClcPgFdK.js";
 import { C as Te, S as Ee, _ as De, c as Oe, d as ke, f as Ae, g as je, h as Me, l as Ne, m as Pe, p as Fe, u as Ie, v as Le, w as Re, x as ze } from "./report-context-DLA3I57K.js";
 import { n as Be, t as Ve } from "./chart-data-CCwLQeXa.js";
 import { a as He, i as Ue, n as We, r as Ge, t as Ke } from "./analysis-BJRmXHOB.js";
@@ -1140,15 +1140,42 @@ function zt(e, t) {
 		Je(() => r(null), [])
 	];
 }
-function Bt(e, t, n) {
+//#endregion
+//#region src/interaction/use-pin-release.ts
+function Bt(e, t, n, r) {
+	let i = $e({
+		release: n,
+		onMark: r
+	});
+	i.current = {
+		release: n,
+		onMark: r
+	};
+	let a = $e(!1);
+	Ye(() => {
+		if (!e) return;
+		let n = () => e.closest("[data-lilt-chart]") ?? e, r = (r) => {
+			let o = r.target instanceof Node ? r.target : null;
+			a.current = !!(o && n().contains(o)), t && (o instanceof Element && o.closest("button, a, input, [role=\"tab\"]") && (!e.contains(o) || !o.closest("[data-glide-id]")) || o && e.contains(o) && (o instanceof Element && o.closest("[data-glide-id]") || i.current.onMark(r, e)) || i.current.release?.());
+		}, o = (e) => {
+			if (!t || e.key !== "Escape" || e.defaultPrevented) return;
+			let r = e.target instanceof Node ? e.target : null, o = !!(r && n().contains(r));
+			(o || a.current) && (!o && r instanceof Element && r.closest("[data-lilt-chart], [role=\"dialog\"]") || (e.preventDefault(), i.current.release?.()));
+		};
+		return document.addEventListener("pointerdown", r, !0), document.addEventListener("keydown", o), () => {
+			document.removeEventListener("pointerdown", r, !0), document.removeEventListener("keydown", o);
+		};
+	}, [e, t]);
+}
+function Vt(e, t, n) {
 	let r = (n.ownerDocument.elementFromPoint?.(e, t))?.closest("[data-glide-id]");
 	return r && n.contains(r) ? r.getAttribute("data-glide-id") : null;
 }
-function Vt(e) {
+function Ht(e) {
 	let t = $e(e);
 	t.current = e;
 	let { disabled: n } = e, [r, i] = X(null);
-	return Ye(() => {
+	return Bt(r, e.pinned ?? !1, e.onRelease, (e, n) => t.current.resolve(e.clientX, e.clientY, n) !== null), Ye(() => {
 		if (!r || n) return;
 		let e = null, i = null, a = null, o = 0, s = (e, n) => t.current.resolve(e, n, r), c = () => {
 			e?.hold != null && window.clearTimeout(e.hold), e && (e.hold = null);
@@ -1215,7 +1242,7 @@ function Vt(e) {
 }
 //#endregion
 //#region src/interaction/use-category-state.ts
-function Ht(e, t, n) {
+function Ut(e, t, n) {
 	let r = $e({
 		key: n,
 		rows: null
@@ -1237,11 +1264,13 @@ function Ht(e, t, n) {
 		skeleton: o
 	};
 }
-function Ut(e, t, n, r, i = 1, a, o, s = !0, c) {
-	let [l, u] = X(null), [d, f] = X(null), [p, m, h] = zt(a, o), g = e.some((e) => e.id === p) ? p : null, [_, v] = X(null), y = $e(/* @__PURE__ */ new Map()), b = Vt({
-		resolve: Bt,
+function Wt(e, t, n, r, i = 1, a, o, s = !0, c) {
+	let [l, u] = X(null), [d, f] = X(null), [p, m, h] = zt(a, o), g = e.some((e) => e.id === p) ? p : null, [_, v] = X(null), y = $e(/* @__PURE__ */ new Map()), b = Ht({
+		resolve: Vt,
 		onGlide: u,
 		onLift: (e) => e !== null && m(e),
+		pinned: g !== null,
+		onRelease: () => m(null),
 		disabled: !t
 	}), x = $e(n);
 	x.current = n;
@@ -1277,7 +1306,7 @@ function Ut(e, t, n, r, i = 1, a, o, s = !0, c) {
 		else if (t.key === "Home") r = t.ctrlKey || i === 1 ? 0 : Math.floor(n / i) * i;
 		else if (t.key === "End") r = t.ctrlKey || i === 1 ? e.length - 1 : Math.min(e.length - 1, Math.floor(n / i) * i + i - 1);
 		else if (t.key === "Escape") {
-			m(null);
+			t.preventDefault(), m(null);
 			return;
 		} else return;
 		t.preventDefault(), y.current.get(e[Math.max(0, Math.min(e.length - 1, r))]?.id)?.focus();
@@ -1306,8 +1335,8 @@ function Ut(e, t, n, r, i = 1, a, o, s = !0, c) {
 }
 //#endregion
 //#region src/toolkit/chart-range-summary.tsx
-function Wt({ series: e, className: t }) {
-	let n = b(), r = et(n.controller.subscribe, () => n.controller.getSnapshot().focus, () => n.controller.getSnapshot().focus), { props: i } = n, a = Ht(i.data, i.status ?? "ready", i.resetKey), o = i.series.find((t) => t.id === (e ?? i.series[0]?.id)), s = Qe(() => {
+function Gt({ series: e, className: t }) {
+	let n = b(), r = et(n.controller.subscribe, () => n.controller.getSnapshot().focus, () => n.controller.getSnapshot().focus), { props: i } = n, a = Ut(i.data, i.status ?? "ready", i.resetKey), o = i.series.find((t) => t.id === (e ?? i.series[0]?.id)), s = Qe(() => {
 		if (!o || i.x.type === "category" || !a.rows) return {
 			value: null,
 			error: null
@@ -1361,7 +1390,7 @@ function Wt({ series: e, className: t }) {
 }
 //#endregion
 //#region src/cards/area-chart-card.tsx
-function Gt({ stack: e, curve: t = "smooth", ...n }) {
+function Kt({ stack: e, curve: t = "smooth", ...n }) {
 	return /* @__PURE__ */ Q(V, {
 		...n,
 		shape: {
@@ -1373,7 +1402,7 @@ function Gt({ stack: e, curve: t = "smooth", ...n }) {
 }
 //#endregion
 //#region src/cards/line-chart-card.tsx
-function Kt({ curve: e = "smooth", points: t = !1, baseline: n = "auto", ...r }) {
+function qt({ curve: e = "smooth", points: t = !1, baseline: n = "auto", ...r }) {
 	return /* @__PURE__ */ Q(V, {
 		...r,
 		shape: {
@@ -1386,7 +1415,7 @@ function Kt({ curve: e = "smooth", points: t = !1, baseline: n = "auto", ...r })
 }
 //#endregion
 //#region src/cards/bar-chart-card.tsx
-function qt({ stack: e, radius: t = 6, corners: n = "end", tracks: r = !1, barWidth: i, depth: a = !1, barStyle: o = a ? "isometric" : "solid", ...s }) {
+function Jt({ stack: e, radius: t = 6, corners: n = "end", tracks: r = !1, barWidth: i, depth: a = !1, barStyle: o = a ? "isometric" : "solid", ...s }) {
 	return /* @__PURE__ */ Q(V, {
 		...s,
 		depth: a,
@@ -1403,11 +1432,11 @@ function qt({ stack: e, radius: t = 6, corners: n = "end", tracks: r = !1, barWi
 }
 //#endregion
 //#region src/lifecycle/skeleton-sheen.tsx
-var Jt = "color-mix(in srgb, var(--lilt-skeleton) 64%, var(--lilt-surface))", Yt = {
+var Yt = "color-mix(in srgb, var(--lilt-skeleton) 64%, var(--lilt-surface))", Xt = {
 	"--lilt-skeleton-paint": "white",
 	"--lilt-skeleton-gap": "black"
 };
-function Xt({ children: e, mask: t, sweep: n, loadingStyle: r = "shimmer", depth: i = !1, width: a, height: o, x: s = 0, y: c = 0, reduced: l = !1 }) {
+function Zt({ children: e, mask: t, sweep: n, loadingStyle: r = "shimmer", depth: i = !1, width: a, height: o, x: s = 0, y: c = 0, reduced: l = !1 }) {
 	let u = Xe().replace(/:/g, ""), d = _(!0, r), f = Math.max(a * .3, Math.min(a, 60)), p = n !== void 0 && !l && r !== "shimmer";
 	return /* @__PURE__ */ $("g", {
 		ref: d,
@@ -1461,7 +1490,7 @@ function Xt({ children: e, mask: t, sweep: n, loadingStyle: r = "shimmer", depth
 				width: a,
 				height: o,
 				children: /* @__PURE__ */ Q("g", {
-					style: Yt,
+					style: Xt,
 					children: t ?? e
 				})
 			})] }), /* @__PURE__ */ Q("g", {
@@ -1484,12 +1513,12 @@ function Xt({ children: e, mask: t, sweep: n, loadingStyle: r = "shimmer", depth
 }
 //#endregion
 //#region src/cards/stat-card.tsx
-var Zt = [], Qt = 28, $t = "var(--lilt-series-1)", en = "color-mix(in oklab, var(--lilt-muted) 16%, var(--lilt-surface))";
-function tn(e, t = Qt) {
+var Qt = [], $t = 28, en = "var(--lilt-series-1)", tn = "color-mix(in oklab, var(--lilt-muted) 16%, var(--lilt-surface))";
+function nn(e, t = $t) {
 	let n = Math.max(0, Math.min(1, e)) * t;
 	return Array.from({ length: t }, (e, t) => Math.max(0, Math.min(1, n - t)));
 }
-function nn({ value: e, target: t, height: n, depth: r = !1, formatValue: i }) {
+function rn({ value: e, target: t, height: n, depth: r = !1, formatValue: i }) {
 	let a = e === null || t <= 0 ? 0 : e / t, o = new Intl.NumberFormat("en-US", {
 		style: "percent",
 		maximumFractionDigits: 0
@@ -1517,7 +1546,7 @@ function nn({ value: e, target: t, height: n, depth: r = !1, formatValue: i }) {
 			"aria-valuemax": t,
 			"aria-valuenow": e ?? 0,
 			style: { height: n },
-			children: tn(a).map((e, t) => /* @__PURE__ */ Q("span", {
+			children: nn(a).map((e, t) => /* @__PURE__ */ Q("span", {
 				className: "lilt-stat__cell",
 				children: e > 0 ? /* @__PURE__ */ Q("span", {
 					className: "lilt-stat__cell-fill",
@@ -1531,7 +1560,7 @@ function nn({ value: e, target: t, height: n, depth: r = !1, formatValue: i }) {
 		})]
 	});
 }
-function rn({ value: e, target: t, size: n, reduced: r, loading: i = !1, loadingStyle: a = "shimmer", skeletonLeaving: o = !1, depth: s = !1, formatValue: c }) {
+function an({ value: e, target: t, size: n, reduced: r, loading: i = !1, loadingStyle: a = "shimmer", skeletonLeaving: o = !1, depth: s = !1, formatValue: c }) {
 	let l = e === null || t <= 0 ? null : Math.max(0, e / t), u = Math.max(4, Math.round(n / 9)), d = (n - u) / 2, f = new Intl.NumberFormat("en-US", {
 		style: "percent",
 		maximumFractionDigits: 0
@@ -1591,7 +1620,7 @@ function rn({ value: e, target: t, size: n, reduced: r, loading: i = !1, loading
 			children: /* @__PURE__ */ Q(C, {
 				leaving: o,
 				origin: "center",
-				children: /* @__PURE__ */ Q("g", { children: i ? /* @__PURE__ */ Q(Xt, {
+				children: /* @__PURE__ */ Q("g", { children: i ? /* @__PURE__ */ Q(Zt, {
 					width: n,
 					height: n,
 					reduced: r,
@@ -1613,7 +1642,7 @@ function rn({ value: e, target: t, size: n, reduced: r, loading: i = !1, loading
 					children: s ? U(u).map((e, t) => /* @__PURE__ */ Q(qe, { children: m({
 						width: e.strokeWidth,
 						transform: e.transform,
-						stroke: w(Jt, e.amount)
+						stroke: w(Yt, e.amount)
 					}, !0) }, t)) : m(void 0, !0)
 				}) : s ? /* @__PURE__ */ $(Z, { children: [
 					/* @__PURE__ */ Q("defs", { children: /* @__PURE__ */ Q(ce, {
@@ -1623,14 +1652,14 @@ function rn({ value: e, target: t, size: n, reduced: r, loading: i = !1, loading
 					U(u, "groove").map((e, t) => /* @__PURE__ */ Q(qe, { children: m({
 						width: e.strokeWidth,
 						transform: e.transform,
-						stroke: w(en, e.amount)
+						stroke: w(tn, e.amount)
 					}) }, `track-${t}`)),
 					l ? /* @__PURE__ */ Q("g", {
 						filter: `url(#${p}-shadow)`,
 						children: U(u).map((e, t) => /* @__PURE__ */ Q(qe, { children: h({
 							width: e.strokeWidth,
 							transform: e.transform,
-							stroke: w($t, e.amount)
+							stroke: w(en, e.amount)
 						}) }, `fill-${t}`))
 					}) : null
 				] }) : /* @__PURE__ */ $(Z, { children: [m(), l ? h() : null] }) })
@@ -1641,13 +1670,13 @@ function rn({ value: e, target: t, size: n, reduced: r, loading: i = !1, loading
 		})]
 	});
 }
-var an = (e) => e.acceptedRevision;
-function on({ title: e, header: t = !0, "aria-label": n = e || "Stat", data: r = Zt, value: i, x: a, xType: o, headline: s, aggregate: c = "sum", delta: l, deltaTone: d, caption: f, chart: m = "area", depth: h = !1, barStyle: g = h ? "isometric" : "solid", target: v, sync: y, height: b, color: x, aside: ee, valueFormat: te, locale: ne, formatValue: ie, formatX: w, surface: E = "elevated", badge: D, numberStyle: O, palette: ce, loading: k = !1, motion: A, loadingStyle: j = "shimmer", empty: M, className: N, style: F }) {
+var on = (e) => e.acceptedRevision;
+function sn({ title: e, header: t = !0, "aria-label": n = e || "Stat", data: r = Qt, value: i, x: a, xType: o, headline: s, aggregate: c = "sum", delta: l, deltaTone: d, caption: f, chart: m = "area", depth: h = !1, barStyle: g = h ? "isometric" : "solid", target: v, sync: y, height: b, color: x, aside: ee, valueFormat: te, locale: ne, formatValue: ie, formatX: w, surface: E = "elevated", badge: D, numberStyle: O, palette: ce, loading: k = !1, motion: A, loadingStyle: j = "shimmer", empty: M, className: N, style: F }) {
 	let I = he({
 		valueFormat: te,
 		locale: ne,
 		formatValue: ie
-	}), L = i ?? "", R = m === "bars", ue = (m === "area" || m === "line" || R) && !!i, z = ue ? r : Zt, B = Qe(() => {
+	}), L = i ?? "", R = m === "bars", ue = (m === "area" || m === "line" || R) && !!i, z = ue ? r : Qt, B = Qe(() => {
 		if (a) return le(z, a, o, w);
 		let e = new Map(z.map((e, t) => [e, t]));
 		return {
@@ -1703,8 +1732,8 @@ function on({ title: e, header: t = !0, "aria-label": n = e || "Stat", data: r =
 	S(a ? y : void 0, fe.getController(), z, a ?? "", B, {
 		label: n,
 		release: fe.actions.release
-	}), P(fe, an);
-	let W = fe.series.some((e) => e.id === H[0].id) ? H[0].id : null, G = s ?? (i ? de(se(r, L), c) : null), _e = ue && pe ? pe.series[0]?.value ?? null : void 0, ve = _e === void 0 ? G : _e, K = b ?? (m === "meter" ? h ? 12 : 10 : R ? 44 : 56), q = !R, ye = Te(A ?? "auto"), J = re(k, ye), Y = _(k, j), xe = m === "ring" && v !== void 0, Se = xe ? `Target ${I.value(v)}` : void 0, Ce = xe ? /* @__PURE__ */ Q(rn, {
+	}), P(fe, on);
+	let W = fe.series.some((e) => e.id === H[0].id) ? H[0].id : null, G = s ?? (i ? de(se(r, L), c) : null), _e = ue && pe ? pe.series[0]?.value ?? null : void 0, ve = _e === void 0 ? G : _e, K = b ?? (m === "meter" ? h ? 12 : 10 : R ? 44 : 56), q = !R, ye = Te(A ?? "auto"), J = re(k, ye), Y = _(k, j), xe = m === "ring" && v !== void 0, Se = xe ? `Target ${I.value(v)}` : void 0, Ce = xe ? /* @__PURE__ */ Q(an, {
 		loading: k,
 		loadingStyle: j,
 		skeletonLeaving: J,
@@ -1763,7 +1792,7 @@ function on({ title: e, header: t = !0, "aria-label": n = e || "Stat", data: r =
 						className: "lilt-stat__meter-labels",
 						children: [/* @__PURE__ */ Q("span", { children: "—" }), /* @__PURE__ */ Q("span", { children: "—" })]
 					})]
-				}) : /* @__PURE__ */ Q(nn, {
+				}) : /* @__PURE__ */ Q(rn, {
 					value: G,
 					target: v,
 					height: K,
@@ -1813,7 +1842,7 @@ function on({ title: e, header: t = !0, "aria-label": n = e || "Stat", data: r =
 }
 //#endregion
 //#region src/cards/use-card-selection.ts
-function sn(e, t, n, r) {
+function cn(e, t, n, r) {
 	let i = e !== void 0, [a, o] = X(null), s = i ? e : a, c = s !== null && n.includes(s) ? s : null, l = $e(c);
 	l.current = c;
 	let u = $e(t);
@@ -1831,11 +1860,11 @@ function sn(e, t, n, r) {
 }
 //#endregion
 //#region src/cards/rank.ts
-var cn = "\0other", ln = new Intl.NumberFormat("en-US", {
+var ln = "\0other", un = new Intl.NumberFormat("en-US", {
 	style: "percent",
 	maximumFractionDigits: 0
 });
-function un(e, t, n, r, i, a) {
+function dn(e, t, n, r, i, a) {
 	let o = (e) => e[n], s = Ge(We(e, {
 		id: (e) => String(e[t] ?? ""),
 		label: (e) => String(e[t] ?? "")
@@ -1850,13 +1879,13 @@ function un(e, t, n, r, i, a) {
 	if (i === void 0 || i < 1 || s.length <= i + 1) return s;
 	let c = s.slice(i).flatMap((e) => e.value === null ? [] : [e.value]);
 	return [...s.slice(0, i), {
-		id: cn,
+		id: ln,
 		label: a,
 		value: c.length ? c.reduce((e, t) => e + t, 0) : null,
 		other: !0
 	}];
 }
-function dn(e) {
+function fn(e) {
 	let t = e.flatMap((e) => e.value === null ? [] : [e.value]), n = t.reduce((e, t) => e + t, 0);
 	return {
 		observed: t.length,
@@ -1866,16 +1895,16 @@ function dn(e) {
 }
 //#endregion
 //#region src/cards/horizontal-bar-chart-card.tsx
-var fn = [];
-function pn({ title: e, header: t = !0, "aria-label": n = e || "Horizontal bar chart", data: r, category: i, value: a, headline: o, delta: s, deltaTone: c, range: l, ranges: u, defaultRange: f, sort: p = "descending", limit: m, otherLabel: h = "Other", share: g = !0, rank: v = !1, depth: y = !1, barStyle: b = y ? "isometric" : "inline", valueFormat: x, locale: ee, formatValue: te, color: S, surface: ie = "elevated", badge: ae, numberStyle: w, palette: oe, selected: T, onSelectedChange: se, loading: E = !1, loadingStyle: D = "shimmer", empty: O = "dots", motion: ce = "auto", className: k, style: A }) {
+var pn = [];
+function mn({ title: e, header: t = !0, "aria-label": n = e || "Horizontal bar chart", data: r, category: i, value: a, headline: o, delta: s, deltaTone: c, range: l, ranges: u, defaultRange: f, sort: p = "descending", limit: m, otherLabel: h = "Other", share: g = !0, rank: v = !1, depth: y = !1, barStyle: b = y ? "isometric" : "inline", valueFormat: x, locale: ee, formatValue: te, color: S, surface: ie = "elevated", badge: ae, numberStyle: w, palette: oe, selected: T, onSelectedChange: se, loading: E = !1, loadingStyle: D = "shimmer", empty: O = "dots", motion: ce = "auto", className: k, style: A }) {
 	let j = Te(ce), M = _(E, D), N = re(E, j), P = he({
 		valueFormat: x,
 		locale: ee,
 		formatValue: te
-	}), [F, I] = X(f ?? u?.[0]?.id), L = u?.find((e) => e.id === F) ?? u?.[0], R = L?.data ?? r ?? fn, le = L ? L.delta : s, ue = Qe(() => {
+	}), [F, I] = X(f ?? u?.[0]?.id), L = u?.find((e) => e.id === F) ?? u?.[0], R = L?.data ?? r ?? pn, le = L ? L.delta : s, ue = Qe(() => {
 		try {
 			return {
-				rows: un(R, i, a, p, m, h),
+				rows: dn(R, i, a, p, m, h),
 				error: null
 			};
 		} catch (e) {
@@ -1891,21 +1920,23 @@ function pn({ title: e, header: t = !0, "aria-label": n = e || "Horizontal bar c
 		p,
 		m,
 		h
-	]), z = ue.rows, B = dn(z), V = B.total, H = g && B.shareable, de = Qe(() => He(z.map((e) => ({
+	]), z = ue.rows, B = fn(z), V = B.total, H = g && B.shareable, de = Qe(() => He(z.map((e) => ({
 		...e,
 		datum: e
-	}))), [z]), [U, fe] = X(null), [pe, me] = X(null), [W, G] = sn(T, se, Qe(() => z.map((e) => e.id), [z]), !E && ue.error === null), _e = W ?? pe ?? U, ve = z.find((e) => e.id === _e), q = $e(/* @__PURE__ */ new Map()), ye = Vt({
-		resolve: Bt,
+	}))), [z]), [U, fe] = X(null), [pe, me] = X(null), [W, G] = cn(T, se, Qe(() => z.map((e) => e.id), [z]), !E && ue.error === null), _e = W ?? pe ?? U, ve = z.find((e) => e.id === _e), q = $e(/* @__PURE__ */ new Map()), ye = Ht({
+		resolve: Vt,
 		onGlide: fe,
-		onLift: (e) => e !== null && G(e)
-	}), J = L?.headline ?? o ?? (B.observed ? V : null), Y = (e) => H && e !== null ? ln.format(e / V) : null, be = (e, t) => {
+		onLift: (e) => e !== null && G(e),
+		pinned: W !== null,
+		onRelease: () => G(null)
+	}), J = L?.headline ?? o ?? (B.observed ? V : null), Y = (e) => H && e !== null ? un.format(e / V) : null, be = (e, t) => {
 		let n = t;
 		if (e.key === "ArrowDown") n = Math.min(z.length - 1, t + 1);
 		else if (e.key === "ArrowUp") n = Math.max(0, t - 1);
 		else if (e.key === "Home") n = 0;
 		else if (e.key === "End") n = z.length - 1;
 		else if (e.key === "Escape") {
-			G(null);
+			e.preventDefault(), G(null);
 			return;
 		} else return;
 		e.preventDefault(), q.current.get(z[n].id)?.focus();
@@ -2140,7 +2171,7 @@ function pn({ title: e, header: t = !0, "aria-label": n = e || "Horizontal bar c
 }
 //#endregion
 //#region src/cards/combo-chart-card.tsx
-function mn({ bars: e, lines: t, lineScale: n = "shared", stack: r, radius: i = 6, corners: a = "end", tracks: o = !1, barWidth: s, depth: c = !1, barStyle: l = c ? "isometric" : "solid", curve: u = "smooth", points: d = !0, aggregate: f = "sum", pillPosition: p, ...m }) {
+function hn({ bars: e, lines: t, lineScale: n = "shared", stack: r, radius: i = 6, corners: a = "end", tracks: o = !1, barWidth: s, depth: c = !1, barStyle: l = c ? "isometric" : "solid", curve: u = "smooth", points: d = !0, aggregate: f = "sum", pillPosition: p, ...m }) {
 	let h = n === "own";
 	return /* @__PURE__ */ Q(V, {
 		...m,
@@ -2168,36 +2199,36 @@ function mn({ bars: e, lines: t, lineScale: n = "shared", stack: r, radius: i =
 }
 //#endregion
 //#region src/cards/radial-chart-card.tsx
-var hn = [], gn = 92, _n = 98, vn = Math.PI * 2, yn = .94, bn = "color-mix(in oklab, var(--lilt-muted) 13%, var(--lilt-surface))";
-function xn(e) {
+var gn = [], _n = 92, vn = 98, yn = Math.PI * 2, bn = .94, xn = "color-mix(in oklab, var(--lilt-muted) 13%, var(--lilt-surface))";
+function Sn(e) {
 	let t = e.reduce((e, t) => e + Math.max(0, t.value ?? 0), 0), n = 0;
 	return e.flatMap((e) => {
 		if (e.value === null || t <= 0) return [];
 		let r = n;
-		return n += Math.max(0, e.value) / t * vn, [{
+		return n += Math.max(0, e.value) / t * yn, [{
 			id: e.id,
 			startAngle: r,
 			endAngle: n
 		}];
 	});
 }
-function Sn(e) {
+function Cn(e) {
 	if (!(e > 0)) return 1;
 	let t = 10 ** Math.floor(Math.log10(e)) / 4;
 	return Math.ceil(e * 1.05 / t) * t;
 }
-function Cn(e) {
-	let t = Sn(Math.max(0, ...e.map((e) => e.value ?? 0)));
+function wn(e) {
+	let t = Cn(Math.max(0, ...e.map((e) => e.value ?? 0)));
 	return e.flatMap((e) => e.value === null ? [] : [{
 		id: e.id,
 		startAngle: 0,
-		endAngle: Math.max(0, e.value) / t * vn
+		endAngle: Math.max(0, e.value) / t * yn
 	}]);
 }
-function wn(e) {
+function Tn(e) {
 	return 1 - (1 - e) ** 2;
 }
-function Tn(e, t, n) {
+function En(e, t, n) {
 	let r = new Map(t.map((e) => [e.id, e])), i = Math.max(0, Math.min(1, n));
 	return e.flatMap((n, a) => {
 		if (r.has(n.id)) return [];
@@ -2211,8 +2242,8 @@ function Tn(e, t, n) {
 		}];
 	});
 }
-var En = (e) => e > .05 ? { filter: `blur(${e.toFixed(2)}px)` } : {};
-function Dn(e, t, n) {
+var Dn = (e) => e > .05 ? { filter: `blur(${e.toFixed(2)}px)` } : {};
+function On(e, t, n) {
 	let r = new Map(e.map((e) => [e.id, e]));
 	return t.map((e) => {
 		let t = r.get(e.id) ?? {
@@ -2226,14 +2257,14 @@ function Dn(e, t, n) {
 		};
 	});
 }
-function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", data: r, category: i, value: a, variant: o = "donut", depth: s = !1, legend: c = o === "rings" ? "tiles" : o === "semi" ? "inline" : "list", legendSwatch: l, headline: u, delta: f, deltaTone: p, range: m, ranges: h, defaultRange: g, limit: _ = 5, otherLabel: v = "Other", sort: y = "descending", valueFormat: b, locale: x, formatValue: ee, surface: te = "elevated", badge: S, numberStyle: ie, palette: ae, selected: oe, onSelectedChange: T, colors: se, center: E, loading: D = !1, loadingStyle: O = "shimmer", empty: k = "dots", motion: A = "auto", className: j, style: M }) {
+function kn({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", data: r, category: i, value: a, variant: o = "donut", depth: s = !1, legend: c = o === "rings" ? "tiles" : o === "semi" ? "inline" : "list", legendSwatch: l, headline: u, delta: f, deltaTone: p, range: m, ranges: h, defaultRange: g, limit: _ = 5, otherLabel: v = "Other", sort: y = "descending", valueFormat: b, locale: x, formatValue: ee, surface: te = "elevated", badge: S, numberStyle: ie, palette: ae, selected: oe, onSelectedChange: T, colors: se, center: E, loading: D = !1, loadingStyle: O = "shimmer", empty: k = "dots", motion: A = "auto", className: j, style: M }) {
 	let N = Te(A), P = re(D, N), F = D || P, L = he({
 		valueFormat: b,
 		locale: x,
 		formatValue: ee
-	}), [R, le] = X(g ?? h?.[0]?.id), ue = h?.find((e) => e.id === R) ?? h?.[0], B = ue?.data ?? r ?? hn, V = ue ? ue.delta : f, H = `lilt-radial-depth-${Xe().replace(/:/g, "")}`, de = Qe(() => {
+	}), [R, le] = X(g ?? h?.[0]?.id), ue = h?.find((e) => e.id === R) ?? h?.[0], B = ue?.data ?? r ?? gn, V = ue ? ue.delta : f, H = `lilt-radial-depth-${Xe().replace(/:/g, "")}`, de = Qe(() => {
 		try {
-			let e = un(B, i, a, y, _, v), t = e.find((e) => e.value !== null && e.value < 0);
+			let e = dn(B, i, a, y, _, v), t = e.find((e) => e.value !== null && e.value < 0);
 			if (t) throw Error(`Slices can’t be negative, and “${t.label}” is below zero.`);
 			return {
 				rows: e,
@@ -2252,9 +2283,9 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 		y,
 		_,
 		v
-	]), pe = de.rows, [me, W] = X([]), G = Qe(() => pe.filter((e) => !me.includes(e.id)), [pe, me]), { total: ge, observed: _e } = dn(G), ve = $e(/* @__PURE__ */ new Map()), K = (e) => se?.[e] || (pe.find((t) => t.id === e)?.other ? "var(--lilt-reference)" : (ve.current.has(e) || ve.current.set(e, ve.current.size % 6), `var(--lilt-series-${ve.current.get(e) + 1})`));
+	]), pe = de.rows, [me, W] = X([]), G = Qe(() => pe.filter((e) => !me.includes(e.id)), [pe, me]), { total: ge, observed: _e } = fn(G), ve = $e(/* @__PURE__ */ new Map()), K = (e) => se?.[e] || (pe.find((t) => t.id === e)?.other ? "var(--lilt-reference)" : (ve.current.has(e) || ve.current.set(e, ve.current.size % 6), `var(--lilt-series-${ve.current.get(e) + 1})`));
 	for (let e of pe) !e.other && !se?.[e.id] && K(e.id);
-	let q = o === "rings", ye = o === "semi", J = Qe(() => q ? Cn(G) : xn(G), [G, q]), [Y, be] = X({
+	let q = o === "rings", ye = o === "semi", J = Qe(() => q ? wn(G) : Sn(G), [G, q]), [Y, be] = X({
 		key: 0,
 		from: [],
 		to: J,
@@ -2272,26 +2303,28 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 		duration: Y.initial ? 900 : 550,
 		spring: !Y.initial
 	}, N), we = Ce < 1, De = .09, Oe = (e) => q && Y.initial ? Math.max(0, Math.min(1, (Ce - e * De) / (1 - (J.length - 1) * De || 1))) : Ce, Ne = Y.initial ? Y.to.map((e, t) => {
-		let n = q ? wn(Oe(t)) : Ce;
+		let n = q ? Tn(Oe(t)) : Ce;
 		return {
 			...e,
 			startAngle: e.startAngle * n,
 			endAngle: e.endAngle * n
 		};
-	}) : Dn(Y.from, Y.to, Ce);
+	}) : On(Y.from, Y.to, Ce);
 	xe.current = Ne;
-	let Le = !Y.initial && we, Re = Le && !q ? Tn(Y.from, Y.to, Ce) : [], ze = Qe(() => new Set(Y.from.map((e) => e.id)), [Y.from]), Be = (e) => Le && !ze.has(e) ? 8 * (1 - Math.max(0, Math.min(1, Ce))) : 0, Ve = Y.initial && we ? 8 * (1 - Ce) ** 2 : 0, [He, Ue] = X(null), [We, Ge] = X(null), [Ke, qe] = sn(oe, T, Qe(() => G.map((e) => e.id), [G]), !D && de.error === null), Je = Ke ?? We ?? He, Ye = G.find((e) => e.id === Je), Ze = $e(/* @__PURE__ */ new Map()), et = Vt({
-		resolve: Bt,
+	let Le = !Y.initial && we, Re = Le && !q ? En(Y.from, Y.to, Ce) : [], ze = Qe(() => new Set(Y.from.map((e) => e.id)), [Y.from]), Be = (e) => Le && !ze.has(e) ? 8 * (1 - Math.max(0, Math.min(1, Ce))) : 0, Ve = Y.initial && we ? 8 * (1 - Ce) ** 2 : 0, [He, Ue] = X(null), [We, Ge] = X(null), [Ke, qe] = cn(oe, T, Qe(() => G.map((e) => e.id), [G]), !D && de.error === null), Je = Ke ?? We ?? He, Ye = G.find((e) => e.id === Je), Ze = $e(/* @__PURE__ */ new Map()), et = Ht({
+		resolve: Vt,
 		onGlide: Ue,
 		onLift: (e) => e !== null && qe(e),
+		pinned: Ke !== null,
+		onRelease: () => qe(null),
 		disabled: D
-	}), tt = (e) => e && e.value !== null && ge > 0 && !me.includes(e.id) ? ln.format(e.value / ge) : null, nt = G.find((e) => e.value !== null && !e.other), rt = (e) => {
+	}), tt = (e) => e && e.value !== null && ge > 0 && !me.includes(e.id) ? un.format(e.value / ge) : null, nt = G.find((e) => e.value !== null && !e.other), rt = (e) => {
 		W(e), Ue(null), qe(null);
-	}, at = (e) => me.includes(e) ? rt(me.filter((t) => t !== e)) : G.length > 1 ? rt([...me, e]) : void 0, ot = Ye ?? nt, st = o === "donut" ? 62 : ye ? 64 : 0, ct = (e) => it().innerRadius(st).outerRadius(e).cornerRadius(o === "donut" ? 3 : ye ? 14 : 0).padAngle(Ne.length > 1 ? ye ? .05 : .012 : 0), lt = ct(gn), ut = ct(_n), dt = (e) => ({
+	}, at = (e) => me.includes(e) ? rt(me.filter((t) => t !== e)) : G.length > 1 ? rt([...me, e]) : void 0, ot = Ye ?? nt, st = o === "donut" ? 62 : ye ? 64 : 0, ct = (e) => it().innerRadius(st).outerRadius(e).cornerRadius(o === "donut" ? 3 : ye ? 14 : 0).padAngle(Ne.length > 1 ? ye ? .05 : .012 : 0), lt = ct(_n), ut = ct(vn), dt = (e) => ({
 		...e,
 		startAngle: -Math.PI / 2 + e.startAngle / 2,
 		endAngle: -Math.PI / 2 + e.endAngle / 2
-	}), ft = Math.max(1, J.length), pt = Math.min(9, 62 / ft - 4), mt = (e, t = 0) => it().innerRadius(gn - e * (pt + 4) - pt - t / 2).outerRadius(gn - e * (pt + 4) + t / 2).cornerRadius(pt), ht = (e) => ({
+	}), ft = Math.max(1, J.length), pt = Math.min(9, 62 / ft - 4), mt = (e, t = 0) => it().innerRadius(_n - e * (pt + 4) - pt - t / 2).outerRadius(_n - e * (pt + 4) + t / 2).cornerRadius(pt), ht = (e) => ({
 		"data-glide-id": e,
 		onPointerEnter: () => Ue(e),
 		onPointerLeave: () => Ue(null),
@@ -2305,7 +2338,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 			band: mt(t)({
 				id: e.id,
 				startAngle: 0,
-				endAngle: vn
+				endAngle: yn
 			}) ?? "",
 			path: e.endAngle > 0 ? mt(t, n ? 3 : 0)(e) : null,
 			color: K(e.id)
@@ -2331,7 +2364,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 				style: {
 					fill: K(e.id),
 					opacity: e.opacity,
-					...En(e.blur)
+					...Dn(e.blur)
 				}
 			}, e.id) : null;
 		})
@@ -2349,7 +2382,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 			d: e.path,
 			style: {
 				fill: e.color,
-				...En(Be(e.slice.id))
+				...Dn(Be(e.slice.id))
 			}
 		}) : null]
 	}, e.slice.id)) : _t.map((e) => /* @__PURE__ */ $("g", { children: [/* @__PURE__ */ Q("path", {
@@ -2360,7 +2393,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 		"data-muted": e.muted,
 		style: {
 			fill: e.color,
-			...En(Be(e.slice.id))
+			...Dn(Be(e.slice.id))
 		}
 	}), /* @__PURE__ */ Q("path", {
 		className: "lilt-radial-card__hit",
@@ -2368,7 +2401,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 		"data-category": e.slice.id,
 		...ht(e.slice.id)
 	})] }, e.slice.id)), bt = (e, t, n) => {
-		if (n - t >= vn - 1e-6) return `M0,${-e}A${e},${e} 0 1 1 0,${e}A${e},${e} 0 1 1 0,${-e}`;
+		if (n - t >= yn - 1e-6) return `M0,${-e}A${e},${e} 0 1 1 0,${e}A${e},${e} 0 1 1 0,${-e}`;
 		let r = (t) => `${(e * Math.sin(t)).toFixed(3)},${(-e * Math.cos(t)).toFixed(3)}`;
 		return `M${r(t)}A${e},${e} 0 ${+(n - t > Math.PI)} 1 ${r(n)}`;
 	}, xt = (e, t, n, r, i, a, o = "tube") => {
@@ -2393,7 +2426,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 			}, t))
 		})] });
 	}, St = (e, t = 0) => ({
-		radius: gn - e * (pt + 4) + t / 2 - (pt + t) / 2,
+		radius: _n - e * (pt + 4) + t / 2 - (pt + t) / 2,
 		width: pt + t
 	}), Ct = () => q ? gt.map((e, t) => {
 		if (!e.path) return null;
@@ -2405,7 +2438,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 			children: xt(`ring-${t}`, e.path, n.radius, n.width, e.slice, e.color)
 		}, e.slice.id);
 	}) : _t.map((e) => {
-		let t = e.isActive ? _n : gn;
+		let t = e.isActive ? vn : _n;
 		return /* @__PURE__ */ Q("g", {
 			className: "lilt-radial-card__slice",
 			"data-category": e.slice.id,
@@ -2446,8 +2479,8 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 					d: e.band
 				}), xt(`track-${t}`, e.band, n.radius, n.width, {
 					startAngle: 0,
-					endAngle: vn
-				}, bn, "groove")]
+					endAngle: yn
+				}, xn, "groove")]
 			}, `track-${e.slice.id}`);
 		}) : null,
 		/* @__PURE__ */ Q("g", {
@@ -2468,7 +2501,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 		else if (e.key === "End") n = pe.length - 1;
 		else return;
 		e.preventDefault(), Ze.current.get(pe[n].id)?.focus();
-	}, Et = ue?.headline ?? u ?? (_e ? ge : null), Dt = !D && (de.error !== null || ge <= 0), Ot = ye ? [-Math.PI / 2, Math.PI / 2] : [0, vn], kt = (q ? [
+	}, Et = ue?.headline ?? u ?? (_e ? ge : null), Dt = !D && (de.error !== null || ge <= 0), Ot = ye ? [-Math.PI / 2, Math.PI / 2] : [0, yn], kt = (q ? [
 		86,
 		66,
 		46
@@ -2490,8 +2523,8 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 	].map((e, t, n) => {
 		let r = n.slice(0, t).reduce((e, t) => e + t, 0);
 		return {
-			radius: (gn + st) / 2,
-			width: gn - st,
+			radius: (_n + st) / 2,
+			width: _n - st,
 			from: r,
 			to: r + e,
 			step: r * 12
@@ -2599,7 +2632,7 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 						children: /* @__PURE__ */ Q(C, {
 							leaving: P,
 							origin: "center",
-							children: /* @__PURE__ */ Q("g", { children: D ? /* @__PURE__ */ Q(Xt, {
+							children: /* @__PURE__ */ Q("g", { children: D ? /* @__PURE__ */ Q(Zt, {
 								x: -100,
 								y: -100,
 								width: 200,
@@ -2608,12 +2641,12 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 								loadingStyle: O,
 								depth: s,
 								mask: s ? /* @__PURE__ */ Q("g", {
-									transform: `scale(${yn})`,
+									transform: `scale(${bn})`,
 									children: Mt(!0)
 								}) : Mt(!0),
 								children: s ? /* @__PURE__ */ $("g", {
 									"data-lilt-loading-depth": "",
-									transform: `scale(${yn})`,
+									transform: `scale(${bn})`,
 									opacity: .6,
 									children: [/* @__PURE__ */ $("defs", { children: [/* @__PURE__ */ Q(ce, {
 										id: `${H}-loading-shadow`,
@@ -2643,9 +2676,9 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 								}) : Mt(!1)
 							}) : /* @__PURE__ */ Q("g", {
 								"data-lilt-snap": Se ? Se % 2 : void 0,
-								style: En(Ve),
+								style: Dn(Ve),
 								children: s ? /* @__PURE__ */ $("g", {
-									transform: `scale(${yn})`,
+									transform: `scale(${bn})`,
 									children: [wt(), vt]
 								}) : /* @__PURE__ */ $(Z, { children: [yt(), vt] })
 							}) })
@@ -2779,8 +2812,8 @@ function On({ title: e, header: t = !0, "aria-label": n = e || "Radial chart", d
 }
 //#endregion
 //#region src/cards/progress-card.tsx
-var kn = (e) => `${Math.round(e * 100)}%`, An = "var(--lilt-series-1)", jn = "color-mix(in oklab, var(--lilt-muted) 14%, var(--lilt-surface))";
-function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value: r = null, target: i, label: a = "of goal", variant: o = "ring", depth: s = !1, delta: c, deltaTone: l, range: u, ranges: d, defaultRange: f, footer: p, valueFormat: m, locale: h, formatValue: g, color: _, surface: v = "elevated", badge: y, numberStyle: b, palette: x, loading: ee = !1, loadingStyle: te = "shimmer", motion: S = "auto", className: ne, style: ie }) {
+var An = (e) => `${Math.round(e * 100)}%`, jn = "var(--lilt-series-1)", Mn = "color-mix(in oklab, var(--lilt-muted) 14%, var(--lilt-surface))";
+function Nn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value: r = null, target: i, label: a = "of goal", variant: o = "ring", depth: s = !1, delta: c, deltaTone: l, range: u, ranges: d, defaultRange: f, footer: p, valueFormat: m, locale: h, formatValue: g, color: _, surface: v = "elevated", badge: y, numberStyle: b, palette: x, loading: ee = !1, loadingStyle: te = "shimmer", motion: S = "auto", className: ne, style: ie }) {
 	let ae = Te(S), oe = re(ee, ae), T = `lilt-progress-depth-${Xe().replace(/:/g, "")}`, se = he({
 		valueFormat: m,
 		locale: h,
@@ -2876,7 +2909,7 @@ function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value
 				className: "lilt-progress__graphic",
 				"data-variant": o,
 				role: "meter",
-				"aria-label": `${M === null ? "No data" : kn(M)} ${a}, target ${se.value(A)}`,
+				"aria-label": `${M === null ? "No data" : An(M)} ${a}, target ${se.value(A)}`,
 				"aria-valuemin": 0,
 				"aria-valuemax": A,
 				"aria-valuenow": k ?? 0,
@@ -2891,7 +2924,7 @@ function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value
 					}) : null, /* @__PURE__ */ Q(C, {
 						leaving: oe,
 						origin: "center",
-						children: /* @__PURE__ */ Q("g", { children: ee ? /* @__PURE__ */ Q(Xt, {
+						children: /* @__PURE__ */ Q("g", { children: ee ? /* @__PURE__ */ Q(Zt, {
 							width: 200,
 							height: N ? 106 : 200,
 							reduced: ae,
@@ -2921,7 +2954,7 @@ function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value
 							children: s ? U(F).map((e, t) => /* @__PURE__ */ Q(qe, { children: R({
 								width: e.strokeWidth,
 								transform: e.transform,
-								stroke: w(Jt, e.amount)
+								stroke: w(Yt, e.amount)
 							}, !0) }, t)) : R(void 0, !0)
 						}) : s ? /* @__PURE__ */ $(Z, { children: [
 							/* @__PURE__ */ Q("defs", { children: /* @__PURE__ */ Q(ce, {
@@ -2931,14 +2964,14 @@ function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value
 							U(F, "groove").map((e, t) => /* @__PURE__ */ Q(qe, { children: R({
 								width: e.strokeWidth,
 								transform: e.transform,
-								stroke: w(jn, e.amount)
+								stroke: w(Mn, e.amount)
 							}) }, `track-${t}`)),
 							M ? /* @__PURE__ */ Q("g", {
 								filter: `url(#${T}-shadow)`,
 								children: U(F).map((e, t) => /* @__PURE__ */ Q(qe, { children: ue({
 									width: e.strokeWidth,
 									transform: e.transform,
-									stroke: w(An, e.amount)
+									stroke: w(jn, e.amount)
 								}) }, `fill-${t}`))
 							}) : null
 						] }) : /* @__PURE__ */ $(Z, { children: [R(), M ? ue() : null] }) })
@@ -2948,7 +2981,7 @@ function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value
 					"aria-hidden": "true",
 					children: [/* @__PURE__ */ Q("strong", { children: M === null ? "—" : /* @__PURE__ */ Q(Le, {
 						value: M,
-						format: kn,
+						format: An,
 						variant: b,
 						motion: ae ? "none" : "auto"
 					}) }), /* @__PURE__ */ Q("span", { children: a })]
@@ -2963,19 +2996,19 @@ function Mn({ title: e, header: t = !0, "aria-label": n = e || "Progress", value
 }
 //#endregion
 //#region src/cards/funnel-chart-card.tsx
-var Nn = [], Pn = [
+var Pn = [], Fn = [
 	100,
 	62,
 	40,
 	24
-], Fn = 55, In = 1.4;
-function Ln(e) {
+], In = 55, Ln = 1.4;
+function Rn(e) {
 	return e === null ? "—" : e > 0 && e < .01 ? "<1%" : `${Math.round(e * 100)}%`;
 }
-function Rn(e, t, n, r) {
+function zn(e, t, n, r) {
 	let i = e * 100, a = i + 100, o = (e) => 50 - e / 2, s = (e) => 50 + e / 2, c = n ?? t;
 	if (r === "linear") return `M${i},${o(t)} L${a},${o(c)} L${a},${s(c)} L${i},${s(t)} Z`;
-	let l = i + Fn, u = (a - l) * .5;
+	let l = i + In, u = (a - l) * .5;
 	return [
 		`M${i},${o(t)}`,
 		`L${l},${o(t)}`,
@@ -2986,8 +3019,8 @@ function Rn(e, t, n, r) {
 		"Z"
 	].join(" ");
 }
-var zn = .28;
-function Bn(e, t, n, r) {
+var Bn = .28;
+function Vn(e, t, n, r) {
 	let i = e * 100, a = i + 100, o = n ?? t, s = [];
 	if (r === "linear") for (let e = 0; e <= 24; e += 1) {
 		let n = e / 24;
@@ -2997,7 +3030,7 @@ function Bn(e, t, n, r) {
 		});
 	}
 	else {
-		let e = i + Fn, n = (a - e) * .5;
+		let e = i + In, n = (a - e) * .5;
 		s.push({
 			x: i,
 			half: t / 2
@@ -3019,15 +3052,15 @@ function Bn(e, t, n, r) {
 		};
 	});
 }
-function Vn(e, t, n, r) {
+function Hn(e, t, n, r) {
 	return `M${e},${50 - t}A${n},${t} 0 0 ${+(r === "right")} ${e},${50 + t}`;
 }
-function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", data: r, category: i, value: a, curve: o = "smooth", colors: s = "stages", tracks: c = !1, depth: u = !1, height: f = 180, headline: p, delta: m, deltaTone: h, range: g, ranges: _, defaultRange: v, valueFormat: y, legend: b = "tiles", legendSwatch: x, locale: ee, formatValue: te, color: S, surface: ie = "elevated", badge: ae, numberStyle: w, palette: oe, selected: T, onSelectedChange: se, loading: E = !1, loadingStyle: D = "shimmer", empty: O = "dots", motion: ce = "auto", className: k, style: A }) {
+function Un({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", data: r, category: i, value: a, curve: o = "smooth", colors: s = "stages", tracks: c = !1, depth: u = !1, height: f = 180, headline: p, delta: m, deltaTone: h, range: g, ranges: _, defaultRange: v, valueFormat: y, legend: b = "tiles", legendSwatch: x, locale: ee, formatValue: te, color: S, surface: ie = "elevated", badge: ae, numberStyle: w, palette: oe, selected: T, onSelectedChange: se, loading: E = !1, loadingStyle: D = "shimmer", empty: O = "dots", motion: ce = "auto", className: k, style: A }) {
 	let j = Te(ce), M = re(E, j), N = E || M, P = he({
 		valueFormat: y,
 		locale: ee,
 		formatValue: te
-	}), [F, L] = X(v ?? _?.[0]?.id), R = _?.find((e) => e.id === F) ?? _?.[0], le = R?.data ?? r ?? Nn, ue = R ? R.delta : m, B = Qe(() => {
+	}), [F, L] = X(v ?? _?.[0]?.id), R = _?.find((e) => e.id === F) ?? _?.[0], le = R?.data ?? r ?? Pn, ue = R ? R.delta : m, B = Qe(() => {
 		try {
 			let e = (e, t) => e[t];
 			return {
@@ -3055,7 +3088,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 		le,
 		i,
 		a
-	]), V = B.rows, H = Qe(() => V.map((e) => e.share === null ? null : Math.max(In, e.share * 100)), [V]), [de, U] = X({
+	]), V = B.rows, H = Qe(() => V.map((e) => e.share === null ? null : Math.max(Ln, e.share * 100)), [V]), [de, U] = X({
 		key: 0,
 		from: [],
 		to: H,
@@ -3077,27 +3110,29 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 		return e === null || n == null ? e : n + (e - n) * me;
 	});
 	pe.current = W;
-	let G = de.initial ? me : 1, ge = de.initial && me < 1 ? 8 * (1 - me) ** 2 : 0, _e = de.initial ? 0 : de.key, [ve, K] = X(null), [q, ye] = sn(T, se, Qe(() => V.map((e) => e.id), [V]), !E), J = Vt({
-		resolve: Bt,
+	let G = de.initial ? me : 1, ge = de.initial && me < 1 ? 8 * (1 - me) ** 2 : 0, _e = de.initial ? 0 : de.key, [ve, K] = X(null), [q, ye] = cn(T, se, Qe(() => V.map((e) => e.id), [V]), !E), J = Ht({
+		resolve: Vt,
 		onGlide: K,
 		onLift: (e) => e !== null && ye(e),
+		pinned: q !== null,
+		onRelease: () => ye(null),
 		disabled: E
 	}), [Y, be] = X(0), xe = $e(null), Se = Je((e) => {
 		if (J(e), xe.current?.disconnect(), xe.current = null, !e || !u || typeof ResizeObserver > "u") return;
 		let t = () => be(l(e).width);
 		t(), xe.current = new ResizeObserver(t), xe.current.observe(e);
-	}, [J, u]), Ce = q ?? ve, we = V.findIndex((e) => e.id === Ce), De = V[we], Oe = we > 0 ? V[we - 1] : void 0, Ne = (e) => s === "single" ? "var(--lilt-series-1)" : `var(--lilt-series-${e % 6 + 1})`, Le = $e(Pn.length), Re = M ? Le.current : E && !V.length ? Pn.length : Math.max(1, V.length);
+	}, [J, u]), Ce = q ?? ve, we = V.findIndex((e) => e.id === Ce), De = V[we], Oe = we > 0 ? V[we - 1] : void 0, Ne = (e) => s === "single" ? "var(--lilt-series-1)" : `var(--lilt-series-${e % 6 + 1})`, Le = $e(Fn.length), Re = M ? Le.current : E && !V.length ? Fn.length : Math.max(1, V.length);
 	E && (Le.current = Re);
 	let ze = E ? Array.from({ length: Re }, (e, t) => {
-		let n = Pn[t] ?? Pn.at(-1), r = t + 1 < Re ? Pn[t + 1] ?? Pn.at(-1) : null;
+		let n = Fn[t] ?? Fn.at(-1), r = t + 1 < Re ? Fn[t + 1] ?? Fn.at(-1) : null;
 		return {
 			id: `loading-${t}`,
 			index: t,
 			own: n,
 			next: r,
 			to: r ?? n,
-			d: Rn(t, n, r, o),
-			color: Jt,
+			d: zn(t, n, r, o),
+			color: Yt,
 			muted: void 0
 		};
 	}) : V.flatMap((e, t) => {
@@ -3110,7 +3145,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 			own: n,
 			next: r,
 			to: r ?? n,
-			d: Rn(t, n, r, o),
+			d: zn(t, n, r, o),
 			color: Ne(t),
 			muted: De && e.id !== De.id || void 0
 		}];
@@ -3122,7 +3157,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 		"data-muted": e.muted,
 		style: { fill: e.color }
 	}, e.id)), Ve = u && Y > 0 && ze.length ? (() => {
-		let e = Re * 100, t = e / Y, n = 100 / f, r = (e) => e / n * zn * t, i = ze[0], a = ze[ze.length - 1], o = r(i.own / 2), s = r(a.to / 2), c = (e - o - s) / e;
+		let e = Re * 100, t = e / Y, n = 100 / f, r = (e) => e / n * Bn * t, i = ze[0], a = ze[ze.length - 1], o = r(i.own / 2), s = r(a.to / 2), c = (e - o - s) / e;
 		return {
 			left: o,
 			sx: c,
@@ -3147,8 +3182,8 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 					id: `${Ue}-clip-${t}`,
 					children: [
 						/* @__PURE__ */ Q("path", { d: e.d }),
-						/* @__PURE__ */ Q("path", { d: `${Vn(c, i, Ve.rx(i), "right")}Z` }),
-						n ? /* @__PURE__ */ Q("path", { d: `${Vn(s, a, Ve.rx(a), "left")}Z` }) : null
+						/* @__PURE__ */ Q("path", { d: `${Hn(c, i, Ve.rx(i), "right")}Z` }),
+						n ? /* @__PURE__ */ Q("path", { d: `${Hn(s, a, Ve.rx(a), "left")}Z` }) : null
 					]
 				}),
 				/* @__PURE__ */ $("g", {
@@ -3161,7 +3196,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 							height: a * 2,
 							style: { fill: We(t) }
 						}) : null,
-						Bn(t, e.own, e.next, o).map((e) => /* @__PURE__ */ Q("rect", {
+						Vn(t, e.own, e.next, o).map((e) => /* @__PURE__ */ Q("rect", {
 							x: e.x,
 							y: 50 - e.half,
 							width: e.width,
@@ -3185,7 +3220,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 					style: { fill: `url(#${Ue}-cap-${t})` }
 				}) : /* @__PURE__ */ Q("path", {
 					className: "lilt-funnel-card__seam",
-					d: Vn(c, i, Ve.rx(i), "right"),
+					d: Hn(c, i, Ve.rx(i), "right"),
 					fill: "none",
 					vectorEffect: "non-scaling-stroke"
 				})
@@ -3220,7 +3255,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 				format: P.value,
 				loading: E,
 				motion: ce,
-				children: E ? null : De ? /* @__PURE__ */ $(ke, { children: [De.label, De.conversion !== null && Oe ? ` · ${Ln(De.conversion)} of ${Oe.label}` : ""] }) : !et && ue !== void 0 ? /* @__PURE__ */ Q(Ae, {
+				children: E ? null : De ? /* @__PURE__ */ $(ke, { children: [De.label, De.conversion !== null && Oe ? ` · ${Rn(De.conversion)} of ${Oe.label}` : ""] }) : !et && ue !== void 0 ? /* @__PURE__ */ Q(Ae, {
 					value: ue,
 					tone: h
 				}) : null
@@ -3301,7 +3336,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 							width: 100,
 							height: 100
 						}, `track-${e.id}`)) : null,
-						E ? /* @__PURE__ */ Q(Xt, {
+						E ? /* @__PURE__ */ Q(Zt, {
 							width: Re * 100,
 							height: 100,
 							reduced: j,
@@ -3360,7 +3395,7 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 				children: /* @__PURE__ */ Q("span", {
 					className: "lilt-funnel-card__pill",
 					style: { opacity: G < (t + .5) / Re ? 0 : De && e.id !== De.id ? .45 : 1 },
-					children: Ln(e.share)
+					children: Rn(e.share)
 				})
 			}, e.id))]
 		}), b === !1 ? null : /* @__PURE__ */ Q(fe, {
@@ -3385,11 +3420,11 @@ function Hn({ title: e, header: t = !0, "aria-label": n = e || "Funnel chart", d
 }
 //#endregion
 //#region src/cards/heatmap-chart-card.tsx
-var Un = [], Wn = {
+var Wn = [], Gn = {
 	rows: 7,
 	columns: 12
-}, Gn = 30, Kn = 12, qn = 8, Jn = (e, t) => `${e}\u0000${t}`;
-function Yn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
+}, Kn = 30, qn = 12, Jn = 8, Yn = (e, t) => `${e}\u0000${t}`;
+function Xn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
 	let s = (e, t) => e[t], c = (e) => ({
 		columns: [],
 		rows: [],
@@ -3413,7 +3448,7 @@ function Yn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
 			if (r) return c(`“${t}” isn’t listed in \`${o}\`.`);
 			n.push(t);
 		}
-		let h = Jn(m, e);
+		let h = Yn(m, e);
 		if (d.has(h)) return c(`${m}, ${e} appears twice; each cell needs one row.`);
 		let g = s(o, r), _ = typeof g == "number" && Number.isFinite(g) ? g : null;
 		_ !== null && (f = Math.min(f, _), p = Math.max(p, _)), d.set(h, {
@@ -3435,9 +3470,9 @@ function Yn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
 		columns: l,
 		rows: u,
 		cells: u.flatMap((e) => l.map((t) => {
-			let n = d.get(Jn(e, t)), r = n?.value ?? null;
+			let n = d.get(Yn(e, t)), r = n?.value ?? null;
 			return {
-				id: Jn(e, t),
+				id: Yn(e, t),
 				label: `${e}, ${t}`,
 				row: e,
 				column: t,
@@ -3450,13 +3485,13 @@ function Yn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
 		error: null
 	};
 }
-var Xn = (e) => 12 + e * 83;
-function Zn(e, t) {
-	if (t <= qn) return "major";
-	let n = Math.ceil(t / Kn);
+var Zn = (e) => 12 + e * 83;
+function Qn(e, t) {
+	if (t <= Jn) return "major";
+	let n = Math.ceil(t / qn);
 	return e % (n * 2) == 0 ? "major" : e % n === 0 ? "minor" : "hidden";
 }
-function Qn({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart", data: r, x: i, y: a, value: o, columns: s, rows: c, domain: l, aggregate: u = "sum", height: f, radius: p = 5, gap: m = 4, depth: h = !1, headline: g, delta: v, deltaTone: y, range: b, ranges: x, defaultRange: ee, valueFormat: te, locale: S, formatValue: ie, color: ae, surface: w = "elevated", badge: oe, numberStyle: T, palette: se, loading: E = !1, loadingStyle: D = "shimmer", empty: O = "dots", motion: ce = "auto", className: k, style: A }) {
+function $n({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart", data: r, x: i, y: a, value: o, columns: s, rows: c, domain: l, aggregate: u = "sum", height: f, radius: p = 5, gap: m = 4, depth: h = !1, headline: g, delta: v, deltaTone: y, range: b, ranges: x, defaultRange: ee, valueFormat: te, locale: S, formatValue: ie, color: ae, surface: w = "elevated", badge: oe, numberStyle: T, palette: se, loading: E = !1, loadingStyle: D = "shimmer", empty: O = "dots", motion: ce = "auto", className: k, style: A }) {
 	let j = Te(ce), M = _(E, D), N = re(E, j), P = he({
 		valueFormat: te,
 		locale: S,
@@ -3469,7 +3504,7 @@ function Qn({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart",
 		id: L?.id,
 		count: R.count + 1
 	});
-	let ue = L?.data ?? r ?? Un, z = L ? L.delta : v, B = Qe(() => Yn({
+	let ue = L?.data ?? r ?? Wn, z = L ? L.delta : v, B = Qe(() => Xn({
 		data: ue,
 		x: i,
 		y: a,
@@ -3485,10 +3520,10 @@ function Qn({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart",
 		s,
 		c,
 		l
-	]), V = Ut(B.cells, !E && !N, void 0, void 0, B.columns.length), H = B.cells.find((e) => e.id === V.active?.id), U = B.cells.flatMap((e) => e.value === null ? [] : [e.value]), fe = L?.headline ?? g ?? de(U, u), pe = B.cells.some((e) => e.value === null), me = !E && (B.error !== null || B.cells.length === 0), W = E && !B.cells.length ? Wn : {
+	]), V = Wt(B.cells, !E && !N, void 0, void 0, B.columns.length), H = B.cells.find((e) => e.id === V.active?.id), U = B.cells.flatMap((e) => e.value === null ? [] : [e.value]), fe = L?.headline ?? g ?? de(U, u), pe = B.cells.some((e) => e.value === null), me = !E && (B.error !== null || B.cells.length === 0), W = E && !B.cells.length ? Gn : {
 		rows: B.rows.length,
 		columns: B.columns.length
-	}, G = f ? Math.max(8, (f - m * Math.max(0, W.rows - 1)) / Math.max(1, W.rows)) : Gn;
+	}, G = f ? Math.max(8, (f - m * Math.max(0, W.rows - 1)) / Math.max(1, W.rows)) : Kn;
 	return /* @__PURE__ */ $(Ie, {
 		motion: ce,
 		className: ["lilt-heatmap-card", k].filter(Boolean).join(" "),
@@ -3599,7 +3634,7 @@ function Qn({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart",
 									"data-active": H?.id === a.id || void 0,
 									"data-muted": H && !o || void 0,
 									style: {
-										"--lilt-heatmap-card-strength": a.intensity === null ? void 0 : `${Xn(a.intensity)}%`,
+										"--lilt-heatmap-card-strength": a.intensity === null ? void 0 : `${Zn(a.intensity)}%`,
 										"--lilt-heatmap-card-delay": `${Math.min(160, r * 12)}ms`,
 										"--lilt-heatmap-card-ripple": `${Math.round((t + r) / Math.max(1, B.rows.length + B.columns.length - 2) * 320)}ms`
 									}
@@ -3615,7 +3650,7 @@ function Qn({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart",
 							scope: "col",
 							role: "columnheader",
 							className: "lilt-heatmap-card__column-label",
-							"data-tier": Zn(t, B.columns.length),
+							"data-tier": Qn(t, B.columns.length),
 							"data-active": H?.column === e || void 0,
 							children: /* @__PURE__ */ Q("span", { children: e })
 						}, e))]
@@ -3647,7 +3682,7 @@ function Qn({ title: e, header: t = !0, "aria-label": n = e || "Heatmap chart",
 }
 //#endregion
 //#region src/motion/use-departing.ts
-function $n(e, t, n) {
+function er(e, t, n) {
 	let r = e.map(t).join("\0"), [i, a] = X(r), [o, s] = X([]), c = $e(e);
 	if (r !== i) {
 		let n = new Set(e.map(t)), i = c.current.filter((e) => !n.has(t(e))), o = new Set(i.map(t));
@@ -3663,17 +3698,17 @@ function $n(e, t, n) {
 }
 //#endregion
 //#region src/cards/observations-card.tsx
-var er = [], tr = (e) => `var(--lilt-series-${e % 6 + 1})`, nr = (e, t) => e[t], rr = (e, t) => {
-	let n = nr(e, t);
+var tr = [], nr = (e) => `var(--lilt-series-${e % 6 + 1})`, rr = (e, t) => e[t], ir = (e, t) => {
+	let n = rr(e, t);
 	return typeof n == "number" && Number.isFinite(n) ? n : null;
 };
-function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1, headline: a, aggregate: o = "sum", delta: s, deltaTone: c, range: l, ranges: u, defaultRange: f, valueFormat: p, locale: m, formatValue: h, legend: g = "tiles", legendSwatch: _, loading: v = !1, loadingStyle: y = "shimmer", empty: b = "dots", onSelectionChange: x, renderReadout: te, motion: S = "auto", className: ie, color: ae, layout: w, placeholder: oe, family: T, ...se }) {
-	let E = Te(S), D = Xe().replace(/:/g, ""), [O, ce] = X(f ?? u?.[0]?.id), k = u?.find((e) => e.id === O) ?? u?.[0], A = k ? k.delta : s, j = k?.data ?? n ?? er, M = Ht(v ? null : j, v ? "loading" : "ready", k?.id), N = v && M.rows === null, P = re(N, E), F = N || P, { ref: I, width: L } = ee(), R = L ? Math.max(1, L - 10) : 560, le = Math.max(100, r), ue = M.rows ?? j, B = Qe(() => w(ue, R, le), [
+function ar({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1, headline: a, aggregate: o = "sum", delta: s, deltaTone: c, range: l, ranges: u, defaultRange: f, valueFormat: p, locale: m, formatValue: h, legend: g = "tiles", legendSwatch: _, loading: v = !1, loadingStyle: y = "shimmer", empty: b = "dots", onSelectionChange: x, renderReadout: te, motion: S = "auto", className: ie, color: ae, layout: w, placeholder: oe, family: T, ...se }) {
+	let E = Te(S), D = Xe().replace(/:/g, ""), [O, ce] = X(f ?? u?.[0]?.id), k = u?.find((e) => e.id === O) ?? u?.[0], A = k ? k.delta : s, j = k?.data ?? n ?? tr, M = Ut(v ? null : j, v ? "loading" : "ready", k?.id), N = v && M.rows === null, P = re(N, E), F = N || P, { ref: I, width: L } = ee(), R = L ? Math.max(1, L - 10) : 560, le = Math.max(100, r), ue = M.rows ?? j, B = Qe(() => w(ue, R, le), [
 		w,
 		ue,
 		R,
 		le
-	]), V = $n(B.marks, (e) => e.id, 420), [U, pe] = X({
+	]), V = er(B.marks, (e) => e.id, 420), [U, pe] = X({
 		id: k?.id,
 		count: 0,
 		moving: !1
@@ -3690,7 +3725,7 @@ function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1,
 		})), 900);
 		return () => window.clearTimeout(e);
 	}, [U.moving, U.count]);
-	let me = oe(R, le), W = Ut(B.error ? [] : B.marks, !F && !v, x, k?.id), G = B.marks.find((e) => e.id === W.active?.id), ge = he({
+	let me = oe(R, le), W = Wt(B.error ? [] : B.marks, !F && !v, x, k?.id), G = B.marks.find((e) => e.id === W.active?.id), ge = he({
 		valueFormat: p,
 		locale: m,
 		formatValue: h
@@ -3780,7 +3815,7 @@ function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1,
 										"aria-hidden": "true",
 										children: [N && i ? /* @__PURE__ */ $("defs", { children: [/* @__PURE__ */ Q(H, {
 											id: `${D}-sphere`,
-											color: Jt
+											color: Yt
 										}), /* @__PURE__ */ $("linearGradient", {
 											id: `${D}-face`,
 											x1: "0",
@@ -3790,18 +3825,18 @@ function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1,
 											children: [
 												/* @__PURE__ */ Q("stop", {
 													offset: "0",
-													stopColor: `color-mix(in oklab, ${Jt}, white 24%)`
+													stopColor: `color-mix(in oklab, ${Yt}, white 24%)`
 												}),
 												/* @__PURE__ */ Q("stop", {
 													offset: "0.55",
-													stopColor: Jt
+													stopColor: Yt
 												}),
 												/* @__PURE__ */ Q("stop", {
 													offset: "1",
-													stopColor: `color-mix(in oklab, ${Jt}, black 12%)`
+													stopColor: `color-mix(in oklab, ${Yt}, black 12%)`
 												})
 											]
-										})] }) : null, N ? /* @__PURE__ */ Q(Xt, {
+										})] }) : null, N ? /* @__PURE__ */ Q(Zt, {
 											width: Se,
 											height: Ce,
 											loadingStyle: y,
@@ -3826,7 +3861,7 @@ function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1,
 											top: e.y,
 											width: e.width,
 											height: e.height,
-											"--lilt-observation-color": e.color || ae || tr(0)
+											"--lilt-observation-color": e.color || ae || nr(0)
 										}
 									}, `departing-${e.id}`)),
 									N ? null : B.marks.map((e, t) => /* @__PURE__ */ Q("button", {
@@ -3844,7 +3879,7 @@ function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1,
 											top: e.y,
 											width: e.width,
 											height: e.height,
-											"--lilt-observation-color": e.color || ae || tr(0),
+											"--lilt-observation-color": e.color || ae || nr(0),
 											"--lilt-observation-delay": `${Math.min(t, 16) * 18}ms`,
 											"--lilt-observation-ripple": `${Math.round((e.x + e.y) / Math.max(1, Se + Ce) * 320)}ms`
 										},
@@ -3917,7 +3952,7 @@ function ir({ title: e, header: t = !0, data: n, height: r = 260, depth: i = !1,
 }
 //#endregion
 //#region src/cards/treemap-chart-card.tsx
-function ar(e, t, n) {
+function or(e, t, n) {
 	if (!e.length) return [];
 	if (e.length === 1) return [{
 		item: e[0],
@@ -3937,17 +3972,17 @@ function ar(e, t, n) {
 		y: n.y + c.height,
 		height: n.height - c.height
 	};
-	return [...ar(e.slice(0, i), t, c), ...ar(e.slice(i), t, l)];
+	return [...or(e.slice(0, i), t, c), ...or(e.slice(i), t, l)];
 }
-function or(e, t, n, r, i, a, o) {
+function sr(e, t, n, r, i, a, o) {
 	let s = /* @__PURE__ */ new Set(), c = e.map((e) => {
-		let i = String(nr(e, t) ?? ""), a = r ? String(nr(e, r) ?? "") : "";
+		let i = String(rr(e, t) ?? ""), a = r ? String(rr(e, r) ?? "") : "";
 		return {
 			id: JSON.stringify([a, i]),
 			label: i,
 			group: a,
 			datum: e,
-			value: rr(e, n)
+			value: ir(e, n)
 		};
 	});
 	for (let e of c) {
@@ -3968,11 +4003,11 @@ function or(e, t, n, r, i, a, o) {
 	let u = [...new Set(c.map((e) => e.group))].map((e, t) => ({
 		id: e,
 		label: e,
-		color: o ?? tr(t),
+		color: o ?? nr(t),
 		value: c.filter((t) => t.group === e).reduce((e, t) => e + (t.value ?? 0), 0),
 		rows: l.filter((t) => t.group === e)
 	})).filter((e) => e.rows.length), d = [], f = [];
-	for (let e of ar(u, (e) => e.value, {
+	for (let e of or(u, (e) => e.value, {
 		x: 0,
 		y: 0,
 		width: i,
@@ -3984,7 +4019,7 @@ function or(e, t, n, r, i, a, o) {
 			y: t.y + 14,
 			text: n.label.length > Math.floor(t.width / 7) ? `${n.label.slice(0, Math.max(1, Math.floor(t.width / 7) - 1))}…` : n.label
 		});
-		let a = ar(n.rows, (e) => e.value, {
+		let a = or(n.rows, (e) => e.value, {
 			...t,
 			y: t.y + i,
 			height: t.height - i
@@ -3996,7 +4031,7 @@ function or(e, t, n, r, i, a, o) {
 				...t,
 				width: Math.max(0, t.width - i),
 				height: Math.max(0, t.height - i),
-				color: r ? n.color : o ?? tr(c.indexOf(e)),
+				color: r ? n.color : o ?? nr(c.indexOf(e)),
 				text: t.width > 55 && t.height > 26 ? e.label : void 0
 			});
 		}
@@ -4010,15 +4045,15 @@ function or(e, t, n, r, i, a, o) {
 		note: p ? `${p} ${p === 1 ? "tile has" : "tiles have"} zero or missing area; all readings remain in the accessible table.` : void 0
 	};
 }
-function sr({ label: e, value: t, group: n, color: r, ...i }) {
+function cr({ label: e, value: t, group: n, color: r, ...i }) {
 	return /* @__PURE__ */ Q(me.Provider, {
 		value: "tiles",
-		children: /* @__PURE__ */ Q(ir, {
+		children: /* @__PURE__ */ Q(ar, {
 			...i,
 			color: r,
 			family: "treemap",
-			layout: (i, a, o) => or(i, e, t, n, a, o, r),
-			placeholder: (e, t) => or([
+			layout: (i, a, o) => sr(i, e, t, n, a, o, r),
+			placeholder: (e, t) => sr([
 				{
 					label: "A",
 					value: 32
@@ -4045,18 +4080,18 @@ function sr({ label: e, value: t, group: n, color: r, ...i }) {
 }
 //#endregion
 //#region src/cards/calendar-heatmap-card.tsx
-var cr = 864e5;
-function lr(e) {
+var lr = 864e5;
+function ur(e) {
 	if (!(e instanceof Date) && typeof e != "string" && typeof e != "number") return null;
 	let t = e instanceof Date ? e.getTime() : typeof e == "number" ? e : Date.parse(e);
 	if (!Number.isFinite(t) || !Number.isFinite(new Date(t).getTime())) return null;
-	let n = Math.floor(t / cr) * cr;
+	let n = Math.floor(t / lr) * lr;
 	return typeof e == "string" && /^\d{4}-\d{2}-\d{2}$/.test(e) && new Date(n).toISOString().slice(0, 10) !== e ? null : n;
 }
-function ur(e, t, n, r, i, a = {}) {
+function dr(e, t, n, r, i, a = {}) {
 	let o = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = lr(nr(r, t));
+		let e = ur(rr(r, t));
 		if (e === null) return {
 			marks: [],
 			error: "Each calendar row needs a valid UTC date."
@@ -4067,15 +4102,15 @@ function ur(e, t, n, r, i, a = {}) {
 		};
 		o.set(e, {
 			datum: r,
-			value: rr(r, n)
+			value: ir(r, n)
 		});
 	}
-	let s = [...o.keys()], c = a.from === void 0 ? s.length ? Math.min(...s) : null : lr(a.from), l = a.to === void 0 ? s.length ? Math.max(...s) : null : lr(a.to);
+	let s = [...o.keys()], c = a.from === void 0 ? s.length ? Math.min(...s) : null : ur(a.from), l = a.to === void 0 ? s.length ? Math.max(...s) : null : ur(a.to);
 	if (c === null || l === null) return {
 		marks: [],
 		...e.length || a.from !== void 0 || a.to !== void 0 ? { error: "Provide valid from and to dates." } : {}
 	};
-	if (c > l || (l - c) / cr > 3660) return {
+	if (c > l || (l - c) / lr > 3660) return {
 		marks: [],
 		error: "Choose an ordered calendar range of at most ten years."
 	};
@@ -4083,7 +4118,7 @@ function ur(e, t, n, r, i, a = {}) {
 		marks: [],
 		error: "A date falls outside the calendar range; widen from and to."
 	};
-	let u = lr(a.today ?? Date.now());
+	let u = ur(a.today ?? Date.now());
 	if (u === null) return {
 		marks: [],
 		error: "today needs a valid UTC date."
@@ -4093,7 +4128,7 @@ function ur(e, t, n, r, i, a = {}) {
 		marks: [],
 		error: "domain must contain every value with a finite low end below its high end."
 	};
-	let m = a.weekStartsOn ?? 1, h = (new Date(c).getUTCDay() - m + 7) % 7, g = Math.ceil(((l - c) / cr + 1 + h) / 7), _ = Math.max(12, (r - 34 + 4) / g), v = Math.max(12, (i - 24 + 4) / 7), y = 34 + g * _ - 4, b = 24 + 7 * v - 4, x = [], ee = new Intl.DateTimeFormat(a.locale ?? "en-US", {
+	let m = a.weekStartsOn ?? 1, h = (new Date(c).getUTCDay() - m + 7) % 7, g = Math.ceil(((l - c) / lr + 1 + h) / 7), _ = Math.max(12, (r - 34 + 4) / g), v = Math.max(12, (i - 24 + 4) / 7), y = 34 + g * _ - 4, b = 24 + 7 * v - 4, x = [], ee = new Intl.DateTimeFormat(a.locale ?? "en-US", {
 		month: "short",
 		timeZone: "UTC"
 	}), te = new Intl.DateTimeFormat(a.locale ?? "en-US", {
@@ -4106,7 +4141,7 @@ function ur(e, t, n, r, i, a = {}) {
 		text: te.format(Date.UTC(2024, 0, 7 + (e + m) % 7))
 	});
 	let S = [], C = -Infinity;
-	for (let e = c, t = 0; e <= l; e += cr, t++) {
+	for (let e = c, t = 0; e <= l; e += lr, t++) {
 		let n = new Date(e), r = Math.floor((h + t) / 7), i = (h + t) % 7, s = 34 + r * _;
 		(t === 0 || n.getUTCDate() === 1) && s - C >= 34 && (x.push({
 			x: s,
@@ -4123,7 +4158,7 @@ function ur(e, t, n, r, i, a = {}) {
 			y: 24 + i * v,
 			width: _ - 4,
 			height: v - 4,
-			color: `color-mix(in oklab, ${a.color ?? tr(0)} ${l === null ? 0 : 12 + (l - f) / (p - f) * 83}%, var(--lilt-card-background, var(--lilt-surface)))`,
+			color: `color-mix(in oklab, ${a.color ?? nr(0)} ${l === null ? 0 : 12 + (l - f) / (p - f) * 83}%, var(--lilt-card-background, var(--lilt-surface)))`,
 			missing: l === null && !d,
 			future: d,
 			detail: d ? "Not yet observed" : void 0
@@ -4137,17 +4172,17 @@ function ur(e, t, n, r, i, a = {}) {
 		note: "Less → more color · Hatched: no data · Outline: future day"
 	};
 }
-function dr({ date: e, value: t, from: n, to: r, weekStartsOn: i, today: a, domain: o, color: s, locale: c, ...l }) {
-	let u = lr(n) ?? (lr(r) ?? Date.UTC(2024, 2, 31)) - 90 * cr, d = lr(r) ?? u + 90 * cr;
+function fr({ date: e, value: t, from: n, to: r, weekStartsOn: i, today: a, domain: o, color: s, locale: c, ...l }) {
+	let u = ur(n) ?? (ur(r) ?? Date.UTC(2024, 2, 31)) - 90 * lr, d = ur(r) ?? u + 90 * lr;
 	return /* @__PURE__ */ Q(me.Provider, {
 		value: "tiles",
-		children: /* @__PURE__ */ Q(ir, {
+		children: /* @__PURE__ */ Q(ar, {
 			...l,
 			color: s,
 			locale: c,
 			family: "calendar",
 			legend: !1,
-			layout: (l, u, d) => ur(l, e, t, u, d, {
+			layout: (l, u, d) => dr(l, e, t, u, d, {
 				from: n,
 				to: r,
 				weekStartsOn: i,
@@ -4156,7 +4191,7 @@ function dr({ date: e, value: t, from: n, to: r, weekStartsOn: i, today: a, doma
 				color: s,
 				locale: c
 			}),
-			placeholder: (e, t) => ur([], "", "", e, t, {
+			placeholder: (e, t) => dr([], "", "", e, t, {
 				from: u,
 				to: Math.max(u, d),
 				today: d,
@@ -4167,14 +4202,14 @@ function dr({ date: e, value: t, from: n, to: r, weekStartsOn: i, today: a, doma
 }
 //#endregion
 //#region src/cards/timeline-chart-card.tsx
-function fr(e) {
-	if (typeof e == "string" && lr(e.slice(0, 10)) === null) return null;
+function pr(e) {
+	if (typeof e == "string" && ur(e.slice(0, 10)) === null) return null;
 	let t = e instanceof Date ? e.getTime() : typeof e == "number" ? e : typeof e == "string" && /^\d{4}-\d{2}-\d{2}(?:T.*)?$/.test(e) ? Date.parse(e.includes("T") && !/(Z|[+-]\d{2}:\d{2})$/.test(e) ? `${e}Z` : e) : NaN;
 	return Number.isFinite(t) && Number.isFinite(new Date(t).getTime()) ? t : null;
 }
-function pr(e, t, n, r, i) {
+function mr(e, t, n, r, i) {
 	let a = /* @__PURE__ */ new Set(), o = e.map((e, n) => {
-		let r = String(nr(e, t.label) ?? ""), a = t.id ? String(nr(e, t.id) ?? "") : r, o = fr(nr(e, t.start)), s = fr(nr(e, t.end));
+		let r = String(rr(e, t.label) ?? ""), a = t.id ? String(rr(e, t.id) ?? "") : r, o = pr(rr(e, t.start)), s = pr(rr(e, t.end));
 		return {
 			id: a,
 			label: r,
@@ -4182,8 +4217,8 @@ function pr(e, t, n, r, i) {
 			start: o,
 			end: s,
 			value: o === null || s === null ? null : s - o,
-			lane: t.lane ? String(nr(e, t.lane) ?? "") : r,
-			group: t.group ? String(nr(e, t.group) ?? "") : void 0,
+			lane: t.lane ? String(rr(e, t.lane) ?? "") : r,
+			group: t.group ? String(rr(e, t.group) ?? "") : void 0,
 			index: n,
 			detail: o === null || s === null ? "No data" : `${i(o)} – ${i(s)}`
 		};
@@ -4217,7 +4252,7 @@ function pr(e, t, n, r, i) {
 				y: v + i * 32,
 				width: Math.max(2, o),
 				height: 22,
-				color: t.color ?? tr(n.group === void 0 ? e : d.indexOf(n.group)),
+				color: t.color ?? nr(n.group === void 0 ? e : d.indexOf(n.group)),
 				shape: "bar",
 				text: o > 60 ? n.label : void 0
 			});
@@ -4248,13 +4283,13 @@ function pr(e, t, n, r, i) {
 		groups: d.length ? d.map((e, n) => ({
 			id: e,
 			label: e,
-			color: t.color ?? tr(n),
+			color: t.color ?? nr(n),
 			value: s.filter((t) => t.group === e).reduce((e, t) => e + t.value, 0)
 		})) : void 0,
 		note: o.length > s.length ? `${o.length - s.length} intervals are missing endpoints and are not plotted.` : "Times in UTC · Overlapping intervals occupy separate rows"
 	};
 }
-function mr({ label: e, id: t, start: n, end: r, lane: i, group: a, color: o, formatTime: s, locale: c, formatValue: l, aggregate: u = "sum", ...d }) {
+function hr({ label: e, id: t, start: n, end: r, lane: i, group: a, color: o, formatTime: s, locale: c, formatValue: l, aggregate: u = "sum", ...d }) {
 	let f = new Intl.DateTimeFormat(c ?? "en-US", {
 		month: "short",
 		day: "numeric",
@@ -4265,14 +4300,14 @@ function mr({ label: e, id: t, start: n, end: r, lane: i, group: a, color: o, fo
 	}), p = new Intl.NumberFormat(c ?? "en-US", { maximumFractionDigits: 1 }), m = s ?? ((e) => f.format(e));
 	return /* @__PURE__ */ Q(me.Provider, {
 		value: "rows",
-		children: /* @__PURE__ */ Q(ir, {
+		children: /* @__PURE__ */ Q(ar, {
 			...d,
 			locale: c,
 			aggregate: u,
 			formatValue: l ?? ((e) => `${p.format(e / 36e5)} h`),
 			color: o,
 			family: "timeline",
-			layout: (s, c, l) => pr(s, {
+			layout: (s, c, l) => mr(s, {
 				label: e,
 				id: t,
 				start: n,
@@ -4307,7 +4342,7 @@ function mr({ label: e, id: t, start: n, end: r, lane: i, group: a, color: o, fo
 }
 //#endregion
 //#region src/cards/strip-chart-card.tsx
-function hr(e, t) {
+function gr(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = n.flatMap((n, i) => {
@@ -4325,18 +4360,18 @@ function hr(e, t) {
 	}
 	return n;
 }
-function gr(e) {
+function _r(e) {
 	let t = 2166136261;
 	for (let n = 0; n < e.length; n++) t = Math.imul(t ^ e.charCodeAt(n), 16777619);
 	return (t >>> 0) % 1e3 / 999 - .5;
 }
-function _r(e, t, n, r, i, a, o, s, c, l) {
+function vr(e, t, n, r, i, a, o, s, c, l) {
 	let u = e.map((e, i) => ({
-		id: String(r ? nr(e, r) ?? "" : i),
-		label: r ? String(nr(e, r) ?? "") : `Point ${i + 1}`,
-		group: String(nr(e, t) ?? ""),
+		id: String(r ? rr(e, r) ?? "" : i),
+		label: r ? String(rr(e, r) ?? "") : `Point ${i + 1}`,
+		group: String(rr(e, t) ?? ""),
 		datum: e,
-		value: rr(e, n)
+		value: ir(e, n)
 	})), d = /* @__PURE__ */ new Set();
 	for (let e of u) {
 		if (!e.id.trim() || d.has(e.id)) return {
@@ -4352,7 +4387,7 @@ function _r(e, t, n, r, i, a, o, s, c, l) {
 	};
 	let p = [...new Set(u.map((e) => e.group))], m = Math.max(260, i), h = Math.min(100, m * .27), g = Math.max(2, Math.min(12, Number.isFinite(s) ? s : 4)), _ = f.map((e) => e.value), v = Math.min(..._), y = Math.max(..._), b = rt().domain(v === y ? [v - 1, y + 1] : [v, y]).nice().range([h + g + 3, m - g - 10]), x = [], ee = [], te = 4;
 	for (let [e, t] of p.entries()) {
-		let n = f.filter((e) => e.group === t).sort((e, t) => e.value - t.value || e.id.localeCompare(t.id)), r = n.map((e) => b(e.value)), i = o === "beeswarm" ? hr(r, g * 2 + 1.5) : n.map((e) => gr(e.id) * 28), s = Math.max(16, ...i.map((e) => Math.abs(e) + g)), c = Math.max(s * 2 + 16, (a - 32) / p.length), u = te + c / 2;
+		let n = f.filter((e) => e.group === t).sort((e, t) => e.value - t.value || e.id.localeCompare(t.id)), r = n.map((e) => b(e.value)), i = o === "beeswarm" ? gr(r, g * 2 + 1.5) : n.map((e) => _r(e.id) * 28), s = Math.max(16, ...i.map((e) => Math.abs(e) + g)), c = Math.max(s * 2 + 16, (a - 32) / p.length), u = te + c / 2;
 		ee.push({
 			x: h - 8,
 			y: u + 4,
@@ -4365,7 +4400,7 @@ function _r(e, t, n, r, i, a, o, s, c, l) {
 			y: u + i[a] - g,
 			width: g * 2,
 			height: g * 2,
-			color: l ?? tr(e),
+			color: l ?? nr(e),
 			shape: "dot"
 		})), te += c;
 	}
@@ -4385,11 +4420,11 @@ function _r(e, t, n, r, i, a, o, s, c, l) {
 		note: f.length < u.length ? `${u.length - f.length} ${u.length - f.length === 1 ? "point is" : "points are"} missing a value and not plotted.` : void 0
 	};
 }
-function vr({ category: e, value: t, label: n, display: r = "strip", radius: i = 4, color: a, locale: o, valueFormat: s, formatValue: c, aggregate: l = "mean", ...u }) {
+function yr({ category: e, value: t, label: n, display: r = "strip", radius: i = 4, color: a, locale: o, valueFormat: s, formatValue: c, aggregate: l = "mean", ...u }) {
 	let d = c ?? new Intl.NumberFormat(o ?? "en-US", s ?? { maximumFractionDigits: 2 }).format;
 	return /* @__PURE__ */ Q(me.Provider, {
 		value: "points",
-		children: /* @__PURE__ */ Q(ir, {
+		children: /* @__PURE__ */ Q(ar, {
 			...u,
 			color: a,
 			locale: o,
@@ -4398,14 +4433,14 @@ function vr({ category: e, value: t, label: n, display: r = "strip", radius: i =
 			aggregate: l,
 			family: "strip",
 			legend: !1,
-			layout: (o, s, c) => _r(o, e, t, n, s, c, r, i, d, a),
+			layout: (o, s, c) => vr(o, e, t, n, s, c, r, i, d, a),
 			placeholder: (e, t) => ({ marks: Array.from({ length: 30 }, (n, r) => ({
 				id: String(r),
 				label: "",
 				datum: null,
 				value: null,
 				x: 80 + r * 37 % 97 / 100 * (e - 100),
-				y: 32 + Math.floor(r / 10) * ((t - 65) / 3) + gr(String(r)) * 20,
+				y: 32 + Math.floor(r / 10) * ((t - 65) / 3) + _r(String(r)) * 20,
 				width: 8,
 				height: 8,
 				color: "",
@@ -4416,7 +4451,7 @@ function vr({ category: e, value: t, label: n, display: r = "strip", radius: i =
 }
 //#endregion
 //#region src/engine/scatter.ts
-function yr(e, t, n, r, i = !1) {
+function br(e, t, n, r, i = !1) {
 	if (!i) {
 		let r = null, i = Infinity;
 		for (let a of e) {
@@ -4436,7 +4471,7 @@ function yr(e, t, n, r, i = !1) {
 }
 //#endregion
 //#region src/cards/scatter-chart-card.tsx
-var br = [], xr = 260, Sr = 4, Cr = 4.5, wr = 3, Tr = [
+var xr = [], Sr = 260, Cr = 4, wr = 4.5, Tr = 3, Er = [
 	[
 		.08,
 		.72,
@@ -4498,7 +4533,7 @@ var br = [], xr = 260, Sr = 4, Cr = 4.5, wr = 3, Tr = [
 		9
 	]
 ];
-function Er(e, t = 5) {
+function Dr(e, t = 5) {
 	if (!e.length) return [0, 1];
 	let [n, r] = at(e);
 	if (n >= 0 && n <= r * .25 && (n = 0), n === r) {
@@ -4508,7 +4543,7 @@ function Er(e, t = 5) {
 	let [i, a] = rt().domain([n, r]).nice(t).domain();
 	return [i, a];
 }
-function Dr(e) {
+function Or(e) {
 	if (e.length < 3) return null;
 	let t = e.length, n = e.reduce((e, t) => e + t.x, 0) / t, r = e.reduce((e, t) => e + t.y, 0) / t, i = 0, a = 0, o = 0;
 	for (let { x: t, y: s } of e) i += (t - n) ** 2, a += (t - n) * (s - r), o += (s - r) ** 2;
@@ -4520,8 +4555,8 @@ function Dr(e) {
 		r2: o === 0 ? 1 : a * a / (i * o)
 	};
 }
-var Or = (e, t, n) => `${e} ${e === 1 ? t : n}`, kr = (e, t) => t === void 0 ? void 0 : e[t], Ar = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
-function jr(e, [t, n], [r, i]) {
+var kr = (e, t, n) => `${e} ${e === 1 ? t : n}`, Ar = (e, t) => t === void 0 ? void 0 : e[t], jr = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
+function Mr(e, [t, n], [r, i]) {
 	let a = (t) => e.slope * t + e.intercept, o = t, s = n;
 	if (e.slope !== 0) {
 		let t = (r - e.intercept) / e.slope, n = (i - e.intercept) / e.slope;
@@ -4534,28 +4569,28 @@ function jr(e, [t, n], [r, i]) {
 		a(s)
 	];
 }
-function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart", data: r, x: i, y: a, size: o, sizeLabel: s, group: c, label: l, xLabel: u, yLabel: f, trend: p = !1, depth: m = !1, height: h = xr, aggregate: g = "sum", headline: _, delta: v, deltaTone: y, range: b, ranges: x, defaultRange: te, valueFormat: S, legend: ne = "tiles", legendSwatch: ie, xFormat: ae, locale: w = "en-US", formatValue: oe, formatX: T, color: se, surface: E = "elevated", badge: D, numberStyle: O, palette: k, loading: A = !1, loadingStyle: j = "shimmer", empty: M = "dots", motion: N = "auto", className: P, style: I }) {
+function Nr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart", data: r, x: i, y: a, size: o, sizeLabel: s, group: c, label: l, xLabel: u, yLabel: f, trend: p = !1, depth: m = !1, height: h = Sr, aggregate: g = "sum", headline: _, delta: v, deltaTone: y, range: b, ranges: x, defaultRange: te, valueFormat: S, legend: ne = "tiles", legendSwatch: ie, xFormat: ae, locale: w = "en-US", formatValue: oe, formatX: T, color: se, surface: E = "elevated", badge: D, numberStyle: O, palette: k, loading: A = !1, loadingStyle: j = "shimmer", empty: M = "dots", motion: N = "auto", className: P, style: I }) {
 	let L = Te(N), R = re(A, L), le = A || R, ue = he({
 		valueFormat: S,
 		locale: w,
 		formatValue: oe
-	}), B = JSON.stringify(ae ?? null), V = Qe(() => F(w, ae), [w, B]), U = T ?? V.full, [pe, me] = X(te ?? x?.[0]?.id), W = x?.find((e) => e.id === pe) ?? x?.[0], G = W?.data ?? r ?? br, ge = W ? W.delta : v, { ref: _e, width: ve } = ee(), K = ve || 480, q = Qe(() => {
+	}), B = JSON.stringify(ae ?? null), V = Qe(() => F(w, ae), [w, B]), U = T ?? V.full, [pe, me] = X(te ?? x?.[0]?.id), W = x?.find((e) => e.id === pe) ?? x?.[0], G = W?.data ?? r ?? xr, ge = W ? W.delta : v, { ref: _e, width: ve } = ee(), K = ve || 480, q = Qe(() => {
 		let e = [], t = G.map((e) => {
-			let t = kr(e, l);
+			let t = Ar(e, l);
 			return typeof t == "string" && t ? t : null;
 		}), n = (e) => e !== null && t.indexOf(e) === t.lastIndexOf(e);
 		return {
 			rows: G.map((r, s) => {
-				let l = c === void 0 ? null : String(kr(r, c) ?? "");
+				let l = c === void 0 ? null : String(Ar(r, c) ?? "");
 				l !== null && !e.includes(l) && e.push(l);
 				let u = t[s];
 				return {
 					id: n(u) ? u : `${u ?? ""}\u0000${s}`,
 					label: u ?? `Point ${s + 1}`,
 					row: r,
-					x: Ar(kr(r, i)),
-					y: Ar(kr(r, a)),
-					size: o === void 0 ? 1 : Ar(kr(r, o)),
+					x: jr(Ar(r, i)),
+					y: jr(Ar(r, a)),
+					size: o === void 0 ? 1 : jr(Ar(r, o)),
 					group: l
 				};
 			}),
@@ -4568,25 +4603,29 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 		o,
 		c,
 		l
-	]), ye = q.rows.filter((e) => e.x !== null && e.y !== null), J = q.rows.length - ye.length, [Y, be] = X([]), xe = ye.filter((e) => e.group === null || !Y.includes(e.group)), Se = (e) => e === null ? "var(--lilt-scatter-card-color, var(--lilt-series-1))" : `var(--lilt-series-${q.groups.indexOf(e) % 6 + 1})`, Ce = K < 420 ? 3 : 5, we = Er(ye.map((e) => e.x), Ce), Ee = Er(ye.map((e) => e.y), Sr), De = rt().domain(Ee).ticks(Sr), Oe = rt().domain(we).ticks(Ce), Ne = Math.max(8, Math.min(16, K / 36)), Le = Math.max(24, ...De.map((e) => ue.axis(e).length * 6.6 + 10)), Re = o === void 0 ? 6.5 : Ne, ze = (f ? 26 : 10) + Re, Be = h - 26 - (u ? 16 : 0) - Re, Ve = Le + Re, He = K - Re - 2, Ue = rt().domain(we).range([Ve, He]), We = rt().domain(Ee).range([Be, ze]), Ge = Math.max(1, ...ye.map((e) => e.size ?? 0)), Ke = (e) => o === void 0 ? Cr : wr + (Ne - wr) * Math.sqrt(Math.max(0, e ?? 0) / Ge), qe = [...xe].sort((e, t) => e.x - t.x || e.y - t.y).map((e, t) => ({
+	]), ye = q.rows.filter((e) => e.x !== null && e.y !== null), J = q.rows.length - ye.length, [Y, be] = X([]), xe = ye.filter((e) => e.group === null || !Y.includes(e.group)), Se = (e) => e === null ? "var(--lilt-scatter-card-color, var(--lilt-series-1))" : `var(--lilt-series-${q.groups.indexOf(e) % 6 + 1})`, Ce = K < 420 ? 3 : 5, we = Dr(ye.map((e) => e.x), Ce), Ee = Dr(ye.map((e) => e.y), Cr), De = rt().domain(Ee).ticks(Cr), Oe = rt().domain(we).ticks(Ce), Ne = Math.max(8, Math.min(16, K / 36)), Le = Math.max(24, ...De.map((e) => ue.axis(e).length * 6.6 + 10)), Re = o === void 0 ? 6.5 : Ne, ze = (f ? 26 : 10) + Re, Be = h - 26 - (u ? 16 : 0) - Re, Ve = Le + Re, He = K - Re - 2, Ue = rt().domain(we).range([Ve, He]), We = rt().domain(Ee).range([Be, ze]), Ge = Math.max(1, ...ye.map((e) => e.size ?? 0)), Ke = (e) => o === void 0 ? wr : Tr + (Ne - Tr) * Math.sqrt(Math.max(0, e ?? 0) / Ge), qe = [...xe].sort((e, t) => e.x - t.x || e.y - t.y).map((e, t) => ({
 		...e,
 		cx: Ue(e.x),
 		cy: We(e.y),
 		radius: Ke(e.size),
 		color: Se(e.group),
 		order: t
-	})), Ye = $n(qe, (e) => e.id, 420), Ze = p ? Dr(xe) : null, $e = Ze && qe.length ? jr(Ze, [qe[0].x, qe.at(-1).x], Ee) : null, et = V.plain, [tt, nt] = X(null), [it, at] = X(null), [ot, st] = X(null), [ct, lt] = X(null), [ut, dt] = X(null), ft = (e) => qe.find((t) => t.id === e), pt = `lilt-scatter-${Xe().replace(/:/g, "")}`, mt = [...new Set(qe.map((e) => e.color))], ht = ft(it) ?? ft(ot) ?? ft(tt), gt = ht ? null : ut ?? ct, _t = q.groups.map((e) => ({
+	})), Ye = er(qe, (e) => e.id, 420), Ze = p ? Or(xe) : null, $e = Ze && qe.length ? Mr(Ze, [qe[0].x, qe.at(-1).x], Ee) : null, et = V.plain, [tt, nt] = X(null), [it, at] = X(null), [ot, st] = X(null), [ct, lt] = X(null), [ut, dt] = X(null), ft = (e) => qe.find((t) => t.id === e), pt = `lilt-scatter-${Xe().replace(/:/g, "")}`, mt = [...new Set(qe.map((e) => e.color))], ht = ft(it) ?? ft(ot) ?? ft(tt), gt = ht ? null : ut ?? ct, _t = q.groups.map((e) => ({
 		name: e,
 		value: de(ye.filter((t) => t.group === e).map((e) => e.y), g)
 	})), vt = W?.headline ?? _ ?? de(xe.map((e) => e.y), g), yt = ht ? ht.y : gt === null ? vt : _t.find((e) => e.name === gt)?.value ?? null, bt = (e) => u ? `${u} ${U(e)}` : U(e), xt = (e) => `${e.label}: ${bt(e.x)}, ${f ? `${f} ` : ""}${ue.value(e.y)}${o === void 0 || e.size === null ? "" : `, ${s ?? "size"} ${et(e.size)}`}`, St = (e, t, n) => {
 		let r = n.getBoundingClientRect();
-		return yr(qe, e - r.left, t - r.top, it);
+		return br(qe, e - r.left, t - r.top, it);
 	}, Ct = (e) => {
 		e.pointerType !== "touch" && nt(St(e.clientX, e.clientY, e.currentTarget));
-	}, wt = Vt({
+	}, wt = Ht({
 		resolve: St,
 		onGlide: nt,
 		onLift: (e) => e !== null && at(e),
+		pinned: it !== null || ut !== null,
+		onRelease: () => {
+			at(null), dt(null);
+		},
 		onTap: (e) => at((t) => e && t !== e ? e : null),
 		disabled: A
 	}), Tt = Je((e) => {
@@ -4602,7 +4641,7 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 			e.preventDefault(), at((e) => e === t.id ? null : t.id);
 			return;
 		} else if (e.key === "Escape") {
-			at(null), st(null);
+			e.preventDefault(), at(null), st(null);
 			return;
 		} else return;
 		e.preventDefault(), st(qe[Math.max(0, Math.min(qe.length - 1, r))].id);
@@ -4660,7 +4699,7 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 				"data-active": ht ? "" : void 0,
 				tabIndex: le ? void 0 : 0,
 				role: "group",
-				"aria-label": `${n}: ${Or(qe.length, "point", "points")}. Arrow keys step through them in order of ${u ?? "x"}; Enter pins one.`,
+				"aria-label": `${n}: ${kr(qe.length, "point", "points")}. Arrow keys step through them in order of ${u ?? "x"}; Enter pins one.`,
 				onPointerMove: le ? void 0 : Ct,
 				onPointerLeave: () => nt(null),
 				onClick: () => at((e) => tt && e !== tt ? tt : null),
@@ -4722,13 +4761,13 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 							/* @__PURE__ */ Q(C, {
 								leaving: R,
 								origin: "bottom",
-								children: /* @__PURE__ */ Q("g", { children: A ? /* @__PURE__ */ $(Xt, {
+								children: /* @__PURE__ */ Q("g", { children: A ? /* @__PURE__ */ $(Zt, {
 									width: K,
 									height: h,
 									reduced: L,
 									loadingStyle: j,
 									depth: m,
-									mask: Tr.map(([e, t, n], r) => /* @__PURE__ */ Q("circle", {
+									mask: Er.map(([e, t, n], r) => /* @__PURE__ */ Q("circle", {
 										cx: Ve + (He - Ve) * e,
 										cy: ze + (Be - ze) * t,
 										r: o === void 0 ? 5.5 : n,
@@ -4736,7 +4775,7 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 									}, r)),
 									children: [m ? /* @__PURE__ */ $("defs", { children: [/* @__PURE__ */ Q(H, {
 										id: `${pt}-loading`,
-										color: Jt
+										color: Yt
 									}), /* @__PURE__ */ Q(ce, {
 										id: `${pt}-loading-shadow`,
 										size: 2.2,
@@ -4748,7 +4787,7 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 										}
 									})] }) : null, /* @__PURE__ */ Q("g", {
 										filter: m ? `url(#${pt}-loading-shadow)` : void 0,
-										children: Tr.map(([e, t, n], r) => /* @__PURE__ */ Q("g", {
+										children: Er.map(([e, t, n], r) => /* @__PURE__ */ Q("g", {
 											"data-skeleton": "pop",
 											style: { "--lilt-skeleton-step": e * 12 },
 											children: /* @__PURE__ */ Q("circle", {
@@ -4880,7 +4919,7 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 			}) : null,
 			!A && (Ze || J) ? /* @__PURE__ */ $("div", {
 				className: "lilt-scatter-card__footer",
-				children: [J ? /* @__PURE__ */ $("span", { children: [Or(J, "point is", "points are"), " missing a value and not plotted"] }) : null, Ze ? /* @__PURE__ */ $("span", {
+				children: [J ? /* @__PURE__ */ $("span", { children: [kr(J, "point is", "points are"), " missing a value and not plotted"] }) : null, Ze ? /* @__PURE__ */ $("span", {
 					className: "lilt-scatter-card__fit",
 					children: [
 						/* @__PURE__ */ Q("span", {
@@ -4935,7 +4974,7 @@ function Mr({ title: e, header: t = !0, "aria-label": n = e || "Scatter chart",
 }
 //#endregion
 //#region src/engine/sankey.ts
-function Nr(e, t, n) {
+function Pr(e, t, n) {
 	let r = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		if (!t.id || !t.label || r.has(t.id)) throw Error("Lilt SankeyChart requires unique nonempty node IDs and labels.");
@@ -4977,7 +5016,7 @@ function Nr(e, t, n) {
 		losses: d
 	};
 }
-function Pr(e, t, n, r = !1) {
+function Fr(e, t, n, r = !1) {
 	if (!e.nodes.length) return {
 		nodes: [],
 		links: []
@@ -5022,7 +5061,7 @@ function Pr(e, t, n, r = !1) {
 		})
 	};
 }
-function Fr(e, t, n) {
+function Ir(e, t, n) {
 	let r = (e, t) => e + (t - e) * n, i = Math.max(0, Math.min(1, n)), a = new Map(e.nodes.map((e) => [e.id, e])), o = t.nodes.map((e) => {
 		let t = a.get(e.id);
 		return t ? {
@@ -5053,7 +5092,7 @@ function Fr(e, t, n) {
 }
 //#endregion
 //#region src/cards/sankey-chart-card.tsx
-var Ir = [], Lr = 280, Rr = 460, zr = 6, Br = [
+var Lr = [], Rr = 280, zr = 460, Br = 6, Vr = [
 	[[.3, .32], [.68, .2]],
 	[
 		[.2, .22],
@@ -5065,7 +5104,7 @@ var Ir = [], Lr = 280, Rr = 460, zr = 6, Br = [
 		[.5, .22],
 		[.8, .16]
 	]
-], Vr = [
+], Hr = [
 	[
 		0,
 		.22,
@@ -5102,14 +5141,14 @@ var Ir = [], Lr = 280, Rr = 460, zr = 6, Br = [
 		.8,
 		.15
 	]
-], Hr = 10, Ur = (e, t) => e[t];
-function Wr(e) {
+], Ur = 10, Wr = (e, t) => e[t];
+function Gr(e) {
 	return e.includes("acyclic") ? "The flows loop back on themselves; a Sankey needs every flow to move forward." : e.includes("does not conserve") ? `${e.match(/node "([^"]+)"/)?.[1] ?? "A step"} passes on a different amount than it receives; use conservation="loss" if some flow leaves there.` : e.includes("creates flow") ? `${e.match(/node "([^"]+)"/)?.[1] ?? "A step"} passes on more than it receives.` : e.includes("distinct known source and target") ? "A flow starts and ends at the same step." : e.includes("non-negative") ? "Flow values must be zero or more." : e;
 }
-function Gr({ data: e, source: t, target: n, value: r, conservation: i }) {
+function Kr({ data: e, source: t, target: n, value: r, conservation: i }) {
 	let a = [], o = /* @__PURE__ */ new Set(), s = [], c = /* @__PURE__ */ new Set();
 	for (let i of e) {
-		let e = String(Ur(i, t) ?? "").trim(), l = String(Ur(i, n) ?? "").trim();
+		let e = String(Wr(i, t) ?? "").trim(), l = String(Wr(i, n) ?? "").trim();
 		if (!e || !l) return {
 			graph: null,
 			error: "Every flow needs a source and a target."
@@ -5124,7 +5163,7 @@ function Gr({ data: e, source: t, target: n, value: r, conservation: i }) {
 			error: `${u} appears twice; combine it into one row.`
 		};
 		c.add(u);
-		let d = Ur(i, r);
+		let d = Wr(i, r);
 		s.push({
 			id: u,
 			source: e,
@@ -5135,23 +5174,23 @@ function Gr({ data: e, source: t, target: n, value: r, conservation: i }) {
 	}
 	try {
 		return {
-			graph: Nr(a, s, i === "strict" ? "strict" : "allow-loss"),
+			graph: Pr(a, s, i === "strict" ? "strict" : "allow-loss"),
 			error: null
 		};
 	} catch (e) {
 		return {
 			graph: null,
-			error: Wr(e instanceof Error ? e.message : "Invalid flows.")
+			error: Gr(e instanceof Error ? e.message : "Invalid flows.")
 		};
 	}
 }
-var Kr = (e, t, n) => `${e} ${e === 1 ? t : n}`, qr = (e, t) => t > 0 ? `${Math.round(e / t * 100)}%` : "—";
-function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", data: r, source: i, target: a, value: o, conservation: s = "loss", depth: c = !1, height: l = Lr, headline: u, delta: f, deltaTone: p, range: m, ranges: h, defaultRange: g, valueFormat: _, locale: v, formatValue: y, surface: b = "elevated", badge: x, numberStyle: te, palette: S, loading: ie = !1, loadingStyle: ae = "shimmer", empty: oe = "dots", motion: T = "auto", className: se, style: E }) {
+var qr = (e, t, n) => `${e} ${e === 1 ? t : n}`, Jr = (e, t) => t > 0 ? `${Math.round(e / t * 100)}%` : "—";
+function Yr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", data: r, source: i, target: a, value: o, conservation: s = "loss", depth: c = !1, height: l = Rr, headline: u, delta: f, deltaTone: p, range: m, ranges: h, defaultRange: g, valueFormat: _, locale: v, formatValue: y, surface: b = "elevated", badge: x, numberStyle: te, palette: S, loading: ie = !1, loadingStyle: ae = "shimmer", empty: oe = "dots", motion: T = "auto", className: se, style: E }) {
 	let D = Te(T), O = re(ie, D), ce = ie || O, k = he({
 		valueFormat: _,
 		locale: v,
 		formatValue: y
-	}), [A, j] = X(g ?? h?.[0]?.id), M = h?.find((e) => e.id === A) ?? h?.[0], N = M?.data ?? r ?? Ir, P = M ? M.delta : f, { ref: F, width: I } = ee(), L = I || 520, R = L < Rr, le = `lilt-sankey-card-${Xe().replace(/:/g, "")}`, z = Qe(() => Gr({
+	}), [A, j] = X(g ?? h?.[0]?.id), M = h?.find((e) => e.id === A) ?? h?.[0], N = M?.data ?? r ?? Lr, P = M ? M.delta : f, { ref: F, width: I } = ee(), L = I || 520, R = L < zr, le = `lilt-sankey-card-${Xe().replace(/:/g, "")}`, z = Qe(() => Kr({
 		data: N,
 		source: i,
 		target: a,
@@ -5163,7 +5202,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 		a,
 		o,
 		s
-	]), B = z.graph, V = Qe(() => B ? Pr(B, L, l, R) : {
+	]), B = z.graph, V = Qe(() => B ? Fr(B, L, l, R) : {
 		nodes: [],
 		links: []
 	}, [
@@ -5174,10 +5213,12 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 	]), H = new Map(B?.nodes.map((e, t) => [e.id, t]) ?? []), de = (e) => `var(--lilt-series-${(H.get(e) ?? 0) % 6 + 1})`, fe = Math.max(0, ...V.nodes.map((e) => e.depth)), pe = (e) => B?.links.filter((t) => t.target === e && t.value !== null).reduce((e, t) => e + t.value, 0) ?? 0, me = (e) => B?.links.filter((t) => t.source === e && t.value !== null).reduce((e, t) => e + t.value, 0) ?? 0, W = (e) => B?.links.some((t) => (t.source === e || t.target === e) && t.value !== null) ? Math.max(pe(e), me(e)) : null, ge = (e) => {
 		let t = W(e);
 		return t === null ? "—" : k.value(t);
-	}, _e = V.nodes.filter((e) => e.depth === 0).reduce((e, t) => e + me(t.id), 0) || 0, ve = B?.links.filter((e) => e.value === null).length ?? 0, K = V.nodes.filter((e) => e.depth === 0).length, q = [...V.links].sort((e, t) => (V.nodes.find((t) => t.id === e.source)?.depth ?? 0) - (V.nodes.find((e) => e.id === t.source)?.depth ?? 0) || e.sourceY - t.sourceY), [ye, J] = X(null), [Y, be] = X(null), [xe, Se] = X(null), Ce = Y ?? xe ?? ye, we = Vt({
-		resolve: Bt,
+	}, _e = V.nodes.filter((e) => e.depth === 0).reduce((e, t) => e + me(t.id), 0) || 0, ve = B?.links.filter((e) => e.value === null).length ?? 0, K = V.nodes.filter((e) => e.depth === 0).length, q = [...V.links].sort((e, t) => (V.nodes.find((t) => t.id === e.source)?.depth ?? 0) - (V.nodes.find((e) => e.id === t.source)?.depth ?? 0) || e.sourceY - t.sourceY), [ye, J] = X(null), [Y, be] = X(null), [xe, Se] = X(null), Ce = Y ?? xe ?? ye, we = Ht({
+		resolve: Vt,
 		onGlide: J,
 		onLift: (e) => e !== null && be(e),
+		pinned: Y !== null,
+		onRelease: () => be(null),
 		disabled: ie
 	}), De = Je((e) => {
 		F.current = e, we(e);
@@ -5206,12 +5247,12 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 		active: He.key > 0 && !ce,
 		duration: 600,
 		spring: !0
-	}, D), Ge = ze < 1 ? { filter: `blur(${(8 * (1 - ze)).toFixed(2)}px)` } : void 0, Ke = He.key > 0 && We !== 1 ? Fr(He.from, He.to, We) : V;
+	}, D), Ge = ze < 1 ? { filter: `blur(${(8 * (1 - ze)).toFixed(2)}px)` } : void 0, Ke = He.key > 0 && We !== 1 ? Ir(He.from, He.to, We) : V;
 	Ye(() => {
 		Be.current = Ke;
 	});
-	let qe = (e) => e === 0 ? 0 : e === 1 ? L / 2 - Hr / 2 : L - Hr, Ze = (e) => /* @__PURE__ */ $(Z, { children: [Vr.map(([t, n, r, i], a) => {
-		let o = qe(t) + Hr, s = qe(t + 1), c = (o + s) / 2, u = `M${o},${n * l} C${c},${n * l} ${c},${r * l} ${s},${r * l}`, d = { "--lilt-skeleton-step": t * 4 + 1.5 + a * .35 }, f = {
+	let qe = (e) => e === 0 ? 0 : e === 1 ? L / 2 - Ur / 2 : L - Ur, Ze = (e) => /* @__PURE__ */ $(Z, { children: [Hr.map(([t, n, r, i], a) => {
+		let o = qe(t) + Ur, s = qe(t + 1), c = (o + s) / 2, u = `M${o},${n * l} C${c},${n * l} ${c},${r * l} ${s},${r * l}`, d = { "--lilt-skeleton-step": t * 4 + 1.5 + a * .35 }, f = {
 			pathLength: 1,
 			strokeDasharray: 1
 		};
@@ -5222,7 +5263,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 				d: u,
 				fill: "none",
 				transform: e.transform,
-				stroke: w(Jt, e.amount),
+				stroke: w(Yt, e.amount),
 				strokeWidth: e.strokeWidth,
 				"data-skeleton": "stroke",
 				...f
@@ -5235,22 +5276,22 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 			"data-skeleton": "stroke",
 			...f
 		}, a);
-	}), Br.flatMap((e, t) => e.map(([e, n], r) => /* @__PURE__ */ Q("rect", {
+	}), Vr.flatMap((e, t) => e.map(([e, n], r) => /* @__PURE__ */ Q("rect", {
 		className: "lilt-sankey-card__skeleton-node",
 		"data-skeleton": "rise",
 		x: qe(t),
 		y: (e - n / 2) * l,
-		width: Hr,
+		width: Ur,
 		height: n * l,
 		rx: 3,
 		style: { "--lilt-skeleton-step": t * 4 + r * .4 }
 	}, `${t}-${r}`)))] }), et = M?.headline ?? u ?? _e, tt = null;
-	if (Oe) et = Oe.value, tt = `${Oe.source} → ${Oe.target} · ${qr(Oe.value, W(Oe.source) ?? 0)} of ${Oe.source}`;
+	if (Oe) et = Oe.value, tt = `${Oe.source} → ${Oe.target} · ${Jr(Oe.value, W(Oe.source) ?? 0)} of ${Oe.source}`;
 	else if (Ne) {
 		let e = W(Ne.id), t = B?.losses[Ne.id];
 		et = e;
 		let n = Ne.depth === 0 && K === 1;
-		tt = e === null ? `${Ne.label} · Not measured` : n || !_e ? Ne.label : `${Ne.label} · ${qr(e, _e)} of all`, t && (tt += ` · ${k.value(t)} left here`);
+		tt = e === null ? `${Ne.label} · Not measured` : n || !_e ? Ne.label : `${Ne.label} · ${Jr(e, _e)} of all`, t && (tt += ` · ${k.value(t)} left here`);
 	}
 	let nt = () => Oe ? `${Oe.source} to ${Oe.target}: ${k.value(Oe.value)}` : Ne ? `${Ne.label}: ${ge(Ne.id)}` : "", rt = (e) => {
 		if (!q.length) return;
@@ -5265,7 +5306,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 			be((e) => e === n ? null : n);
 			return;
 		} else if (e.key === "Escape") {
-			be(null), Se(null);
+			e.preventDefault(), be(null), Se(null);
 			return;
 		} else return;
 		e.preventDefault(), Se(q[Math.max(0, Math.min(q.length - 1, n))].id);
@@ -5317,7 +5358,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 				"data-active": Ce ? "" : void 0,
 				tabIndex: ce ? void 0 : 0,
 				role: "group",
-				"aria-label": `${n}: ${Kr(V.links.length, "flow", "flows")} between ${Kr(V.nodes.length, "step", "steps")}. Arrow keys step through the flows; Enter pins one.`,
+				"aria-label": `${n}: ${qr(V.links.length, "flow", "flows")} between ${qr(V.nodes.length, "step", "steps")}. Arrow keys step through the flows; Enter pins one.`,
 				onKeyDown: ce ? void 0 : rt,
 				onBlur: () => Se(null),
 				onPointerLeave: () => J(null),
@@ -5334,7 +5375,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 						width: L,
 						height: l,
 						viewBox: `0 0 ${L} ${l}`,
-						children: ie ? /* @__PURE__ */ Q(Xt, {
+						children: ie ? /* @__PURE__ */ Q(Zt, {
 							width: L,
 							height: l,
 							reduced: D,
@@ -5397,7 +5438,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 										onClick: () => be((t) => t === e.id ? null : e.id)
 									};
 									if (c) {
-										let i = ue(e.x, e.y, e.width + zr, n, zr), a = G(de(e.id));
+										let i = ue(e.x, e.y, e.width + Br, n, Br), a = G(de(e.id));
 										return /* @__PURE__ */ $("g", {
 											className: "lilt-sankey-card__node",
 											"data-node": e.id,
@@ -5466,7 +5507,7 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 			!ie && ve ? /* @__PURE__ */ $("p", {
 				className: "lilt-sankey-card__footer",
 				children: [
-					Kr(ve, "flow isn’t", "flows aren’t"),
+					qr(ve, "flow isn’t", "flows aren’t"),
 					" measured yet and",
 					" ",
 					ve === 1 ? "isn’t" : "aren’t",
@@ -5506,34 +5547,34 @@ function Jr({ title: e, header: t = !0, "aria-label": n = e || "Sankey chart", d
 }
 //#endregion
 //#region src/cards/radar-chart-card.tsx
-var Yr = [], Xr = 300, Zr = 4, Qr = 6.6;
-function $r(e, t) {
-	if (e.length * Qr <= t || !e.includes(" ")) return [e];
+var Xr = [], Zr = 300, Qr = 4, $r = 6.6;
+function ei(e, t) {
+	if (e.length * $r <= t || !e.includes(" ")) return [e];
 	let n = e.length / 2, r = -1;
 	for (let t = 0; t < e.length; t++) e[t] === " " && (r < 0 || Math.abs(t - n) < Math.abs(r - n)) && (r = t);
 	return [e.slice(0, r), e.slice(r + 1)];
 }
-var ei = [
+var ti = [
 	.72,
 	.58,
 	.84,
 	.5,
 	.66,
 	.78
-], ti = (e, t) => e[t], ni = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
-function ri({ data: e, category: t, series: n, domain: r }) {
+], ni = (e, t) => e[t], ri = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
+function ii({ data: e, category: t, series: n, domain: r }) {
 	let i = (e) => ({
 		dimensions: [],
 		domain: [0, 1],
 		error: e
 	}), a = [], o = /* @__PURE__ */ new Set();
 	for (let r of e) {
-		let e = String(ti(r, t) ?? "").trim();
+		let e = String(ni(r, t) ?? "").trim();
 		if (!e) return i("Every dimension needs a name.");
 		if (o.has(e)) return i(`“${e}” appears twice; each dimension needs one row.`);
 		o.add(e), a.push({
 			name: e,
-			values: n.map((e) => ni(ti(r, e)))
+			values: n.map((e) => ri(ni(r, e)))
 		});
 	}
 	if (a.length && a.length < 3) return i("A radar needs at least three dimensions to draw a shape.");
@@ -5544,30 +5585,30 @@ function ri({ data: e, category: t, series: n, domain: r }) {
 		domain: r,
 		error: null
 	} : i("`domain` needs a low end below its high end.");
-	let c = Math.min(0, ...s), l = Math.max(c + 1, ...s), [u, d] = rt().domain([c, l]).nice(Zr).domain();
+	let c = Math.min(0, ...s), l = Math.max(c + 1, ...s), [u, d] = rt().domain([c, l]).nice(Qr).domain();
 	return {
 		dimensions: a,
 		domain: [u, d],
 		error: null
 	};
 }
-var ii = (e) => Math.round(e * 100) / 100 || 0;
-function ai(e, t, n, r) {
+var ai = (e) => Math.round(e * 100) / 100 || 0;
+function oi(e, t, n, r) {
 	let i = e / t * Math.PI * 2;
 	return {
-		x: ii(Math.sin(i) * r * n),
-		y: ii(-Math.cos(i) * r * n)
+		x: ai(Math.sin(i) * r * n),
+		y: ai(-Math.cos(i) * r * n)
 	};
 }
-function oi(e, t) {
+function si(e, t) {
 	let n = e.length, r = e.every((e) => e !== null), i = "";
 	if (e.forEach((r, a) => {
 		if (r === null) return;
-		let { x: o, y: s } = ai(a, n, r, t), c = e[(a - 1 + n) % n];
+		let { x: o, y: s } = oi(a, n, r, t), c = e[(a - 1 + n) % n];
 		i += `${i && c !== null ? "L" : "M"}${o.toFixed(2)},${s.toFixed(2)} `;
 	}), r) i += "Z";
 	else if (e[0] !== null && e[n - 1] !== null) {
-		let { x: r, y: a } = ai(0, n, e[0], t);
+		let { x: r, y: a } = oi(0, n, e[0], t);
 		i += `L${r.toFixed(2)},${a.toFixed(2)}`;
 	}
 	return {
@@ -5575,12 +5616,12 @@ function oi(e, t) {
 		complete: r
 	};
 }
-function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", data: r, category: i, series: a, domain: o, aggregate: s = "mean", grid: c = "polygon", height: l = Xr, headline: u, delta: f, deltaTone: p, range: m, ranges: h, defaultRange: g, valueFormat: _, legend: v = "tiles", legendSwatch: y, locale: b, formatValue: x, surface: te = "elevated", badge: S, numberStyle: ie, palette: ae, loading: w = !1, loadingStyle: oe = "shimmer", empty: T = "dots", motion: se = "auto", className: E, style: D }) {
+function ci({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", data: r, category: i, series: a, domain: o, aggregate: s = "mean", grid: c = "polygon", height: l = Zr, headline: u, delta: f, deltaTone: p, range: m, ranges: h, defaultRange: g, valueFormat: _, legend: v = "tiles", legendSwatch: y, locale: b, formatValue: x, surface: te = "elevated", badge: S, numberStyle: ie, palette: ae, loading: w = !1, loadingStyle: oe = "shimmer", empty: T = "dots", motion: se = "auto", className: E, style: D }) {
 	let O = Te(se), ce = re(w, O), k = w || ce, A = he({
 		valueFormat: _,
 		locale: b,
 		formatValue: x
-	}), [j, M] = X(g ?? h?.[0]?.id), N = h?.find((e) => e.id === j) ?? h?.[0], P = N?.data ?? r ?? Yr, F = N ? N.delta : f, { ref: I, width: L } = ee(), R = L || 480, le = a.map((e) => e.key), ue = le.join("\0"), B = Qe(() => ri({
+	}), [j, M] = X(g ?? h?.[0]?.id), N = h?.find((e) => e.id === j) ?? h?.[0], P = N?.data ?? r ?? Xr, F = N ? N.delta : f, { ref: I, width: L } = ee(), R = L || 480, le = a.map((e) => e.key), ue = le.join("\0"), B = Qe(() => ii({
 		data: P,
 		category: i,
 		series: le,
@@ -5590,8 +5631,8 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 		i,
 		ue,
 		o
-	]), { dimensions: V, domain: H } = B, U = V.length, pe = H[1] - H[0], me = (e) => e === null ? null : (e - H[0]) / pe, W = (e) => a[e]?.color ?? `var(--lilt-series-${e % 6 + 1})`, G = (e) => a[e]?.label ?? le[e], ge = Math.max(0, a.findIndex((e) => !e.dashed)), _e = (e) => e.name + (e.values.some((e) => e === null) ? " · no data" : ""), ve = Math.min(Math.max(40, ...V.map((e) => _e(e).length * Qr)) + 14, R * .24), K = Math.max(40, Math.min((R - ve * 2) / 2, (l - 52) / 2)), q = Math.max(1, ...V.flatMap((e) => $r(_e(e), ve - 14).map((e) => e.length * Qr))), ye = Math.max(10 / 12, Math.min(1, (ve - 14) / q)), J = R / 2, Y = l / 2, be = ei.map((e, t) => {
-		let { x: n, y: r } = ai(t, ei.length, e, K);
+	]), { dimensions: V, domain: H } = B, U = V.length, pe = H[1] - H[0], me = (e) => e === null ? null : (e - H[0]) / pe, W = (e) => a[e]?.color ?? `var(--lilt-series-${e % 6 + 1})`, G = (e) => a[e]?.label ?? le[e], ge = Math.max(0, a.findIndex((e) => !e.dashed)), _e = (e) => e.name + (e.values.some((e) => e === null) ? " · no data" : ""), ve = Math.min(Math.max(40, ...V.map((e) => _e(e).length * $r)) + 14, R * .24), K = Math.max(40, Math.min((R - ve * 2) / 2, (l - 52) / 2)), q = Math.max(1, ...V.flatMap((e) => ei(_e(e), ve - 14).map((e) => e.length * $r))), ye = Math.max(10 / 12, Math.min(1, (ve - 14) / q)), J = R / 2, Y = l / 2, be = ti.map((e, t) => {
+		let { x: n, y: r } = oi(t, ti.length, e, K);
 		return `${t ? "L" : "M"}${(J + n).toFixed(2)},${(Y + r).toFixed(2)}`;
 	}).join(" ") + " Z", xe = Ee({
 		key: "first",
@@ -5635,10 +5676,14 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 		return Math.round(o / (Math.PI * 2) * U) % U;
 	}, dt = (e) => {
 		e.pointerType !== "touch" && Ve(ut(e.clientX, e.clientY, e.currentTarget));
-	}, ft = Vt({
+	}, ft = Ht({
 		resolve: ut,
 		onGlide: Ve,
 		onLift: (e) => e !== null && Ue(e),
+		pinned: He !== null || Xe !== null,
+		onRelease: () => {
+			Ue(null), Ze(null);
+		},
 		onTap: (e) => Ue((t) => e !== null && t !== e ? e : null),
 		disabled: w
 	}), pt = Je((e) => {
@@ -5654,14 +5699,14 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 			e.preventDefault(), Ue((e) => e === t ? null : t);
 			return;
 		} else if (e.key === "Escape") {
-			Ue(null), Ge(null);
+			e.preventDefault(), Ue(null), Ge(null);
 			return;
 		} else return;
 		e.preventDefault(), Ge(n);
 	}, ht = (e) => c === "circle" ? null : V.map((t, n) => {
-		let { x: r, y: i } = ai(n, U, e, K);
+		let { x: r, y: i } = oi(n, U, e, K);
 		return `${n ? "L" : "M"}${(J + r).toFixed(2)},${(Y + i).toFixed(2)}`;
-	}).join(" ") + " Z", gt = !w && !B.error && V.length === 0, _t = V.some((e) => e.values.some((e) => e === null)), vt = Array.from({ length: Zr }, (e, t) => (t + 1) / Zr);
+	}).join(" ") + " Z", gt = !w && !B.error && V.length === 0, _t = V.some((e) => e.values.some((e) => e === null)), vt = Array.from({ length: Qr }, (e, t) => (t + 1) / Qr);
 	return /* @__PURE__ */ $(Ie, {
 		motion: se,
 		className: ["lilt-radar-card", E].filter(Boolean).join(" "),
@@ -5727,7 +5772,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 							cy: Y,
 							r: K * e
 						}, e) : /* @__PURE__ */ Q("path", { d: ht(e) }, e)), k ? null : V.map((e, t) => {
-							let n = ai(t, U, 1, K);
+							let n = oi(t, U, 1, K);
 							return /* @__PURE__ */ Q("line", {
 								"data-active": t === et || void 0,
 								x1: J,
@@ -5739,7 +5784,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 					}), /* @__PURE__ */ Q(C, {
 						leaving: ce,
 						origin: "center",
-						children: /* @__PURE__ */ Q("g", { children: w ? /* @__PURE__ */ $(Xt, {
+						children: /* @__PURE__ */ Q("g", { children: w ? /* @__PURE__ */ $(Zt, {
 							width: R,
 							height: l,
 							reduced: O,
@@ -5747,11 +5792,11 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 							children: [
 								/* @__PURE__ */ Q("path", {
 									className: "lilt-radar-card__skeleton-grid",
-									d: [.5, 1].map((e) => ei.map((t, n) => {
-										let { x: r, y: i } = ai(n, ei.length, e, K);
+									d: [.5, 1].map((e) => ti.map((t, n) => {
+										let { x: r, y: i } = oi(n, ti.length, e, K);
 										return `${n ? "L" : "M"}${(J + r).toFixed(2)},${(Y + i).toFixed(2)}`;
-									}).join(" ") + " Z").concat(ei.map((e, t) => {
-										let { x: n, y: r } = ai(t, ei.length, 1, K);
+									}).join(" ") + " Z").concat(ti.map((e, t) => {
+										let { x: n, y: r } = oi(t, ti.length, 1, K);
 										return `M${J},${Y} L${(J + n).toFixed(2)},${(Y + r).toFixed(2)}`;
 									})).join(" ")
 								}),
@@ -5760,7 +5805,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 									"data-skeleton": "bloom",
 									style: {
 										transformOrigin: `${J}px ${Y}px`,
-										"--lilt-skeleton-step": ei.length * .5 + 1
+										"--lilt-skeleton-step": ti.length * .5 + 1
 									},
 									d: be
 								}),
@@ -5771,8 +5816,8 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 									strokeDasharray: 1,
 									d: be
 								}),
-								ei.map((e, t) => {
-									let { x: n, y: r } = ai(t, ei.length, e, K);
+								ti.map((e, t) => {
+									let { x: n, y: r } = oi(t, ti.length, e, K);
 									return /* @__PURE__ */ Q("circle", {
 										className: "lilt-radar-card__skeleton-vertex",
 										"data-skeleton": "pop",
@@ -5788,7 +5833,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 								className: "lilt-chart__axis",
 								children: vt.map((e) => {
 									if (K < 110 && e !== .5) return null;
-									let { x: t, y: n } = ai(.5, U, e, K);
+									let { x: t, y: n } = oi(.5, U, e, K);
 									return /* @__PURE__ */ Q("text", {
 										className: "lilt-radar-card__ring-label",
 										x: J + t,
@@ -5804,7 +5849,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 								"data-lilt-travel": Oe.key ? Oe.key % 2 : void 0,
 								style: Se < 1 ? { filter: `blur(${(8 * (1 - Se)).toFixed(2)}px)` } : void 0,
 								children: a.map((e, t) => {
-									let { path: n, complete: r } = oi(V.map((t) => Re(e.key, t.name)), K), i = nt !== null && nt !== e.key;
+									let { path: n, complete: r } = si(V.map((t) => Re(e.key, t.name)), K), i = nt !== null && nt !== e.key;
 									return /* @__PURE__ */ $("g", {
 										className: "lilt-radar-card__profile",
 										"data-series": e.key,
@@ -5824,7 +5869,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 											V.map((t, n) => {
 												let r = Re(e.key, t.name);
 												if (r === null) return null;
-												let { x: i, y: a } = ai(n, U, r, K);
+												let { x: i, y: a } = oi(n, U, r, K);
 												return /* @__PURE__ */ Q("circle", {
 													className: "lilt-radar-card__vertex",
 													"data-active": n === et || void 0,
@@ -5838,7 +5883,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 								})
 							}),
 							V.map((e, t) => {
-								let { x: n, y: r } = ai(t, U, 1, K + 14), i = Math.abs(n) < 1 ? "middle" : n > 0 ? "start" : "end", a = e.values.some((e) => e === null), o = $r(_e(e), ve - 14), s = r < -1 ? -.2 - (o.length - 1) * 1.2 : r > 1 ? .9 : .35 - (o.length - 1) * 1.2 / 2;
+								let { x: n, y: r } = oi(t, U, 1, K + 14), i = Math.abs(n) < 1 ? "middle" : n > 0 ? "start" : "end", a = e.values.some((e) => e === null), o = ei(_e(e), ve - 14), s = r < -1 ? -.2 - (o.length - 1) * 1.2 : r > 1 ? .9 : .35 - (o.length - 1) * 1.2 / 2;
 								return /* @__PURE__ */ Q("text", {
 									className: "lilt-radar-card__label",
 									"data-active": t === et || void 0,
@@ -5911,7 +5956,7 @@ function si({ title: e, header: t = !0, "aria-label": n = e || "Radar chart", da
 }
 //#endregion
 //#region src/cards/range-chart-card.tsx
-function ci({ low: e, high: t, value: n, label: r, color: i, display: a = "bar", depth: o = !1, aggregate: s = "mean", tiles: c = !1, ...l }) {
+function li({ low: e, high: t, value: n, label: r, color: i, display: a = "bar", depth: o = !1, aggregate: s = "mean", tiles: c = !1, ...l }) {
 	let u = n ?? t, d = (e) => (t) => {
 		let n = t[e];
 		return typeof n == "number" ? n : null;
@@ -5959,7 +6004,7 @@ function ci({ low: e, high: t, value: n, label: r, color: i, display: a = "bar",
 }
 //#endregion
 //#region src/cards/box-plot-card.tsx
-function li({ data: e = [], x: t, samples: n, label: r = "Median", color: i, outliers: a = !0, depth: o = !1, headline: s, ...c }) {
+function ui({ data: e = [], x: t, samples: n, label: r = "Median", color: i, outliers: a = !0, depth: o = !1, headline: s, ...c }) {
 	let l = Qe(() => e.map((e) => {
 		let r = e, i = Mt(r[n]);
 		return {
@@ -6029,12 +6074,12 @@ function li({ data: e = [], x: t, samples: n, label: r = "Median", color: i, out
 }
 //#endregion
 //#region src/engine/slope.ts
-var ui = (e) => {
+var di = (e) => {
 	if (e == null) return null;
 	if (typeof e != "number" || !Number.isFinite(e)) throw Error("Invalid value: expected a finite number or null.");
 	return e;
 };
-function di(e, t) {
+function fi(e, t) {
 	if (e === null || t === null) return {
 		change: null,
 		ratio: null
@@ -6045,14 +6090,14 @@ function di(e, t) {
 		ratio: e > 0 ? n / e : null
 	};
 }
-function fi(e, t, n, r, i = "change") {
+function pi(e, t, n, r, i = "change") {
 	let a = (e, t) => e[t], o = We(e, {
 		id: (e) => String(a(e, t) ?? ""),
 		label: (e) => String(a(e, t) ?? "")
 	}, () => 0).map(({ id: e, label: t, datum: i }) => {
 		let o, s;
 		try {
-			o = ui(a(i, n)), s = ui(a(i, r));
+			o = di(a(i, n)), s = di(a(i, r));
 		} catch {
 			throw Error(`Invalid value for category "${e}": expected a finite number or null.`);
 		}
@@ -6061,7 +6106,7 @@ function fi(e, t, n, r, i = "change") {
 			label: t,
 			from: o,
 			to: s,
-			...di(o, s)
+			...fi(o, s)
 		};
 	});
 	if (i === "input") return o;
@@ -6071,19 +6116,19 @@ function fi(e, t, n, r, i = "change") {
 		return n === null || r === null ? n === r ? 0 : n === null ? 1 : -1 : r - n;
 	});
 }
-function pi(e, t = "sum") {
+function mi(e, t = "sum") {
 	let n = 0, r = 0, i = 0, a = 0, o = 0;
 	for (let t of e) t.to !== null && (n += t.to, r += 1), t.from !== null && t.to !== null && (i += t.from, a += t.to, o += 1);
 	let s = t === "mean";
 	return {
 		to: r ? s ? n / r : n : null,
-		...o ? di(s ? i / o : i, s ? a / o : a) : {
+		...o ? fi(s ? i / o : i, s ? a / o : a) : {
 			change: null,
 			ratio: null
 		}
 	};
 }
-function mi(e) {
+function hi(e) {
 	let t = e.flatMap((e) => [e.from, e.to].filter((e) => e !== null));
 	if (!t.length) return [0, 1];
 	let [n, r] = at(t);
@@ -6094,7 +6139,7 @@ function mi(e) {
 	let i = (r - n) * .06;
 	return [n - i, r + i];
 }
-function hi(e, t, n, r) {
+function gi(e, t, n, r) {
 	let i = e.map((e, t) => ({
 		target: e,
 		index: t
@@ -6121,24 +6166,24 @@ function hi(e, t, n, r) {
 }
 //#endregion
 //#region src/cards/slope-chart-card.tsx
-var gi = {
+var _i = {
 	opacity: 0,
 	filter: "blur(3px)",
 	transition: { duration: .32 }
-}, _i = [], vi = 6.6, yi = 17;
-function bi(e, t) {
+}, vi = [], yi = 6.6, bi = 17;
+function xi(e, t) {
 	return e === null || e === 0 || t === "neutral" ? "neutral" : e > 0 == (t !== "inverse") ? "positive" : "negative";
 }
-var xi = (e) => e === null ? "" : `${e >= 0 ? "+" : "−"}${Math.abs(e * 100).toFixed(1)}%`;
-function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", data: r, category: i, from: a, to: o, fromLabel: s = a, toLabel: c = o, variant: l = "slope", depth: u = !1, sort: f = "change", aggregate: p = "sum", headline: m, delta: h, deltaTone: g = "default", range: _, ranges: v, defaultRange: y, color: b, height: x = 260, valueFormat: ee, locale: te, formatValue: S, surface: ie = "elevated", badge: ae, numberStyle: w, palette: oe, loading: T = !1, loadingStyle: se = "shimmer", empty: E = "dots", motion: D = "auto", className: O, style: ce }) {
+var Si = (e) => e === null ? "" : `${e >= 0 ? "+" : "−"}${Math.abs(e * 100).toFixed(1)}%`;
+function Ci({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", data: r, category: i, from: a, to: o, fromLabel: s = a, toLabel: c = o, variant: l = "slope", depth: u = !1, sort: f = "change", aggregate: p = "sum", headline: m, delta: h, deltaTone: g = "default", range: _, ranges: v, defaultRange: y, color: b, height: x = 260, valueFormat: ee, locale: te, formatValue: S, surface: ie = "elevated", badge: ae, numberStyle: w, palette: oe, loading: T = !1, loadingStyle: se = "shimmer", empty: E = "dots", motion: D = "auto", className: O, style: ce }) {
 	let k = Te(D), A = re(T, k), j = he({
 		valueFormat: ee,
 		locale: te,
 		formatValue: S
-	}), [M, N] = X(y ?? v?.[0]?.id), P = v?.find((e) => e.id === M) ?? v?.[0], F = P?.data ?? r ?? _i, I = Qe(() => {
+	}), [M, N] = X(y ?? v?.[0]?.id), P = v?.find((e) => e.id === M) ?? v?.[0], F = P?.data ?? r ?? vi, I = Qe(() => {
 		try {
 			return {
-				rows: fi(F, i, a, o, f),
+				rows: pi(F, i, a, o, f),
 				error: null
 			};
 		} catch (e) {
@@ -6153,19 +6198,21 @@ function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", da
 		a,
 		o,
 		f
-	]), L = I.rows, R = Qe(() => pi(L, p), [L, p]), le = Qe(() => mi(L), [L]), [ue, z] = X(null), [B, V] = X(null), [H, de] = X(null), U = H ?? B ?? ue, fe = L.find((e) => e.id === U) ?? null, pe = $e(/* @__PURE__ */ new Map()), me = Vt({
-		resolve: Bt,
+	]), L = I.rows, R = Qe(() => mi(L, p), [L, p]), le = Qe(() => hi(L), [L]), [ue, z] = X(null), [B, V] = X(null), [H, de] = X(null), U = H ?? B ?? ue, fe = L.find((e) => e.id === U) ?? null, pe = $e(/* @__PURE__ */ new Map()), me = Ht({
+		resolve: Vt,
 		onGlide: z,
 		onLift: (e) => e !== null && de(e),
+		pinned: H !== null,
+		onRelease: () => de(null),
 		disabled: T
-	}), W = P?.headline ?? m ?? R.to, G = P ? P.delta ?? R.ratio : h ?? R.ratio, ge = (e) => e === null ? "No data" : j.value(e), _e = (e) => `${e.label}: ${s} ${ge(e.from)}, ${c} ${ge(e.to)}${e.ratio === null ? "" : `, ${xi(e.ratio)}`}`, ve = (e, t) => {
+	}), W = P?.headline ?? m ?? R.to, G = P ? P.delta ?? R.ratio : h ?? R.ratio, ge = (e) => e === null ? "No data" : j.value(e), _e = (e) => `${e.label}: ${s} ${ge(e.from)}, ${c} ${ge(e.to)}${e.ratio === null ? "" : `, ${Si(e.ratio)}`}`, ve = (e, t) => {
 		let n = t;
 		if (e.key === "ArrowDown" || e.key === "ArrowRight") n = Math.min(L.length - 1, t + 1);
 		else if (e.key === "ArrowUp" || e.key === "ArrowLeft") n = Math.max(0, t - 1);
 		else if (e.key === "Home") n = 0;
 		else if (e.key === "End") n = L.length - 1;
 		else if (e.key === "Escape") {
-			de(null);
+			e.preventDefault(), de(null);
 			return;
 		} else if (e.key === "Enter" || e.key === " ") {
 			e.preventDefault();
@@ -6183,7 +6230,7 @@ function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", da
 		"aria-pressed": H === e.id,
 		"data-active": e.id === fe?.id || void 0,
 		"data-muted": fe !== null && e.id !== fe.id || void 0,
-		"data-tone": b ? void 0 : bi(e.change, g),
+		"data-tone": b ? void 0 : xi(e.change, g),
 		"data-glide-id": e.id,
 		onPointerEnter: () => z(e.id),
 		onPointerLeave: () => z(null),
@@ -6247,7 +6294,7 @@ function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", da
 			/* @__PURE__ */ Q(C, {
 				leaving: A,
 				origin: "left",
-				children: T ? /* @__PURE__ */ Q(Ci, {
+				children: T ? /* @__PURE__ */ Q(wi, {
 					height: x,
 					variant: l,
 					depth: u,
@@ -6271,7 +6318,7 @@ function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", da
 						children: L.map((e, t) => {
 							let n = (e) => (e - le[0]) / (le[1] - le[0]) * 100, r = e.from === null ? null : n(e.from), i = e.to === null ? null : n(e.to), a = k ? 0 : K(t, L.length, 140) / 1e3;
 							return /* @__PURE__ */ Q(nt.li, {
-								exit: gi,
+								exit: _i,
 								children: /* @__PURE__ */ $("button", {
 									type: "button",
 									className: "lilt-slope__row",
@@ -6327,14 +6374,14 @@ function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", da
 										}),
 										/* @__PURE__ */ Q("span", {
 											className: "lilt-slope__change",
-											children: xi(e.ratio) || "—"
+											children: Si(e.ratio) || "—"
 										})
 									]
 								})
 							}, e.id);
 						})
 					})
-				}) : /* @__PURE__ */ Q(wi, {
+				}) : /* @__PURE__ */ Q(Ti, {
 					rows: L,
 					domain: le,
 					height: x,
@@ -6351,7 +6398,7 @@ function Si({ title: e, header: t = !0, "aria-label": n = e || "Slope chart", da
 		]
 	});
 }
-function Ci({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "data-skeleton-leaving": a }) {
+function wi({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "data-skeleton-leaving": a }) {
 	let { ref: o, width: s } = ee(), c = s || 320, l = `lilt-slope-loading-${Xe().replace(/:/g, "")}`, u = [
 		.18,
 		.34,
@@ -6379,7 +6426,7 @@ function Ci({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "dat
 				cx: t,
 				cy: r,
 				r: i,
-				fill: e ? "white" : n ? `url(#${l})` : Jt
+				fill: e ? "white" : n ? `url(#${l})` : Yt
 			})
 		});
 		return /* @__PURE__ */ $("g", { children: [
@@ -6387,7 +6434,7 @@ function Ci({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "dat
 				d: `M${t},${i}L${r},${a}`,
 				fill: "none",
 				transform: e.transform,
-				stroke: w(Jt, e.amount),
+				stroke: w(Yt, e.amount),
 				strokeWidth: e.strokeWidth,
 				...c
 			}, n)) : /* @__PURE__ */ Q("line", {
@@ -6395,7 +6442,7 @@ function Ci({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "dat
 				x2: r,
 				y1: i,
 				y2: a,
-				stroke: e ? "white" : Jt,
+				stroke: e ? "white" : Yt,
 				strokeWidth: 2.5,
 				...c
 			}),
@@ -6415,8 +6462,8 @@ function Ci({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "dat
 			viewBox: `0 0 ${c} ${e}`,
 			children: [n ? /* @__PURE__ */ Q("defs", { children: /* @__PURE__ */ Q(H, {
 				id: l,
-				color: Jt
-			}) }) : null, /* @__PURE__ */ Q(Xt, {
+				color: Yt
+			}) }) : null, /* @__PURE__ */ Q(Zt, {
 				width: c,
 				height: e,
 				reduced: r,
@@ -6428,10 +6475,10 @@ function Ci({ height: e, variant: t, depth: n, reduced: r, loadingStyle: i, "dat
 		})
 	});
 }
-function wi({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a, format: o, reduced: s, handlers: c, glideRef: l, depth: u }) {
+function Ti({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a, format: o, reduced: s, handlers: c, glideRef: l, depth: u }) {
 	let { ref: d, width: f } = ee(), p = `lilt-slope-${Xe().replace(/:/g, "")}`, m = "var(--lilt-slope-ink)", h = Je((e) => {
 		d.current = e, l(e);
-	}, [l, d]), g = n - 10, _ = (e) => g - (e - t[0]) / (t[1] - t[0]) * (g - 30), v = (e) => e === null ? "No data" : o(e), y = Math.max(...e.map((e) => e.label.length + 1 + v(e.from).length)), b = Math.max(...e.map((e) => v(e.to).length + 1 + xi(e.ratio).length)), x = (y + b) * vi + 48 > f * .72, te = x ? Math.max(...e.map((e) => e.label.length)) : y, S = x ? Math.max(...e.map((e) => v(e.to).length)) : b, C = Math.min(f * .46, te * vi + 24), ne = Math.max(C + 40, f - Math.min(f * .36, S * vi + 24)), re = e.map((e) => e.from === null ? g : _(e.from)), ie = e.map((e) => e.to === null ? g : _(e.to)), ae = hi(re, yi, 36, g), oe = hi(ie, yi, 36, g), T = s ? { duration: 0 } : {
+	}, [l, d]), g = n - 10, _ = (e) => g - (e - t[0]) / (t[1] - t[0]) * (g - 30), v = (e) => e === null ? "No data" : o(e), y = Math.max(...e.map((e) => e.label.length + 1 + v(e.from).length)), b = Math.max(...e.map((e) => v(e.to).length + 1 + Si(e.ratio).length)), x = (y + b) * yi + 48 > f * .72, te = x ? Math.max(...e.map((e) => e.label.length)) : y, S = x ? Math.max(...e.map((e) => v(e.to).length)) : b, C = Math.min(f * .46, te * yi + 24), ne = Math.max(C + 40, f - Math.min(f * .36, S * yi + 24)), re = e.map((e) => e.from === null ? g : _(e.from)), ie = e.map((e) => e.to === null ? g : _(e.to)), ae = gi(re, bi, 36, g), oe = gi(ie, bi, 36, g), T = s ? { duration: 0 } : {
 		type: "spring",
 		duration: .65,
 		bounce: .12
@@ -6494,7 +6541,7 @@ function wi({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a,
 						return /* @__PURE__ */ $(nt.g, {
 							className: "lilt-slope__line",
 							role: "button",
-							exit: gi,
+							exit: _i,
 							...c(t, n),
 							children: [
 								u ? /* @__PURE__ */ Q("defs", { children: /* @__PURE__ */ Q(H, {
@@ -6613,7 +6660,7 @@ function wi({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a,
 									}), x || t.ratio === null ? null : /* @__PURE__ */ Q("tspan", {
 										className: "lilt-slope__ratio",
 										dx: 6,
-										children: xi(t.ratio)
+										children: Si(t.ratio)
 									})]
 								})
 							]
@@ -6626,8 +6673,8 @@ function wi({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a,
 }
 //#endregion
 //#region src/activity-ring.tsx
-var Ti = .54, Ei = 3.2, Di = "color-mix(in oklab, var(--lilt-grid), var(--lilt-surface) 20%)";
-function Oi(e, t, n, r, i = 60) {
+var Ei = .54, Di = 3.2, Oi = "color-mix(in oklab, var(--lilt-grid), var(--lilt-surface) 20%)";
+function ki(e, t, n, r, i = 60) {
 	if (!Number.isFinite(r) || r <= 0) throw Error("Lilt ActivityRing maximum must be positive and finite.");
 	if (!Number.isInteger(i) || i <= 0 || 1440 % i != 0) throw Error("Lilt ActivityRing bucketMinutes must divide a 24-hour day.");
 	let a = 1440 / i, o = Array.from({ length: a }, (e, t) => ({
@@ -6648,11 +6695,11 @@ function Oi(e, t, n, r, i = 60) {
 	}
 	return o;
 }
-var ki = (e) => {
+var Ai = (e) => {
 	let t = Math.round(e * 60);
 	return `${String(Math.floor(t / 60)).padStart(2, "0")}:${String(t % 60).padStart(2, "0")}`;
 };
-function Ai(e, t, n) {
+function ji(e, t, n) {
 	let r = Te(n), [i, a] = X(0), [o, s] = X(!0), c = $e(i), l = $e(!1);
 	return Ze(() => {
 		if (!e || !t || r) {
@@ -6682,12 +6729,12 @@ function Ai(e, t, n) {
 		reduced: r
 	};
 }
-function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dotDensity: a = 6, unit: o, formatValue: s = String, center: c, onSelectionChange: l, status: u = "ready", loadingStyle: d = "shimmer", skeletonLeaving: f, resetKey: p, motion: m = "auto", height: h = 320, depth: g = !1, className: _, "aria-label": v }) {
+function Mi({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dotDensity: a = 6, unit: o, formatValue: s = String, center: c, onSelectionChange: l, status: u = "ready", loadingStyle: d = "shimmer", skeletonLeaving: f, resetKey: p, motion: m = "auto", height: h = 320, depth: g = !1, className: _, "aria-label": v }) {
 	if (!o.trim()) throw Error("Lilt ActivityRing requires a measurement unit.");
 	if (!Number.isFinite(h) || h < 180) throw Error("Lilt ActivityRing height must be at least 180px.");
 	if (!Number.isInteger(a) || a < 1 || a > 24) throw Error("Lilt ActivityRing dotDensity must be an integer from 1 to 24.");
 	let y = Qe(() => u === "ready" ? {
-		slots: Oi(e, t, n, r, i),
+		slots: ki(e, t, n, r, i),
 		maximum: r,
 		bucketMinutes: i,
 		unit: o,
@@ -6716,13 +6763,13 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 		row: N.row,
 		value: N.value,
 		pinned: A === M
-	} : null, { progress: F, sweeping: I, reduced: L } = Ai(S, u === "ready", m), R = S?.map((e) => e.value == null ? 0 : Math.round(e.value / ne * a)) ?? [], le = $e(null), ue = $e([]), z = $e(0);
+	} : null, { progress: F, sweeping: I, reduced: L } = ji(S, u === "ready", m), R = S?.map((e) => e.value == null ? 0 : Math.round(e.value / ne * a)) ?? [], le = $e(null), ue = $e([]), z = $e(0);
 	Ze(() => {
 		le.current && (z.current += 1), ue.current = le.current ?? R;
 	}, [S]), Ze(() => {
 		F >= 1 && (le.current = R);
 	});
-	let B = $e(null), V = Vt({
+	let B = $e(null), V = Ht({
 		resolve: (e, t, n) => {
 			if (!S) return null;
 			let r = n.getBoundingClientRect(), i = e - r.left - r.width / T * se, a = t - r.top - r.height / T * D, o = Math.hypot(i, a) / (r.width / T || 1);
@@ -6732,7 +6779,9 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 		},
 		onGlide: k,
 		onLift: (e) => e !== null && j(e),
-		disabled: !S
+		disabled: !S,
+		pinned: A !== null,
+		onRelease: () => j(null)
 	}), H = Je((e) => {
 		B.current = e, V(e);
 	}, [V]);
@@ -6776,14 +6825,14 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 		let t = S?.[e], n = t?.value == null ? 0 : Math.round(t.value / ne * a), r = I ? Math.max(0, Math.min(1, (F - e / C * .7) / .3)) : 1, i = ue.current[e], o = Math.max(0, Math.min(1, (F - e / C * .35) / .65)), s = I ? Math.ceil(n * r) : i === void 0 || F >= 1 ? n : Math.round(i + (n - i) * o);
 		return Array.from({ length: a }, (t, n) => ({
 			dot: n,
-			...U(e, O * (Ti + n / Math.max(1, a - 1) * .5249999999999999)),
+			...U(e, O * (Ei + n / Math.max(1, a - 1) * .5249999999999999)),
 			filled: n < s,
 			active: M === e
 		}));
-	}, me = E(Ei), W = Array.from({ length: C }, (e, t) => {
+	}, me = E(Di), W = Array.from({ length: C }, (e, t) => {
 		let n = .5 - .5 * Math.cos((t / C * 2 - .25) * Math.PI), r = Math.max(1, Math.round(a * (.25 + .55 * n)));
-		return Array.from({ length: r }, (e, n) => U(t, O * (Ti + n / Math.max(1, a - 1) * .5249999999999999)));
-	}).flat(), G = P ? `${ki(P.hour)}: ${P.value === null ? "No data" : `${ie(P.value)} ${re}`}` : "No bucket selected.";
+		return Array.from({ length: r }, (e, n) => U(t, O * (Ei + n / Math.max(1, a - 1) * .5249999999999999)));
+	}).flat(), G = P ? `${Ai(P.hour)}: ${P.value === null ? "No data" : `${ie(P.value)} ${re}`}` : "No bucket selected.";
 	return /* @__PURE__ */ $("div", {
 		ref: ae,
 		className: ["lilt-activity", _].filter(Boolean).join(" "),
@@ -6831,7 +6880,7 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 								strokeWidth: (a ? 3.3 : 2.7) * 2,
 								strokeLinecap: "round",
 								style: {
-									stroke: w(i ? "var(--lilt-series-1)" : Di, -38),
+									stroke: w(i ? "var(--lilt-series-1)" : Oi, -38),
 									opacity: 1
 								}
 							}, `${t}-${e}`)))
@@ -6857,7 +6906,7 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 										cx: t,
 										cy: n,
 										r: i ? 3.3 : 2.7,
-										fill: r ? "var(--lilt-series-1)" : g ? Di : "var(--lilt-grid)",
+										fill: r ? "var(--lilt-series-1)" : g ? Oi : "var(--lilt-grid)",
 										opacity: r || g ? 1 : .8
 									}, e)),
 									r ? /* @__PURE__ */ Q("circle", {
@@ -6873,7 +6922,7 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 						}) }),
 						!S && u === "loading" ? /* @__PURE__ */ Q("g", {
 							"data-skeleton-leaving": f,
-							children: /* @__PURE__ */ Q(Xt, {
+							children: /* @__PURE__ */ Q(Zt, {
 								width: T,
 								height: T,
 								reduced: L,
@@ -6893,7 +6942,7 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 										y1: e.y,
 										x2: e.x + me.dx,
 										y2: e.y + me.dy,
-										stroke: w(Jt, -38),
+										stroke: w(Yt, -38),
 										strokeWidth: 5.4,
 										strokeLinecap: "round"
 									}) : null, /* @__PURE__ */ Q("circle", {
@@ -6901,7 +6950,7 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 										cx: e.x,
 										cy: e.y,
 										r: 2.7,
-										style: g ? { fill: w(Jt, 12) } : void 0
+										style: g ? { fill: w(Yt, 12) } : void 0
 									})]
 								}, t))
 							})
@@ -6944,27 +6993,27 @@ function ji({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 }
 //#endregion
 //#region src/cards/activity-ring-card.tsx
-var Mi = [], Ni = 280;
-function Pi(e) {
+var Ni = [], Pi = 280;
+function Fi(e) {
 	let t = Math.round(e * 60) % 1440;
 	return `${String(Math.floor(t / 60)).padStart(2, "0")}:${String(t % 60).padStart(2, "0")}`;
 }
-function Fi(e, t) {
+function Ii(e, t) {
 	return e.includes("bucketMinutes") ? "`bucketMinutes` must divide a day evenly, like 15, 20, 30, 40, or 60." : e.includes("bucket-aligned") ? `Every time must fall on a ${t}-minute slot between 0 and 24, once.` : e.includes("within [0, maximum]") ? "Values must be zero or more and no higher than `maximum`." : e;
 }
-function Ii({ title: e, header: t = !0, "aria-label": n = e || "Activity ring", data: r, hour: i, value: a, bucketMinutes: o = 60, unit: s, maximum: c, aggregate: l = "sum", height: u = Ni, depth: f = !1, headline: p, delta: m, deltaTone: h, range: g, ranges: _, defaultRange: v, valueFormat: y, locale: b, formatValue: x, color: ee, surface: te = "elevated", badge: S, numberStyle: C, palette: ie, loading: ae = !1, loadingStyle: w = "shimmer", empty: oe = "dots", motion: T = "auto", className: se, style: E }) {
+function Li({ title: e, header: t = !0, "aria-label": n = e || "Activity ring", data: r, hour: i, value: a, bucketMinutes: o = 60, unit: s, maximum: c, aggregate: l = "sum", height: u = Pi, depth: f = !1, headline: p, delta: m, deltaTone: h, range: g, ranges: _, defaultRange: v, valueFormat: y, locale: b, formatValue: x, color: ee, surface: te = "elevated", badge: S, numberStyle: C, palette: ie, loading: ae = !1, loadingStyle: w = "shimmer", empty: oe = "dots", motion: T = "auto", className: se, style: E }) {
 	let D = he({
 		valueFormat: y,
 		locale: b,
 		formatValue: x
-	}), O = re(ae, Te(T)), [ce, k] = X(v ?? _?.[0]?.id), A = _?.find((e) => e.id === ce) ?? _?.[0], j = A?.data ?? r ?? Mi, M = A ? A.delta : m, N = s?.trim() || a, P = Je((e) => e[i], [i]), F = Je((e) => {
+	}), O = re(ae, Te(T)), [ce, k] = X(v ?? _?.[0]?.id), A = _?.find((e) => e.id === ce) ?? _?.[0], j = A?.data ?? r ?? Ni, M = A ? A.delta : m, N = s?.trim() || a, P = Je((e) => e[i], [i]), F = Je((e) => {
 		let t = e[a];
 		return typeof t == "number" && Number.isFinite(t) ? t : null;
 	}, [a]), I = Qe(() => {
 		let e = j.map(F).filter((e) => e !== null), t = Math.max(0, ...e), n = c ?? rt().domain([0, Math.max(1, t)]).nice(4).domain()[1];
 		try {
 			return {
-				slots: Oi(j, P, F, n, o),
+				slots: ki(j, P, F, n, o),
 				maximum: n,
 				error: null
 			};
@@ -6972,7 +7021,7 @@ function Ii({ title: e, header: t = !0, "aria-label": n = e || "Activity ring",
 			return {
 				slots: [],
 				maximum: n,
-				error: Fi(e instanceof Error ? e.message : "Invalid activity.", o)
+				error: Ii(e instanceof Error ? e.message : "Invalid activity.", o)
 			};
 		}
 	}, [
@@ -7009,7 +7058,7 @@ function Ii({ title: e, header: t = !0, "aria-label": n = e || "Activity ring",
 				format: D.value,
 				loading: ae,
 				motion: T,
-				children: ae ? null : L ? /* @__PURE__ */ $(ke, { children: [Pi(L.hour), L.value === null ? " · No data" : ` · ${N}`] }) : !U && M !== void 0 ? /* @__PURE__ */ Q(Ae, {
+				children: ae ? null : L ? /* @__PURE__ */ $(ke, { children: [Fi(L.hour), L.value === null ? " · No data" : ` · ${N}`] }) : !U && M !== void 0 ? /* @__PURE__ */ Q(Ae, {
 					value: M,
 					tone: h
 				}) : null
@@ -7022,7 +7071,7 @@ function Ii({ title: e, header: t = !0, "aria-label": n = e || "Activity ring",
 			state: oe,
 			shape: "ring"
 		}) : /* @__PURE__ */ $(Z, { children: [
-			/* @__PURE__ */ Q(ji, {
+			/* @__PURE__ */ Q(Mi, {
 				loadingStyle: w,
 				className: "lilt-activity-card__ring",
 				depth: f,
@@ -7041,20 +7090,20 @@ function Ii({ title: e, header: t = !0, "aria-label": n = e || "Activity ring",
 				motion: T,
 				resetKey: A?.id,
 				onSelectionChange: le,
-				center: ae ? /* @__PURE__ */ Q(Z, {}) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("strong", { children: z ? D.value(z.value) : "—" }), /* @__PURE__ */ Q("span", { children: z ? `peak · ${Pi(z.hour)}` : "no data" })] })
+				center: ae ? /* @__PURE__ */ Q(Z, {}) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("strong", { children: z ? D.value(z.value) : "—" }), /* @__PURE__ */ Q("span", { children: z ? `peak · ${Fi(z.hour)}` : "no data" })] })
 			}),
 			/* @__PURE__ */ Q(fe, {
 				className: "lilt-card__tiles",
 				"aria-label": `${n}: busiest and quietest times`,
 				items: [{
 					id: "busiest",
-					label: z && !ae ? `Busiest · ${Pi(z.hour)}` : "Busiest",
+					label: z && !ae ? `Busiest · ${Fi(z.hour)}` : "Busiest",
 					color: "var(--lilt-series-1)",
 					value: z?.value ?? null,
 					formattedValue: z ? D.value(z.value) : "No data"
 				}, {
 					id: "quietest",
-					label: B && !ae ? `Quietest · ${Pi(B.hour)}` : "Quietest",
+					label: B && !ae ? `Quietest · ${Fi(B.hour)}` : "Quietest",
 					color: "color-mix(in srgb, var(--lilt-series-1) 30%, transparent)",
 					value: B?.value ?? null,
 					formattedValue: B ? D.value(B.value) : "No data"
@@ -7075,4 +7124,4 @@ function Ii({ title: e, header: t = !0, "aria-label": n = e || "Activity ring",
 	});
 }
 //#endregion
-export { Ii as ActivityRingCard, Le as AnimatedNumber, D as Annotations, u as Area, Gt as AreaChartCard, oe as Bar, qt as BarChartCard, jt as BoxPlot, li as BoxPlotCard, dr as CalendarHeatmapCard, Oe as CardBadge, Ne as CardFrameContext, Rt as ChangeComparison, T as Chart, xt as ChartBrush, Ie as ChartCard, ke as ChartCardCaption, Ae as ChartCardDelta, Fe as ChartCardHeader, Pe as ChartCardRange, Me as ChartCardTitle, je as ChartCardValue, De as ChartComponentsProvider, f as ChartEmpty, ft as ChartOverview, p as ChartPlot, Wt as ChartRangeSummary, ut as ChartReadout, lt as ChartToolbar, mn as ComboChartCard, ct as ComparisonDetails, Et as ErrorBar, Hn as FunnelChartCard, Se as Grid, Qn as HeatmapChartCard, pn as HorizontalBarChartCard, y as IntervalBand, Lt as Legend, be as Line, Kt as LineChartCard, Mn as ProgressCard, si as RadarChartCard, On as RadialChartCard, wt as RangeBar, ci as RangeChartCard, k as ReferenceBand, ve as ReferenceLine, Jr as SankeyChartCard, Mr as ScatterChartCard, Si as SlopeChartCard, on as StatCard, vr as StripChartCard, mr as TimelineChartCard, te as Tooltip, sr as TreemapChartCard, fe as ValueLegend, ie as XAxis, q as YAxis, M as createCartesianChartModel, Y as createChartController, Pt as serializeChartSvg, Mt as summarizeBox, Ke as summarizeFunnelStages, Ve as summarizeRange, Be as toChartCsv, ae as useCartesianChartModel, ye as useCartesianModelState, xe as useChartComparison, P as useChartState, c as useChartSync };
+export { Li as ActivityRingCard, Le as AnimatedNumber, D as Annotations, u as Area, Kt as AreaChartCard, oe as Bar, Jt as BarChartCard, jt as BoxPlot, ui as BoxPlotCard, fr as CalendarHeatmapCard, Oe as CardBadge, Ne as CardFrameContext, Rt as ChangeComparison, T as Chart, xt as ChartBrush, Ie as ChartCard, ke as ChartCardCaption, Ae as ChartCardDelta, Fe as ChartCardHeader, Pe as ChartCardRange, Me as ChartCardTitle, je as ChartCardValue, De as ChartComponentsProvider, f as ChartEmpty, ft as ChartOverview, p as ChartPlot, Gt as ChartRangeSummary, ut as ChartReadout, lt as ChartToolbar, hn as ComboChartCard, ct as ComparisonDetails, Et as ErrorBar, Un as FunnelChartCard, Se as Grid, $n as HeatmapChartCard, mn as HorizontalBarChartCard, y as IntervalBand, Lt as Legend, be as Line, qt as LineChartCard, Nn as ProgressCard, ci as RadarChartCard, kn as RadialChartCard, wt as RangeBar, li as RangeChartCard, k as ReferenceBand, ve as ReferenceLine, Yr as SankeyChartCard, Nr as ScatterChartCard, Ci as SlopeChartCard, sn as StatCard, yr as StripChartCard, hr as TimelineChartCard, te as Tooltip, cr as TreemapChartCard, fe as ValueLegend, ie as XAxis, q as YAxis, M as createCartesianChartModel, Y as createChartController, Pt as serializeChartSvg, Mt as summarizeBox, Ke as summarizeFunnelStages, Ve as summarizeRange, Be as toChartCsv, ae as useCartesianChartModel, ye as useCartesianModelState, xe as useChartComparison, P as useChartState, c as useChartSync };