@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/timeline.js

@@ -1,8 +1,8 @@
 import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t } from "./HoverPopover-BlEwqG7S.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, defineComponent as l, guardReactiveProps as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { t } from "./HoverPopover-DTSYkJtw.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, defineComponent as u, guardReactiveProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 //#region src/components/custom/timeline/geometry.ts
-function x(e) {
+function S(e) {
 	if (typeof e.gradient == "string") return e.gradient;
 	if (e.gradient && typeof e.gradient == "object") {
 		let t = e.gradient;
@@ -10,28 +10,28 @@ function x(e) {
 	}
 	return "var(--timeline-segment-default-gradient, linear-gradient(90deg, var(--surface-tint-15), var(--surface-tint-25)))";
 }
-function S(e) {
+function C(e) {
 	return typeof e.progress == "number" ? Math.max(0, Math.min(1, e.progress)) : e.state === "completed" ? 1 : e.state === "active" ? .5 : 0;
 }
-function C(e) {
+function w(e) {
 	return typeof e.weight == "number" && e.weight > 0 ? e.weight : 1;
 }
-function w(e) {
+function ee(e) {
 	let t = r(() => {
-		let t = e.value.reduce((e, t) => e + C(t), 0);
+		let t = e.value.reduce((e, t) => e + w(t), 0);
 		return t > 0 ? t : 1;
 	});
 	function n(n) {
 		let r = 0;
 		for (let t = 0; t < n; t += 1) {
 			let n = e.value[t];
-			n && (r += C(n));
+			n && (r += w(n));
 		}
 		return r / t.value;
 	}
 	function i(n) {
 		let r = e.value[n];
-		return r ? C(r) / t.value : 0;
+		return r ? w(r) / t.value : 0;
 	}
 	function a(e) {
 		return n(e) + i(e);
@@ -43,7 +43,7 @@ function w(e) {
 		boundaryX: a,
 		continuousAriaValueNow: r(() => {
 			let t = 0;
-			for (let n of e.value) n.state === "completed" ? t += 1 : n.state === "active" && (t += S(n));
+			for (let n of e.value) n.state === "completed" ? t += 1 : n.state === "active" && (t += C(n));
 			return Math.round(t * 100) / 100;
 		})
 	};
@@ -57,9 +57,9 @@ function E(e) {
 		let t = T(e[0]);
 		return `linear-gradient(90deg, ${t}, ${t})`;
 	}
-	let t = e.reduce((e, t) => e + C(t), 0) || 1, n = [], r = 0;
+	let t = e.reduce((e, t) => e + w(t), 0) || 1, n = [], r = 0;
 	return e.forEach((i, a) => {
-		let o = C(i), s = (r + o / 2) / t, c = a === 0 ? 0 : a === e.length - 1 ? 1 : s;
+		let o = w(i), s = (r + o / 2) / t, c = a === 0 ? 0 : a === e.length - 1 ? 1 : s;
 		n.push(`${T(i)} ${(c * 100).toFixed(3)}%`), r += o;
 	}), `linear-gradient(90deg, ${n.join(", ")})`;
 }
@@ -71,7 +71,7 @@ function D(e, t) {
 	};
 }
 function O(e) {
-	return S(e);
+	return C(e);
 }
 function k(e) {
 	let t = e.value ?? null;
@@ -83,31 +83,27 @@ function k(e) {
 	};
 }
 //#endregion
-//#region src/components/custom/timeline/ContinuousTimeline.vue?vue&type=script&setup=true&lang.ts
-var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
-	"aria-valuemax",
-	"aria-valuenow",
-	"aria-label"
-], j = ["data-state"], M = ["aria-label"], N = [
+//#region src/components/custom/timeline/ContinuousMarkers.vue?vue&type=script&setup=true&lang.ts
+var A = ["aria-label"], j = [
 	"aria-label",
 	"data-state",
 	"data-current",
 	"data-completed",
 	"onClick",
 	"onKeydown"
-], P = { class: "sr-only" }, F = {
+], M = { class: "sr-only" }, N = {
 	key: 0,
 	class: "continuous-dot-check",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, I = { class: "timeline-popover-label" }, L = {
+}, P = { class: "timeline-popover-label" }, F = {
 	key: 0,
 	class: "timeline-popover-value tabular-nums"
-}, R = {
+}, I = {
 	key: 1,
 	class: "timeline-popover-description"
-}, z = { class: "timeline-popover-state" }, B = [
+}, L = { class: "timeline-popover-state" }, R = [
 	"aria-label",
 	"data-state",
 	"data-current",
@@ -118,108 +114,45 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 	"onBlur",
 	"onClick",
 	"onKeydown"
-], V = { class: "sr-only" }, H = {
+], z = { class: "sr-only" }, B = {
 	key: 0,
 	class: "continuous-dot-check",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, U = {
-	key: 0,
-	class: "continuous-detail"
-}, W = /* @__PURE__ */ e(/* @__PURE__ */ l({
-	__name: "ContinuousTimeline",
+}, V = /* @__PURE__ */ e(/* @__PURE__ */ u({
+	__name: "ContinuousMarkers",
 	props: {
 		segments: {},
-		ariaLabel: {},
+		markersAriaLabel: {},
 		currentSegmentKey: {},
-		disablePopover: {
-			type: Boolean,
-			default: !1
-		}
+		disablePopover: { type: Boolean },
+		boundaryX: { type: Function }
 	},
 	emits: [
 		"hover",
 		"hoverEnd",
 		"click"
 	],
-	setup(e, { emit: c }) {
-		let l = e, u = c, f = r(() => l.segments ?? []), { regionLeft: x, regionWidth: S, boundaryX: C, continuousAriaValueNow: T } = w(f), W = r(() => E(f.value)), G = r(() => {
-			if (l.ariaLabel) return l.ariaLabel;
-			let e = f.value.map((e) => e.label).filter(Boolean);
-			return e.length > 0 ? `Timeline: ${e.join(", ")}` : "Timeline";
-		}), K = h(null), q = r(() => {
-			let e = f.value;
-			if (e.length === 0) return null;
-			let t = K.value ?? l.currentSegmentKey ?? null;
-			return t == null ? null : e.find((e) => e.key === t) ?? null;
-		}), J = r(() => K.value == null ? l.currentSegmentKey == null ? "idle" : "current" : "hovered");
-		function Y(e) {
-			K.value = e.key, u("hover", {
-				key: e.key,
-				segment: e
-			});
+	setup(e, { emit: r }) {
+		let c = r;
+		function l(e, t) {
+			c(t ? "hover" : "hoverEnd", e);
 		}
-		function X(e) {
-			K.value === e.key && (K.value = null), u("hoverEnd", {
-				key: e.key,
-				segment: e
-			});
+		function u(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), c("click", t));
 		}
-		function Z(e, t) {
-			t ? Y(e) : X(e);
-		}
-		function Q(e) {
-			u("click", {
-				key: e.key,
-				segment: e
-			});
-		}
-		function $(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u("click", {
-				key: t.key,
-				segment: t
-			}));
-		}
-		return (r, c) => (m(), o("div", {
-			class: "timeline-row timeline-continuous",
-			role: "group",
-			"aria-label": G.value
-		}, [s("div", ee, [s("div", {
-			class: "continuous-track",
-			role: "progressbar",
-			"aria-valuemin": 0,
-			"aria-valuemax": f.value.length,
-			"aria-valuenow": y(T),
-			"aria-label": G.value
-		}, [(m(!0), o(n, null, g(f.value, (e, t) => (m(), o("div", {
-			key: e.key,
-			class: d(["continuous-region", [
-				`state-${e.state}`,
-				t === 0 && "is-first",
-				t === f.value.length - 1 && "is-last"
-			]]),
-			"data-state": e.state,
-			style: p({
-				left: `${y(x)(t) * 100}%`,
-				width: `${y(S)(t) * 100}%`,
-				"--stitch-gradient": W.value,
-				"--stitch-size-x": y(D)(y(x)(t), y(S)(t)).sizeX,
-				"--stitch-pos-x": y(D)(y(x)(t), y(S)(t)).positionX,
-				"--continuous-fill-width": `${y(O)(e) * 100}%`
-			}),
-			"aria-hidden": "true"
-		}, [...c[0] ||= [s("div", { class: "continuous-region-fill" }, null, -1)]], 14, j))), 128))], 8, te), f.value.length > 0 ? (m(), o("ul", {
+		return (r, d) => e.segments.length > 0 ? (h(), o("ul", {
 			key: 0,
 			class: "continuous-markers",
 			role: "list",
-			"aria-label": `${G.value} — phase markers`
-		}, [(m(!0), o(n, null, g(f.value, (n, l) => (m(), o("li", {
+			"aria-label": `${e.markersAriaLabel} — phase markers`
+		}, [(h(!0), o(n, null, _(e.segments, (n, p) => (h(), o("li", {
 			key: `dot-li-${n.key}`,
 			class: "continuous-marker",
 			role: "listitem",
-			style: p({ left: `${y(C)(l) * 100}%` })
-		}, [e.disablePopover ? (m(), o("button", {
+			style: m({ left: `${e.boundaryX(p) * 100}%` })
+		}, [e.disablePopover ? (h(), o("button", {
 			key: 1,
 			type: "button",
 			class: "continuous-dot segmented-dot",
@@ -227,49 +160,177 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 			"data-state": n.state,
 			"data-current": n.key === e.currentSegmentKey || void 0,
 			"data-completed": n.state === "completed" || void 0,
-			onMouseenter: (e) => Y(n),
-			onMouseleave: (e) => X(n),
-			onFocus: (e) => Y(n),
-			onBlur: (e) => X(n),
-			onClick: (e) => Q(n),
-			onKeydown: (e) => $(e, n)
-		}, [s("span", V, v(n.label), 1), n.state === "completed" ? (m(), o("svg", H, [...c[2] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 40, B)) : (m(), i(t, {
+			onMouseenter: (e) => c("hover", n),
+			onMouseleave: (e) => c("hoverEnd", n),
+			onFocus: (e) => c("hover", n),
+			onBlur: (e) => c("hoverEnd", n),
+			onClick: (e) => c("click", n),
+			onKeydown: (e) => u(e, n)
+		}, [s("span", z, y(n.label), 1), n.state === "completed" ? (h(), o("svg", B, [...d[1] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 40, R)) : (h(), i(t, {
 			key: 0,
 			side: "top",
 			"side-offset": 10,
 			"hover-open-delay": 120,
 			"close-delay": 160,
-			class: d(`timeline-popover timeline-popover-${n.key}`),
-			"onUpdate:open": (e) => Z(n, e)
+			class: f(`timeline-popover timeline-popover-${n.key}`),
+			"onUpdate:open": (e) => l(n, e)
 		}, {
-			trigger: b(() => [s("button", {
+			trigger: x(() => [s("button", {
 				type: "button",
 				class: "continuous-dot segmented-dot",
 				"aria-label": `${n.label}: ${n.state}`,
 				"data-state": n.state,
 				"data-current": n.key === e.currentSegmentKey || void 0,
 				"data-completed": n.state === "completed" || void 0,
-				onClick: (e) => Q(n),
-				onKeydown: (e) => $(e, n)
-			}, [s("span", P, v(n.label), 1), n.state === "completed" ? (m(), o("svg", F, [...c[1] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 40, N)]),
-			content: b(() => [_(r.$slots, "popoverContent", { segment: n }, () => [s("div", {
+				onClick: (e) => c("click", n),
+				onKeydown: (e) => u(e, n)
+			}, [s("span", M, y(n.label), 1), n.state === "completed" ? (h(), o("svg", N, [...d[0] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 40, j)]),
+			content: x(() => [v(r.$slots, "popoverContent", { segment: n }, () => [s("div", {
 				class: "timeline-popover-body",
-				style: p({ "--popover-tint": typeof n.gradient == "object" && n.gradient ? n.gradient.to : "var(--foreground)" })
+				style: m({ "--popover-tint": typeof n.gradient == "object" && n.gradient ? n.gradient.to : "var(--foreground)" })
 			}, [
-				s("span", I, v(y(k)(n).label), 1),
-				y(k)(n).value == null ? a("", !0) : (m(), o("span", L, v(y(k)(n).value), 1)),
-				y(k)(n).description ? (m(), o("span", R, v(y(k)(n).description), 1)) : a("", !0),
-				s("span", z, v(y(k)(n).state), 1)
+				s("span", P, y(b(k)(n).label), 1),
+				b(k)(n).value == null ? a("", !0) : (h(), o("span", F, y(b(k)(n).value), 1)),
+				b(k)(n).description ? (h(), o("span", I, y(b(k)(n).description), 1)) : a("", !0),
+				s("span", L, y(b(k)(n).state), 1)
 			], 4)], !0)]),
 			_: 2
-		}, 1032, ["class", "onUpdate:open"]))], 4))), 128))], 8, M)) : a("", !0)]), r.$slots.detail ? (m(), o("div", U, [_(r.$slots, "detail", {
-			segment: q.value,
-			source: J.value,
-			currentKey: l.currentSegmentKey ?? null,
-			hoveredKey: K.value
-		}, void 0, !0)])) : a("", !0)], 8, A));
+		}, 1032, ["class", "onUpdate:open"]))], 4))), 128))], 8, A)) : a("", !0);
+	}
+}), [["__scopeId", "data-v-5cc7d6b4"]]), H = [
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-label"
+], U = ["data-state"], W = /* @__PURE__ */ e(/* @__PURE__ */ u({
+	__name: "ContinuousRail",
+	props: {
+		segments: {},
+		railGradient: {},
+		railAriaLabel: {},
+		valueNow: {},
+		regionLeft: { type: Function },
+		regionWidth: { type: Function }
+	},
+	setup(e) {
+		return (t, r) => (h(), o("div", {
+			class: "continuous-track",
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": e.segments.length,
+			"aria-valuenow": e.valueNow,
+			"aria-label": e.railAriaLabel
+		}, [(h(!0), o(n, null, _(e.segments, (t, n) => (h(), o("div", {
+			key: t.key,
+			class: f(["continuous-region", [
+				`state-${t.state}`,
+				n === 0 && "is-first",
+				n === e.segments.length - 1 && "is-last"
+			]]),
+			"data-state": t.state,
+			style: m({
+				left: `${e.regionLeft(n) * 100}%`,
+				width: `${e.regionWidth(n) * 100}%`,
+				"--stitch-gradient": e.railGradient,
+				"--stitch-size-x": b(D)(e.regionLeft(n), e.regionWidth(n)).sizeX,
+				"--stitch-pos-x": b(D)(e.regionLeft(n), e.regionWidth(n)).positionX,
+				"--continuous-fill-width": `${b(O)(t) * 100}%`
+			}),
+			"aria-hidden": "true"
+		}, [...r[0] ||= [s("div", { class: "continuous-region-fill" }, null, -1)]], 14, U))), 128))], 8, H));
 	}
-}), [["__scopeId", "data-v-1ae905c7"]]), G = { class: "timeline-row" }, K = { class: "caret-value fira-code" }, q = ["aria-valuenow"], J = /* @__PURE__ */ e(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-e129d308"]]), G = ["aria-label"], K = { class: "continuous-track-wrap" }, q = {
+	key: 0,
+	class: "continuous-detail"
+}, J = /* @__PURE__ */ e(/* @__PURE__ */ u({
+	__name: "ContinuousTimeline",
+	props: {
+		segments: {},
+		ariaLabel: {},
+		currentSegmentKey: {},
+		disablePopover: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"hover",
+		"hoverEnd",
+		"click"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, u = r(() => n.segments ?? []), { regionLeft: d, regionWidth: f, boundaryX: p, continuousAriaValueNow: m } = ee(u), _ = r(() => E(u.value)), y = r(() => {
+			if (n.ariaLabel) return n.ariaLabel;
+			let e = u.value.map((e) => e.label).filter(Boolean);
+			return e.length > 0 ? `Timeline: ${e.join(", ")}` : "Timeline";
+		}), S = g(null), C = r(() => {
+			let e = u.value;
+			if (e.length === 0) return null;
+			let t = S.value ?? n.currentSegmentKey ?? null;
+			return t == null ? null : e.find((e) => e.key === t) ?? null;
+		}), w = r(() => S.value == null ? n.currentSegmentKey == null ? "idle" : "current" : "hovered");
+		function T(e) {
+			S.value = e.key, i("hover", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function D(e) {
+			S.value === e.key && (S.value = null), i("hoverEnd", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function O(e) {
+			i("click", {
+				key: e.key,
+				segment: e
+			});
+		}
+		return (t, r) => (h(), o("div", {
+			class: "timeline-row timeline-continuous",
+			role: "group",
+			"aria-label": y.value
+		}, [s("div", K, [l(W, {
+			segments: u.value,
+			"rail-gradient": _.value,
+			"rail-aria-label": y.value,
+			"value-now": b(m),
+			"region-left": b(d),
+			"region-width": b(f)
+		}, null, 8, [
+			"segments",
+			"rail-gradient",
+			"rail-aria-label",
+			"value-now",
+			"region-left",
+			"region-width"
+		]), l(V, {
+			segments: u.value,
+			"markers-aria-label": y.value,
+			"current-segment-key": e.currentSegmentKey,
+			"disable-popover": e.disablePopover,
+			"boundary-x": b(p),
+			onHover: T,
+			onHoverEnd: D,
+			onClick: O
+		}, c({ _: 2 }, [t.$slots.popoverContent ? {
+			name: "popoverContent",
+			fn: x(({ segment: e }) => [v(t.$slots, "popoverContent", { segment: e }, void 0, !0)]),
+			key: "0"
+		} : void 0]), 1032, [
+			"segments",
+			"markers-aria-label",
+			"current-segment-key",
+			"disable-popover",
+			"boundary-x"
+		])]), t.$slots.detail ? (h(), o("div", q, [v(t.$slots, "detail", {
+			segment: C.value,
+			source: w.value,
+			currentKey: n.currentSegmentKey ?? null,
+			hoveredKey: S.value
+		}, void 0, !0)])) : a("", !0)], 8, G));
+	}
+}), [["__scopeId", "data-v-48215043"]]), Y = { class: "timeline-row" }, X = { class: "caret-value fira-code" }, Z = ["aria-valuenow"], Q = /* @__PURE__ */ e(/* @__PURE__ */ u({
 	__name: "ScrubberTimeline",
 	props: {
 		modelValue: { default: 0 },
@@ -281,7 +342,7 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 		"scrubEnd"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = h(), c = h(!1);
+		let n = e, r = t, i = g(), c = g(!1);
 		function l(e) {
 			let t = i.value.getBoundingClientRect();
 			return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
@@ -295,15 +356,15 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 		function f() {
 			c.value = !1, r("scrubEnd");
 		}
-		function g(e) {
+		function p(e) {
 			let t = e.shiftKey ? .1 : .01;
 			e.key === "ArrowRight" || e.key === "ArrowUp" ? (e.preventDefault(), r("update:modelValue", Math.min(1, n.modelValue + t))) : (e.key === "ArrowLeft" || e.key === "ArrowDown") && (e.preventDefault(), r("update:modelValue", Math.max(0, n.modelValue - t)));
 		}
-		return (t, n) => (m(), o("div", G, [e.label ? (m(), o("div", {
+		return (t, n) => (h(), o("div", Y, [e.label ? (h(), o("div", {
 			key: 0,
 			class: "timeline-caret",
-			style: p({ left: e.modelValue * 100 + "%" })
-		}, [s("span", K, v(e.label), 1)], 4)) : a("", !0), s("div", {
+			style: m({ left: e.modelValue * 100 + "%" })
+		}, [s("span", X, y(e.label), 1)], 4)) : a("", !0), s("div", {
 			ref_key: "trackRef",
 			ref: i,
 			class: "glass-track",
@@ -317,20 +378,20 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 			onPointermove: d,
 			onPointerup: f,
 			onPointercancel: f,
-			onKeydown: g
+			onKeydown: p
 		}, [s("div", {
 			class: "glass-fill",
-			style: p({ width: e.modelValue * 100 + "%" })
+			style: m({ width: e.modelValue * 100 + "%" })
 		}, null, 4), s("div", {
 			class: "glass-thumb",
-			style: p({ left: e.modelValue * 100 + "%" })
-		}, null, 4)], 40, q)]));
+			style: m({ left: e.modelValue * 100 + "%" })
+		}, null, 4)], 40, Z)]));
 	}
-}), [["__scopeId", "data-v-a206e2d2"]]), Y = {
+}), [["__scopeId", "data-v-a206e2d2"]]), $ = {
 	class: "timeline-row timeline-segmented",
 	role: "group",
 	"aria-label": "Timeline progress"
-}, X = { class: "segmented-track" }, Z = ["data-state"], Q = [
+}, te = { class: "segmented-track" }, ne = ["data-state"], re = [
 	"aria-label",
 	"data-state",
 	"onMouseenter",
@@ -339,7 +400,7 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 	"onBlur",
 	"onClick",
 	"onKeydown"
-], $ = { class: "sr-only" }, ne = /* @__PURE__ */ e(/* @__PURE__ */ l({
+], ie = { class: "sr-only" }, ae = /* @__PURE__ */ e(/* @__PURE__ */ u({
 	__name: "SegmentedTimeline",
 	props: { segments: {} },
 	emits: [
@@ -361,21 +422,21 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 				segment: e
 			});
 		}
-		function f(e) {
+		function d(e) {
 			a("click", {
 				key: e.key,
 				segment: e
 			});
 		}
-		function h(e, t) {
+		function p(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a("click", {
 				key: t.key,
 				segment: t
 			}));
 		}
-		return (e, t) => (m(), o("div", Y, [s("div", X, [(m(!0), o(n, null, g(c.value, (e, t) => (m(), o("div", {
+		return (e, t) => (h(), o("div", $, [s("div", te, [(h(!0), o(n, null, _(c.value, (e, t) => (h(), o("div", {
 			key: e.key,
-			class: d(["segmented-cell", [
+			class: f(["segmented-cell", [
 				`state-${e.state}`,
 				t === 0 && "is-first",
 				t === c.value.length - 1 && "is-last"
@@ -383,9 +444,9 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 			"data-state": e.state
 		}, [s("div", {
 			class: "segmented-band",
-			style: p({
-				background: y(x)(e),
-				width: `${y(S)(e) * 100}%`
+			style: m({
+				background: b(S)(e),
+				width: `${b(C)(e) * 100}%`
 			}),
 			"aria-hidden": "true"
 		}, null, 4), s("button", {
@@ -397,11 +458,11 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 			onMouseleave: (t) => u(e),
 			onFocus: (t) => l(e),
 			onBlur: (t) => u(e),
-			onClick: (t) => f(e),
-			onKeydown: (t) => h(t, e)
-		}, [s("span", $, v(e.label), 1)], 40, Q)], 10, Z))), 128))])]));
+			onClick: (t) => d(e),
+			onKeydown: (t) => p(t, e)
+		}, [s("span", ie, y(e.label), 1)], 40, re)], 10, ne))), 128))])]));
 	}
-}), [["__scopeId", "data-v-2db316ec"]]), re = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-2db316ec"]]), oe = /* @__PURE__ */ u({
 	__name: "GlassTimeline",
 	props: {
 		variant: { default: "scrubber" },
@@ -425,7 +486,7 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 	],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (t, a) => e.variant === "continuous" ? (m(), i(W, {
+		return (t, a) => e.variant === "continuous" ? (h(), i(J, {
 			key: 0,
 			segments: n.segments,
 			"aria-label": n.ariaLabel,
@@ -435,24 +496,24 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 			onHoverEnd: a[1] ||= (e) => r("hoverEnd", e),
 			onClick: a[2] ||= (e) => r("click", e)
 		}, c({
-			popoverContent: b((e) => [_(t.$slots, "popoverContent", f(u(e)))]),
+			popoverContent: x((e) => [v(t.$slots, "popoverContent", p(d(e)))]),
 			_: 2
 		}, [t.$slots.detail ? {
 			name: "detail",
-			fn: b((e) => [_(t.$slots, "detail", f(u(e)))]),
+			fn: x((e) => [v(t.$slots, "detail", p(d(e)))]),
 			key: "0"
 		} : void 0]), 1032, [
 			"segments",
 			"aria-label",
 			"current-segment-key",
 			"disable-popover"
-		])) : e.variant === "segmented" ? (m(), i(ne, {
+		])) : e.variant === "segmented" ? (h(), i(ae, {
 			key: 1,
 			segments: n.segments,
 			onHover: a[3] ||= (e) => r("hover", e),
 			onHoverEnd: a[4] ||= (e) => r("hoverEnd", e),
 			onClick: a[5] ||= (e) => r("click", e)
-		}, null, 8, ["segments"])) : (m(), i(J, {
+		}, null, 8, ["segments"])) : (h(), i(Q, {
 			key: 2,
 			"model-value": n.modelValue,
 			label: n.label,
@@ -463,4 +524,4 @@ var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
 	}
 });
 //#endregion
-export { re as GlassTimeline };
+export { oe as GlassTimeline };

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-Brs6QjBU.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-DdhMKfus.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./ToggleGroupItem-Cy7xHFEo.js";
+import { n as e, t } from "./ToggleGroupItem-gyXj998A.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/tokens.d.ts

@@ -39,7 +39,7 @@ export declare const minWidthInputSm = 80;
  *   - `tight` (40ms)    — dense row cascades (StatsCards row strip,
  *                         results-table `:nth-child` delays)
  *   - `default` (80ms)  — canonical row stagger (ResultStack, bar
- *                         entrance, useStagger default)
+ *                         entrance, useStaggerReveal default)
  *   - `relaxed` (120ms) — wider series cascades (TimeSeriesChart)
  *
  * Retires per-consumer constants (SERIES_STAGGER_MS, BAR_STAGGER_MS,

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-MZFRxOvT.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-D-JrSqDu.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/{useAnimatedNumber-BOxrS3a6.js → useAnimatedNumber-BF6r64lA.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./constants-DfWPi8kh.js";
+import { n as e, t } from "./constants-DsCdlK9I.js";
 import { getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, shallowRef as o, toValue as s, watch as c } from "vue";
 import { SmoothProgress as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useAnimatedNumber.ts