@lilt-ui/charts 0.3.0 → 0.4.0

package/dist/index.js

@@ -1,17 +1,17 @@
 "use client";
-import { A as e, B as t, C as n, E as r, F as i, G as a, H as o, I as s, J as c, K as l, L as u, M as d, N as f, O as p, P as m, Q as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as ee, b as E, c as D, d as O, f as k, g as te, h as A, j, k as M, l as N, m as P, n as F, o as ne, p as I, q as L, r as R, s as z, t as B, u as V, v as H, w as U, x as W, y as G, z as re } from "./cartesian-card-Dcd0ZnQL.js";
-import { n as K, t as q } from "./chart-data-CCwLQeXa.js";
-import { S as ie, _ as J, b as ae, c as oe, d as se, f as ce, g as le, h as ue, l as de, m as fe, p as pe, u as me, x as he } from "./report-context-Cz0AYdV2.js";
-import { a as ge, i as _e, n as ve, r as Y, t as ye } from "./analysis-BJRmXHOB.js";
-import { useCallback as be, useEffect as xe, useId as Se, useLayoutEffect as Ce, useMemo as we, useRef as Te, useState as X, useSyncExternalStore as Ee } from "react";
+import { A as e, B as t, C as n, E as r, F as i, G as a, H as o, I as s, J as c, K as l, L as u, M as d, N as f, O as p, P as m, Q as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as ee, b as E, c as D, d as O, f as k, g as te, h as A, j, k as M, l as N, m as P, n as F, o as ne, p as I, q as L, r as R, s as z, t as B, u as V, v as H, w as U, x as W, y as G, z as re } from "./cartesian-card-Cj1o38DC.js";
+import { n as ie, t as K } from "./chart-data-CCwLQeXa.js";
+import { S as ae, _ as q, b as oe, c as se, d as ce, f as le, g as ue, h as de, l as J, m as fe, p as pe, u as me, x as he } from "./report-context-Cz0AYdV2.js";
+import { a as ge, i as _e, n as ve, r as ye, t as be } from "./analysis-BJRmXHOB.js";
+import { useCallback as xe, useEffect as Y, useId as Se, useLayoutEffect as Ce, useMemo as we, useRef as Te, useState as X, useSyncExternalStore as Ee } from "react";
 import { Fragment as De, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { AnimatePresence as Oe, motion as ke } from "motion/react";
-import { scaleLinear as Ae } from "d3-scale";
-import { arc as je } from "d3-shape";
-import { animate as Me } from "motion";
-import { quantileSorted as Ne } from "d3-array";
+import { AnimatePresence as Oe, motion as $ } from "motion/react";
+import { scaleLinear as ke } from "d3-scale";
+import { arc as Ae } from "d3-shape";
+import { animate as je } from "motion";
+import { quantileSorted as Me } from "d3-array";
 //#region src/toolkit/comparison-details.tsx
-function Pe({ comparison: e, className: t }) {
+function Ne({ comparison: e, className: t }) {
 	let n = e.motion === "none" ? 0 : 150;
 	return /* @__PURE__ */ Q("div", {
 		className: ["lilt-comparison-details", t].filter(Boolean).join(" "),
@@ -118,7 +118,7 @@ function Pe({ comparison: e, className: t }) {
 }
 //#endregion
 //#region src/toolkit/chart-toolbar.tsx
-function Fe({ actions: e, className: t }) {
+function Pe({ actions: e, className: t }) {
 	let n = w();
 	return /* @__PURE__ */ Q("div", {
 		className: ["lilt-chart__toolbar", t].filter(Boolean).join(" "),
@@ -138,7 +138,7 @@ function Fe({ actions: e, className: t }) {
 }
 //#endregion
 //#region src/toolkit/chart-readout.tsx
-function Ie({ className: e }) {
+function Fe({ className: e }) {
 	let t = w();
 	return t.readout ? /* @__PURE__ */ Z("div", {
 		className: ["lilt-chart__readout", e].filter(Boolean).join(" "),
@@ -150,7 +150,7 @@ function Ie({ className: e }) {
 }
 //#endregion
 //#region src/interaction/focus-overview.tsx
-function Le({ snapshot: e, range: t, series: n }) {
+function Ie({ snapshot: e, range: t, series: n }) {
 	let r = e.geometry?.series[n], i = e.xToPixel(t.startX), a = e.xToPixel(t.endX);
 	return /* @__PURE__ */ Z("div", {
 		className: "lilt-chart__overview",
@@ -189,28 +189,28 @@ function Le({ snapshot: e, range: t, series: n }) {
 }
 //#endregion
 //#region src/toolkit/chart-overview.tsx
-function Re({ className: e }) {
+function Le({ className: e }) {
 	let t = w();
 	return t.overview ? /* @__PURE__ */ Z("div", {
 		className: ["lilt-chart__overview-host", e].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ Z(Le, { ...t.overview })
+		children: /* @__PURE__ */ Z(Ie, { ...t.overview })
 	}) : null;
 }
 //#endregion
 //#region src/interaction/brush-gesture.ts
-function ze(e, t, n) {
+function Re(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function Be(e, t, n) {
-	if (e.kind === "start") return [ze(t, 0, e.end - 1), e.end];
-	if (e.kind === "end") return [e.start, ze(t, e.start + 1, n)];
+function ze(e, t, n) {
+	if (e.kind === "start") return [Re(t, 0, e.end - 1), e.end];
+	if (e.kind === "end") return [e.start, Re(t, e.start + 1, n)];
 	if (e.kind === "move") {
-		let r = e.end - e.start, i = ze(e.start + t - e.anchor, 0, n - r);
+		let r = e.end - e.start, i = Re(e.start + t - e.anchor, 0, n - r);
 		return [i, i + r];
 	}
-	return t === e.anchor ? t - e.start <= e.end - t ? [ze(t, 0, e.end - 1), e.end] : [e.start, ze(t, e.start + 1, n)] : [Math.min(e.anchor, t), Math.max(e.anchor, t)];
+	return t === e.anchor ? t - e.start <= e.end - t ? [Re(t, 0, e.end - 1), e.end] : [e.start, Re(t, e.start + 1, n)] : [Math.min(e.anchor, t), Math.max(e.anchor, t)];
 }
-function Ve() {
+function Be() {
 	let e = null;
 	return {
 		get active() {
@@ -220,11 +220,11 @@ function Ve() {
 			e = t;
 		},
 		move(t, n) {
-			return e ? Be(e, t, n) : null;
+			return e ? ze(e, t, n) : null;
 		},
 		finish(t, n) {
 			let r = e;
-			return e = null, r ? Be(r, t, n) : null;
+			return e = null, r ? ze(r, t, n) : null;
 		},
 		cancel() {
 			e = null;
@@ -233,12 +233,12 @@ function Ve() {
 }
 //#endregion
 //#region src/interaction/brush-view.tsx
-var He = 14, Ue = 1e3, We = 56;
-function Ge(e, t, n) {
+var Ve = 14, He = 1e3, Ue = 56;
+function We(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }) {
-	let a = e.data.rows, o = a.length - 1, s = a[0].x, c = a[o].x, l = Te(null), u = Te(Ve()), [d, f] = X(null), [p, m] = X(null), [h, g] = X(null), _ = Se().replace(/:/g, ""), v = `lilt-brush-clip-${_}`, y = `lilt-brush-fill-${_}`, b = `lilt-brush-hint-${_}`, x = (e) => {
+function Ge({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }) {
+	let a = e.data.rows, o = a.length - 1, s = a[0].x, c = a[o].x, l = Te(null), u = Te(Be()), [d, f] = X(null), [p, m] = X(null), [h, g] = X(null), _ = Se().replace(/:/g, ""), v = `lilt-brush-clip-${_}`, y = `lilt-brush-fill-${_}`, b = `lilt-brush-hint-${_}`, x = (e) => {
 		let t = 0, n = o;
 		for (; t < n;) {
 			let r = Math.floor((t + n) / 2);
@@ -249,7 +249,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 	}, S = t ? x(Math.min(t.startX, t.endX)) : 0, C = t ? x(Math.max(t.startX, t.endX)) : o, [w, T] = d ?? [S, C], ee = (e) => {
 		let t = l.current?.getBoundingClientRect();
 		if (!t || t.width <= 28) return 0;
-		let n = Ge((e - t.left - He) / (t.width - 28), 0, 1);
+		let n = We((e - t.left - Ve) / (t.width - 28), 0, 1);
 		return x(s + n * (c - s));
 	}, E = (e, t) => {
 		e >= t || e === S && t === C || i(e === 0 && t === o ? null : {
@@ -275,7 +275,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 	}, te = () => {
 		u.current.cancel(), f(null);
 	};
-	xe(() => {
+	Y(() => {
 		let e = (e) => {
 			let t = u.current.active;
 			e.key === "Escape" && t && (e.preventDefault(), e.stopImmediatePropagation(), u.current.cancel(), f(null), l.current?.hasPointerCapture(t.pointerId) && l.current.releasePointerCapture(t.pointerId));
@@ -308,13 +308,13 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 			default: return;
 		}
 		e.preventDefault(), e.stopPropagation();
-		let s = Ge(a, r, i);
+		let s = We(a, r, i);
 		t === "start" ? E(s, T) : E(w, s);
-	}, j = (e) => (a[e].x - s) / Math.max(1e-9, c - s) * 100, M = j(w), N = j(T), P = e.geometry?.series[n], F = e.geometry?.bars[n] ?? [], ne = (t) => (t - e.plot.left) / Math.max(1, e.plot.width) * Ue, I = (t) => 5 + (t - e.plot.top) / Math.max(1, e.plot.height) * 46, L = P?.segments.map((e) => {
+	}, j = (e) => (a[e].x - s) / Math.max(1e-9, c - s) * 100, M = j(w), N = j(T), P = e.geometry?.series[n], F = e.geometry?.bars[n] ?? [], ne = (t) => (t - e.plot.left) / Math.max(1, e.plot.width) * He, I = (t) => 5 + (t - e.plot.top) / Math.max(1, e.plot.height) * 46, L = P?.segments.map((e) => {
 		let t = e.points[0], n = e.points[e.points.length - 1], r = [`M${ne(t.x)},${I(t.y)}`, ...e.pieces.map((e) => e.kind === "line" ? `L${ne(e.to.x)},${I(e.to.y)}` : `C${ne(e.control1.x)},${I(e.control1.y)} ${ne(e.control2.x)},${I(e.control2.y)} ${ne(e.to.x)},${I(e.to.y)}`)].join(" ");
 		return {
 			path: r,
-			area: `${r} L${ne(n.x)},${We} L${ne(t.x)},${We} Z`
+			area: `${r} L${ne(n.x)},${Ue} L${ne(t.x)},${Ue} Z`
 		};
 	}), R = w === 0 && T === o, z = d ? `${e.formatX(a[w].x)}–${e.formatX(a[T].x)} · ${T - w + 1} observations` : R ? "Full range" : `${T - w + 1} observations`, B = r || d ? { duration: 0 } : {
 		type: "spring",
@@ -323,7 +323,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 		mass: .85
 	}, V = F.map((t) => /* @__PURE__ */ Z("rect", {
 		height: Math.max(1, t.height / Math.max(1, e.plot.height) * 46),
-		width: Math.max(1, t.width / Math.max(1, e.plot.width) * Ue),
+		width: Math.max(1, t.width / Math.max(1, e.plot.width) * He),
 		x: ne(t.x),
 		y: I(t.y)
 	}, t.valueX)), H = /* @__PURE__ */ Q(De, { children: [L?.map(({ path: e }, t) => /* @__PURE__ */ Z("path", { d: e }, t)), P?.isolated.map((e, t) => /* @__PURE__ */ Z("circle", {
@@ -371,7 +371,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 				children: /* @__PURE__ */ Q("div", {
 					className: "lilt-chart__brush-rail",
 					children: [
-						/* @__PURE__ */ Z(ke.span, {
+						/* @__PURE__ */ Z($.span, {
 							"aria-hidden": "true",
 							className: "lilt-chart__brush-selection",
 							initial: !1,
@@ -386,15 +386,15 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 						/* @__PURE__ */ Q("svg", {
 							"aria-hidden": "true",
 							preserveAspectRatio: "none",
-							viewBox: `0 0 ${Ue} ${We}`,
+							viewBox: `0 0 ${He} ${Ue}`,
 							children: [/* @__PURE__ */ Q("defs", { children: [/* @__PURE__ */ Z("clipPath", {
 								id: v,
-								children: /* @__PURE__ */ Z(ke.rect, {
+								children: /* @__PURE__ */ Z($.rect, {
 									animate: {
 										x: M * 10,
 										width: (N - M) * 10
 									},
-									height: We,
+									height: Ue,
 									initial: !1,
 									transition: B,
 									y: "0"
@@ -445,7 +445,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 								})
 							] })]
 						}),
-						/* @__PURE__ */ Z(ke.span, {
+						/* @__PURE__ */ Z($.span, {
 							"aria-hidden": "true",
 							className: "lilt-chart__brush-range-track",
 							initial: !1,
@@ -457,7 +457,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 						}),
 						["start", "end"].map((t) => {
 							let n = t === "start" ? w : T, i = j(n), s = p === t || h === t;
-							return /* @__PURE__ */ Z(ke.div, {
+							return /* @__PURE__ */ Z($.div, {
 								"aria-describedby": b,
 								"aria-label": `Range ${t}`,
 								"aria-orientation": "horizontal",
@@ -481,7 +481,7 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 								children: /* @__PURE__ */ Z("span", {
 									"aria-hidden": "true",
 									className: "lilt-chart__brush-tooltip-anchor",
-									children: /* @__PURE__ */ Z(Oe, { children: s ? /* @__PURE__ */ Z(ke.span, {
+									children: /* @__PURE__ */ Z(Oe, { children: s ? /* @__PURE__ */ Z($.span, {
 										className: "lilt-chart__brush-tooltip",
 										initial: !r && {
 											opacity: 0,
@@ -525,16 +525,16 @@ function Ke({ snapshot: e, range: t, seriesId: n, reducedMotion: r, onFocus: i }
 }
 //#endregion
 //#region src/toolkit/chart-brush.tsx
-function qe({ className: e }) {
+function Ke({ className: e }) {
 	let t = w();
 	return t.brush ? /* @__PURE__ */ Z("div", {
 		className: ["lilt-chart__brush-host", e].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ Z(Ke, { ...t.brush })
+		children: /* @__PURE__ */ Z(Ge, { ...t.brush })
 	}) : null;
 }
 //#endregion
 //#region src/primitives/range-bar.tsx
-var Je = j(function({ series: e, low: t, high: n, className: i }) {
+var qe = j(function({ series: e, low: t, high: n, className: i }) {
 	let a = E("RangeBar", e, [t, n], "column"), o = a.snapshot.data.rows;
 	_("RangeBar", o, e, [t, n]);
 	let s = new W();
@@ -571,7 +571,7 @@ var Je = j(function({ series: e, low: t, high: n, className: i }) {
 			style: { fill: d(i, t, a) }
 		});
 	}
-}), Ye = 3.25, $ = j(function({ series: e, low: t, high: n, point: r = !0, className: i }) {
+}), Je = 3.25, Ye = j(function({ series: e, low: t, high: n, point: r = !0, className: i }) {
 	let a = E("ErrorBar", e, [t, n], "column"), o = a.snapshot.data.rows;
 	_("ErrorBar", o, e, [
 		t,
@@ -583,7 +583,7 @@ var Je = j(function({ series: e, low: t, high: n, className: i }) {
 		let o = f(i, e, [t, n]), u = d(a.descriptor, i, a.color);
 		o && s.add(u, p(l, o[0], o[1], a.scales));
 		let m = i.values[e];
-		r && m != null && c.add(u, v(l, a.scales.y(m), Ye));
+		r && m != null && c.add(u, v(l, a.scales.y(m), Je));
 	}
 	return /* @__PURE__ */ Q("g", {
 		"aria-hidden": "true",
@@ -752,7 +752,7 @@ var $e = j(function(e) {
 function et(e) {
 	let t = e.filter((e) => Number.isFinite(e)).sort((e, t) => e - t);
 	if (!t.length) return null;
-	let n = Ne(t, .25), r = Ne(t, .5), i = Ne(t, .75), a = (i - n) * 1.5, o = t.filter((e) => e >= n - a && e <= i + a);
+	let n = Me(t, .25), r = Me(t, .5), i = Me(t, .75), a = (i - n) * 1.5, o = t.filter((e) => e >= n - a && e <= i + a);
 	return {
 		min: Math.min(o[0] ?? n, n),
 		q1: n,
@@ -1010,28 +1010,101 @@ function st(e, t) {
 		onChange: t
 	}, [
 		i,
-		be((e) => {
+		xe((e) => {
 			let t = a.current, n = typeof e == "function" ? e(t.selected) : e;
 			n !== t.selected && (t.controlled === void 0 && r(n), t.onChange?.(n));
 		}, []),
-		be(() => r(null), [])
+		xe(() => r(null), [])
 	];
 }
+function ct(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 lt(e) {
+	let t = Te(e);
+	t.current = e;
+	let { disabled: n } = e, [r, i] = X(null);
+	return Y(() => {
+		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);
+		}, l = () => {
+			i = null, e?.gliding && a && t.current.onGlide(s(a.clientX, a.clientY));
+		}, u = (e, t) => {
+			a = {
+				clientX: e,
+				clientY: t
+			}, i === null && (i = window.requestAnimationFrame(l));
+		}, d = () => {
+			if (e && !e.gliding) {
+				c(), e.gliding = !0;
+				try {
+					r.setPointerCapture?.(e.pointerId);
+				} catch {}
+				t.current.onGlide(s(e.x, e.y));
+			}
+		}, f = () => {
+			c(), i !== null && window.cancelAnimationFrame(i), i = null, a = null, e = null;
+		}, p = (t) => {
+			t.pointerType === "touch" && t.isPrimary && (f(), e = {
+				pointerId: t.pointerId,
+				x: t.clientX,
+				y: t.clientY,
+				gliding: !1,
+				hold: window.setTimeout(d, 320)
+			});
+		}, m = (t) => {
+			if (!e || t.pointerId !== e.pointerId) return;
+			if (e.gliding) {
+				u(t.clientX, t.clientY);
+				return;
+			}
+			let n = Math.abs(t.clientX - e.x), r = Math.abs(t.clientY - e.y);
+			if (!(Math.max(n, r) <= 8)) {
+				if (r >= n) {
+					c();
+					return;
+				}
+				d(), u(t.clientX, t.clientY);
+			}
+		}, h = (n) => {
+			if (!e || n.pointerId !== e.pointerId) return;
+			let { gliding: r, hold: i } = e, a = !r && i !== null;
+			f();
+			let c = s(n.clientX, n.clientY);
+			r ? (t.current.onGlide(null), t.current.onLift?.(c), o = performance.now() + 750) : a && t.current.onTap && (t.current.onTap(c), o = performance.now() + 750);
+		}, g = (n) => {
+			if (!e || n.pointerId !== e.pointerId) return;
+			let r = e.gliding;
+			f(), r && t.current.onGlide(null);
+		}, _ = (t) => {
+			e?.gliding && t.cancelable && t.preventDefault();
+		}, v = (t) => {
+			e && t.preventDefault();
+		}, y = (e) => {
+			performance.now() >= o || (o = 0, e.stopPropagation(), e.preventDefault());
+		};
+		return r.addEventListener("pointerdown", p), r.addEventListener("pointermove", m), r.addEventListener("pointerup", h), r.addEventListener("pointercancel", g), r.addEventListener("touchmove", _, { passive: !1 }), r.addEventListener("contextmenu", v), r.addEventListener("click", y, !0), () => {
+			f(), r.removeEventListener("pointerdown", p), r.removeEventListener("pointermove", m), r.removeEventListener("pointerup", h), r.removeEventListener("pointercancel", g), r.removeEventListener("touchmove", _), r.removeEventListener("contextmenu", v), r.removeEventListener("click", y, !0);
+		};
+	}, [n, r]), i;
+}
 //#endregion
 //#region src/interaction/use-category-state.ts
-function ct(e, t, n) {
+function ut(e, t, n) {
 	let r = Te({
 		key: n,
 		rows: null
 	}), i = t === "ready" && e ? e : r.current.key === n ? r.current.rows : null;
-	xe(() => {
+	Y(() => {
 		r.current = {
 			key: n,
 			rows: i
 		};
 	}, [i, n]);
 	let a = t === "loading" && i === null, [o, s] = X(!1);
-	return xe(() => {
+	return Y(() => {
 		if (s(!1), !a) return;
 		let e = window.setTimeout(() => s(!0), 120);
 		return () => window.clearTimeout(e);
@@ -1041,25 +1114,30 @@ function ct(e, t, n) {
 		skeleton: o
 	};
 }
-function lt(e, t, n, r, i = 1, a, o, s = !0, c) {
-	let [l, u] = X(null), [d, f] = X(null), [p, m, h] = st(a, o), g = e.some((e) => e.id === p) ? p : null, [_, v] = X(null), y = Te(/* @__PURE__ */ new Map()), b = Te(n);
-	b.current = n;
-	let x = t ? e.find((e) => e.id === (c ? d ?? l ?? c ?? g : g ?? d ?? l)) : void 0, S = x?.id, C = x?.datum, w = x?.value;
-	xe(() => {
-		b.current?.(S === void 0 ? null : {
-			id: S,
-			row: C,
-			value: w ?? null,
-			pinned: g === S
+function dt(e, t, n, r, i = 1, a, o, s = !0, c) {
+	let [l, u] = X(null), [d, f] = X(null), [p, m, h] = st(a, o), g = e.some((e) => e.id === p) ? p : null, [_, v] = X(null), y = Te(/* @__PURE__ */ new Map()), b = lt({
+		resolve: ct,
+		onGlide: u,
+		onLift: (e) => e !== null && m(e),
+		disabled: !t
+	}), x = Te(n);
+	x.current = n;
+	let S = t ? e.find((e) => e.id === (c ? d ?? l ?? c ?? g : g ?? d ?? l)) : void 0, C = S?.id, w = S?.datum, T = S?.value;
+	Y(() => {
+		x.current?.(C === void 0 ? null : {
+			id: C,
+			row: w,
+			value: T ?? null,
+			pinned: g === C
 		});
 	}, [
-		S,
 		C,
 		w,
+		T,
 		g
-	]), xe(() => {
+	]), Y(() => {
 		h(), u(null), f(null), v(null);
-	}, [r, h]), xe(() => {
+	}, [r, h]), Y(() => {
 		s && p && !e.some((e) => e.id === p) && m(null);
 	}, [
 		s,
@@ -1067,7 +1145,7 @@ function lt(e, t, n, r, i = 1, a, o, s = !0, c) {
 		p,
 		m
 	]);
-	let T = e.some((e) => e.id === _) ? _ : e[0]?.id, ee = (t, n) => {
+	let ee = e.some((e) => e.id === _) ? _ : e[0]?.id, E = (t, n) => {
 		let r = n;
 		if (t.key === "ArrowDown") r += i;
 		else if (t.key === "ArrowUp") r -= i;
@@ -1082,13 +1160,15 @@ function lt(e, t, n, r, i = 1, a, o, s = !0, c) {
 		t.preventDefault(), y.current.get(e[Math.max(0, Math.min(e.length - 1, r))]?.id)?.focus();
 	};
 	return {
-		active: x,
+		active: S,
 		pinned: g,
+		glideRef: b,
 		bind: (e, t) => ({
+			"data-glide-id": e,
 			ref: (t) => {
 				t ? y.current.set(e, t) : y.current.delete(e);
 			},
-			tabIndex: e === T ? 0 : -1,
+			tabIndex: e === ee ? 0 : -1,
 			"aria-pressed": g === e,
 			onPointerEnter: () => u(e),
 			onPointerLeave: () => u(null),
@@ -1097,21 +1177,21 @@ function lt(e, t, n, r, i = 1, a, o, s = !0, c) {
 			},
 			onBlur: () => f(null),
 			onClick: () => m((t) => t === e ? null : e),
-			onKeyDown: (e) => ee(e, t)
+			onKeyDown: (e) => E(e, t)
 		})
 	};
 }
 //#endregion
 //#region src/toolkit/chart-range-summary.tsx
-function ut({ series: e, className: t }) {
-	let n = S(), r = Ee(n.controller.subscribe, () => n.controller.getSnapshot().focus, () => n.controller.getSnapshot().focus), { props: i } = n, a = ct(i.data, i.status ?? "ready", i.resetKey), o = i.series.find((t) => t.id === (e ?? i.series[0]?.id)), s = we(() => {
+function ft({ series: e, className: t }) {
+	let n = S(), r = Ee(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 = we(() => {
 		if (!o || i.x.type === "category" || !a.rows) return {
 			value: null,
 			error: null
 		};
 		try {
 			return {
-				value: q(a.rows, {
+				value: K(a.rows, {
 					x: i.x.accessor,
 					value: o.accessor,
 					range: r
@@ -1146,7 +1226,7 @@ function ut({ series: e, className: t }) {
 			mean: "Average",
 			min: "Low",
 			max: "High"
-		}[e] }), /* @__PURE__ */ Z("dd", { children: c?.[e] == null ? "—" : /* @__PURE__ */ Z(J, {
+		}[e] }), /* @__PURE__ */ Z("dd", { children: c?.[e] == null ? "—" : /* @__PURE__ */ Z(q, {
 			value: c[e],
 			format: l,
 			motion: i.motion
@@ -1158,7 +1238,7 @@ function ut({ series: e, className: t }) {
 }
 //#endregion
 //#region src/cards/area-chart-card.tsx
-function dt({ stack: e, curve: t = "smooth", ...n }) {
+function pt({ stack: e, curve: t = "smooth", ...n }) {
 	return /* @__PURE__ */ Z(B, {
 		...n,
 		shape: {
@@ -1170,7 +1250,7 @@ function dt({ stack: e, curve: t = "smooth", ...n }) {
 }
 //#endregion
 //#region src/cards/line-chart-card.tsx
-function ft({ curve: e = "smooth", points: t = !1, baseline: n = "auto", ...r }) {
+function mt({ curve: e = "smooth", points: t = !1, baseline: n = "auto", ...r }) {
 	return /* @__PURE__ */ Z(B, {
 		...r,
 		shape: {
@@ -1183,7 +1263,7 @@ function ft({ curve: e = "smooth", points: t = !1, baseline: n = "auto", ...r })
 }
 //#endregion
 //#region src/cards/bar-chart-card.tsx
-function pt({ stack: e, radius: t = 6, corners: n = "end", tracks: r = !1, barWidth: i, barStyle: a = "solid", ...o }) {
+function ht({ stack: e, radius: t = 6, corners: n = "end", tracks: r = !1, barWidth: i, barStyle: a = "solid", ...o }) {
 	return /* @__PURE__ */ Z(B, {
 		...o,
 		shape: {
@@ -1199,11 +1279,11 @@ function pt({ stack: e, radius: t = 6, corners: n = "end", tracks: r = !1, barWi
 }
 //#endregion
 //#region src/lifecycle/skeleton-sheen.tsx
-var mt = {
+var gt = {
 	"--lilt-skeleton-paint": "white",
 	"--lilt-skeleton-gap": "black"
 };
-function ht({ children: e, width: t, height: n, x: r = 0, y: i = 0, reduced: a = !1 }) {
+function _t({ children: e, width: t, height: n, x: r = 0, y: i = 0, reduced: a = !1 }) {
 	let o = Se().replace(/:/g, ""), s = Math.max(t * .3, Math.min(t, 60));
 	return /* @__PURE__ */ Q("g", {
 		className: "lilt-skeleton",
@@ -1239,7 +1319,7 @@ function ht({ children: e, width: t, height: n, x: r = 0, y: i = 0, reduced: a =
 			width: t,
 			height: n,
 			children: /* @__PURE__ */ Z("g", {
-				style: mt,
+				style: gt,
 				children: e
 			})
 		})] }), /* @__PURE__ */ Z("g", {
@@ -1261,12 +1341,12 @@ function ht({ children: e, width: t, height: n, x: r = 0, y: i = 0, reduced: a =
 }
 //#endregion
 //#region src/cards/stat-card.tsx
-var gt = [], _t = 28;
-function vt(e, t = _t) {
+var vt = [], yt = 28;
+function bt(e, t = yt) {
 	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 yt({ value: e, target: t, height: n, formatValue: r }) {
+function xt({ value: e, target: t, height: n, formatValue: r }) {
 	let i = e === null || t <= 0 ? 0 : e / t, a = new Intl.NumberFormat("en-US", {
 		style: "percent",
 		maximumFractionDigits: 0
@@ -1281,7 +1361,7 @@ function yt({ value: e, target: t, height: n, formatValue: r }) {
 			"aria-valuemax": t,
 			"aria-valuenow": e ?? 0,
 			style: { height: n },
-			children: vt(i).map((e, t) => /* @__PURE__ */ Z("span", {
+			children: bt(i).map((e, t) => /* @__PURE__ */ Z("span", {
 				className: "lilt-stat__cell",
 				children: e > 0 ? /* @__PURE__ */ Z("span", {
 					className: "lilt-stat__cell-fill",
@@ -1295,7 +1375,7 @@ function yt({ value: e, target: t, height: n, formatValue: r }) {
 		})]
 	});
 }
-function bt({ value: e, target: t, size: n, reduced: r, loading: i = !1, formatValue: a }) {
+function St({ value: e, target: t, size: n, reduced: r, loading: i = !1, formatValue: a }) {
 	let o = e === null || t <= 0 ? null : Math.max(0, e / t), s = Math.max(4, Math.round(n / 9)), c = (n - s) / 2, l = new Intl.NumberFormat("en-US", {
 		style: "percent",
 		maximumFractionDigits: 0
@@ -1316,7 +1396,7 @@ function bt({ value: e, target: t, size: n, reduced: r, loading: i = !1, formatV
 			viewBox: `0 0 ${n} ${n}`,
 			width: n,
 			height: n,
-			children: [i ? /* @__PURE__ */ Z(ht, {
+			children: [i ? /* @__PURE__ */ Z(_t, {
 				width: n,
 				height: n,
 				reduced: r,
@@ -1334,7 +1414,7 @@ function bt({ value: e, target: t, size: n, reduced: r, loading: i = !1, formatV
 				cy: n / 2,
 				r: c,
 				strokeWidth: s
-			}), o ? /* @__PURE__ */ Z(ke.circle, {
+			}), o ? /* @__PURE__ */ Z($.circle, {
 				className: "lilt-stat__ring-fill",
 				cx: n / 2,
 				cy: n / 2,
@@ -1345,7 +1425,7 @@ function bt({ value: e, target: t, size: n, reduced: r, loading: i = !1, formatV
 				animate: { pathLength: Math.min(1, o) },
 				transition: {
 					duration: r ? 0 : .9,
-					ease: ae
+					ease: oe
 				}
 			}) : null]
 		}), /* @__PURE__ */ Z("span", {
@@ -1354,13 +1434,13 @@ function bt({ value: e, target: t, size: n, reduced: r, loading: i = !1, formatV
 		})]
 	});
 }
-var xt = (e) => e.acceptedRevision;
-function St({ title: t, data: n = gt, value: r, x: o, xType: s, headline: l, aggregate: u = "sum", delta: d, deltaTone: f, caption: p, chart: m = "area", barStyle: h = "solid", target: g, sync: _, height: v, color: b, aside: x, valueFormat: S, locale: C, formatValue: w, formatX: E, surface: O = "elevated", badge: k, numberStyle: A, palette: j, loading: N = !1, motion: P, className: F, style: I }) {
+var Ct = (e) => e.acceptedRevision;
+function wt({ title: t, data: n = vt, value: r, x: o, xType: s, headline: l, aggregate: u = "sum", delta: d, deltaTone: f, caption: p, chart: m = "area", barStyle: h = "solid", target: g, sync: _, height: v, color: b, aside: x, valueFormat: S, locale: C, formatValue: w, formatX: E, surface: O = "elevated", badge: k, numberStyle: A, palette: j, loading: N = !1, motion: P, className: F, style: I }) {
 	let L = ne({
 		valueFormat: S,
 		locale: C,
 		formatValue: w
-	}), R = r ?? "", B = m === "bars", V = (m === "area" || m === "line" || B) && !!r, H = V ? n : gt, U = we(() => {
+	}), R = r ?? "", B = m === "bars", V = (m === "area" || m === "line" || B) && !!r, H = V ? n : vt, U = we(() => {
 		if (o) return D(H, o, s, E);
 		let e = new Map(H.map((e, t) => [e, t]));
 		return {
@@ -1402,18 +1482,18 @@ function St({ title: t, data: n = gt, value: r, x: o, xType: s, headline: l, agg
 	]), re = we(() => ({
 		includeZero: B,
 		ticks: 3
-	}), [B]), K = a({
+	}), [B]), ie = a({
 		data: H,
 		x: W,
 		y: re,
 		series: G,
 		status: N ? "loading" : "ready"
-	}), q = y(K, (e) => e.inspection);
-	i(o ? _ : void 0, K.getController(), H, o ?? "", U, {
+	}), K = y(ie, (e) => e.inspection);
+	i(o ? _ : void 0, ie.getController(), H, o ?? "", U, {
 		label: t,
-		release: K.actions.release
-	}), y(K, xt);
-	let J = K.series.some((e) => e.id === G[0].id) ? G[0].id : null, ae = l ?? (r ? ee(z(n, R), u) : null), oe = V && q ? q.series[0]?.value ?? null : void 0, se = oe === void 0 ? ae : oe, de = v ?? (m === "meter" ? 10 : B ? 44 : 56), fe = !B, he = ie(P ?? "auto"), ge = m === "ring" && g !== void 0, _e = ge ? `Target ${L.value(g)}` : void 0;
+		release: ie.actions.release
+	}), y(ie, Ct);
+	let q = ie.series.some((e) => e.id === G[0].id) ? G[0].id : null, oe = l ?? (r ? ee(z(n, R), u) : null), se = V && K ? K.series[0]?.value ?? null : void 0, ce = se === void 0 ? oe : se, J = v ?? (m === "meter" ? 10 : B ? 44 : 56), fe = !B, he = ae(P ?? "auto"), ge = m === "ring" && g !== void 0, _e = ge ? `Target ${L.value(g)}` : void 0;
 	return /* @__PURE__ */ Q(me, {
 		motion: P,
 		className: ["lilt-stat", F].filter(Boolean).join(" "),
@@ -1427,45 +1507,45 @@ function St({ title: t, data: n = gt, value: r, x: o, xType: s, headline: l, agg
 		numberStyle: A,
 		palette: j,
 		children: [/* @__PURE__ */ Q(pe, {
-			aside: ge ? /* @__PURE__ */ Q(De, { children: [x, /* @__PURE__ */ Z(bt, {
+			aside: ge ? /* @__PURE__ */ Q(De, { children: [x, /* @__PURE__ */ Z(St, {
 				loading: N,
-				value: N ? null : ae,
+				value: N ? null : oe,
 				target: g,
 				size: v ?? 56,
 				reduced: he,
 				formatValue: L.value
 			})] }) : x,
 			children: [
-				/* @__PURE__ */ Z(ue, { children: t }),
-				/* @__PURE__ */ Z(le, {
-					value: se,
+				/* @__PURE__ */ Z(de, { children: t }),
+				/* @__PURE__ */ Z(ue, {
+					value: ce,
 					format: L.value,
 					loading: N,
 					motion: P,
-					children: N || oe !== void 0 || d === void 0 ? null : /* @__PURE__ */ Z(ce, {
+					children: N || se !== void 0 || d === void 0 ? null : /* @__PURE__ */ Z(le, {
 						value: d,
 						tone: f
 					})
 				}),
 				p || o || _e ? /* @__PURE__ */ Z("p", {
 					className: "lilt-stat__caption",
-					children: N ? "" : oe === void 0 ? p ?? _e ?? "" : q?.formattedX ?? ""
+					children: N ? "" : se === void 0 ? p ?? _e ?? "" : K?.formattedX ?? ""
 				}) : null
 			]
-		}), m === "meter" && g !== void 0 ? N ? /* @__PURE__ */ Z("span", { className: "lilt-card__skeleton lilt-stat__meter-skeleton" }) : /* @__PURE__ */ Z(yt, {
-			value: ae,
+		}), m === "meter" && g !== void 0 ? N ? /* @__PURE__ */ Z("span", { className: "lilt-card__skeleton lilt-stat__meter-skeleton" }) : /* @__PURE__ */ Z(xt, {
+			value: oe,
 			target: g,
-			height: de,
+			height: J,
 			formatValue: L.value
 		}) : V ? /* @__PURE__ */ Z(c, {
 			className: fe ? "lilt-card__chart lilt-card__chart--bleed lilt-stat__chart" : "lilt-card__chart lilt-stat__chart",
 			"aria-label": `${t} trend`,
-			model: K,
+			model: ie,
 			motion: P,
 			status: N ? "loading" : "ready",
 			children: /* @__PURE__ */ Q(e, {
-				model: K,
-				height: de,
+				model: ie,
+				height: J,
 				margins: {
 					top: 4,
 					right: 0,
@@ -1481,12 +1561,12 @@ function St({ title: t, data: n = gt, value: r, x: o, xType: s, headline: l, agg
 					runoff: !0,
 					axisInset: 20
 				},
-				children: [m === "area" && J ? /* @__PURE__ */ Z(M, {
-					model: K,
-					series: J
-				}) : null, J ? Z(B ? te : T, {
-					model: K,
-					series: J
+				children: [m === "area" && q ? /* @__PURE__ */ Z(M, {
+					model: ie,
+					series: q
+				}) : null, q ? Z(B ? te : T, {
+					model: ie,
+					series: q
 				}) : null]
 			})
 		}) : null]
@@ -1494,12 +1574,12 @@ function St({ title: t, data: n = gt, value: r, x: o, xType: s, headline: l, agg
 }
 //#endregion
 //#region src/cards/rank.ts
-var Ct = "\0other", wt = new Intl.NumberFormat("en-US", {
+var Tt = "\0other", Et = new Intl.NumberFormat("en-US", {
 	style: "percent",
 	maximumFractionDigits: 0
 });
-function Tt(e, t, n, r, i, a) {
-	let o = (e) => e[n], s = Y(ve(e, {
+function Dt(e, t, n, r, i, a) {
+	let o = (e) => e[n], s = ye(ve(e, {
 		id: (e) => String(e[t] ?? ""),
 		label: (e) => String(e[t] ?? "")
 	}, (e) => {
@@ -1513,13 +1593,13 @@ function Tt(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: Ct,
+		id: Tt,
 		label: a,
 		value: c.length ? c.reduce((e, t) => e + t, 0) : null,
 		other: !0
 	}];
 }
-function Et(e) {
+function Ot(e) {
 	let t = e.flatMap((e) => e.value === null ? [] : [e.value]), n = t.reduce((e, t) => e + t, 0);
 	return {
 		observed: t.length,
@@ -1529,16 +1609,16 @@ function Et(e) {
 }
 //#endregion
 //#region src/cards/horizontal-bar-chart-card.tsx
-var Dt = [];
-function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, deltaTone: o, range: s, ranges: c, defaultRange: l, sort: d = "descending", limit: f, otherLabel: p = "Other", share: m = !0, rank: h = !1, barStyle: _ = "inline", valueFormat: v, locale: y, formatValue: b, color: x, surface: S = "elevated", badge: C, numberStyle: w, palette: T, loading: ee = !1, motion: E = "auto", className: D, style: O }) {
-	let k = ie(E), te = ne({
+var kt = [];
+function At({ title: e, data: t, category: n, value: r, headline: i, delta: a, deltaTone: o, range: s, ranges: c, defaultRange: l, sort: d = "descending", limit: f, otherLabel: p = "Other", share: m = !0, rank: h = !1, barStyle: _ = "inline", valueFormat: v, locale: y, formatValue: b, color: x, surface: S = "elevated", badge: C, numberStyle: w, palette: T, loading: ee = !1, motion: E = "auto", className: D, style: O }) {
+	let k = ae(E), te = ne({
 		valueFormat: v,
 		locale: y,
 		formatValue: b
-	}), [A, j] = X(l ?? c?.[0]?.id), M = c?.find((e) => e.id === A) ?? c?.[0], N = M?.data ?? t ?? Dt, P = M ? M.delta : a, F = we(() => {
+	}), [A, j] = X(l ?? c?.[0]?.id), M = c?.find((e) => e.id === A) ?? c?.[0], N = M?.data ?? t ?? kt, P = M ? M.delta : a, F = we(() => {
 		try {
 			return {
-				rows: Tt(N, n, r, d, f, p),
+				rows: Dt(N, n, r, d, f, p),
 				error: null
 			};
 		} catch (e) {
@@ -1554,10 +1634,14 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 		d,
 		f,
 		p
-	]), I = F.rows, L = Et(I), R = L.total, z = m && L.shareable, B = we(() => ge(I.map((e) => ({
+	]), I = F.rows, L = Ot(I), R = L.total, z = m && L.shareable, B = we(() => ge(I.map((e) => ({
 		...e,
 		datum: e
-	}))), [I]), [V, H] = X(null), [U, W] = X(null), [G, re] = X(null), K = G ?? U ?? V, q = I.find((e) => e.id === K), J = Te(/* @__PURE__ */ new Map()), oe = M?.headline ?? i ?? (L.observed ? R : null), de = (e) => z && e !== null ? wt.format(e / R) : null, he = (e, t) => {
+	}))), [I]), [V, H] = X(null), [U, W] = X(null), [G, re] = X(null), ie = G ?? U ?? V, K = I.find((e) => e.id === ie), q = Te(/* @__PURE__ */ new Map()), se = lt({
+		resolve: ct,
+		onGlide: H,
+		onLift: (e) => e !== null && re(e)
+	}), J = M?.headline ?? i ?? (L.observed ? R : null), he = (e) => z && e !== null ? Et.format(e / R) : null, ve = (e, t) => {
 		let n = t;
 		if (e.key === "ArrowDown") n = Math.min(I.length - 1, t + 1);
 		else if (e.key === "ArrowUp") n = Math.max(0, t - 1);
@@ -1567,18 +1651,18 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 			re(null);
 			return;
 		} else return;
-		e.preventDefault(), J.current.get(I[n].id)?.focus();
-	}, ve = {
+		e.preventDefault(), q.current.get(I[n].id)?.focus();
+	}, ye = {
 		duration: k ? 0 : .5,
-		ease: ae
-	}, Y = x ? {
+		ease: oe
+	}, be = x ? {
 		...O,
 		"--lilt-series-1": x
 	} : O;
 	return /* @__PURE__ */ Q(me, {
 		motion: E,
 		className: ["lilt-list", D].filter(Boolean).join(" "),
-		style: Y,
+		style: be,
 		"aria-label": e,
 		surface: S,
 		badge: C,
@@ -1594,12 +1678,12 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 				value: M?.id,
 				onValueChange: j
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
-				value: q ? q.value : oe,
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
+				value: K ? K.value : J,
 				format: te.value,
 				loading: ee,
 				motion: E,
-				children: ee ? null : q ? /* @__PURE__ */ Q(se, { children: [q.label, de(q.value) ? ` · ${de(q.value)}` : ""] }) : P === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				children: ee ? null : K ? /* @__PURE__ */ Q(ce, { children: [K.label, he(K.value) ? ` · ${he(K.value)}` : ""] }) : P === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: P,
 					tone: o
 				})
@@ -1616,7 +1700,9 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 			kind: F.error ? "error" : "empty",
 			message: F.error ?? "No rows for this period."
 		}) : /* @__PURE__ */ Z("ol", {
+			ref: se,
 			className: "lilt-list__rows",
+			"data-lilt-glide": "",
 			"data-style": _,
 			"data-share": z || void 0,
 			"data-rank": h || void 0,
@@ -1624,21 +1710,22 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 			children: /* @__PURE__ */ Z(Oe, {
 				initial: !1,
 				children: I.map((e, t) => {
-					let n = _e(e.value, B), r = e.id === q?.id, i = de(e.value), a = k ? 0 : g(t, I.length, 120) / 1e3;
-					return /* @__PURE__ */ Z(ke.li, {
+					let n = _e(e.value, B), r = e.id === K?.id, i = he(e.value), a = k ? 0 : g(t, I.length, 120) / 1e3;
+					return /* @__PURE__ */ Z($.li, {
 						layout: !k && "position",
 						"data-active": r || void 0,
-						"data-muted": q && !r || void 0,
+						"data-muted": K && !r || void 0,
 						"data-other": e.other || void 0,
 						initial: !k && { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
-						transition: ve,
+						transition: ye,
 						children: /* @__PURE__ */ Q("button", {
 							type: "button",
 							className: "lilt-list__row",
+							"data-glide-id": e.id,
 							ref: (t) => {
-								t ? J.current.set(e.id, t) : J.current.delete(e.id);
+								t ? q.current.set(e.id, t) : q.current.delete(e.id);
 							},
 							tabIndex: e.id === (U ?? I[0]?.id) ? 0 : -1,
 							"aria-label": `${e.label}: ${e.value === null ? "No data" : te.value(e.value)}${i ? `, ${i} of total` : ""}`,
@@ -1648,7 +1735,7 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 							onFocus: () => W(e.id),
 							onBlur: () => W(null),
 							onClick: () => re((t) => t === e.id ? null : e.id),
-							onKeyDown: (e) => he(e, t),
+							onKeyDown: (e) => ve(e, t),
 							children: [
 								h ? /* @__PURE__ */ Z("span", {
 									className: "lilt-list__rank",
@@ -1662,7 +1749,7 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 											className: "lilt-list__zero",
 											style: { left: `${n.zero}%` }
 										}) : null,
-										e.value === null ? null : /* @__PURE__ */ Z(ke.span, {
+										e.value === null ? null : /* @__PURE__ */ Z($.span, {
 											className: "lilt-list__bar",
 											"data-negative": e.value < 0 || void 0,
 											initial: !k && {
@@ -1674,7 +1761,7 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 												width: `${n.width}%`
 											},
 											transition: {
-												...ve,
+												...ye,
 												delay: a
 											}
 										}),
@@ -1705,7 +1792,7 @@ function Ot({ title: e, data: t, category: n, value: r, headline: i, delta: a, d
 }
 //#endregion
 //#region src/cards/combo-chart-card.tsx
-function kt({ bars: e, lines: t, lineScale: n = "shared", stack: r, radius: i = 6, corners: a = "end", tracks: o = !1, barWidth: s, barStyle: c = "solid", curve: l = "smooth", points: u = !0, aggregate: d = "sum", pillPosition: f, ...p }) {
+function jt({ bars: e, lines: t, lineScale: n = "shared", stack: r, radius: i = 6, corners: a = "end", tracks: o = !1, barWidth: s, barStyle: c = "solid", curve: l = "smooth", points: u = !0, aggregate: d = "sum", pillPosition: f, ...p }) {
 	let m = n === "own";
 	return /* @__PURE__ */ Z(B, {
 		...p,
@@ -1732,36 +1819,36 @@ function kt({ bars: e, lines: t, lineScale: n = "shared", stack: r, radius: i =
 }
 //#endregion
 //#region src/cards/radial-chart-card.tsx
-var At = [], jt = 92, Mt = 98, Nt = Math.PI * 2;
-function Pt(e) {
+var Mt = [], Nt = 92, Pt = 98, Ft = Math.PI * 2;
+function It(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 * Nt, [{
+		return n += Math.max(0, e.value) / t * Ft, [{
 			id: e.id,
 			startAngle: r,
 			endAngle: n
 		}];
 	});
 }
-function Ft(e) {
+function Lt(e) {
 	if (!(e > 0)) return 1;
 	let t = 10 ** Math.floor(Math.log10(e)) / 4;
 	return Math.ceil(e * 1.05 / t) * t;
 }
-function It(e) {
-	let t = Ft(Math.max(0, ...e.map((e) => e.value ?? 0)));
+function Rt(e) {
+	let t = Lt(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 * Nt
+		endAngle: Math.max(0, e.value) / t * Ft
 	}]);
 }
-function Lt(e) {
+function zt(e) {
 	return 1 - (1 - e) ** 2;
 }
-function Rt(e, t, n) {
+function Bt(e, t, n) {
 	let r = new Map(e.map((e) => [e.id, e]));
 	return t.map((e) => {
 		let t = r.get(e.id) ?? {
@@ -1775,14 +1862,14 @@ function Rt(e, t, n) {
 		};
 	});
 }
-function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", legend: a = i === "rings" ? "tiles" : i === "semi" ? "inline" : "list", headline: o, delta: s, deltaTone: c, range: l, ranges: d, defaultRange: f, limit: p = 5, otherLabel: m = "Other", sort: h = "descending", valueFormat: g, locale: _, formatValue: v, surface: y = "elevated", badge: b, numberStyle: x, palette: S, loading: C = !1, motion: w = "auto", className: T, style: ee }) {
-	let E = ie(w), D = ne({
+function Vt({ title: e, data: t, category: n, value: r, variant: i = "donut", legend: a = i === "rings" ? "tiles" : i === "semi" ? "inline" : "list", headline: o, delta: s, deltaTone: c, range: l, ranges: d, defaultRange: f, limit: p = 5, otherLabel: m = "Other", sort: h = "descending", valueFormat: g, locale: _, formatValue: v, surface: y = "elevated", badge: b, numberStyle: x, palette: S, loading: C = !1, motion: w = "auto", className: T, style: ee }) {
+	let E = ae(w), D = ne({
 		valueFormat: g,
 		locale: _,
 		formatValue: v
-	}), [O, te] = X(f ?? d?.[0]?.id), A = d?.find((e) => e.id === O) ?? d?.[0], j = A?.data ?? t ?? At, M = A ? A.delta : s, N = we(() => {
+	}), [O, te] = X(f ?? d?.[0]?.id), A = d?.find((e) => e.id === O) ?? d?.[0], j = A?.data ?? t ?? Mt, M = A ? A.delta : s, N = we(() => {
 		try {
-			let e = Tt(j, n, r, h, p, m), t = e.find((e) => e.value !== null && e.value < 0);
+			let e = Dt(j, n, r, h, p, m), 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,
@@ -1801,43 +1888,49 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 		h,
 		p,
 		m
-	]), P = N.rows, [F, I] = X([]), L = we(() => P.filter((e) => !F.includes(e.id)), [P, F]), { total: R, observed: z } = Et(L), B = Te(/* @__PURE__ */ new Map()), V = (e) => P.find((t) => t.id === e)?.other ? "var(--lilt-reference)" : (B.current.has(e) || B.current.set(e, B.current.size % 6), `var(--lilt-series-${B.current.get(e) + 1})`);
+	]), P = N.rows, [F, I] = X([]), L = we(() => P.filter((e) => !F.includes(e.id)), [P, F]), { total: R, observed: z } = Ot(L), B = Te(/* @__PURE__ */ new Map()), V = (e) => P.find((t) => t.id === e)?.other ? "var(--lilt-reference)" : (B.current.has(e) || B.current.set(e, B.current.size % 6), `var(--lilt-series-${B.current.get(e) + 1})`);
 	for (let e of P) e.other || V(e.id);
-	let H = i === "rings", U = i === "semi", W = we(() => H ? It(L) : Pt(L), [L, H]), [G, re] = X({
+	let H = i === "rings", U = i === "semi", W = we(() => H ? Rt(L) : It(L), [L, H]), [G, re] = X({
 		key: 0,
 		from: [],
 		to: W,
 		initial: !0
-	}), K = Te([]);
+	}), ie = Te([]);
 	G.to !== W && re({
 		key: G.key + 1,
-		from: K.current,
+		from: ie.current,
 		to: W,
-		initial: K.current.length === 0
+		initial: ie.current.length === 0
 	});
-	let q = he({
+	let K = he({
 		key: G.key,
 		active: !C,
 		duration: G.initial ? 900 : 480
-	}, E), J = q < 1, ae = .09, oe = (e) => H && G.initial ? Math.max(0, Math.min(1, (q - e * ae) / (1 - (W.length - 1) * ae || 1))) : q, de = G.initial ? G.to.map((e, t) => {
-		let n = H ? Lt(oe(t)) : q;
+	}, E), q = K < 1, oe = .09, se = (e) => H && G.initial ? Math.max(0, Math.min(1, (K - e * oe) / (1 - (W.length - 1) * oe || 1))) : K, J = G.initial ? G.to.map((e, t) => {
+		let n = H ? zt(se(t)) : K;
 		return {
 			...e,
 			startAngle: e.startAngle * n,
 			endAngle: e.endAngle * n
 		};
-	}) : Rt(G.from, G.to, q);
-	K.current = de;
-	let [ge, _e] = X(null), [ve, Y] = X(null), [ye, be] = X(null), xe = ye ?? ve ?? ge, Se = L.find((e) => e.id === xe), Ce = Te(/* @__PURE__ */ new Map()), Ee = (e) => e && e.value !== null && R > 0 && !F.includes(e.id) ? wt.format(e.value / R) : null, De = L.find((e) => e.value !== null && !e.other), Oe = (e) => {
-		I(e), _e(null), be(null);
-	}, ke = (e) => F.includes(e) ? Oe(F.filter((t) => t !== e)) : L.length > 1 ? Oe([...F, e]) : void 0, Ae = Se ?? De, Me = i === "donut" ? 62 : U ? 64 : 0, Ne = (e) => je().innerRadius(Me).outerRadius(e).cornerRadius(i === "donut" ? 3 : U ? 14 : 0).padAngle(de.length > 1 ? U ? .05 : .012 : 0), Pe = Ne(jt), Fe = Ne(Mt), Ie = (e) => ({
+	}) : Bt(G.from, G.to, K);
+	ie.current = J;
+	let [ge, _e] = X(null), [ve, ye] = X(null), [be, xe] = X(null), Y = be ?? ve ?? ge, Se = L.find((e) => e.id === Y), Ce = Te(/* @__PURE__ */ new Map()), Ee = lt({
+		resolve: ct,
+		onGlide: _e,
+		onLift: (e) => e !== null && xe(e),
+		disabled: C
+	}), De = (e) => e && e.value !== null && R > 0 && !F.includes(e.id) ? Et.format(e.value / R) : null, Oe = L.find((e) => e.value !== null && !e.other), $ = (e) => {
+		I(e), _e(null), xe(null);
+	}, ke = (e) => F.includes(e) ? $(F.filter((t) => t !== e)) : L.length > 1 ? $([...F, e]) : void 0, je = Se ?? Oe, Me = i === "donut" ? 62 : U ? 64 : 0, Ne = (e) => Ae().innerRadius(Me).outerRadius(e).cornerRadius(i === "donut" ? 3 : U ? 14 : 0).padAngle(J.length > 1 ? U ? .05 : .012 : 0), Pe = Ne(Nt), Fe = Ne(Pt), Ie = (e) => ({
 		...e,
 		startAngle: -Math.PI / 2 + e.startAngle / 2,
 		endAngle: -Math.PI / 2 + e.endAngle / 2
-	}), Le = Math.max(1, W.length), Re = Math.min(9, 62 / Le - 4), ze = (e, t = 0) => je().innerRadius(jt - e * (Re + 4) - Re - t / 2).outerRadius(jt - e * (Re + 4) + t / 2).cornerRadius(Re), Be = (e) => ({
+	}), Le = Math.max(1, W.length), Re = Math.min(9, 62 / Le - 4), ze = (e, t = 0) => Ae().innerRadius(Nt - e * (Re + 4) - Re - t / 2).outerRadius(Nt - e * (Re + 4) + t / 2).cornerRadius(Re), Be = (e) => ({
+		"data-glide-id": e,
 		onPointerEnter: () => _e(e),
 		onPointerLeave: () => _e(null),
-		onClick: () => be((t) => t === e ? null : e)
+		onClick: () => xe((t) => t === e ? null : e)
 	}), Ve = (e, t) => {
 		let n = t;
 		if (e.key === "ArrowDown") n = Math.min(P.length - 1, t + 1);
@@ -1845,7 +1938,7 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 		else if (e.key === "Home") n = 0;
 		else if (e.key === "End") n = P.length - 1;
 		else if (e.key === "Escape") {
-			be(null);
+			xe(null);
 			return;
 		} else return;
 		e.preventDefault(), Ce.current.get(P[n].id)?.focus();
@@ -1869,12 +1962,12 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 				value: A?.id,
 				onValueChange: te
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
 				value: Se ? Se.value : He,
 				format: D.value,
 				loading: C,
 				motion: w,
-				children: C ? null : Se ? /* @__PURE__ */ Q(se, { children: [Se.label, Ee(Se) ? ` · ${Ee(Se)}` : ""] }) : M === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				children: C ? null : Se ? /* @__PURE__ */ Q(ce, { children: [Se.label, De(Se) ? ` · ${De(Se)}` : ""] }) : M === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: M,
 					tone: c
 				})
@@ -1887,14 +1980,16 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 			"data-variant": i,
 			"data-legend": a,
 			children: [/* @__PURE__ */ Q("div", {
+				ref: Ee,
 				className: "lilt-radial-card__graphic",
+				"data-lilt-glide": "",
 				children: [/* @__PURE__ */ Z("svg", {
 					"aria-hidden": "true",
 					className: "lilt-radial-card__svg",
 					viewBox: U ? "-100 -100 200 104" : "-100 -100 200 200",
 					"data-loading": C || void 0,
-					"data-drawing": J || void 0,
-					children: C ? /* @__PURE__ */ Z(ht, {
+					"data-drawing": q || void 0,
+					children: C ? /* @__PURE__ */ Z(_t, {
 						x: -100,
 						y: -100,
 						width: 200,
@@ -1909,10 +2004,10 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 							}) ?? ""
 						}) : /* @__PURE__ */ Z("circle", {
 							className: "lilt-radial-card__skeleton",
-							r: (jt + Me) / 2,
-							strokeWidth: jt - Me || jt
+							r: (Nt + Me) / 2,
+							strokeWidth: Nt - Me || Nt
 						})
-					}) : H ? de.map((e, t) => {
+					}) : H ? J.map((e, t) => {
 						let n = e.id === Se?.id, r = ze(t), i = ze(t, n ? 3 : 0)(e);
 						return /* @__PURE__ */ Q("g", {
 							className: "lilt-radial-card__ring",
@@ -1925,7 +2020,7 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 								d: r({
 									id: e.id,
 									startAngle: 0,
-									endAngle: Nt
+									endAngle: Ft
 								}) ?? ""
 							}), i && e.endAngle > 0 ? /* @__PURE__ */ Z("path", {
 								className: "lilt-radial-card__slice",
@@ -1933,7 +2028,7 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 								style: { fill: V(e.id) }
 							}) : null]
 						}, e.id);
-					}) : de.map((e) => {
+					}) : J.map((e) => {
 						let t = e.id === Se?.id, n = U ? Ie(e) : e, r = (t ? Fe : Pe)(n);
 						return r ? /* @__PURE__ */ Q("g", { children: [/* @__PURE__ */ Z("path", {
 							className: "lilt-radial-card__slice",
@@ -1949,11 +2044,11 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 							...Be(e.id)
 						})] }, e.id) : null;
 					})
-				}), (i === "donut" || U) && !C && Ae ? /* @__PURE__ */ Q("div", {
+				}), (i === "donut" || U) && !C && je ? /* @__PURE__ */ Q("div", {
 					className: "lilt-radial-card__center",
 					"aria-hidden": "true",
-					style: G.initial && J ? { opacity: Math.max(0, (q - .55) / .45) } : void 0,
-					children: [/* @__PURE__ */ Z("strong", { children: Ee(Ae) ?? "—" }), /* @__PURE__ */ Z("span", { children: Ae.label })]
+					style: G.initial && q ? { opacity: Math.max(0, (K - .55) / .45) } : void 0,
+					children: [/* @__PURE__ */ Z("strong", { children: De(je) ?? "—" }), /* @__PURE__ */ Z("span", { children: je.label })]
 				}) : null]
 			}), a === "list" ? C ? /* @__PURE__ */ Z("div", {
 				className: "lilt-radial-card__legend",
@@ -1966,7 +2061,7 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 				className: "lilt-radial-card__legend",
 				"aria-label": `${e} by share`,
 				children: P.map((e, t) => {
-					let n = e.id === Se?.id, r = Ee(e), i = F.includes(e.id);
+					let n = e.id === Se?.id, r = De(e), i = F.includes(e.id);
 					return /* @__PURE__ */ Q("li", {
 						"data-active": n || void 0,
 						"data-muted": Se && !n || void 0,
@@ -1982,8 +2077,8 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 							"aria-pressed": !i,
 							onPointerEnter: () => !i && _e(e.id),
 							onPointerLeave: () => _e(null),
-							onFocus: () => !i && Y(e.id),
-							onBlur: () => Y(null),
+							onFocus: () => !i && ye(e.id),
+							onBlur: () => ye(null),
 							onClick: () => ke(e.id),
 							onKeyDown: (e) => Ve(e, t),
 							children: [
@@ -2014,13 +2109,13 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 								type: "button",
 								className: "lilt-chart__legend-action",
 								"aria-label": `Show only ${e.label}`,
-								onClick: () => Oe(P.map((e) => e.id).filter((t) => t !== e.id)),
+								onClick: () => $(P.map((e) => e.id).filter((t) => t !== e.id)),
 								children: "Only"
 							}) : null, F.length ? /* @__PURE__ */ Z("button", {
 								type: "button",
 								className: "lilt-chart__legend-action",
 								"aria-label": "Show all categories",
-								onClick: () => Oe([]),
+								onClick: () => $([]),
 								children: "Show all"
 							}) : null]
 						}) : null]
@@ -2038,10 +2133,10 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 					formattedValue: e.value === null ? "No data" : D.value(e.value)
 				})),
 				activeId: Se?.id ?? null,
-				selectedId: ye,
+				selectedId: be,
 				onHoverIdChange: _e,
 				hiddenIds: F,
-				onHiddenIdsChange: Oe,
+				onHiddenIdsChange: $,
 				renderValue: C ? () => /* @__PURE__ */ Z("span", { className: "lilt-card__skeleton lilt-card__skeleton--tile" }) : a === "inline" ? (e) => e.formattedValue : void 0
 			})]
 		})]
@@ -2049,9 +2144,9 @@ function zt({ title: e, data: t, category: n, value: r, variant: i = "donut", le
 }
 //#endregion
 //#region src/cards/progress-card.tsx
-var Bt = (e) => `${Math.round(e * 100)}%`;
-function Vt({ title: e, value: t = null, target: n, label: r = "of goal", variant: i = "ring", delta: a, deltaTone: o, range: s, ranges: c, defaultRange: l, footer: u, valueFormat: d, locale: f, formatValue: p, color: m, surface: h = "elevated", badge: g, numberStyle: _, palette: v, loading: y = !1, motion: b = "auto", className: x, style: S }) {
-	let C = ie(b), w = ne({
+var Ht = (e) => `${Math.round(e * 100)}%`;
+function Ut({ title: e, value: t = null, target: n, label: r = "of goal", variant: i = "ring", delta: a, deltaTone: o, range: s, ranges: c, defaultRange: l, footer: u, valueFormat: d, locale: f, formatValue: p, color: m, surface: h = "elevated", badge: g, numberStyle: _, palette: v, loading: y = !1, motion: b = "auto", className: x, style: S }) {
+	let C = ae(b), w = ne({
 		valueFormat: d,
 		locale: f,
 		formatValue: p
@@ -2079,12 +2174,12 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 					value: E?.id,
 					onValueChange: ee
 				}) : null,
-				children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
+				children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
 					value: D,
 					format: w.value,
 					loading: y,
 					motion: b,
-					children: y || k === void 0 ? null : /* @__PURE__ */ Z(ce, {
+					children: y || k === void 0 ? null : /* @__PURE__ */ Z(le, {
 						value: k,
 						tone: o
 					})
@@ -2094,7 +2189,7 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 				className: "lilt-progress__graphic",
 				"data-variant": i,
 				role: "meter",
-				"aria-label": `${te === null ? "No data" : Bt(te)} ${r}, target ${w.value(O)}`,
+				"aria-label": `${te === null ? "No data" : Ht(te)} ${r}, target ${w.value(O)}`,
 				"aria-valuemin": 0,
 				"aria-valuemax": O,
 				"aria-valuenow": D ?? 0,
@@ -2108,7 +2203,7 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 							cy: 100,
 							r: N - 20
 						}) : null,
-						y ? /* @__PURE__ */ Z(ht, {
+						y ? /* @__PURE__ */ Z(_t, {
 							width: 200,
 							height: A ? 106 : 200,
 							reduced: C,
@@ -2136,7 +2231,7 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 							r: N,
 							strokeWidth: M
 						}),
-						te ? A ? /* @__PURE__ */ Z(ke.path, {
+						te ? A ? /* @__PURE__ */ Z($.path, {
 							className: "lilt-progress__fill",
 							d: P,
 							strokeWidth: M,
@@ -2144,9 +2239,9 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 							animate: { pathLength: Math.min(1, te) },
 							transition: {
 								duration: +!C,
-								ease: ae
+								ease: oe
 							}
-						}) : /* @__PURE__ */ Z(ke.circle, {
+						}) : /* @__PURE__ */ Z($.circle, {
 							className: "lilt-progress__fill",
 							cx: 100,
 							cy: 100,
@@ -2157,16 +2252,16 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 							animate: { pathLength: Math.min(1, te) },
 							transition: {
 								duration: +!C,
-								ease: ae
+								ease: oe
 							}
 						}) : null
 					]
 				}), /* @__PURE__ */ Q("div", {
 					className: "lilt-progress__center",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ Z("strong", { children: te === null ? "—" : /* @__PURE__ */ Z(J, {
+					children: [/* @__PURE__ */ Z("strong", { children: te === null ? "—" : /* @__PURE__ */ Z(q, {
 						value: te,
-						format: Bt,
+						format: Ht,
 						variant: _,
 						motion: C ? "none" : "auto"
 					}) }), /* @__PURE__ */ Z("span", { children: r })]
@@ -2181,19 +2276,19 @@ function Vt({ title: e, value: t = null, target: n, label: r = "of goal", varian
 }
 //#endregion
 //#region src/cards/funnel-chart-card.tsx
-var Ht = [], Ut = [
+var Wt = [], Gt = [
 	100,
 	62,
 	40,
 	24
-], Wt = 55, Gt = 1.4;
-function Kt(e) {
+], Kt = 55, qt = 1.4;
+function Jt(e) {
 	return e === null ? "—" : e > 0 && e < .01 ? "<1%" : `${Math.round(e * 100)}%`;
 }
-function qt(e, t, n, r) {
+function Yt(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 + Wt, u = (a - l) * .5;
+	let l = i + Kt, u = (a - l) * .5;
 	return [
 		`M${i},${o(t)}`,
 		`L${l},${o(t)}`,
@@ -2204,16 +2299,16 @@ function qt(e, t, n, r) {
 		"Z"
 	].join(" ");
 }
-function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", colors: a = "stages", tracks: o = !1, height: s = 180, headline: c, delta: l, deltaTone: d, range: f, ranges: p, defaultRange: m, valueFormat: h, locale: g, formatValue: _, color: v, surface: y = "elevated", badge: b, numberStyle: x, palette: S, loading: C = !1, motion: w = "auto", className: T, style: ee }) {
-	let E = ie(w), D = ne({
+function Xt({ title: e, data: t, category: n, value: r, curve: i = "smooth", colors: a = "stages", tracks: o = !1, height: s = 180, headline: c, delta: l, deltaTone: d, range: f, ranges: p, defaultRange: m, valueFormat: h, locale: g, formatValue: _, color: v, surface: y = "elevated", badge: b, numberStyle: x, palette: S, loading: C = !1, motion: w = "auto", className: T, style: ee }) {
+	let E = ae(w), D = ne({
 		valueFormat: h,
 		locale: g,
 		formatValue: _
-	}), [O, te] = X(m ?? p?.[0]?.id), A = p?.find((e) => e.id === O) ?? p?.[0], j = A?.data ?? t ?? Ht, M = A ? A.delta : l, N = we(() => {
+	}), [O, te] = X(m ?? p?.[0]?.id), A = p?.find((e) => e.id === O) ?? p?.[0], j = A?.data ?? t ?? Wt, M = A ? A.delta : l, N = we(() => {
 		try {
 			let e = (e, t) => e[t];
 			return {
-				rows: ye({
+				rows: be({
 					data: j,
 					category: {
 						id: (t) => String(e(t, n) ?? ""),
@@ -2237,7 +2332,7 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 		j,
 		n,
 		r
-	]), P = N.rows, F = we(() => P.map((e) => e.share === null ? null : Math.max(Gt, e.share * 100)), [P]), [I, L] = X({
+	]), P = N.rows, F = we(() => P.map((e) => e.share === null ? null : Math.max(qt, e.share * 100)), [P]), [I, L] = X({
 		key: 0,
 		from: [],
 		to: F,
@@ -2258,13 +2353,18 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 		return e === null || n == null ? e : n + (e - n) * z;
 	});
 	R.current = B;
-	let V = I.initial ? z : 1, [H, U] = X(null), [W, G] = X(null), re = W ?? H, K = P.findIndex((e) => e.id === re), q = P[K], J = K > 0 ? P[K - 1] : void 0, ae = (e) => a === "single" ? "var(--lilt-series-1)" : `var(--lilt-series-${e % 6 + 1})`, oe = C && !P.length ? Ut.length : Math.max(1, P.length), de = A?.headline ?? c ?? P[0]?.value ?? null, ge = `lilt-funnel-${Se().replace(/:/g, "")}`, _e = !C && (N.error !== null || P.length === 0);
+	let V = I.initial ? z : 1, [H, U] = X(null), [W, G] = X(null), re = lt({
+		resolve: ct,
+		onGlide: U,
+		onLift: (e) => e !== null && G(e),
+		disabled: C
+	}), ie = W ?? H, K = P.findIndex((e) => e.id === ie), q = P[K], oe = K > 0 ? P[K - 1] : void 0, se = (e) => a === "single" ? "var(--lilt-series-1)" : `var(--lilt-series-${e % 6 + 1})`, J = C && !P.length ? Gt.length : Math.max(1, P.length), ge = A?.headline ?? c ?? P[0]?.value ?? null, _e = `lilt-funnel-${Se().replace(/:/g, "")}`, ve = !C && (N.error !== null || P.length === 0);
 	return /* @__PURE__ */ Q(me, {
 		motion: w,
 		className: ["lilt-funnel-card", T].filter(Boolean).join(" "),
 		style: {
 			...ee,
-			"--lilt-funnel-stages": oe,
+			"--lilt-funnel-stages": J,
 			...v ? { "--lilt-series-1": v } : {}
 		},
 		"aria-label": e,
@@ -2282,36 +2382,38 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 				value: A?.id,
 				onValueChange: te
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
-				value: q ? q.value : de,
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
+				value: q ? q.value : ge,
 				format: D.value,
 				loading: C,
 				motion: w,
-				children: C ? null : q ? /* @__PURE__ */ Q(se, { children: [q.label, q.conversion !== null && J ? ` · ${Kt(q.conversion)} of ${J.label}` : ""] }) : M === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				children: C ? null : q ? /* @__PURE__ */ Q(ce, { children: [q.label, q.conversion !== null && oe ? ` · ${Jt(q.conversion)} of ${oe.label}` : ""] }) : M === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: M,
 					tone: d
 				})
 			})]
-		}), _e ? /* @__PURE__ */ Z(u, {
+		}), ve ? /* @__PURE__ */ Z(u, {
 			kind: N.error ? "error" : "empty",
 			message: N.error ?? "No stages for this period."
 		}) : /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Q("div", {
+			ref: re,
 			className: "lilt-funnel-card__plot",
+			"data-lilt-glide": "",
 			style: { height: s },
 			"data-loading": C || void 0,
 			onPointerLeave: () => U(null),
 			children: [/* @__PURE__ */ Q("svg", {
 				"aria-hidden": "true",
 				className: "lilt-funnel-card__svg",
-				viewBox: `0 0 ${oe * 100} 100`,
+				viewBox: `0 0 ${J * 100} 100`,
 				preserveAspectRatio: "none",
 				children: [
 					/* @__PURE__ */ Z("defs", { children: /* @__PURE__ */ Z("clipPath", {
-						id: ge,
+						id: _e,
 						children: /* @__PURE__ */ Z("rect", {
 							x: 0,
 							y: 0,
-							width: oe * 100 * V,
+							width: J * 100 * V,
 							height: 100
 						})
 					}) }),
@@ -2322,31 +2424,31 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 						width: 100,
 						height: 100
 					}, `track-${e.id}`)) : null,
-					C ? /* @__PURE__ */ Z(ht, {
-						width: oe * 100,
+					C ? /* @__PURE__ */ Z(_t, {
+						width: J * 100,
 						height: 100,
 						reduced: E,
-						children: Ut.slice(0, oe).map((e, t) => /* @__PURE__ */ Z("path", {
+						children: Gt.slice(0, J).map((e, t) => /* @__PURE__ */ Z("path", {
 							className: "lilt-funnel-card__skeleton",
-							d: qt(t, e, Ut[t + 1] ?? null, i)
+							d: Yt(t, e, Gt[t + 1] ?? null, i)
 						}, t))
 					}) : /* @__PURE__ */ Z("g", {
-						clipPath: `url(#${ge})`,
+						clipPath: `url(#${_e})`,
 						children: P.map((e, t) => {
 							let n = B[t];
 							if (n == null) return null;
 							let r = t + 1 < P.length ? B[t + 1] ?? null : null;
 							return /* @__PURE__ */ Z("path", {
 								className: "lilt-funnel-card__band",
-								d: qt(t, n, r, i),
+								d: Yt(t, n, r, i),
 								"data-stage": e.id,
 								"data-active": e.id === q?.id || void 0,
 								"data-muted": q && e.id !== q.id || void 0,
-								style: { fill: ae(t) }
+								style: { fill: se(t) }
 							}, e.id);
 						})
 					}),
-					Array.from({ length: oe - 1 }, (e, t) => /* @__PURE__ */ Z("line", {
+					Array.from({ length: J - 1 }, (e, t) => /* @__PURE__ */ Z("line", {
 						className: "lilt-funnel-card__divider",
 						x1: (t + 1) * 100,
 						x2: (t + 1) * 100,
@@ -2360,17 +2462,18 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 				tabIndex: -1,
 				"aria-hidden": "true",
 				className: "lilt-funnel-card__column",
+				"data-glide-id": e.id,
 				"data-muted": q && e.id !== q.id || void 0,
 				style: {
-					left: `${t / oe * 100}%`,
-					width: `${100 / oe}%`
+					left: `${t / J * 100}%`,
+					width: `${100 / J}%`
 				},
 				onPointerEnter: () => U(e.id),
 				onClick: () => G((t) => t === e.id ? null : e.id),
 				children: /* @__PURE__ */ Z("span", {
 					className: "lilt-funnel-card__pill",
-					style: { opacity: V < (t + .5) / oe ? 0 : q && e.id !== q.id ? .45 : 1 },
-					children: Kt(e.share)
+					style: { opacity: V < (t + .5) / J ? 0 : q && e.id !== q.id ? .45 : 1 },
+					children: Jt(e.share)
 				})
 			}, e.id))]
 		}), /* @__PURE__ */ Z(k, {
@@ -2379,7 +2482,7 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 			items: P.map((e, t) => ({
 				id: e.id,
 				label: e.label,
-				color: e.value === null ? "transparent" : ae(t),
+				color: e.value === null ? "transparent" : se(t),
 				value: e.value,
 				formattedValue: e.value === null ? "No data" : D.value(e.value)
 			})),
@@ -2393,11 +2496,11 @@ function Jt({ title: e, data: t, category: n, value: r, curve: i = "smooth", col
 }
 //#endregion
 //#region src/cards/heatmap-chart-card.tsx
-var Yt = [], Xt = {
+var Zt = [], Qt = {
 	rows: 7,
 	columns: 12
-}, Zt = 30, Qt = 12, $t = 8, en = (e, t) => `${e}\u0000${t}`;
-function tn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
+}, $t = 30, en = 12, tn = 8, nn = (e, t) => `${e}\u0000${t}`;
+function rn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
 	let s = (e, t) => e[t], c = (e) => ({
 		columns: [],
 		rows: [],
@@ -2421,7 +2524,7 @@ function tn({ 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 = en(m, e);
+		let h = nn(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, {
@@ -2443,9 +2546,9 @@ function tn({ 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(en(e, t)), r = n?.value ?? null;
+			let n = d.get(nn(e, t)), r = n?.value ?? null;
 			return {
-				id: en(e, t),
+				id: nn(e, t),
 				label: `${e}, ${t}`,
 				row: e,
 				column: t,
@@ -2458,18 +2561,18 @@ function tn({ data: e, x: t, y: n, value: r, columns: i, rows: a, domain: o }) {
 		error: null
 	};
 }
-var nn = (e) => 12 + e * 83;
-function rn(e, t) {
-	if (t <= $t) return "major";
-	let n = Math.ceil(t / Qt);
+var an = (e) => 12 + e * 83;
+function on(e, t) {
+	if (t <= tn) return "major";
+	let n = Math.ceil(t / en);
 	return e % (n * 2) == 0 ? "major" : e % n === 0 ? "minor" : "hidden";
 }
-function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, domain: s, aggregate: c = "sum", height: l, radius: d = 5, gap: f = 4, headline: p, delta: m, deltaTone: h, range: g, ranges: _, defaultRange: v, valueFormat: y, locale: b, formatValue: x, color: S, surface: C = "elevated", badge: w, numberStyle: T, palette: E, loading: D = !1, motion: O = "auto", className: k, style: te }) {
-	let A = ie(O), j = ne({
+function sn({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, domain: s, aggregate: c = "sum", height: l, radius: d = 5, gap: f = 4, headline: p, delta: m, deltaTone: h, range: g, ranges: _, defaultRange: v, valueFormat: y, locale: b, formatValue: x, color: S, surface: C = "elevated", badge: w, numberStyle: T, palette: E, loading: D = !1, motion: O = "auto", className: k, style: te }) {
+	let A = ae(O), j = ne({
 		valueFormat: y,
 		locale: b,
 		formatValue: x
-	}), [M, N] = X(v ?? _?.[0]?.id), P = _?.find((e) => e.id === M) ?? _?.[0], F = P?.data ?? t ?? Yt, I = P ? P.delta : m, L = we(() => tn({
+	}), [M, N] = X(v ?? _?.[0]?.id), P = _?.find((e) => e.id === M) ?? _?.[0], F = P?.data ?? t ?? Zt, I = P ? P.delta : m, L = we(() => rn({
 		data: F,
 		x: n,
 		y: r,
@@ -2485,10 +2588,10 @@ function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, doma
 		a,
 		o,
 		s
-	]), R = lt(L.cells, !D, void 0, void 0, L.columns.length), z = L.cells.find((e) => e.id === R.active?.id), B = L.cells.flatMap((e) => e.value === null ? [] : [e.value]), V = P?.headline ?? p ?? ee(B, c), H = L.cells.some((e) => e.value === null), U = !D && (L.error !== null || L.cells.length === 0), W = D && !L.cells.length ? Xt : {
+	]), R = dt(L.cells, !D, void 0, void 0, L.columns.length), z = L.cells.find((e) => e.id === R.active?.id), B = L.cells.flatMap((e) => e.value === null ? [] : [e.value]), V = P?.headline ?? p ?? ee(B, c), H = L.cells.some((e) => e.value === null), U = !D && (L.error !== null || L.cells.length === 0), W = D && !L.cells.length ? Qt : {
 		rows: L.rows.length,
 		columns: L.columns.length
-	}, G = l ? Math.max(8, (l - f * Math.max(0, W.rows - 1)) / Math.max(1, W.rows)) : Zt;
+	}, G = l ? Math.max(8, (l - f * Math.max(0, W.rows - 1)) / Math.max(1, W.rows)) : $t;
 	return /* @__PURE__ */ Q(me, {
 		motion: O,
 		className: ["lilt-heatmap-card", k].filter(Boolean).join(" "),
@@ -2515,17 +2618,17 @@ function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, doma
 				value: P?.id,
 				onValueChange: N
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
 				value: z ? z.value : V,
 				format: j.value,
 				loading: D,
 				motion: O,
-				children: D ? null : z ? /* @__PURE__ */ Q(se, { children: [
+				children: D ? null : z ? /* @__PURE__ */ Q(ce, { children: [
 					z.row,
 					" · ",
 					z.column,
 					z.value === null ? " · No data" : ""
-				] }) : I === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				] }) : I === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: I,
 					tone: h
 				})
@@ -2554,8 +2657,10 @@ function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, doma
 				})
 			})]
 		}) : /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Q("table", {
+			ref: R.glideRef,
 			className: "lilt-heatmap-card__grid",
 			role: "table",
+			"data-lilt-glide": "",
 			"aria-label": e,
 			"data-motion": A ? "none" : void 0,
 			children: [/* @__PURE__ */ Z("tbody", {
@@ -2581,7 +2686,7 @@ function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, doma
 								"data-active": z?.id === a.id || void 0,
 								"data-muted": z && !o || void 0,
 								style: {
-									"--lilt-heatmap-card-strength": a.intensity === null ? void 0 : `${nn(a.intensity)}%`,
+									"--lilt-heatmap-card-strength": a.intensity === null ? void 0 : `${an(a.intensity)}%`,
 									"--lilt-heatmap-card-delay": `${Math.min(160, r * 12)}ms`
 								}
 							})
@@ -2596,7 +2701,7 @@ function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, doma
 						scope: "col",
 						role: "columnheader",
 						className: "lilt-heatmap-card__column-label",
-						"data-tier": rn(t, L.columns.length),
+						"data-tier": on(t, L.columns.length),
 						"data-active": z?.column === e || void 0,
 						children: /* @__PURE__ */ Z("span", { children: e })
 					}, e))]
@@ -2627,7 +2732,7 @@ function an({ title: e, data: t, x: n, y: r, value: i, columns: a, rows: o, doma
 }
 //#endregion
 //#region src/engine/scatter.ts
-function on(e, t, n, r, i = !1) {
+function cn(e, t, n, r, i = !1) {
 	if (!i) {
 		let r = null, i = Infinity;
 		for (let a of e) {
@@ -2647,7 +2752,7 @@ function on(e, t, n, r, i = !1) {
 }
 //#endregion
 //#region src/use-chart-width.ts
-function sn() {
+function ln() {
 	let e = Te(null), [t, n] = X(0);
 	return Ce(() => {
 		let t = e.current;
@@ -2663,7 +2768,7 @@ function sn() {
 }
 //#endregion
 //#region src/cards/scatter-chart-card.tsx
-var cn = [], ln = 260, un = 4, dn = 4.5, fn = 3, pn = [
+var un = [], dn = 260, fn = 4, pn = 4.5, mn = 3, hn = [
 	[
 		.08,
 		.72,
@@ -2725,17 +2830,17 @@ var cn = [], ln = 260, un = 4, dn = 4.5, fn = 3, pn = [
 		9
 	]
 ];
-function mn(e, t = 5) {
+function gn(e, t = 5) {
 	if (!e.length) return [0, 1];
 	let n = Math.min(...e), r = Math.max(...e);
 	if (n >= 0 && n <= r * .25 && (n = 0), n === r) {
 		let e = Math.abs(n) || 1;
 		n -= e, r += e;
 	}
-	let [i, a] = Ae().domain([n, r]).nice(t).domain();
+	let [i, a] = ke().domain([n, r]).nice(t).domain();
 	return [i, a];
 }
-function hn(e) {
+function _n(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;
@@ -2747,8 +2852,8 @@ function hn(e) {
 		r2: o === 0 ? 1 : a * a / (i * o)
 	};
 }
-var gn = (e, t, n) => `${e} ${e === 1 ? t : n}`, _n = (e, t) => t === void 0 ? void 0 : e[t], vn = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
-function yn(e, [t, n], [r, i]) {
+var vn = (e, t, n) => `${e} ${e === 1 ? t : n}`, yn = (e, t) => t === void 0 ? void 0 : e[t], bn = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
+function xn(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;
@@ -2761,28 +2866,28 @@ function yn(e, [t, n], [r, i]) {
 		a(s)
 	];
 }
-function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, label: s, xLabel: c, yLabel: l, trend: d = !1, height: f = ln, aggregate: p = "sum", headline: m, delta: h, deltaTone: g, range: _, ranges: v, defaultRange: y, valueFormat: b, xFormat: x, locale: S = "en-US", formatValue: C, formatX: w, color: T, surface: E = "elevated", badge: D, numberStyle: O, palette: te, loading: A = !1, motion: j = "auto", className: M, style: N }) {
-	let P = ie(j), F = ne({
+function Sn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, label: s, xLabel: c, yLabel: l, trend: d = !1, height: f = dn, aggregate: p = "sum", headline: m, delta: h, deltaTone: g, range: _, ranges: v, defaultRange: y, valueFormat: b, xFormat: x, locale: S = "en-US", formatValue: C, formatX: w, color: T, surface: E = "elevated", badge: D, numberStyle: O, palette: te, loading: A = !1, motion: j = "auto", className: M, style: N }) {
+	let P = ae(j), F = ne({
 		valueFormat: b,
 		locale: S,
 		formatValue: C
-	}), I = JSON.stringify(x ?? null), L = we(() => R(S, x), [S, I]), z = w ?? L.full, [B, V] = X(y ?? v?.[0]?.id), H = v?.find((e) => e.id === B) ?? v?.[0], U = H?.data ?? t ?? cn, W = H ? H.delta : h, { ref: G, width: re } = sn(), K = re || 480, q = we(() => {
+	}), I = JSON.stringify(x ?? null), L = we(() => R(S, x), [S, I]), z = w ?? L.full, [B, V] = X(y ?? v?.[0]?.id), H = v?.find((e) => e.id === B) ?? v?.[0], U = H?.data ?? t ?? un, W = H ? H.delta : h, { ref: G, width: re } = ln(), ie = re || 480, K = we(() => {
 		let e = [], t = U.map((e) => {
-			let t = _n(e, s);
+			let t = yn(e, s);
 			return typeof t == "string" && t ? t : null;
 		}), a = (e) => e !== null && t.indexOf(e) === t.lastIndexOf(e);
 		return {
 			rows: U.map((s, c) => {
-				let l = o === void 0 ? null : String(_n(s, o) ?? "");
+				let l = o === void 0 ? null : String(yn(s, o) ?? "");
 				l !== null && !e.includes(l) && e.push(l);
 				let u = t[c];
 				return {
 					id: a(u) ? u : `${u ?? ""}\u0000${c}`,
 					label: u ?? `Point ${c + 1}`,
 					row: s,
-					x: vn(_n(s, n)),
-					y: vn(_n(s, r)),
-					size: i === void 0 ? 1 : vn(_n(s, i)),
+					x: bn(yn(s, n)),
+					y: bn(yn(s, r)),
+					size: i === void 0 ? 1 : bn(yn(s, i)),
 					group: l
 				};
 			}),
@@ -2795,20 +2900,30 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 		i,
 		o,
 		s
-	]), J = q.rows.filter((e) => e.x !== null && e.y !== null), ae = q.rows.length - J.length, [oe, de] = X([]), he = J.filter((e) => e.group === null || !oe.includes(e.group)), ge = (e) => e === null ? "var(--lilt-scatter-card-color, var(--lilt-series-1))" : `var(--lilt-series-${q.groups.indexOf(e) % 6 + 1})`, _e = K < 420 ? 3 : 5, ve = mn(J.map((e) => e.x), _e), Y = mn(J.map((e) => e.y), un), ye = Ae().domain(Y).ticks(un), be = Ae().domain(ve).ticks(_e), xe = Math.max(8, Math.min(16, K / 36)), Se = Math.max(24, ...ye.map((e) => F.axis(e).length * 6.6 + 10)), Ce = i === void 0 ? 6.5 : xe, Te = (l ? 26 : 10) + Ce, Ee = f - 26 - (c ? 16 : 0) - Ce, Oe = Se + Ce, ke = K - Ce - 2, je = Ae().domain(ve).range([Oe, ke]), Me = Ae().domain(Y).range([Ee, Te]), Ne = Math.max(1, ...J.map((e) => e.size ?? 0)), Pe = (e) => i === void 0 ? dn : fn + (xe - fn) * Math.sqrt(Math.max(0, e ?? 0) / Ne), Fe = [...he].sort((e, t) => e.x - t.x || e.y - t.y).map((e, t) => ({
+	]), q = K.rows.filter((e) => e.x !== null && e.y !== null), oe = K.rows.length - q.length, [se, J] = X([]), he = q.filter((e) => e.group === null || !se.includes(e.group)), ge = (e) => e === null ? "var(--lilt-scatter-card-color, var(--lilt-series-1))" : `var(--lilt-series-${K.groups.indexOf(e) % 6 + 1})`, _e = ie < 420 ? 3 : 5, ve = gn(q.map((e) => e.x), _e), ye = gn(q.map((e) => e.y), fn), be = ke().domain(ye).ticks(fn), Y = ke().domain(ve).ticks(_e), Se = Math.max(8, Math.min(16, ie / 36)), Ce = Math.max(24, ...be.map((e) => F.axis(e).length * 6.6 + 10)), Te = i === void 0 ? 6.5 : Se, Ee = (l ? 26 : 10) + Te, Oe = f - 26 - (c ? 16 : 0) - Te, $ = Ce + Te, Ae = ie - Te - 2, je = ke().domain(ve).range([$, Ae]), Me = ke().domain(ye).range([Oe, Ee]), Ne = Math.max(1, ...q.map((e) => e.size ?? 0)), Pe = (e) => i === void 0 ? pn : mn + (Se - mn) * Math.sqrt(Math.max(0, e ?? 0) / Ne), Fe = [...he].sort((e, t) => e.x - t.x || e.y - t.y).map((e, t) => ({
 		...e,
 		cx: je(e.x),
 		cy: Me(e.y),
 		radius: Pe(e.size),
 		color: ge(e.group),
 		order: t
-	})), Ie = d ? hn(he) : null, Le = Ie && Fe.length ? yn(Ie, [Fe[0].x, Fe.at(-1).x], Y) : null, Re = L.plain, [ze, Be] = X(null), [Ve, He] = X(null), [Ue, We] = X(null), [Ge, Ke] = X(null), [qe, Je] = X(null), Ye = (e) => Fe.find((t) => t.id === e), $ = Ye(Ve) ?? Ye(Ue) ?? Ye(ze), Xe = $ ? null : qe ?? Ge, Ze = q.groups.map((e) => ({
+	})), Ie = d ? _n(he) : null, Le = Ie && Fe.length ? xn(Ie, [Fe[0].x, Fe.at(-1).x], ye) : null, Re = L.plain, [ze, Be] = X(null), [Ve, He] = X(null), [Ue, We] = X(null), [Ge, Ke] = X(null), [qe, Je] = X(null), Ye = (e) => Fe.find((t) => t.id === e), Xe = Ye(Ve) ?? Ye(Ue) ?? Ye(ze), Ze = Xe ? null : qe ?? Ge, Qe = K.groups.map((e) => ({
 		name: e,
-		value: ee(J.filter((t) => t.group === e).map((e) => e.y), p)
-	})), Qe = H?.headline ?? m ?? ee(he.map((e) => e.y), p), $e = $ ? $.y : Xe === null ? Qe : Ze.find((e) => e.name === Xe)?.value ?? null, et = (e) => c ? `${c} ${z(e)}` : z(e), tt = (e) => `${e.label}: ${et(e.x)}, ${l ? `${l} ` : ""}${F.value(e.y)}${i === void 0 || e.size === null ? "" : `, ${a ?? "size"} ${Re(e.size)}`}`, nt = (e) => {
-		let t = e.currentTarget.getBoundingClientRect();
-		Be(on(Fe, e.clientX - t.left, e.clientY - t.top, Ve));
-	}, rt = (e) => {
+		value: ee(q.filter((t) => t.group === e).map((e) => e.y), p)
+	})), $e = H?.headline ?? m ?? ee(he.map((e) => e.y), p), et = Xe ? Xe.y : Ze === null ? $e : Qe.find((e) => e.name === Ze)?.value ?? null, tt = (e) => c ? `${c} ${z(e)}` : z(e), nt = (e) => `${e.label}: ${tt(e.x)}, ${l ? `${l} ` : ""}${F.value(e.y)}${i === void 0 || e.size === null ? "" : `, ${a ?? "size"} ${Re(e.size)}`}`, rt = (e, t, n) => {
+		let r = n.getBoundingClientRect();
+		return cn(Fe, e - r.left, t - r.top, Ve);
+	}, it = (e) => {
+		e.pointerType !== "touch" && Be(rt(e.clientX, e.clientY, e.currentTarget));
+	}, at = lt({
+		resolve: rt,
+		onGlide: Be,
+		onLift: (e) => e !== null && He(e),
+		onTap: (e) => He((t) => e && t !== e ? e : null),
+		disabled: A
+	}), ot = xe((e) => {
+		G.current = e, at(e);
+	}, [at, G]), st = (e) => {
 		if (!Fe.length) return;
 		let t = Ye(Ue) ?? Ye(Ve), n = t ? t.order : -1, r = null;
 		if (e.key === "ArrowRight" || e.key === "ArrowDown") r = n + 1;
@@ -2823,7 +2938,7 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 			return;
 		} else return;
 		e.preventDefault(), We(Fe[Math.max(0, Math.min(Fe.length - 1, r))].id);
-	}, it = !A && q.rows.length === 0, at = !A && q.rows.length > 0 && J.length === 0, ot = (e) => $ && Math.abs(je(e) - $.cx) < 40, st = (e) => $ && Math.abs(Me(e) - $.cy) < 16;
+	}, ct = !A && K.rows.length === 0, ut = !A && K.rows.length > 0 && q.length === 0, dt = (e) => Xe && Math.abs(je(e) - Xe.cx) < 40, ft = (e) => Xe && Math.abs(Me(e) - Xe.cy) < 16;
 	return /* @__PURE__ */ Q(me, {
 		motion: j,
 		className: ["lilt-scatter-card", M].filter(Boolean).join(" "),
@@ -2846,53 +2961,54 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 				value: H?.id,
 				onValueChange: V
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
-				value: A ? null : $e,
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
+				value: A ? null : et,
 				format: F.value,
 				loading: A,
 				motion: j,
-				children: A ? null : $ ? /* @__PURE__ */ Q(se, { children: [
-					$.label,
+				children: A ? null : Xe ? /* @__PURE__ */ Q(ce, { children: [
+					Xe.label,
 					" · ",
-					et($.x)
-				] }) : Xe === null ? W === void 0 ? null : /* @__PURE__ */ Z(ce, {
+					tt(Xe.x)
+				] }) : Ze === null ? W === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: W,
 					tone: g
-				}) : /* @__PURE__ */ Z(se, { children: Xe })
+				}) : /* @__PURE__ */ Z(ce, { children: Ze })
 			})]
-		}), it || at ? /* @__PURE__ */ Z(u, {
+		}), ct || ut ? /* @__PURE__ */ Z(u, {
 			kind: "empty",
-			message: it ? "No points for this period." : "No point has both values, so none can be placed."
+			message: ct ? "No points for this period." : "No point has both values, so none can be placed."
 		}) : /* @__PURE__ */ Q(De, { children: [
 			/* @__PURE__ */ Q("div", {
-				ref: G,
+				ref: ot,
 				className: "lilt-scatter-card__plot",
+				"data-lilt-glide": "",
 				style: { height: f },
 				"data-lilt-pill": "soft",
 				"data-loading": A || void 0,
 				"data-motion": P ? "none" : void 0,
-				"data-active": $ ? "" : void 0,
+				"data-active": Xe ? "" : void 0,
 				tabIndex: A ? void 0 : 0,
 				role: "group",
-				"aria-label": `${e}: ${gn(Fe.length, "point", "points")}. Arrow keys step through them in order of ${c ?? "x"}; Enter pins one.`,
-				onPointerMove: A ? void 0 : nt,
+				"aria-label": `${e}: ${vn(Fe.length, "point", "points")}. Arrow keys step through them in order of ${c ?? "x"}; Enter pins one.`,
+				onPointerMove: A ? void 0 : it,
 				onPointerLeave: () => Be(null),
 				onClick: () => He((e) => ze && e !== ze ? ze : null),
-				onKeyDown: A ? void 0 : rt,
+				onKeyDown: A ? void 0 : st,
 				onBlur: () => We(null),
 				children: [
 					/* @__PURE__ */ Q("svg", {
 						"aria-hidden": "true",
 						className: "lilt-scatter-card__svg",
-						width: K,
+						width: ie,
 						height: f,
-						viewBox: `0 0 ${K} ${f}`,
+						viewBox: `0 0 ${ie} ${f}`,
 						children: [
 							/* @__PURE__ */ Z("g", {
 								className: "lilt-scatter-card__grid",
-								children: ye.map((e) => /* @__PURE__ */ Z("line", {
-									x1: Se,
-									x2: K,
+								children: be.map((e) => /* @__PURE__ */ Z("line", {
+									x1: Ce,
+									x2: ie,
 									y1: Me(e),
 									y2: Me(e)
 								}, e))
@@ -2900,21 +3016,21 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 							A ? null : /* @__PURE__ */ Q("g", {
 								className: "lilt-chart__axis",
 								children: [
-									ye.map((e) => /* @__PURE__ */ Z("text", {
+									be.map((e) => /* @__PURE__ */ Z("text", {
 										className: "lilt-chart__axis-label",
-										x: Se - 10,
+										x: Ce - 10,
 										y: Me(e),
 										dy: "0.35em",
 										textAnchor: "end",
-										opacity: +!st(e),
+										opacity: +!ft(e),
 										children: F.axis(e)
 									}, e)),
-									be.map((e) => /* @__PURE__ */ Z("text", {
+									Y.map((e) => /* @__PURE__ */ Z("text", {
 										className: "lilt-chart__axis-label",
 										x: je(e),
-										y: Ee + Ce + 18,
+										y: Oe + Te + 18,
 										textAnchor: "middle",
-										opacity: +!ot(e),
+										opacity: +!dt(e),
 										children: L.compact(e)
 									}, e)),
 									l ? /* @__PURE__ */ Z("text", {
@@ -2925,21 +3041,21 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 									}) : null,
 									c ? /* @__PURE__ */ Z("text", {
 										className: "lilt-scatter-card__axis-title",
-										x: ke,
+										x: Ae,
 										y: f - 2,
 										textAnchor: "end",
 										children: c
 									}) : null
 								]
 							}),
-							A ? /* @__PURE__ */ Z(ht, {
-								width: K,
+							A ? /* @__PURE__ */ Z(_t, {
+								width: ie,
 								height: f,
 								reduced: P,
-								children: pn.map(([e, t, n], r) => /* @__PURE__ */ Z("circle", {
+								children: hn.map(([e, t, n], r) => /* @__PURE__ */ Z("circle", {
 									className: "lilt-scatter-card__skeleton",
-									cx: Oe + (ke - Oe) * e,
-									cy: Te + (Ee - Te) * t,
+									cx: $ + (Ae - $) * e,
+									cy: Ee + (Oe - Ee) * t,
 									r: i === void 0 ? 5.5 : n
 								}, r))
 							}) : /* @__PURE__ */ Q(De, { children: [
@@ -2950,26 +3066,26 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 									x2: je(Le[2]),
 									y2: Me(Le[3])
 								}) : null,
-								$ ? /* @__PURE__ */ Q("g", {
+								Xe ? /* @__PURE__ */ Q("g", {
 									className: "lilt-scatter-card__guides",
 									children: [/* @__PURE__ */ Z("line", {
-										x1: $.cx,
-										x2: $.cx,
-										y1: $.cy,
-										y2: Ee + Ce
+										x1: Xe.cx,
+										x2: Xe.cx,
+										y1: Xe.cy,
+										y2: Oe + Te
 									}), /* @__PURE__ */ Z("line", {
-										x1: Se,
-										x2: $.cx,
-										y1: $.cy,
-										y2: $.cy
+										x1: Ce,
+										x2: Xe.cx,
+										y1: Xe.cy,
+										y2: Xe.cy
 									})]
 								}) : null,
 								Fe.map((e) => {
-									let t = $ && e.id !== $.id || Xe !== null && e.group !== Xe;
+									let t = Xe && e.id !== Xe.id || Ze !== null && e.group !== Ze;
 									return /* @__PURE__ */ Z("g", {
 										className: "lilt-scatter-card__point",
 										"data-point": e.label,
-										"data-active": e.id === $?.id || void 0,
+										"data-active": e.id === Xe?.id || void 0,
 										"data-muted": t || void 0,
 										style: {
 											transform: `translate(${e.cx}px, ${e.cy}px)`,
@@ -2987,51 +3103,51 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 							] })
 						]
 					}),
-					$ ? /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("div", {
+					Xe ? /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("div", {
 						className: "lilt-chart__x-badge lilt-scatter-card__pill",
 						style: {
-							left: $.cx,
-							top: Ee + Ce + 6,
+							left: Xe.cx,
+							top: Oe + Te + 6,
 							transform: "translateX(-50%)"
 						},
-						children: z($.x)
+						children: z(Xe.x)
 					}), /* @__PURE__ */ Z("div", {
 						className: "lilt-chart__y-badge lilt-scatter-card__pill",
 						style: {
-							right: K - Se + 4,
-							top: $.cy,
+							right: ie - Ce + 4,
+							top: Xe.cy,
 							transform: "translateY(-50%)"
 						},
-						children: F.axis($.y)
+						children: F.axis(Xe.y)
 					})] }) : null,
 					/* @__PURE__ */ Z("p", {
 						className: "lilt-chart__sr-only",
 						"aria-live": "polite",
-						children: $ ? tt($) : ""
+						children: Xe ? nt(Xe) : ""
 					})
 				]
 			}),
-			o !== void 0 && q.groups.length ? /* @__PURE__ */ Z(k, {
+			o !== void 0 && K.groups.length ? /* @__PURE__ */ Z(k, {
 				className: "lilt-card__tiles",
 				"aria-label": `${e} by group`,
-				items: Ze.map((e) => ({
+				items: Qe.map((e) => ({
 					id: e.name,
 					label: e.name,
 					color: ge(e.name),
 					value: e.value,
 					formattedValue: e.value === null ? "No data" : F.value(e.value)
 				})),
-				activeId: Xe,
+				activeId: Ze,
 				onHoverIdChange: Ke,
-				hiddenIds: oe,
+				hiddenIds: se,
 				onHiddenIdsChange: (e) => {
-					de(e), Ke(null), Je(null);
+					J(e), Ke(null), Je(null);
 				},
 				renderValue: A ? () => /* @__PURE__ */ Z("span", { className: "lilt-card__skeleton lilt-card__skeleton--tile" }) : void 0
 			}) : null,
-			!A && (Ie || ae) ? /* @__PURE__ */ Q("div", {
+			!A && (Ie || oe) ? /* @__PURE__ */ Q("div", {
 				className: "lilt-scatter-card__footer",
-				children: [ae ? /* @__PURE__ */ Q("span", { children: [gn(ae, "point is", "points are"), " missing a value and not plotted"] }) : null, Ie ? /* @__PURE__ */ Q("span", {
+				children: [oe ? /* @__PURE__ */ Q("span", { children: [vn(oe, "point is", "points are"), " missing a value and not plotted"] }) : null, Ie ? /* @__PURE__ */ Q("span", {
 					className: "lilt-scatter-card__fit",
 					children: [
 						/* @__PURE__ */ Z("span", {
@@ -3069,7 +3185,7 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 							children: a ?? i
 						})
 					] }) }),
-					/* @__PURE__ */ Z("tbody", { children: q.rows.map((e) => /* @__PURE__ */ Q("tr", { children: [
+					/* @__PURE__ */ Z("tbody", { children: K.rows.map((e) => /* @__PURE__ */ Q("tr", { children: [
 						/* @__PURE__ */ Z("th", {
 							scope: "row",
 							children: e.label
@@ -3086,7 +3202,7 @@ function bn({ title: e, data: t, x: n, y: r, size: i, sizeLabel: a, group: o, la
 }
 //#endregion
 //#region src/engine/sankey.ts
-function xn(e, t, n) {
+function Cn(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.");
@@ -3128,7 +3244,7 @@ function xn(e, t, n) {
 		losses: d
 	};
 }
-function Sn(e, t, n, r = !1) {
+function wn(e, t, n, r = !1) {
 	if (!e.nodes.length) return {
 		nodes: [],
 		links: []
@@ -3175,7 +3291,7 @@ function Sn(e, t, n, r = !1) {
 }
 //#endregion
 //#region src/cards/sankey-chart-card.tsx
-var Cn = [], wn = 280, Tn = 460, En = [
+var Tn = [], En = 280, Dn = 460, On = [
 	[
 		.02,
 		.32,
@@ -3211,14 +3327,14 @@ var Cn = [], wn = 280, Tn = 460, En = [
 		.8,
 		.12
 	]
-], Dn = (e, t) => e[t];
-function On(e) {
+], kn = (e, t) => e[t];
+function An(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 kn({ data: e, source: t, target: n, value: r, conservation: i }) {
+function jn({ 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(Dn(i, t) ?? "").trim(), l = String(Dn(i, n) ?? "").trim();
+		let e = String(kn(i, t) ?? "").trim(), l = String(kn(i, n) ?? "").trim();
 		if (!e || !l) return {
 			graph: null,
 			error: "Every flow needs a source and a target."
@@ -3233,7 +3349,7 @@ function kn({ data: e, source: t, target: n, value: r, conservation: i }) {
 			error: `${u} appears twice; combine it into one row.`
 		};
 		c.add(u);
-		let d = Dn(i, r);
+		let d = kn(i, r);
 		s.push({
 			id: u,
 			source: e,
@@ -3244,23 +3360,23 @@ function kn({ data: e, source: t, target: n, value: r, conservation: i }) {
 	}
 	try {
 		return {
-			graph: xn(a, s, i === "strict" ? "strict" : "allow-loss"),
+			graph: Cn(a, s, i === "strict" ? "strict" : "allow-loss"),
 			error: null
 		};
 	} catch (e) {
 		return {
 			graph: null,
-			error: On(e instanceof Error ? e.message : "Invalid flows.")
+			error: An(e instanceof Error ? e.message : "Invalid flows.")
 		};
 	}
 }
-var An = (e, t, n) => `${e} ${e === 1 ? t : n}`, jn = (e, t) => t > 0 ? `${Math.round(e / t * 100)}%` : "—";
-function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a = "loss", height: o = wn, headline: s, delta: c, deltaTone: l, range: d, ranges: f, defaultRange: p, valueFormat: m, locale: h, formatValue: g, surface: _ = "elevated", badge: v, numberStyle: y, palette: b, loading: x = !1, motion: S = "auto", className: C, style: w }) {
-	let T = ie(S), ee = ne({
+var Mn = (e, t, n) => `${e} ${e === 1 ? t : n}`, Nn = (e, t) => t > 0 ? `${Math.round(e / t * 100)}%` : "—";
+function Pn({ title: e, data: t, source: n, target: r, value: i, conservation: a = "loss", height: o = En, headline: s, delta: c, deltaTone: l, range: d, ranges: f, defaultRange: p, valueFormat: m, locale: h, formatValue: g, surface: _ = "elevated", badge: v, numberStyle: y, palette: b, loading: x = !1, motion: S = "auto", className: C, style: w }) {
+	let T = ae(S), ee = ne({
 		valueFormat: m,
 		locale: h,
 		formatValue: g
-	}), [E, D] = X(p ?? f?.[0]?.id), O = f?.find((e) => e.id === E) ?? f?.[0], k = O?.data ?? t ?? Cn, te = O ? O.delta : c, { ref: A, width: j } = sn(), M = j || 520, N = M < Tn, P = `lilt-sankey-card-${Se().replace(/:/g, "")}`, F = we(() => kn({
+	}), [E, D] = X(p ?? f?.[0]?.id), O = f?.find((e) => e.id === E) ?? f?.[0], k = O?.data ?? t ?? Tn, te = O ? O.delta : c, { ref: A, width: j } = ln(), M = j || 520, N = M < Dn, P = `lilt-sankey-card-${Se().replace(/:/g, "")}`, F = we(() => jn({
 		data: k,
 		source: n,
 		target: r,
@@ -3272,7 +3388,7 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 		r,
 		i,
 		a
-	]), I = F.graph, L = we(() => I ? Sn(I, M, o, N) : {
+	]), I = F.graph, L = we(() => I ? wn(I, M, o, N) : {
 		nodes: [],
 		links: []
 	}, [
@@ -3283,36 +3399,43 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 	]), R = new Map(I?.nodes.map((e, t) => [e.id, t]) ?? []), z = (e) => `var(--lilt-series-${(R.get(e) ?? 0) % 6 + 1})`, B = Math.max(0, ...L.nodes.map((e) => e.depth)), V = (e) => I?.links.filter((t) => t.target === e && t.value !== null).reduce((e, t) => e + t.value, 0) ?? 0, H = (e) => I?.links.filter((t) => t.source === e && t.value !== null).reduce((e, t) => e + t.value, 0) ?? 0, U = (e) => I?.links.some((t) => (t.source === e || t.target === e) && t.value !== null) ? Math.max(V(e), H(e)) : null, W = (e) => {
 		let t = U(e);
 		return t === null ? "—" : ee.value(t);
-	}, G = L.nodes.filter((e) => e.depth === 0).reduce((e, t) => e + H(t.id), 0) || 0, re = I?.links.filter((e) => e.value === null).length ?? 0, K = L.nodes.filter((e) => e.depth === 0).length, q = [...L.links].sort((e, t) => (L.nodes.find((t) => t.id === e.source)?.depth ?? 0) - (L.nodes.find((e) => e.id === t.source)?.depth ?? 0) || e.sourceY - t.sourceY), [J, ae] = X(null), [oe, de] = X(null), [ge, _e] = X(null), ve = oe ?? ge ?? J, Y = L.links.find((e) => e.id === ve), ye = Y ? void 0 : L.nodes.find((e) => e.id === ve), be = (e) => Y ? e.id === Y.id : !ye || e.source === ye.id || e.target === ye.id, xe = he({
+	}, G = L.nodes.filter((e) => e.depth === 0).reduce((e, t) => e + H(t.id), 0) || 0, re = I?.links.filter((e) => e.value === null).length ?? 0, ie = L.nodes.filter((e) => e.depth === 0).length, K = [...L.links].sort((e, t) => (L.nodes.find((t) => t.id === e.source)?.depth ?? 0) - (L.nodes.find((e) => e.id === t.source)?.depth ?? 0) || e.sourceY - t.sourceY), [q, oe] = X(null), [se, J] = X(null), [ge, _e] = X(null), ve = se ?? ge ?? q, ye = lt({
+		resolve: ct,
+		onGlide: oe,
+		onLift: (e) => e !== null && J(e),
+		disabled: x
+	}), be = xe((e) => {
+		A.current = e, ye(e);
+	}, [ye, A]), Y = L.links.find((e) => e.id === ve), Ce = Y ? void 0 : L.nodes.find((e) => e.id === ve), Te = (e) => Y ? e.id === Y.id : !Ce || e.source === Ce.id || e.target === Ce.id, Ee = he({
 		key: O?.id ?? 0,
 		active: !x,
 		duration: 720
-	}, T), Ce = O?.headline ?? s ?? G, Te = null;
-	if (Y) Ce = Y.value, Te = `${Y.source} → ${Y.target} · ${jn(Y.value, U(Y.source) ?? 0)} of ${Y.source}`;
-	else if (ye) {
-		let e = U(ye.id), t = I?.losses[ye.id];
-		Ce = e;
-		let n = ye.depth === 0 && K === 1;
-		Te = e === null ? `${ye.label} · Not measured` : n || !G ? ye.label : `${ye.label} · ${jn(e, G)} of all`, t && (Te += ` · ${ee.value(t)} left here`);
+	}, T), Oe = O?.headline ?? s ?? G, $ = null;
+	if (Y) Oe = Y.value, $ = `${Y.source} → ${Y.target} · ${Nn(Y.value, U(Y.source) ?? 0)} of ${Y.source}`;
+	else if (Ce) {
+		let e = U(Ce.id), t = I?.losses[Ce.id];
+		Oe = e;
+		let n = Ce.depth === 0 && ie === 1;
+		$ = e === null ? `${Ce.label} · Not measured` : n || !G ? Ce.label : `${Ce.label} · ${Nn(e, G)} of all`, t && ($ += ` · ${ee.value(t)} left here`);
 	}
-	let Ee = () => Y ? `${Y.source} to ${Y.target}: ${ee.value(Y.value)}` : ye ? `${ye.label}: ${W(ye.id)}` : "", Oe = (e) => {
-		if (!q.length) return;
-		let t = q.findIndex((e) => e.id === (ge ?? oe)), n = null;
+	let ke = () => Y ? `${Y.source} to ${Y.target}: ${ee.value(Y.value)}` : Ce ? `${Ce.label}: ${W(Ce.id)}` : "", Ae = (e) => {
+		if (!K.length) return;
+		let t = K.findIndex((e) => e.id === (ge ?? se)), n = null;
 		if (e.key === "ArrowRight" || e.key === "ArrowDown") n = t + 1;
-		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") n = t < 0 ? q.length - 1 : t - 1;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") n = t < 0 ? K.length - 1 : t - 1;
 		else if (e.key === "Home") n = 0;
-		else if (e.key === "End") n = q.length - 1;
+		else if (e.key === "End") n = K.length - 1;
 		else if ((e.key === "Enter" || e.key === " ") && t >= 0) {
 			e.preventDefault();
-			let n = q[t].id;
-			de((e) => e === n ? null : n);
+			let n = K[t].id;
+			J((e) => e === n ? null : n);
 			return;
 		} else if (e.key === "Escape") {
-			de(null), _e(null);
+			J(null), _e(null);
 			return;
 		} else return;
-		e.preventDefault(), _e(q[Math.max(0, Math.min(q.length - 1, n))].id);
-	}, ke = (e) => N ? e === B ? "end" : "start" : e === 0 ? "end" : "start", Ae = !x && !F.error && k.length === 0;
+		e.preventDefault(), _e(K[Math.max(0, Math.min(K.length - 1, n))].id);
+	}, je = (e) => N ? e === B ? "end" : "start" : e === 0 ? "end" : "start", Me = !x && !F.error && k.length === 0;
 	return /* @__PURE__ */ Q(me, {
 		motion: S,
 		className: ["lilt-sankey-card", C].filter(Boolean).join(" "),
@@ -3332,36 +3455,37 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 				value: O?.id,
 				onValueChange: D
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
-				value: x ? null : Ce,
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
+				value: x ? null : Oe,
 				format: ee.value,
 				loading: x,
 				motion: S,
-				children: x ? null : Te ? /* @__PURE__ */ Z(se, { children: Te }) : te === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				children: x ? null : $ ? /* @__PURE__ */ Z(ce, { children: $ }) : te === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: te,
 					tone: l
 				})
 			})]
-		}), F.error || Ae ? /* @__PURE__ */ Z(u, {
+		}), F.error || Me ? /* @__PURE__ */ Z(u, {
 			kind: F.error ? "error" : "empty",
 			message: F.error ?? "No flows for this period."
 		}) : /* @__PURE__ */ Q(De, { children: [
 			/* @__PURE__ */ Q("div", {
-				ref: A,
+				ref: be,
 				className: "lilt-sankey-card__plot",
+				"data-lilt-glide": "",
 				style: { height: o },
 				"data-loading": x || void 0,
 				"data-motion": T ? "none" : void 0,
 				"data-active": ve ? "" : void 0,
 				tabIndex: x ? void 0 : 0,
 				role: "group",
-				"aria-label": `${e}: ${An(L.links.length, "flow", "flows")} between ${An(L.nodes.length, "step", "steps")}. Arrow keys step through the flows; Enter pins one.`,
-				onKeyDown: x ? void 0 : Oe,
+				"aria-label": `${e}: ${Mn(L.links.length, "flow", "flows")} between ${Mn(L.nodes.length, "step", "steps")}. Arrow keys step through the flows; Enter pins one.`,
+				onKeyDown: x ? void 0 : Ae,
 				onBlur: () => _e(null),
-				onPointerLeave: () => ae(null),
+				onPointerLeave: () => oe(null),
 				onClick: (e) => {
 					let t = e.target;
-					(t === e.currentTarget || t.tagName === "svg") && de(null);
+					(t === e.currentTarget || t.tagName === "svg") && J(null);
 				},
 				children: [/* @__PURE__ */ Z("svg", {
 					"aria-hidden": "true",
@@ -3369,11 +3493,11 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 					width: M,
 					height: o,
 					viewBox: `0 0 ${M} ${o}`,
-					children: x ? /* @__PURE__ */ Z(ht, {
+					children: x ? /* @__PURE__ */ Z(_t, {
 						width: M,
 						height: o,
 						reduced: T,
-						children: En.map(([e, t, n, r, i], a) => {
+						children: On.map(([e, t, n, r, i], a) => {
 							let s = (e + n) / 2 * M;
 							return /* @__PURE__ */ Z("path", {
 								className: "lilt-sankey-card__skeleton",
@@ -3387,7 +3511,7 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 							children: /* @__PURE__ */ Z("rect", {
 								x: 0,
 								y: 0,
-								width: M * xe,
+								width: M * Ee,
 								height: o
 							})
 						}) }),
@@ -3396,35 +3520,37 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 							children: L.links.map((e) => /* @__PURE__ */ Z("path", {
 								className: "lilt-sankey-card__flow",
 								"data-flow": e.id,
+								"data-glide-id": e.id,
 								"data-active": e.id === Y?.id || void 0,
-								"data-muted": ve && !be(e) || void 0,
+								"data-muted": ve && !Te(e) || void 0,
 								d: e.path,
 								strokeWidth: e.width,
 								style: { stroke: z(e.source) },
-								onPointerEnter: () => ae(e.id),
+								onPointerEnter: () => oe(e.id),
 								onClick: (t) => {
-									t.stopPropagation(), de((t) => t === e.id ? null : e.id);
+									t.stopPropagation(), J((t) => t === e.id ? null : e.id);
 								}
 							}, e.id))
 						}),
 						L.nodes.map((e) => /* @__PURE__ */ Z("rect", {
 							className: "lilt-sankey-card__node",
 							"data-node": e.id,
-							"data-muted": ve && e.id !== ye?.id && e.id !== Y?.source && e.id !== Y?.target || void 0,
+							"data-glide-id": e.id,
+							"data-muted": ve && e.id !== Ce?.id && e.id !== Y?.source && e.id !== Y?.target || void 0,
 							x: e.x,
 							y: e.y,
 							width: e.width,
 							height: Math.max(2, e.height),
 							rx: 3,
 							style: { fill: z(e.id) },
-							onPointerEnter: () => ae(e.id),
-							onClick: () => de((t) => t === e.id ? null : e.id)
+							onPointerEnter: () => oe(e.id),
+							onClick: () => J((t) => t === e.id ? null : e.id)
 						}, e.id)),
 						L.nodes.map((e) => {
-							let t = ke(e.depth), n = t === "end" ? e.x - 8 : e.x + e.width + 8, r = e.y + e.height / 2;
+							let t = je(e.depth), n = t === "end" ? e.x - 8 : e.x + e.width + 8, r = e.y + e.height / 2;
 							return /* @__PURE__ */ Q("text", {
 								className: "lilt-sankey-card__label",
-								"data-muted": ve && e.id !== ye?.id && e.id !== Y?.source && e.id !== Y?.target || void 0,
+								"data-muted": ve && e.id !== Ce?.id && e.id !== Y?.source && e.id !== Y?.target || void 0,
 								x: n,
 								y: r,
 								textAnchor: t,
@@ -3444,13 +3570,13 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 				}), /* @__PURE__ */ Z("p", {
 					className: "lilt-chart__sr-only",
 					"aria-live": "polite",
-					children: Ee()
+					children: ke()
 				})]
 			}),
 			!x && re ? /* @__PURE__ */ Q("p", {
 				className: "lilt-sankey-card__footer",
 				children: [
-					An(re, "flow isn’t", "flows aren’t"),
+					Mn(re, "flow isn’t", "flows aren’t"),
 					" measured yet and",
 					" ",
 					re === 1 ? "isn’t" : "aren’t",
@@ -3490,34 +3616,34 @@ function Mn({ title: e, data: t, source: n, target: r, value: i, conservation: a
 }
 //#endregion
 //#region src/cards/radar-chart-card.tsx
-var Nn = [], Pn = 300, Fn = 4, In = 6.6;
-function Ln(e, t) {
-	if (e.length * In <= t || !e.includes(" ")) return [e];
+var Fn = [], In = 300, Ln = 4, Rn = 6.6;
+function zn(e, t) {
+	if (e.length * Rn <= 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 Rn = [
+var Bn = [
 	.72,
 	.58,
 	.84,
 	.5,
 	.66,
 	.78
-], zn = (e, t) => e[t], Bn = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
-function Vn({ data: e, category: t, series: n, domain: r }) {
+], Vn = (e, t) => e[t], Hn = (e) => typeof e == "number" && Number.isFinite(e) ? e : null;
+function Un({ 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(zn(r, t) ?? "").trim();
+		let e = String(Vn(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) => Bn(zn(r, e)))
+			values: n.map((e) => Hn(Vn(r, e)))
 		});
 	}
 	if (a.length && a.length < 3) return i("A radar needs at least three dimensions to draw a shape.");
@@ -3528,30 +3654,30 @@ function Vn({ 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] = Ae().domain([c, l]).nice(Fn).domain();
+	let c = Math.min(0, ...s), l = Math.max(c + 1, ...s), [u, d] = ke().domain([c, l]).nice(Ln).domain();
 	return {
 		dimensions: a,
 		domain: [u, d],
 		error: null
 	};
 }
-var Hn = (e) => Math.round(e * 100) / 100 || 0;
-function Un(e, t, n, r) {
+var Wn = (e) => Math.round(e * 100) / 100 || 0;
+function Gn(e, t, n, r) {
 	let i = e / t * Math.PI * 2;
 	return {
-		x: Hn(Math.sin(i) * r * n),
-		y: Hn(-Math.cos(i) * r * n)
+		x: Wn(Math.sin(i) * r * n),
+		y: Wn(-Math.cos(i) * r * n)
 	};
 }
-function Wn(e, t) {
+function Kn(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 } = Un(a, n, r, t), c = e[(a - 1 + n) % n];
+		let { x: o, y: s } = Gn(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 } = Un(0, n, e[0], t);
+		let { x: r, y: a } = Gn(0, n, e[0], t);
 		i += `L${r.toFixed(2)},${a.toFixed(2)}`;
 	}
 	return {
@@ -3559,12 +3685,12 @@ function Wn(e, t) {
 		complete: r
 	};
 }
-function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a = "mean", grid: o = "polygon", height: s = Pn, headline: c, delta: l, deltaTone: d, range: f, ranges: p, defaultRange: m, valueFormat: h, locale: g, formatValue: _, surface: v = "elevated", badge: y, numberStyle: b, palette: x, loading: S = !1, motion: C = "auto", className: w, style: T }) {
-	let E = ie(C), D = ne({
+function qn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a = "mean", grid: o = "polygon", height: s = In, headline: c, delta: l, deltaTone: d, range: f, ranges: p, defaultRange: m, valueFormat: h, locale: g, formatValue: _, surface: v = "elevated", badge: y, numberStyle: b, palette: x, loading: S = !1, motion: C = "auto", className: w, style: T }) {
+	let E = ae(C), D = ne({
 		valueFormat: h,
 		locale: g,
 		formatValue: _
-	}), [O, te] = X(m ?? p?.[0]?.id), A = p?.find((e) => e.id === O) ?? p?.[0], j = A?.data ?? t ?? Nn, M = A ? A.delta : l, { ref: N, width: P } = sn(), F = P || 480, I = r.map((e) => e.key), L = I.join("\0"), R = we(() => Vn({
+	}), [O, te] = X(m ?? p?.[0]?.id), A = p?.find((e) => e.id === O) ?? p?.[0], j = A?.data ?? t ?? Fn, M = A ? A.delta : l, { ref: N, width: P } = ln(), F = P || 480, I = r.map((e) => e.key), L = I.join("\0"), R = we(() => Un({
 		data: j,
 		category: n,
 		series: I,
@@ -3574,41 +3700,48 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 		n,
 		L,
 		i
-	]), { dimensions: z, domain: B } = R, V = z.length, H = B[1] - B[0], U = (e) => e === null ? null : (e - B[0]) / H, W = (e) => r[e]?.color ?? `var(--lilt-series-${e % 6 + 1})`, G = (e) => r[e]?.label ?? I[e], re = Math.max(0, r.findIndex((e) => !e.dashed)), K = (e) => e.name + (e.values.some((e) => e === null) ? " · no data" : ""), q = Math.min(Math.max(40, ...z.map((e) => K(e).length * In)) + 14, F * .24), J = Math.max(40, Math.min((F - q * 2) / 2, (s - 52) / 2)), ae = Math.max(1, ...z.flatMap((e) => Ln(K(e), q - 14).map((e) => e.length * In))), oe = Math.max(10 / 12, Math.min(1, (q - 14) / ae)), de = F / 2, ge = s / 2, _e = he({
+	]), { dimensions: z, domain: B } = R, V = z.length, H = B[1] - B[0], U = (e) => e === null ? null : (e - B[0]) / H, W = (e) => r[e]?.color ?? `var(--lilt-series-${e % 6 + 1})`, G = (e) => r[e]?.label ?? I[e], re = Math.max(0, r.findIndex((e) => !e.dashed)), ie = (e) => e.name + (e.values.some((e) => e === null) ? " · no data" : ""), K = Math.min(Math.max(40, ...z.map((e) => ie(e).length * Rn)) + 14, F * .24), q = Math.max(40, Math.min((F - K * 2) / 2, (s - 52) / 2)), oe = Math.max(1, ...z.flatMap((e) => zn(ie(e), K - 14).map((e) => e.length * Rn))), se = Math.max(10 / 12, Math.min(1, (K - 14) / oe)), J = F / 2, ge = s / 2, _e = he({
 		key: A?.id ?? 0,
 		active: !S && V > 0,
 		duration: 640
-	}, E), [ve, Y] = X(null), [ye, be] = X(null), [xe, Se] = X(null), [Ce, Te] = X(null), [Ee, Oe] = X(null), ke = ye ?? xe ?? ve, Ae = ke === null ? void 0 : z[ke], je = Ee ?? Ce, [Me, Ne] = X([]), Pe = (e) => Me.includes(I[e]), Fe = r.map((e, t) => ee(z.map((e) => e.values[t]).filter((e) => e !== null), a)), Ie = A?.headline ?? c ?? Fe[re] ?? null, Le = Pe(re) ? null : Ae ? Ae.values[re] : Ie, Re = Ae ? r.map((e, t) => ({
+	}, E), [ve, ye] = X(null), [be, Y] = X(null), [Se, Ce] = X(null), [Te, Ee] = X(null), [Oe, $] = X(null), ke = be ?? Se ?? ve, Ae = ke === null ? void 0 : z[ke], je = Oe ?? Te, [Me, Ne] = X([]), Pe = (e) => Me.includes(I[e]), Fe = r.map((e, t) => ee(z.map((e) => e.values[t]).filter((e) => e !== null), a)), Ie = A?.headline ?? c ?? Fe[re] ?? null, Le = Pe(re) ? null : Ae ? Ae.values[re] : Ie, Re = Ae ? r.map((e, t) => ({
 		item: e,
 		index: t
-	})).filter(({ index: e }) => e !== re && !Pe(e)).map(({ index: e }) => `${G(e)} ${Ae.values[e] === null ? "no data" : D.value(Ae.values[e])}`) : [], ze = (e) => {
-		if (!V) return;
-		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left - de, r = e.clientY - t.top - ge;
-		if (Math.hypot(n, r) > J + q) {
-			Y(null);
-			return;
-		}
-		let i = (Math.atan2(n, -r) + Math.PI * 2) % (Math.PI * 2);
-		Y(Math.round(i / (Math.PI * 2) * V) % V);
+	})).filter(({ index: e }) => e !== re && !Pe(e)).map(({ index: e }) => `${G(e)} ${Ae.values[e] === null ? "no data" : D.value(Ae.values[e])}`) : [], ze = (e, t, n) => {
+		if (!V) return null;
+		let r = n.getBoundingClientRect(), i = e - r.left - J, a = t - r.top - ge;
+		if (Math.hypot(i, a) > q + K) return null;
+		let o = (Math.atan2(i, -a) + Math.PI * 2) % (Math.PI * 2);
+		return Math.round(o / (Math.PI * 2) * V) % V;
 	}, Be = (e) => {
+		e.pointerType !== "touch" && ye(ze(e.clientX, e.clientY, e.currentTarget));
+	}, Ve = lt({
+		resolve: ze,
+		onGlide: ye,
+		onLift: (e) => e !== null && Y(e),
+		onTap: (e) => Y((t) => e !== null && t !== e ? e : null),
+		disabled: S
+	}), He = xe((e) => {
+		N.current = e, Ve(e);
+	}, [Ve, N]), Ue = (e) => {
 		if (!V) return;
-		let t = xe ?? ye, n = null;
+		let t = Se ?? be, n = null;
 		if (e.key === "ArrowRight" || e.key === "ArrowDown") n = t === null ? 0 : (t + 1) % V;
 		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") n = t === null ? V - 1 : (t - 1 + V) % V;
 		else if (e.key === "Home") n = 0;
 		else if (e.key === "End") n = V - 1;
 		else if ((e.key === "Enter" || e.key === " ") && t !== null) {
-			e.preventDefault(), be((e) => e === t ? null : t);
+			e.preventDefault(), Y((e) => e === t ? null : t);
 			return;
 		} else if (e.key === "Escape") {
-			be(null), Se(null);
+			Y(null), Ce(null);
 			return;
 		} else return;
-		e.preventDefault(), Se(n);
-	}, Ve = (e) => o === "circle" ? null : z.map((t, n) => {
-		let { x: r, y: i } = Un(n, V, e, J);
-		return `${n ? "L" : "M"}${(de + r).toFixed(2)},${(ge + i).toFixed(2)}`;
-	}).join(" ") + " Z", He = !S && !R.error && z.length === 0, Ue = z.some((e) => e.values.some((e) => e === null)), We = Array.from({ length: Fn }, (e, t) => (t + 1) / Fn);
+		e.preventDefault(), Ce(n);
+	}, We = (e) => o === "circle" ? null : z.map((t, n) => {
+		let { x: r, y: i } = Gn(n, V, e, q);
+		return `${n ? "L" : "M"}${(J + r).toFixed(2)},${(ge + i).toFixed(2)}`;
+	}).join(" ") + " Z", Ge = !S && !R.error && z.length === 0, Ke = z.some((e) => e.values.some((e) => e === null)), qe = Array.from({ length: Ln }, (e, t) => (t + 1) / Ln);
 	return /* @__PURE__ */ Q(me, {
 		motion: C,
 		className: ["lilt-radar-card", w].filter(Boolean).join(" "),
@@ -3628,34 +3761,35 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 				value: A?.id,
 				onValueChange: te
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
 				value: S ? null : Le,
 				format: D.value,
 				loading: S,
 				motion: C,
-				children: S ? null : Ae ? /* @__PURE__ */ Z(se, { children: [Ae.name, ...Re].join(" · ") }) : M === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				children: S ? null : Ae ? /* @__PURE__ */ Z(ce, { children: [Ae.name, ...Re].join(" · ") }) : M === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: M,
 					tone: d
 				})
 			})]
-		}), R.error || He ? /* @__PURE__ */ Z(u, {
+		}), R.error || Ge ? /* @__PURE__ */ Z(u, {
 			kind: R.error ? "error" : "empty",
 			message: R.error ?? "No dimensions for this period."
 		}) : /* @__PURE__ */ Q(De, { children: [
 			/* @__PURE__ */ Q("div", {
-				ref: N,
+				ref: He,
 				className: "lilt-radar-card__plot",
+				"data-lilt-glide": "",
 				style: { height: s },
 				"data-loading": S || void 0,
 				"data-motion": E ? "none" : void 0,
 				tabIndex: S ? void 0 : 0,
 				role: "group",
 				"aria-label": `${e}: ${V} dimensions. Arrow keys step around them; Enter pins one.`,
-				onPointerMove: S ? void 0 : ze,
-				onPointerLeave: () => Y(null),
-				onClick: () => be((e) => ve !== null && e !== ve ? ve : null),
-				onKeyDown: S ? void 0 : Be,
-				onBlur: () => Se(null),
+				onPointerMove: S ? void 0 : Be,
+				onPointerLeave: () => ye(null),
+				onClick: () => Y((e) => ve !== null && e !== ve ? ve : null),
+				onKeyDown: S ? void 0 : Ue,
+				onBlur: () => Ce(null),
 				children: [/* @__PURE__ */ Q("svg", {
 					"aria-hidden": "true",
 					className: "lilt-radar-card__svg",
@@ -3664,40 +3798,40 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 					viewBox: `0 0 ${F} ${s}`,
 					children: [/* @__PURE__ */ Q("g", {
 						className: "lilt-radar-card__grid",
-						children: [We.map((e) => o === "circle" || S ? /* @__PURE__ */ Z("circle", {
-							cx: de,
+						children: [qe.map((e) => o === "circle" || S ? /* @__PURE__ */ Z("circle", {
+							cx: J,
 							cy: ge,
-							r: J * e
-						}, e) : /* @__PURE__ */ Z("path", { d: Ve(e) }, e)), S ? null : z.map((e, t) => {
-							let n = Un(t, V, 1, J);
+							r: q * e
+						}, e) : /* @__PURE__ */ Z("path", { d: We(e) }, e)), S ? null : z.map((e, t) => {
+							let n = Gn(t, V, 1, q);
 							return /* @__PURE__ */ Z("line", {
 								"data-active": t === ke || void 0,
-								x1: de,
+								x1: J,
 								y1: ge,
-								x2: de + n.x,
+								x2: J + n.x,
 								y2: ge + n.y
 							}, e.name);
 						})]
-					}), S ? /* @__PURE__ */ Z(ht, {
+					}), S ? /* @__PURE__ */ Z(_t, {
 						width: F,
 						height: s,
 						reduced: E,
 						children: /* @__PURE__ */ Z("path", {
 							className: "lilt-radar-card__skeleton",
-							d: Rn.map((e, t) => {
-								let { x: n, y: r } = Un(t, Rn.length, e, J);
-								return `${t ? "L" : "M"}${(de + n).toFixed(2)},${(ge + r).toFixed(2)}`;
+							d: Bn.map((e, t) => {
+								let { x: n, y: r } = Gn(t, Bn.length, e, q);
+								return `${t ? "L" : "M"}${(J + n).toFixed(2)},${(ge + r).toFixed(2)}`;
 							}).join(" ") + " Z"
 						})
 					}) : /* @__PURE__ */ Q(De, { children: [
 						/* @__PURE__ */ Z("g", {
 							className: "lilt-chart__axis",
-							children: We.map((e) => {
-								if (J < 110 && e !== .5) return null;
-								let { x: t, y: n } = Un(.5, V, e, J);
+							children: qe.map((e) => {
+								if (q < 110 && e !== .5) return null;
+								let { x: t, y: n } = Gn(.5, V, e, q);
 								return /* @__PURE__ */ Z("text", {
 									className: "lilt-radar-card__ring-label",
-									x: de + t,
+									x: J + t,
 									y: ge + n,
 									dx: 3,
 									dy: "0.35em",
@@ -3706,9 +3840,9 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 							})
 						}),
 						/* @__PURE__ */ Z("g", {
-							transform: `translate(${de} ${ge}) scale(${_e})`,
+							transform: `translate(${J} ${ge}) scale(${_e})`,
 							children: r.map((e, t) => {
-								let { path: n, complete: r } = Wn(z.map((e) => U(e.values[t])), J), i = je !== null && je !== e.key;
+								let { path: n, complete: r } = Kn(z.map((e) => U(e.values[t])), q), i = je !== null && je !== e.key;
 								return /* @__PURE__ */ Q("g", {
 									className: "lilt-radar-card__profile",
 									"data-series": e.key,
@@ -3728,7 +3862,7 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 										z.map((e, n) => {
 											let r = U(e.values[t]);
 											if (r === null) return null;
-											let { x: i, y: a } = Un(n, V, r, J);
+											let { x: i, y: a } = Gn(n, V, r, q);
 											return /* @__PURE__ */ Z("circle", {
 												className: "lilt-radar-card__vertex",
 												"data-active": n === ke || void 0,
@@ -3742,17 +3876,17 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 							})
 						}),
 						z.map((e, t) => {
-							let { x: n, y: r } = Un(t, V, 1, J + 14), i = Math.abs(n) < 1 ? "middle" : n > 0 ? "start" : "end", a = e.values.some((e) => e === null), o = Ln(K(e), q - 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 } = Gn(t, V, 1, q + 14), i = Math.abs(n) < 1 ? "middle" : n > 0 ? "start" : "end", a = e.values.some((e) => e === null), o = zn(ie(e), K - 14), s = r < -1 ? -.2 - (o.length - 1) * 1.2 : r > 1 ? .9 : .35 - (o.length - 1) * 1.2 / 2;
 							return /* @__PURE__ */ Z("text", {
 								className: "lilt-radar-card__label",
 								"data-active": t === ke || void 0,
 								"data-missing": a || void 0,
-								x: de + n,
+								x: J + n,
 								y: ge + r,
 								textAnchor: i,
-								style: oe < 1 ? { fontSize: `${(12 * oe).toFixed(1)}px` } : void 0,
+								style: se < 1 ? { fontSize: `${(12 * se).toFixed(1)}px` } : void 0,
 								children: o.map((e, t) => /* @__PURE__ */ Z("tspan", {
-									x: de + n,
+									x: J + n,
 									dy: `${t === 0 ? s.toFixed(2) : "1.2"}em`,
 									children: e
 								}, t))
@@ -3779,14 +3913,14 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 					};
 				}),
 				activeId: je,
-				onHoverIdChange: Te,
+				onHoverIdChange: Ee,
 				hiddenIds: Me,
 				onHiddenIdsChange: (e) => {
-					Ne(e), Te(null), Oe(null);
+					Ne(e), Ee(null), $(null);
 				},
 				renderValue: S ? () => /* @__PURE__ */ Z("span", { className: "lilt-card__skeleton lilt-card__skeleton--tile" }) : void 0
 			}),
-			!S && Ue ? /* @__PURE__ */ Z("p", {
+			!S && Ke ? /* @__PURE__ */ Z("p", {
 				className: "lilt-radar-card__footer",
 				children: "A missing value breaks the outline at that dimension instead of drawing it as zero."
 			}) : null,
@@ -3812,7 +3946,7 @@ function Gn({ title: e, data: t, category: n, series: r, domain: i, aggregate: a
 }
 //#endregion
 //#region src/cards/range-chart-card.tsx
-function Kn({ low: e, high: t, value: n, label: r, color: i, display: a = "bar", aggregate: o = "mean", tiles: s = !1, ...c }) {
+function Jn({ low: e, high: t, value: n, label: r, color: i, display: a = "bar", aggregate: o = "mean", tiles: s = !1, ...c }) {
 	let l = n ?? t, u = (e) => (t) => {
 		let n = t[e];
 		return typeof n == "number" ? n : null;
@@ -3844,12 +3978,12 @@ function Kn({ low: e, high: t, value: n, label: r, color: i, display: a = "bar",
 					accessor: u(t)
 				}
 			} }),
-			draw: (e) => e.map((e) => a === "error" ? /* @__PURE__ */ Z($, {
+			draw: (e) => e.map((e) => a === "error" ? /* @__PURE__ */ Z(Ye, {
 				series: e,
 				low: "low",
 				high: "high",
 				point: n !== void 0
-			}, e) : /* @__PURE__ */ Z(Je, {
+			}, e) : /* @__PURE__ */ Z(qe, {
 				series: e,
 				low: "low",
 				high: "high"
@@ -3859,7 +3993,7 @@ function Kn({ low: e, high: t, value: n, label: r, color: i, display: a = "bar",
 }
 //#endregion
 //#region src/cards/box-plot-card.tsx
-function qn({ data: e = [], x: t, samples: n, label: r = "Median", color: i, outliers: a = !0, headline: o, ...s }) {
+function Yn({ data: e = [], x: t, samples: n, label: r = "Median", color: i, outliers: a = !0, headline: o, ...s }) {
 	let c = we(() => e.map((e) => {
 		let r = e, i = et(r[n]);
 		return {
@@ -3928,12 +4062,12 @@ function qn({ data: e = [], x: t, samples: n, label: r = "Median", color: i, out
 }
 //#endregion
 //#region src/engine/slope.ts
-var Jn = (e) => {
+var Xn = (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 Yn(e, t) {
+function Zn(e, t) {
 	if (e === null || t === null) return {
 		change: null,
 		ratio: null
@@ -3944,14 +4078,14 @@ function Yn(e, t) {
 		ratio: e > 0 ? n / e : null
 	};
 }
-function Xn(e, t, n, r, i = "change") {
+function Qn(e, t, n, r, i = "change") {
 	let a = (e, t) => e[t], o = ve(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 = Jn(a(i, n)), s = Jn(a(i, r));
+			o = Xn(a(i, n)), s = Xn(a(i, r));
 		} catch {
 			throw Error(`Invalid value for category "${e}": expected a finite number or null.`);
 		}
@@ -3960,7 +4094,7 @@ function Xn(e, t, n, r, i = "change") {
 			label: t,
 			from: o,
 			to: s,
-			...Yn(o, s)
+			...Zn(o, s)
 		};
 	});
 	if (i === "input") return o;
@@ -3970,19 +4104,19 @@ function Xn(e, t, n, r, i = "change") {
 		return n === null || r === null ? n === r ? 0 : n === null ? 1 : -1 : r - n;
 	});
 }
-function Zn(e, t = "sum") {
+function $n(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 ? Yn(s ? i / o : i, s ? a / o : a) : {
+		...o ? Zn(s ? i / o : i, s ? a / o : a) : {
 			change: null,
 			ratio: null
 		}
 	};
 }
-function Qn(e) {
+function er(e) {
 	let t = e.flatMap((e) => [e.from, e.to].filter((e) => e !== null));
 	if (!t.length) return [0, 1];
 	let n = Math.min(...t), r = Math.max(...t);
@@ -3993,7 +4127,7 @@ function Qn(e) {
 	let i = (r - n) * .06;
 	return [n - i, r + i];
 }
-function $n(e, t, n, r) {
+function tr(e, t, n, r) {
 	let i = e.map((e, t) => ({
 		target: e,
 		index: t
@@ -4020,20 +4154,20 @@ function $n(e, t, n, r) {
 }
 //#endregion
 //#region src/cards/slope-chart-card.tsx
-var er = [], tr = 6.6, nr = 17;
-function rr(e, t) {
+var nr = [], rr = 6.6, ir = 17;
+function ar(e, t) {
 	return e === null || e === 0 || t === "neutral" ? "neutral" : e > 0 == (t !== "inverse") ? "positive" : "negative";
 }
-var ir = (e) => e === null ? "" : `${e >= 0 ? "+" : "−"}${Math.abs(e * 100).toFixed(1)}%`;
-function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r, toLabel: o = i, variant: s = "slope", sort: c = "change", aggregate: l = "sum", headline: d, delta: f, deltaTone: p = "default", range: m, ranges: h, defaultRange: _, color: v, height: y = 260, valueFormat: b, locale: x, formatValue: S, surface: C = "elevated", badge: w, numberStyle: T, palette: ee, loading: E = !1, motion: D = "auto", className: O, style: k }) {
-	let te = ie(D), A = ne({
+var or = (e) => e === null ? "" : `${e >= 0 ? "+" : "−"}${Math.abs(e * 100).toFixed(1)}%`;
+function sr({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r, toLabel: o = i, variant: s = "slope", sort: c = "change", aggregate: l = "sum", headline: d, delta: f, deltaTone: p = "default", range: m, ranges: h, defaultRange: _, color: v, height: y = 260, valueFormat: b, locale: x, formatValue: S, surface: C = "elevated", badge: w, numberStyle: T, palette: ee, loading: E = !1, motion: D = "auto", className: O, style: k }) {
+	let te = ae(D), A = ne({
 		valueFormat: b,
 		locale: x,
 		formatValue: S
-	}), [j, M] = X(_ ?? h?.[0]?.id), N = h?.find((e) => e.id === j) ?? h?.[0], P = N?.data ?? t ?? er, F = we(() => {
+	}), [j, M] = X(_ ?? h?.[0]?.id), N = h?.find((e) => e.id === j) ?? h?.[0], P = N?.data ?? t ?? nr, F = we(() => {
 		try {
 			return {
-				rows: Xn(P, n, r, i, c),
+				rows: Qn(P, n, r, i, c),
 				error: null
 			};
 		} catch (e) {
@@ -4048,7 +4182,12 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 		r,
 		i,
 		c
-	]), I = F.rows, L = we(() => Zn(I, l), [I, l]), R = we(() => Qn(I), [I]), [z, B] = X(null), [V, H] = X(null), [U, W] = X(null), G = U ?? V ?? z, re = I.find((e) => e.id === G) ?? null, K = Te(/* @__PURE__ */ new Map()), q = N?.headline ?? d ?? L.to, J = N ? N.delta ?? L.ratio : f ?? L.ratio, oe = (e) => e === null ? "No data" : A.value(e), de = (e) => `${e.label}: ${a} ${oe(e.from)}, ${o} ${oe(e.to)}${e.ratio === null ? "" : `, ${ir(e.ratio)}`}`, he = (e, t) => {
+	]), I = F.rows, L = we(() => $n(I, l), [I, l]), R = we(() => er(I), [I]), [z, B] = X(null), [V, H] = X(null), [U, W] = X(null), G = U ?? V ?? z, re = I.find((e) => e.id === G) ?? null, ie = Te(/* @__PURE__ */ new Map()), K = lt({
+		resolve: ct,
+		onGlide: B,
+		onLift: (e) => e !== null && W(e),
+		disabled: E
+	}), q = N?.headline ?? d ?? L.to, se = N ? N.delta ?? L.ratio : f ?? L.ratio, J = (e) => e === null ? "No data" : A.value(e), he = (e) => `${e.label}: ${a} ${J(e.from)}, ${o} ${J(e.to)}${e.ratio === null ? "" : `, ${or(e.ratio)}`}`, ge = (e, t) => {
 		let n = t;
 		if (e.key === "ArrowDown" || e.key === "ArrowRight") n = Math.min(I.length - 1, t + 1);
 		else if (e.key === "ArrowUp" || e.key === "ArrowLeft") n = Math.max(0, t - 1);
@@ -4063,34 +4202,35 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 			W((e) => e === n ? null : n);
 			return;
 		} else return;
-		e.preventDefault(), K.current.get(I[n].id)?.focus();
-	}, ge = (e, t) => ({
+		e.preventDefault(), ie.current.get(I[n].id)?.focus();
+	}, _e = (e, t) => ({
 		ref: (t) => {
-			t ? K.current.set(e.id, t) : K.current.delete(e.id);
+			t ? ie.current.set(e.id, t) : ie.current.delete(e.id);
 		},
 		tabIndex: e.id === (V ?? I[0]?.id) ? 0 : -1,
-		"aria-label": de(e),
+		"aria-label": he(e),
 		"aria-pressed": U === e.id,
 		"data-active": e.id === re?.id || void 0,
 		"data-muted": re !== null && e.id !== re.id || void 0,
-		"data-tone": v ? void 0 : rr(e.change, p),
+		"data-tone": v ? void 0 : ar(e.change, p),
+		"data-glide-id": e.id,
 		onPointerEnter: () => B(e.id),
 		onPointerLeave: () => B(null),
 		onFocus: () => H(e.id),
 		onBlur: () => H(null),
 		onClick: () => W((t) => t === e.id ? null : e.id),
-		onKeyDown: (e) => he(e, t)
-	}), _e = {
+		onKeyDown: (e) => ge(e, t)
+	}), ve = {
 		duration: te ? 0 : .55,
-		ease: ae
-	}, ve = v ? {
+		ease: oe
+	}, ye = v ? {
 		...k,
 		"--lilt-slope-color": v
-	} : k, Y = I.length === 0 || F.error;
+	} : k, be = I.length === 0 || F.error;
 	return /* @__PURE__ */ Q(me, {
 		motion: D,
 		className: ["lilt-slope", O].filter(Boolean).join(" "),
-		style: ve,
+		style: ye,
 		"aria-label": e,
 		surface: C,
 		badge: w,
@@ -4107,21 +4247,21 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 					value: N?.id,
 					onValueChange: M
 				}) : null,
-				children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
+				children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
 					value: re ? re.to : q,
 					format: A.value,
 					loading: E,
 					motion: D,
-					children: E ? null : re ? /* @__PURE__ */ Q(De, { children: [re.ratio === null ? null : /* @__PURE__ */ Z(ce, {
+					children: E ? null : re ? /* @__PURE__ */ Q(De, { children: [re.ratio === null ? null : /* @__PURE__ */ Z(le, {
 						value: re.ratio,
 						tone: p
-					}), /* @__PURE__ */ Z(se, { children: re.label })] }) : /* @__PURE__ */ Q(De, { children: [J == null ? null : /* @__PURE__ */ Z(ce, {
-						value: J,
+					}), /* @__PURE__ */ Z(ce, { children: re.label })] }) : /* @__PURE__ */ Q(De, { children: [se == null ? null : /* @__PURE__ */ Z(le, {
+						value: se,
 						tone: p
-					}), /* @__PURE__ */ Q(se, { children: ["vs ", a] })] })
+					}), /* @__PURE__ */ Q(ce, { children: ["vs ", a] })] })
 				})]
 			}),
-			s === "dumbbell" && !E && !Y ? /* @__PURE__ */ Q("div", {
+			s === "dumbbell" && !E && !be ? /* @__PURE__ */ Q("div", {
 				className: "lilt-slope__key",
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ Z("span", {
@@ -4143,18 +4283,20 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 				className: "lilt-slope__skeleton lilt-card__skeleton",
 				style: { height: y },
 				"aria-hidden": "true"
-			}) : Y ? /* @__PURE__ */ Z(u, {
+			}) : be ? /* @__PURE__ */ Z(u, {
 				kind: F.error ? "error" : "empty",
 				message: F.error ?? "No rows for this period."
 			}) : s === "dumbbell" ? /* @__PURE__ */ Z("ol", {
+				ref: K,
 				className: "lilt-slope__rows",
+				"data-lilt-glide": "",
 				"aria-label": `${e}, ${a} to ${o}`,
 				children: I.map((e, t) => {
 					let n = (e) => (e - R[0]) / (R[1] - R[0]) * 100, r = e.from === null ? null : n(e.from), i = e.to === null ? null : n(e.to), a = te ? 0 : g(t, I.length, 140) / 1e3;
 					return /* @__PURE__ */ Z("li", { children: /* @__PURE__ */ Q("button", {
 						type: "button",
 						className: "lilt-slope__row",
-						...ge(e, t),
+						..._e(e, t),
 						children: [
 							/* @__PURE__ */ Z("span", {
 								className: "lilt-slope__label",
@@ -4163,7 +4305,7 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 							/* @__PURE__ */ Q("span", {
 								className: "lilt-slope__track",
 								children: [
-									r !== null && i !== null ? /* @__PURE__ */ Z(ke.span, {
+									r !== null && i !== null ? /* @__PURE__ */ Z($.span, {
 										className: "lilt-slope__gap",
 										initial: !te && {
 											left: `${r}%`,
@@ -4174,24 +4316,24 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 											width: `${Math.abs(i - r)}%`
 										},
 										transition: {
-											..._e,
+											...ve,
 											delay: a
 										}
 									}) : null,
-									r === null ? null : /* @__PURE__ */ Z(ke.span, {
+									r === null ? null : /* @__PURE__ */ Z($.span, {
 										className: "lilt-slope__dot",
 										"data-end": "from",
 										initial: !1,
 										animate: { left: `${r}%` },
-										transition: _e
+										transition: ve
 									}),
-									i === null ? null : /* @__PURE__ */ Z(ke.span, {
+									i === null ? null : /* @__PURE__ */ Z($.span, {
 										className: "lilt-slope__dot",
 										"data-end": "to",
 										initial: te || r === null ? !1 : { left: `${r}%` },
 										animate: { left: `${i}%` },
 										transition: {
-											..._e,
+											...ve,
 											delay: a
 										}
 									})
@@ -4206,12 +4348,12 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "lilt-slope__change",
-								children: ir(e.ratio) || "—"
+								children: or(e.ratio) || "—"
 							})
 						]
 					}) }, e.id);
 				})
-			}) : /* @__PURE__ */ Z(or, {
+			}) : /* @__PURE__ */ Z(cr, {
 				rows: I,
 				domain: R,
 				height: y,
@@ -4220,57 +4362,61 @@ function ar({ title: e, data: t, category: n, from: r, to: i, fromLabel: a = r,
 				title: e,
 				format: A.value,
 				reduced: te,
-				handlers: ge
+				handlers: _e,
+				glideRef: K
 			})
 		]
 	});
 }
-function or({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a, format: o, reduced: s, handlers: c }) {
-	let { ref: l, width: u } = sn(), d = n - 10, f = (e) => d - (e - t[0]) / (t[1] - t[0]) * (d - 30), p = (e) => e === null ? "No data" : o(e), m = Math.max(...e.map((e) => e.label.length + 1 + p(e.from).length)), h = Math.max(...e.map((e) => p(e.to).length + 1 + ir(e.ratio).length)), _ = (m + h) * tr + 48 > u * .72, v = _ ? Math.max(...e.map((e) => e.label.length)) : m, y = _ ? Math.max(...e.map((e) => p(e.to).length)) : h, b = Math.min(u * .46, v * tr + 24), x = Math.max(b + 40, u - Math.min(u * .36, y * tr + 24)), S = e.map((e) => e.from === null ? d : f(e.from)), C = e.map((e) => e.to === null ? d : f(e.to)), w = $n(S, nr, 36, d), T = $n(C, nr, 36, d), ee = {
+function cr({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a, format: o, reduced: s, handlers: c, glideRef: l }) {
+	let { ref: u, width: d } = ln(), f = xe((e) => {
+		u.current = e, l(e);
+	}, [l, u]), p = n - 10, m = (e) => p - (e - t[0]) / (t[1] - t[0]) * (p - 30), h = (e) => e === null ? "No data" : o(e), _ = Math.max(...e.map((e) => e.label.length + 1 + h(e.from).length)), v = Math.max(...e.map((e) => h(e.to).length + 1 + or(e.ratio).length)), y = (_ + v) * rr + 48 > d * .72, b = y ? Math.max(...e.map((e) => e.label.length)) : _, x = y ? Math.max(...e.map((e) => h(e.to).length)) : v, S = Math.min(d * .46, b * rr + 24), C = Math.max(S + 40, d - Math.min(d * .36, x * rr + 24)), w = e.map((e) => e.from === null ? p : m(e.from)), T = e.map((e) => e.to === null ? p : m(e.to)), ee = tr(w, ir, 36, p), E = tr(T, ir, 36, p), D = {
 		duration: s ? 0 : .6,
-		ease: ae
+		ease: oe
 	};
 	return /* @__PURE__ */ Z("div", {
-		ref: l,
+		ref: f,
 		className: "lilt-slope__plot",
+		"data-lilt-glide": "",
 		style: { height: n },
-		children: u > 0 ? /* @__PURE__ */ Q("svg", {
-			width: u,
+		children: d > 0 ? /* @__PURE__ */ Q("svg", {
+			width: d,
 			height: n,
-			viewBox: `0 0 ${u} ${n}`,
+			viewBox: `0 0 ${d} ${n}`,
 			role: "group",
 			"aria-label": `${a}, ${r} to ${i}`,
 			children: [
 				/* @__PURE__ */ Z("line", {
 					className: "lilt-slope__axis",
-					x1: b,
-					x2: b,
+					x1: S,
+					x2: S,
 					y1: 24,
-					y2: d
+					y2: p
 				}),
 				/* @__PURE__ */ Z("line", {
 					className: "lilt-slope__axis",
-					x1: x,
-					x2: x,
+					x1: C,
+					x2: C,
 					y1: 24,
-					y2: d
+					y2: p
 				}),
 				/* @__PURE__ */ Z("text", {
 					className: "lilt-slope__column",
-					x: b,
+					x: S,
 					y: 12,
 					textAnchor: "middle",
 					children: r
 				}),
 				/* @__PURE__ */ Z("text", {
 					className: "lilt-slope__column",
-					x,
+					x: C,
 					y: 12,
 					textAnchor: "middle",
 					children: i
 				}),
 				e.map((t, n) => {
-					let r = S[n], i = C[n], a = s ? 0 : g(n, e.length, 160) / 1e3;
+					let r = w[n], i = T[n], a = s ? 0 : g(n, e.length, 160) / 1e3;
 					return /* @__PURE__ */ Q("g", {
 						className: "lilt-slope__line",
 						role: "button",
@@ -4278,88 +4424,88 @@ function or({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a,
 						children: [
 							t.from !== null && t.to !== null ? /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("line", {
 								className: "lilt-slope__hit",
-								x1: b,
-								x2: x,
+								x1: S,
+								x2: C,
 								y1: r,
 								y2: i
-							}), /* @__PURE__ */ Z(ke.line, {
+							}), /* @__PURE__ */ Z($.line, {
 								className: "lilt-slope__stroke",
 								initial: !s && {
-									x2: b,
+									x2: S,
 									y2: r,
-									x1: b,
+									x1: S,
 									y1: r
 								},
 								animate: {
-									x1: b,
+									x1: S,
 									y1: r,
-									x2: x,
+									x2: C,
 									y2: i
 								},
 								transition: {
-									...ee,
+									...D,
 									delay: a
 								}
 							})] }) : null,
-							t.from === null ? null : /* @__PURE__ */ Z(ke.circle, {
+							t.from === null ? null : /* @__PURE__ */ Z($.circle, {
 								className: "lilt-slope__dot-mark",
 								"data-end": "from",
 								r: 4,
 								initial: !1,
 								animate: {
-									cx: b,
+									cx: S,
 									cy: r
 								},
-								transition: ee
+								transition: D
 							}),
-							t.to === null ? null : /* @__PURE__ */ Z(ke.circle, {
+							t.to === null ? null : /* @__PURE__ */ Z($.circle, {
 								className: "lilt-slope__dot-mark",
 								"data-end": "to",
 								r: 4.5,
 								initial: s || t.from === null ? !1 : {
-									cx: b,
+									cx: S,
 									cy: r
 								},
 								animate: {
-									cx: x,
+									cx: C,
 									cy: i
 								},
 								transition: {
-									...ee,
+									...D,
 									delay: a
 								}
 							}),
-							/* @__PURE__ */ Q(ke.text, {
+							/* @__PURE__ */ Q($.text, {
 								className: "lilt-slope__label",
-								x: b - 10,
+								x: S - 10,
 								textAnchor: "end",
 								dominantBaseline: "middle",
 								initial: !1,
-								animate: { attrY: w[n] },
-								transition: ee,
+								animate: { attrY: ee[n] },
+								transition: D,
 								children: [/* @__PURE__ */ Z("tspan", {
 									className: "lilt-slope__name",
 									children: t.label
-								}), _ ? null : /* @__PURE__ */ Z("tspan", {
+								}), y ? null : /* @__PURE__ */ Z("tspan", {
 									className: "lilt-slope__number",
 									dx: 6,
-									children: p(t.from)
+									children: h(t.from)
 								})]
 							}),
-							/* @__PURE__ */ Q(ke.text, {
+							/* @__PURE__ */ Q($.text, {
 								className: "lilt-slope__label",
-								x: x + 10,
+								x: C + 10,
 								dominantBaseline: "middle",
 								initial: !1,
-								animate: { attrY: T[n] },
-								transition: ee,
+								animate: { attrY: E[n] },
+								transition: D,
 								children: [/* @__PURE__ */ Z("tspan", {
 									className: "lilt-slope__end",
-									children: p(t.to)
-								}), _ || t.ratio === null ? null : /* @__PURE__ */ Z("tspan", {
+									children: h(t.to)
+								}), y || t.ratio === null ? null : /* @__PURE__ */ Z("tspan", {
 									className: "lilt-slope__ratio",
 									dx: 6,
-									children: ir(t.ratio)
+									children: or(t.ratio)
 								})]
 							})
 						]
@@ -4371,8 +4517,8 @@ function or({ rows: e, domain: t, height: n, fromLabel: r, toLabel: i, title: a,
 }
 //#endregion
 //#region src/activity-ring.tsx
-var sr = .54;
-function cr(e, t, n, r, i = 60) {
+var lr = .54;
+function ur(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) => ({
@@ -4393,12 +4539,12 @@ function cr(e, t, n, r, i = 60) {
 	}
 	return o;
 }
-var lr = (e) => {
+var dr = (e) => {
 	let t = Math.round(e * 60);
 	return `${String(Math.floor(t / 60)).padStart(2, "0")}:${String(t % 60).padStart(2, "0")}`;
 };
-function ur(e, t, n) {
-	let r = ie(n), [i, a] = X(0), [o, s] = X(!0), c = Te(i), l = Te(!1);
+function fr(e, t, n) {
+	let r = ae(n), [i, a] = X(0), [o, s] = X(!0), c = Te(i), l = Te(!1);
 	return Ce(() => {
 		if (!e || !t || r) {
 			c.current = 1, a(1);
@@ -4408,9 +4554,9 @@ function ur(e, t, n) {
 		l.current = !0, s(n);
 		let i = n ? 0 : c.current >= .999 ? .65 : Math.max(.65, c.current);
 		c.current = i, a(i);
-		let o = Me(i, 1, {
+		let o = je(i, 1, {
 			duration: n ? 1.15 : .36,
-			ease: ae,
+			ease: oe,
 			onUpdate: (e) => {
 				c.current = e, a(e);
 			},
@@ -4429,12 +4575,12 @@ function ur(e, t, n) {
 		reduced: r
 	};
 }
-function dr({ 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", resetKey: d, motion: f = "auto", height: p = 320, className: m, "aria-label": h }) {
+function pr({ 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", resetKey: d, motion: f = "auto", height: p = 320, className: m, "aria-label": h }) {
 	if (!o.trim()) throw Error("Lilt ActivityRing requires a measurement unit.");
 	if (!Number.isFinite(p) || p < 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 g = we(() => u === "ready" ? {
-		slots: cr(e, t, n, r, i),
+		slots: ur(e, t, n, r, i),
 		maximum: r,
 		bucketMinutes: i,
 		unit: o,
@@ -4452,35 +4598,48 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 		key: d,
 		frame: g
 	});
-	xe(() => {
+	Y(() => {
 		g && v({
 			key: d,
 			frame: g
 		});
 	}, [g, d]);
-	let y = g ?? (_.key === d ? _.frame : null), b = y?.slots, x = 1440 / (y?.bucketMinutes ?? i), S = y?.maximum ?? r, C = y?.unit ?? o, w = y?.formatValue ?? s, { ref: T, width: ee } = sn(), E = Math.min(p, Math.max(240, ee || p)), D = E / 2, O = E / 2, k = E * .33, [te, A] = X(null), [j, M] = X(null), N = te ?? j, P = N === null ? null : b?.[N] ?? null, F = P ? {
+	let y = g ?? (_.key === d ? _.frame : null), b = y?.slots, x = 1440 / (y?.bucketMinutes ?? i), S = y?.maximum ?? r, C = y?.unit ?? o, w = y?.formatValue ?? s, { ref: T, width: ee } = ln(), E = Math.min(p, Math.max(240, ee || p)), D = E / 2, O = E / 2, k = E * .33, [te, A] = X(null), [j, M] = X(null), N = te ?? j, P = N === null ? null : b?.[N] ?? null, F = P ? {
 		hour: P.hour,
 		row: P.row,
 		value: P.value,
 		pinned: j === N
-	} : null, { progress: ne, sweeping: I, reduced: L } = ur(b, u === "ready", f), R = Te(null);
-	xe(() => {
+	} : null, { progress: ne, sweeping: I, reduced: L } = fr(b, u === "ready", f), R = Te(null), z = lt({
+		resolve: (e, t, n) => {
+			if (!b) return null;
+			let r = n.getBoundingClientRect(), i = e - r.left - r.width / E * D, a = t - r.top - r.height / E * O, o = Math.hypot(i, a) / (r.width / E || 1);
+			if (o < k * .3 || o > k * 1.3) return null;
+			let s = (Math.atan2(i, -a) + Math.PI * 2) % (Math.PI * 2);
+			return Math.round(s / (Math.PI * 2) * x) % x;
+		},
+		onGlide: A,
+		onLift: (e) => e !== null && M(e),
+		disabled: !b
+	}), B = xe((e) => {
+		R.current = e, z(e);
+	}, [z]);
+	Y(() => {
 		j !== null && (!b || j >= x) && M(null);
 	}, [
 		j,
 		b,
 		x
-	]), xe(() => {
+	]), Y(() => {
 		l?.(F);
 	}, [
 		N,
 		P,
 		j,
 		l
-	]), xe(() => {
+	]), Y(() => {
 		A(null), M(null);
 	}, [d]);
-	let z = (e) => {
+	let V = (e) => {
 		if (!b) return;
 		let t = N ?? 0;
 		[
@@ -4494,13 +4653,13 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 			" ",
 			"Escape"
 		].includes(e.key) && e.preventDefault(), (e.key === "ArrowRight" || e.key === "ArrowDown") && A((t + 1) % x), (e.key === "ArrowLeft" || e.key === "ArrowUp") && A((t + x - 1) % x), e.key === "Home" && A(0), e.key === "End" && A(x - 1), (e.key === "Enter" || e.key === " ") && M(j === t ? null : t), e.key === "Escape" && (M(null), A(null), R.current?.focus());
-	}, B = (e, t) => {
+	}, H = (e, t) => {
 		let n = e / x * Math.PI * 2 - Math.PI / 2;
 		return {
 			x: Number((D + Math.cos(n) * t).toFixed(3)),
 			y: Number((O + Math.sin(n) * t).toFixed(3))
 		};
-	}, V = b?.reduce((e, t) => t.value !== null && (!e || t.value > (e.value ?? -1)) ? t : e, null), H = F ? `${lr(F.hour)}: ${F.value === null ? "No data" : `${w(F.value)} ${C}`}` : "No bucket selected.";
+	}, U = b?.reduce((e, t) => t.value !== null && (!e || t.value > (e.value ?? -1)) ? t : e, null), W = F ? `${dr(F.hour)}: ${F.value === null ? "No data" : `${w(F.value)} ${C}`}` : "No bucket selected.";
 	return /* @__PURE__ */ Q("div", {
 		ref: T,
 		className: ["lilt-activity", m].filter(Boolean).join(" "),
@@ -4517,14 +4676,15 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 					height: E
 				},
 				children: [/* @__PURE__ */ Q("svg", {
-					ref: R,
+					ref: B,
+					"data-lilt-glide": "",
 					width: E,
 					height: E,
 					viewBox: `0 0 ${E} ${E}`,
 					role: "group",
 					"aria-label": h,
 					tabIndex: b ? 0 : -1,
-					onKeyDown: z,
+					onKeyDown: V,
 					onPointerLeave: () => A(null),
 					children: [
 						/* @__PURE__ */ Z("circle", {
@@ -4545,15 +4705,15 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 								onClick: () => M(j === t ? null : t),
 								children: [
 									/* @__PURE__ */ Z("line", {
-										x1: B(t, k * .45).x,
-										y1: B(t, k * .45).y,
-										x2: B(t, k * 1.12).x,
-										y2: B(t, k * 1.12).y,
+										x1: H(t, k * .45).x,
+										y1: H(t, k * .45).y,
+										x2: H(t, k * 1.12).x,
+										y2: H(t, k * 1.12).y,
 										stroke: "transparent",
 										strokeWidth: "12"
 									}),
 									Array.from({ length: a }, (e, n) => {
-										let r = B(t, k * (sr + n / Math.max(1, a - 1) * .5249999999999999)), i = n < o;
+										let r = H(t, k * (lr + n / Math.max(1, a - 1) * .5249999999999999)), i = n < o;
 										return /* @__PURE__ */ Z("circle", {
 											cx: r.x,
 											cy: r.y,
@@ -4563,8 +4723,8 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 										}, n);
 									}),
 									s ? /* @__PURE__ */ Z("circle", {
-										cx: B(t, k * 1.12).x,
-										cy: B(t, k * 1.12).y,
+										cx: H(t, k * 1.12).x,
+										cy: H(t, k * 1.12).y,
 										r: "4.5",
 										fill: "none",
 										stroke: "var(--lilt-focus)",
@@ -4573,14 +4733,14 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 								]
 							}, t);
 						}) }),
-						!b && u === "loading" ? /* @__PURE__ */ Z(ht, {
+						!b && u === "loading" ? /* @__PURE__ */ Z(_t, {
 							width: E,
 							height: E,
 							reduced: L,
 							children: Array.from({ length: x }, (e, t) => {
 								let n = .5 - .5 * Math.cos((t / x * 2 - .25) * Math.PI), r = Math.max(1, Math.round(a * (.25 + .55 * n)));
 								return Array.from({ length: r }, (e, n) => {
-									let r = B(t, k * (sr + n / Math.max(1, a - 1) * .5249999999999999));
+									let r = H(t, k * (lr + n / Math.max(1, a - 1) * .5249999999999999));
 									return /* @__PURE__ */ Z("circle", {
 										className: "lilt-activity__skeleton-dot",
 										cx: r.x,
@@ -4596,7 +4756,7 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 							2,
 							3
 						].map((e) => {
-							let t = B(Math.round(e * x / 4), k * 1.26);
+							let t = H(Math.round(e * x / 4), k * 1.26);
 							return /* @__PURE__ */ Z("text", {
 								x: t.x,
 								y: t.y,
@@ -4610,14 +4770,14 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 					]
 				}), /* @__PURE__ */ Z("div", {
 					className: "lilt-activity__center",
-					children: c ?? /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("strong", { children: V ? w(V.value) : "—" }), /* @__PURE__ */ Q("span", { children: [C, " peak"] })] })
+					children: c ?? /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("strong", { children: U ? w(U.value) : "—" }), /* @__PURE__ */ Q("span", { children: [C, " peak"] })] })
 				})]
 			}),
 			/* @__PURE__ */ Z("p", {
 				className: "lilt-chart__sr-only",
 				role: "status",
 				"aria-atomic": "true",
-				children: H
+				children: W
 			}),
 			/* @__PURE__ */ Q("span", {
 				className: "lilt-chart__sr-only",
@@ -4628,27 +4788,27 @@ function dr({ data: e, hour: t, value: n, maximum: r, bucketMinutes: i = 60, dot
 }
 //#endregion
 //#region src/cards/activity-ring-card.tsx
-var fr = [], pr = 280;
-function mr(e) {
+var mr = [], hr = 280;
+function gr(e) {
 	let t = Math.round(e * 60) % 1440;
 	return `${String(Math.floor(t / 60)).padStart(2, "0")}:${String(t % 60).padStart(2, "0")}`;
 }
-function hr(e, t) {
+function _r(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 gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit: a, maximum: o, aggregate: s = "sum", height: c = pr, headline: l, delta: d, deltaTone: f, range: p, ranges: m, defaultRange: h, valueFormat: g, locale: _, formatValue: v, color: y, surface: b = "elevated", badge: x, numberStyle: S, palette: C, loading: w = !1, motion: T = "auto", className: E, style: D }) {
+function vr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit: a, maximum: o, aggregate: s = "sum", height: c = hr, headline: l, delta: d, deltaTone: f, range: p, ranges: m, defaultRange: h, valueFormat: g, locale: _, formatValue: v, color: y, surface: b = "elevated", badge: x, numberStyle: S, palette: C, loading: w = !1, motion: T = "auto", className: E, style: D }) {
 	let O = ne({
 		valueFormat: g,
 		locale: _,
 		formatValue: v
-	}), [te, A] = X(h ?? m?.[0]?.id), j = m?.find((e) => e.id === te) ?? m?.[0], M = j?.data ?? t ?? fr, N = j ? j.delta : d, P = a?.trim() || r, F = be((e) => e[n], [n]), I = be((e) => {
+	}), [te, A] = X(h ?? m?.[0]?.id), j = m?.find((e) => e.id === te) ?? m?.[0], M = j?.data ?? t ?? mr, N = j ? j.delta : d, P = a?.trim() || r, F = xe((e) => e[n], [n]), I = xe((e) => {
 		let t = e[r];
 		return typeof t == "number" && Number.isFinite(t) ? t : null;
 	}, [r]), L = we(() => {
-		let e = M.map(I).filter((e) => e !== null), t = Math.max(0, ...e), n = o ?? Ae().domain([0, Math.max(1, t)]).nice(4).domain()[1];
+		let e = M.map(I).filter((e) => e !== null), t = Math.max(0, ...e), n = o ?? ke().domain([0, Math.max(1, t)]).nice(4).domain()[1];
 		try {
 			return {
-				slots: cr(M, F, I, n, i),
+				slots: ur(M, F, I, n, i),
 				maximum: n,
 				error: null
 			};
@@ -4656,7 +4816,7 @@ function gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit:
 			return {
 				slots: [],
 				maximum: n,
-				error: hr(e instanceof Error ? e.message : "Invalid activity.", i)
+				error: _r(e instanceof Error ? e.message : "Invalid activity.", i)
 			};
 		}
 	}, [
@@ -4665,7 +4825,7 @@ function gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit:
 		I,
 		o,
 		i
-	]), [R, z] = X(null), B = be((e) => z(e), []), V = L.slots.filter((e) => e.value !== null), H = V.reduce((e, t) => !e || t.value > e.value ? t : e, null), U = V.reduce((e, t) => !e || t.value < e.value ? t : e, null), W = M.length ? L.slots.length - V.length : 0, G = j?.headline ?? l ?? ee(V.map((e) => e.value), s), re = !w && !L.error && M.length === 0;
+	]), [R, z] = X(null), B = xe((e) => z(e), []), V = L.slots.filter((e) => e.value !== null), H = V.reduce((e, t) => !e || t.value > e.value ? t : e, null), U = V.reduce((e, t) => !e || t.value < e.value ? t : e, null), W = M.length ? L.slots.length - V.length : 0, G = j?.headline ?? l ?? ee(V.map((e) => e.value), s), re = !w && !L.error && M.length === 0;
 	return /* @__PURE__ */ Q(me, {
 		motion: T,
 		className: ["lilt-activity-card", E].filter(Boolean).join(" "),
@@ -4688,12 +4848,12 @@ function gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit:
 				value: j?.id,
 				onValueChange: A
 			}) : null,
-			children: [/* @__PURE__ */ Z(ue, { children: e }), /* @__PURE__ */ Z(le, {
+			children: [/* @__PURE__ */ Z(de, { children: e }), /* @__PURE__ */ Z(ue, {
 				value: w ? null : R ? R.value : G,
 				format: O.value,
 				loading: w,
 				motion: T,
-				children: w ? null : R ? /* @__PURE__ */ Q(se, { children: [mr(R.hour), R.value === null ? " · No data" : ` · ${P}`] }) : N === void 0 ? null : /* @__PURE__ */ Z(ce, {
+				children: w ? null : R ? /* @__PURE__ */ Q(ce, { children: [gr(R.hour), R.value === null ? " · No data" : ` · ${P}`] }) : N === void 0 ? null : /* @__PURE__ */ Z(le, {
 					value: N,
 					tone: f
 				})
@@ -4702,7 +4862,7 @@ function gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit:
 			kind: L.error ? "error" : "empty",
 			message: L.error ?? "No activity for this period."
 		}) : /* @__PURE__ */ Q(De, { children: [
-			/* @__PURE__ */ Z(dr, {
+			/* @__PURE__ */ Z(pr, {
 				className: "lilt-activity-card__ring",
 				"aria-label": e,
 				data: M,
@@ -4718,20 +4878,20 @@ function gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit:
 				motion: T,
 				resetKey: j?.id,
 				onSelectionChange: B,
-				center: w ? /* @__PURE__ */ Z(De, {}) : /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("strong", { children: H ? O.value(H.value) : "—" }), /* @__PURE__ */ Z("span", { children: H ? `peak · ${mr(H.hour)}` : "no data" })] })
+				center: w ? /* @__PURE__ */ Z(De, {}) : /* @__PURE__ */ Q(De, { children: [/* @__PURE__ */ Z("strong", { children: H ? O.value(H.value) : "—" }), /* @__PURE__ */ Z("span", { children: H ? `peak · ${gr(H.hour)}` : "no data" })] })
 			}),
 			/* @__PURE__ */ Z(k, {
 				className: "lilt-card__tiles",
 				"aria-label": `${e}: busiest and quietest times`,
 				items: [{
 					id: "busiest",
-					label: H && !w ? `Busiest · ${mr(H.hour)}` : "Busiest",
+					label: H && !w ? `Busiest · ${gr(H.hour)}` : "Busiest",
 					color: "var(--lilt-series-1)",
 					value: H?.value ?? null,
 					formattedValue: H ? O.value(H.value) : "No data"
 				}, {
 					id: "quietest",
-					label: U && !w ? `Quietest · ${mr(U.hour)}` : "Quietest",
+					label: U && !w ? `Quietest · ${gr(U.hour)}` : "Quietest",
 					color: "color-mix(in srgb, var(--lilt-series-1) 30%, transparent)",
 					value: U?.value ?? null,
 					formattedValue: U ? O.value(U.value) : "No data"
@@ -4752,4 +4912,4 @@ function gr({ title: e, data: t, hour: n, value: r, bucketMinutes: i = 60, unit:
 	});
 }
 //#endregion
-export { gr as ActivityRingCard, J as AnimatedNumber, V as Annotations, M as Area, dt as AreaChartCard, te as Bar, pt as BarChartCard, $e as BoxPlot, qn as BoxPlotCard, oe as CardBadge, de as CardFrameContext, ot as ChangeComparison, c as Chart, qe as ChartBrush, me as ChartCard, se as ChartCardCaption, ce as ChartCardDelta, pe as ChartCardHeader, fe as ChartCardRange, ue as ChartCardTitle, le as ChartCardValue, Re as ChartOverview, e as ChartPlot, ut as ChartRangeSummary, Ie as ChartReadout, Fe as ChartToolbar, kt as ComboChartCard, Pe as ComparisonDetails, $ as ErrorBar, Jt as FunnelChartCard, A as Grid, an as HeatmapChartCard, Ot as HorizontalBarChartCard, H as IntervalBand, at as Legend, T as Line, ft as LineChartCard, Vt as ProgressCard, Gn as RadarChartCard, zt as RadialChartCard, Je as RangeBar, Kn as RangeChartCard, O as ReferenceBand, N as ReferenceLine, Mn as SankeyChartCard, bn as ScatterChartCard, ar as SlopeChartCard, St as StatCard, m as Tooltip, k as ValueLegend, I as XAxis, P as YAxis, x as createCartesianChartModel, h as createChartController, nt as serializeChartSvg, et as summarizeBox, ye as summarizeFunnelStages, q as summarizeRange, K as toChartCsv, a as useCartesianChartModel, l as useCartesianModelState, C as useChartComparison, y as useChartState, s as useChartSync };
+export { vr as ActivityRingCard, q as AnimatedNumber, V as Annotations, M as Area, pt as AreaChartCard, te as Bar, ht as BarChartCard, $e as BoxPlot, Yn as BoxPlotCard, se as CardBadge, J as CardFrameContext, ot as ChangeComparison, c as Chart, Ke as ChartBrush, me as ChartCard, ce as ChartCardCaption, le as ChartCardDelta, pe as ChartCardHeader, fe as ChartCardRange, de as ChartCardTitle, ue as ChartCardValue, Le as ChartOverview, e as ChartPlot, ft as ChartRangeSummary, Fe as ChartReadout, Pe as ChartToolbar, jt as ComboChartCard, Ne as ComparisonDetails, Ye as ErrorBar, Xt as FunnelChartCard, A as Grid, sn as HeatmapChartCard, At as HorizontalBarChartCard, H as IntervalBand, at as Legend, T as Line, mt as LineChartCard, Ut as ProgressCard, qn as RadarChartCard, Vt as RadialChartCard, qe as RangeBar, Jn as RangeChartCard, O as ReferenceBand, N as ReferenceLine, Pn as SankeyChartCard, Sn as ScatterChartCard, sr as SlopeChartCard, wt as StatCard, m as Tooltip, k as ValueLegend, I as XAxis, P as YAxis, x as createCartesianChartModel, h as createChartController, nt as serializeChartSvg, et as summarizeBox, be as summarizeFunnelStages, K as summarizeRange, ie as toChartCsv, a as useCartesianChartModel, l as useCartesianModelState, C as useChartComparison, y as useChartState, s as useChartSync };