@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/useConfiguratorState-kiIlun8I.js

@@ -0,0 +1,303 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./createLucideIcon-DydS2qgk.js";
+import { t as n } from "./chevron-down-DKkxb4VV.js";
+import { t as r } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t as i } from "./createContext-B2RaZ-b8.js";
+import { t as a } from "./Label-Ck9SWEKM.js";
+import { t as o } from "./FadingScroll-DwNnvKMs.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, toRaw as T, unref as E, useId as D, useModel as O, withCtx as k } from "vue";
+var A = t("rotate-ccw", [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]]), j = i("configuratorDensity"), M = j.KEY;
+function N(e) {
+	j.provide(e);
+}
+var P = j.use, F = {
+	key: 0,
+	class: "configurator-presets shrink-0 border-b px-3 py-2"
+}, I = [
+	"aria-selected",
+	"data-active",
+	"onClick"
+], L = { class: "flex flex-col" }, R = {
+	key: 2,
+	class: "configurator-controls flex-1 min-h-0 overflow-visible"
+}, z = { class: "flex flex-col" }, B = {
+	key: 3,
+	class: "configurator-footer shrink-0 border-t px-3 py-2"
+}, V = /* @__PURE__ */ h({
+	__name: "Configurator",
+	props: {
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		density: { default: "comfortable" },
+		asideSide: { default: "right" },
+		asideWidth: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"select-preset",
+		"select-layer",
+		"reset"
+	],
+	setup(t, { emit: n }) {
+		let r = t;
+		N(c(() => r.density));
+		let i = n, a = c(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "grid-rows-[minmax(var(--configurator-stage-min,18rem),auto)_minmax(0,1fr)] lg:grid-rows-none", "lg:grid-cols-[minmax(0,1fr)_minmax(var(--configurator-aside-min,280px),var(--configurator-aside-max,360px))]", "min-h-0", r.class)), p = c(() => {
+			if (r.asideWidth == null) return;
+			let [e, t] = Array.isArray(r.asideWidth) ? r.asideWidth : [r.asideWidth, r.asideWidth];
+			return {
+				"--configurator-aside-min": e,
+				"--configurator-aside-max": t
+			};
+		}), h = c(() => r.asideSide === "left" ? "lg:col-start-2" : ""), g = c(() => r.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), b = c(() => r.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), x = c(() => r.scrollMode !== "never");
+		return (n, r) => (y(), d("section", {
+			"data-slot": "configurator",
+			class: _(a.value),
+			style: v(p.value)
+		}, [f("div", { class: _(E(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", h.value)) }, [C(n.$slots, "stage")], 2), f("aside", { class: _(E(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t lg:border-t-0", b.value, g.value)) }, [
+			n.$slots.presets || t.presets && t.presets.length > 0 ? (y(), d("div", F, [C(n.$slots, "presets", {
+				presets: t.presets,
+				activePreset: t.activePreset
+			}, () => [m(E(o), {
+				axis: "x",
+				class: "flex gap-2 scrollbar-hidden",
+				role: "tablist",
+				"aria-label": "Presets"
+			}, {
+				default: k(() => [(y(!0), d(s, null, S(t.presets, (n) => (y(), d("button", {
+					key: n.key,
+					type: "button",
+					role: "tab",
+					"data-slot": "configurator-preset",
+					"aria-selected": n.key === t.activePreset,
+					"data-active": n.key === t.activePreset || void 0,
+					class: _(E(e)("tap-squish focus-ring transition-control shrink-0 rounded-pill border px-3 py-1 text-xs font-medium", n.key === t.activePreset ? "glass-quiet border-border/50 text-foreground" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
+					onClick: (e) => i("select-preset", n.key)
+				}, w(n.label), 11, I))), 128))]),
+				_: 1
+			})])])) : u("", !0),
+			x.value ? (y(), l(E(o), {
+				key: 1,
+				axis: "y",
+				class: "configurator-controls flex-1 min-h-0 scrollbar-thin"
+			}, {
+				default: k(() => [C(n.$slots, "controls", {
+					layers: t.layers,
+					activeLayer: t.activeLayer,
+					selectLayer: (e) => i("select-layer", e)
+				}, () => [f("div", L, [C(n.$slots, "default")])])]),
+				_: 3
+			})) : (y(), d("div", R, [C(n.$slots, "controls", {
+				layers: t.layers,
+				activeLayer: t.activeLayer,
+				selectLayer: (e) => i("select-layer", e)
+			}, () => [f("div", z, [C(n.$slots, "default")])])])),
+			n.$slots.footer ? (y(), d("div", B, [C(n.$slots, "footer", { reset: () => i("reset") })])) : u("", !0)
+		], 2)], 6));
+	}
+}), H = ["data-state"], U = [
+	"aria-expanded",
+	"aria-controls",
+	"data-state"
+], W = { class: "flex min-w-0 items-baseline gap-2" }, G = { class: "configurator-section-label truncate" }, K = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, q = [
+	"id",
+	"aria-hidden",
+	"inert",
+	"data-state"
+], J = { class: "min-h-0 overflow-hidden" }, Y = ["data-dividers"], X = /* @__PURE__ */ r(/* @__PURE__ */ h({
+	__name: "ConfiguratorLayer",
+	props: /* @__PURE__ */ g({
+		label: {},
+		sub: {},
+		id: {},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		dividers: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		bodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(t) {
+		let r = t, i = O(t, "open");
+		i.value === void 0 && (i.value = r.defaultOpen);
+		let a = `configurator-layer-body-${D()}`, o = c(() => r.id ?? a);
+		function s() {
+			i.value = !i.value;
+		}
+		let l = c(() => i.value ? "open" : "closed");
+		return (a, c) => (y(), d("div", {
+			"data-slot": "configurator-layer",
+			class: _(E(e)("configurator-layer border-b last:border-b-0", r.class)),
+			"data-state": l.value
+		}, [f("button", {
+			type: "button",
+			"data-slot": "configurator-layer-trigger",
+			class: _(E(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
+			"aria-expanded": i.value,
+			"aria-controls": o.value,
+			"data-state": l.value,
+			onClick: s
+		}, [f("div", W, [f("span", G, w(t.label), 1), t.sub ? (y(), d("span", K, w(t.sub), 1)) : u("", !0)]), m(E(n), {
+			class: "configurator-layer-chevron h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180",
+			"aria-hidden": "true"
+		})], 10, U), f("div", {
+			id: o.value,
+			role: "region",
+			"aria-hidden": !i.value,
+			inert: !i.value || void 0,
+			"data-state": l.value,
+			class: "configurator-layer-region grid motion-reduce:transition-none",
+			style: v({ gridTemplateRows: i.value ? "1fr" : "0fr" })
+		}, [f("div", J, [f("div", {
+			"data-dividers": r.dividers || void 0,
+			class: _(E(e)("configurator-layer-body px-3 py-2 space-y-2", r.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", r.bodyClass))
+		}, [C(a.$slots, "default", {}, void 0, !0)], 10, Y)])], 12, q)], 10, H));
+	}
+}), [["__scopeId", "data-v-e887a77f"]]), Z = ["data-density"], Q = { class: "flex items-baseline justify-between gap-3" }, $ = { class: "flex min-w-0 items-baseline gap-2" }, ee = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, te = ["aria-label"], ne = { class: "flex w-full min-w-0 items-center [&>*]:min-w-0 [&>*]:w-full [&>*]:flex-1" }, re = {
+	key: 0,
+	class: "text-micro leading-snug text-muted-foreground/80"
+}, ie = /* @__PURE__ */ r(/* @__PURE__ */ h({
+	__name: "ConfiguratorRow",
+	props: {
+		label: {},
+		name: {},
+		description: {},
+		canReset: { type: Boolean },
+		density: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["reset"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, o = P(), s = c(() => r.density ?? o?.value ?? void 0);
+		return (n, o) => (y(), d("div", {
+			"data-slot": "configurator-row",
+			class: _(E(e)("configurator-row flex flex-col gap-1.5 py-2", r.class)),
+			"data-density": s.value
+		}, [
+			f("div", Q, [f("div", $, [m(E(a), { class: "truncate text-small font-medium text-foreground" }, {
+				default: k(() => [p(w(t.label), 1)]),
+				_: 1
+			}), t.name ? (y(), d("span", ee, w(t.name), 1)) : u("", !0)]), t.canReset ? (y(), d("button", {
+				key: 0,
+				type: "button",
+				"data-slot": "configurator-reset",
+				class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 hover:bg-foreground/5 hover:text-foreground",
+				"aria-label": `Reset ${t.label}`,
+				onClick: o[0] ||= (e) => i("reset")
+			}, [m(E(A), {
+				class: "h-3 w-3",
+				"aria-hidden": "true"
+			})], 8, te)) : u("", !0)]),
+			f("div", ne, [C(n.$slots, "default", {}, void 0, !0)]),
+			t.description ? (y(), d("p", re, w(t.description), 1)) : u("", !0)
+		], 10, Z));
+	}
+}), [["__scopeId", "data-v-7978cb8d"]]);
+//#endregion
+//#region src/components/custom/configurator/useConfiguratorState.ts
+function ae(e) {
+	let t = T(e);
+	if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
+	try {
+		return structuredClone(t);
+	} catch (e) {
+		throw Error("[glass-ui:configurator] structuredClone failed: " + (e instanceof Error ? e.message : String(e)) + ". Preset values must be structured-cloneable (no functions, symbols, DOM nodes, or class instances). Pass a custom clone via ConfiguratorStateOptions.clone if the data shape requires it.");
+	}
+}
+function oe(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function se(e) {
+	let t = e.clone ?? ae, n = e.equals ?? oe, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), o = a ? r.find((e) => e.key === a) : void 0, s = b(o ? t(o.config) : {}), l = x(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = c(() => l.value), f = c(() => {
+		let e = l.value;
+		if (!e) return !1;
+		let t = r.find((t) => t.key === e);
+		return t ? !n(s, t.config) : !1;
+	});
+	function p(e) {
+		return r.find((t) => t.key === e);
+	}
+	function m(e) {
+		let t = s, n = e;
+		for (let e of Object.keys(t)) e in n || delete t[e];
+		for (let e of Object.keys(n)) t[e] = n[e];
+	}
+	function h(e) {
+		u && (u[e] = t(s));
+	}
+	function g(e) {
+		let n = p(e);
+		if (n) if (i === "per-preset" && u) {
+			let t = l.value;
+			t && t !== e && t in u && h(t), l.value = e, m(u[e]);
+		} else l.value = e, m(t(n.config));
+	}
+	function _() {
+		let e = l.value;
+		if (!e) return;
+		let n = p(e);
+		n && (i === "per-preset" && u ? (u[e] = t(n.config), m(u[e])) : m(t(n.config)));
+	}
+	function v(e = 1) {
+		if (r.length === 0) return;
+		let t = l.value, n = t ? r.findIndex((e) => e.key === t) : -1, i = r.length, a = r[(n + e + i) % i];
+		g(a.key);
+	}
+	return {
+		config: s,
+		activePreset: d,
+		isDirty: f,
+		selectPreset: g,
+		resetCurrent: _,
+		cyclePreset: v,
+		getPreset: p
+	};
+}
+//#endregion
+export { M as a, V as i, ie as n, N as o, X as r, P as s, se as t };

package/dist/useLiquidFlex-C12hXwOZ.js

@@ -0,0 +1,30 @@
+import { computed as e, ref as t } from "vue";
+//#region src/composables/motion/useLiquidFlex.ts
+function n(n) {
+	let { axis: r } = n, i = n.squishK ?? 1.6, a = n.squishLaw ?? "tanh", o = () => typeof n.maxStretch == "function" ? n.maxStretch() : n.maxStretch ?? 1.08, s = () => typeof n.from == "function" ? n.from() : n.from, c = () => typeof n.to == "function" ? n.to() : n.to, l = t(0), u = t(0);
+	function d(e) {
+		let t = e < 0 ? 0 : e > 1 ? 1 : e;
+		u.value = Math.abs(t - l.value), l.value = t;
+	}
+	function f(e) {
+		u.value = e < 0 ? 0 : e;
+	}
+	let p = e(() => {
+		let e = s();
+		return e + (c() - e) * l.value;
+	}), m = e(() => {
+		let e = o(), t = a === "linear" ? 1 + u.value * (e - 1) : 1 + Math.tanh(u.value * i) * (e - 1);
+		return t > e ? e : t;
+	});
+	return {
+		t: l,
+		size: p,
+		stretch: m,
+		sizeStyle: e(() => ({ [r]: `${p.value}px` })),
+		stretchStyle: e(() => ({ "--stretch": String(m.value) })),
+		drive: d,
+		squish: f
+	};
+}
+//#endregion
+export { n as t };

package/dist/useRAFLoop-CdwJ7284.js

@@ -0,0 +1,109 @@
+import { n as e } from "./useIntersectionPause-Bj4sPkMh.js";
+import { computed as t, getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, watch as o } from "vue";
+//#region src/composables/motion/useYieldToMain.ts
+function s() {
+	let e = globalThis.scheduler;
+	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
+}
+function c() {
+	let e = s();
+	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
+		let t = new MessageChannel();
+		t.port1.onmessage = () => {
+			t.port1.onmessage = null, e();
+		}, t.port2.postMessage(void 0);
+	}) : new Promise((e) => setTimeout(e, 0));
+}
+function l() {
+	return {
+		hasNativeYield: s() !== null,
+		yield: c
+	};
+}
+//#endregion
+//#region src/composables/motion/useRAFLoop.ts
+var u = "(prefers-reduced-motion: reduce)";
+function d() {
+	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
+}
+function f() {
+	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
+}
+function p() {
+	return typeof window > "u" ? null : window;
+}
+function m(s, l = {}) {
+	let { immediate: m = !0, pauseWhenHidden: h = !0, respectReducedMotion: g = !0 } = l, _ = a(!1), v = a(!1), y = a(!1), b = a(!1), x = a(!1), S = t(() => b.value && !_.value && (x.value || y.value || g && v.value || !d())), C = null, w = null, T = 0, E = 0, D = !1, O = null;
+	function k() {
+		return !D && b.value && !x.value && !y.value && !(g && v.value) && !!d();
+	}
+	function A() {
+		C !== null && (f()?.(C), C = null), _.value = !1, w = null;
+	}
+	function j() {
+		if (C !== null || !k()) return;
+		let e = d();
+		e && (_.value = !0, C = e((e) => {
+			if (C = null, !k()) {
+				A();
+				return;
+			}
+			let t = w === null ? 0 : Math.max(0, e - w);
+			w = e, T += t, s({
+				now: e,
+				delta: t,
+				elapsed: T,
+				frame: E++
+			}), k() ? j() : A();
+		}));
+	}
+	function M() {
+		k() ? j() : A();
+	}
+	function N() {
+		w = null, T = 0, E = 0;
+	}
+	function P() {
+		D || (N(), b.value = !0, x.value = !1, M());
+	}
+	function F() {
+		b.value = !1, x.value = !1, N(), A();
+	}
+	function I() {
+		b.value && (x.value = !0, M());
+	}
+	function L() {
+		D || (x.value = !1, M());
+	}
+	if (h) {
+		let { hidden: t } = e();
+		y.value = t.value, o(t, (e) => {
+			y.value = e, M();
+		}, { flush: "sync" });
+	}
+	if (g) {
+		let e = p(), t = typeof e?.matchMedia == "function" ? e.matchMedia(u) : null;
+		if (t) {
+			let e = (e) => {
+				v.value = e.matches, M();
+			};
+			v.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), O = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), O = () => t.removeListener?.(e));
+		}
+	}
+	function R() {
+		D || (D = !0, F(), O?.(), O = null);
+	}
+	return n() && r(R), m && P(), {
+		isActive: i(_),
+		isPaused: i(S),
+		isReducedMotion: i(v),
+		start: P,
+		stop: F,
+		pause: I,
+		resume: L,
+		dispose: R,
+		yieldToMain: c
+	};
+}
+//#endregion
+export { l as n, c as r, m as t };

package/dist/{useScrollProgress-CffFGLa5.js → useScrollProgress-D7bYU2RK.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./supportsCssTimeline-C5oe0lnD.js";
+import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
 import { onBeforeUnmount as t, onMounted as n, ref as r, unref as i, watch as a } from "vue";
 //#region src/composables/motion/useScrollProgress.ts
 var o = e();

package/dist/useSpecularTracking-Bo5su68i.js

@@ -0,0 +1,32 @@
+import { onScopeDispose as e, ref as t } from "vue";
+//#region src/composables/glass/useSpecularTracking.ts
+function n() {
+	let n = t({}), r = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, i = r?.matches ?? !1, a = (e) => {
+		i = e.matches;
+	};
+	r?.addEventListener("change", a);
+	let o = null, s = 0, c = 0, l = 0;
+	function u() {
+		l = 0;
+		let e = o;
+		if (o = null, !e) return;
+		let t = e.getBoundingClientRect();
+		if (t.width === 0 || t.height === 0) return;
+		let r = (s - t.left) / t.width * 100, i = (c - t.top) / t.height * 100;
+		n.value = {
+			"--mouse-x": `${r.toFixed(2)}%`,
+			"--mouse-y": `${i.toFixed(2)}%`
+		};
+	}
+	function d(e) {
+		i || (o = e.currentTarget, s = e.clientX, c = e.clientY, l === 0 && (typeof requestAnimationFrame == "function" ? l = requestAnimationFrame(u) : u()));
+	}
+	return e(() => {
+		l !== 0 && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l), l = 0, o = null, r?.removeEventListener("change", a);
+	}), {
+		specularStyle: n,
+		onPointerMove: d
+	};
+}
+//#endregion
+export { n as t };

package/dist/useSpringMount-CvopqiFr.js

@@ -0,0 +1,108 @@
+import { n as e } from "./springPresets-WXaLbu8u.js";
+import { computed as t, getCurrentScope as n, nextTick as r, onMounted as i, onScopeDispose as a, readonly as o, ref as s, shallowRef as c, toValue as l, watch as u } from "vue";
+import { SpringProgress as d } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpring.ts
+function f(e, t = {}) {
+	let r = t.initial ?? 0, i = t.initialVelocity ?? 0, f = s(r), p = s(i), m = s(i === 0), h = c(new d({
+		response: t.response ?? .5,
+		dampingFraction: t.dampingFraction ?? .86,
+		initial: r,
+		initialVelocity: i,
+		settleThreshold: t.settleThreshold ?? .001,
+		velocitySettleThreshold: t.velocitySettleThreshold ?? .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	})), g = h.value.subscribe((e, n) => {
+		f.value = e, p.value = n, m.value = h.value.settled, t.onValue?.(e, n);
+	});
+	h.value.play(() => {});
+	let _ = u(() => l(e), (e) => {
+		e != null && (h.value.target = e);
+	}, { immediate: !0 });
+	function v() {
+		f.value = h.value.value, p.value = h.value.velocity, m.value = h.value.settled;
+	}
+	function y() {
+		_(), g(), h.value.dispose();
+	}
+	return n() && a(y), {
+		value: o(f),
+		velocity: o(p),
+		isSettled: o(m),
+		snap: () => {
+			h.value.snap(), v();
+		},
+		reset: (e, t) => {
+			h.value.reset(e ?? 0, t ?? 0), v();
+		},
+		dispose: y
+	};
+}
+//#endregion
+//#region src/composables/motion/useSpringMount.ts
+var p = Object.fromEntries([
+	"smooth",
+	"snappy",
+	"bouncy",
+	"gentle"
+].map((t) => {
+	let { response: n, dampingFraction: r } = e(t);
+	return [t, {
+		response: n,
+		dampingFraction: r
+	}];
+}));
+function m(e) {
+	let n = p[e.preset ?? "smooth"], o = s(1), c = s(!1), l = 0, d = 0, m = null, h = !1, g = f(o, {
+		response: n.response,
+		dampingFraction: n.dampingFraction,
+		initial: 1,
+		settleThreshold: .001,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: e.respectReducedMotion !== !1
+	});
+	i(() => {
+		e.open.value && r(() => {
+			o.value = 0;
+		});
+	});
+	let _ = u(() => e.open.value, (e, t) => {
+		e !== t && (c.value || (o.value = +!e));
+	}, { immediate: !1 }), v = u(() => g.isSettled.value, (t) => {
+		t && h && o.value >= 1 && (h = !1, e.onDismiss?.());
+	});
+	function y(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		d = t.getBoundingClientRect().height || 1, l = e.clientY, m = e.pointerId, c.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!c.value || e.pointerId !== m) return;
+		let t = e.clientY - l;
+		if (t <= 0) {
+			o.value = 0;
+			return;
+		}
+		o.value = Math.min(1, t / d);
+	}
+	function x(t) {
+		if (!c.value || t.pointerId !== m) return;
+		let n = t.currentTarget;
+		n.hasPointerCapture(t.pointerId) && n.releasePointerCapture(t.pointerId), c.value = !1, m = null;
+		let r = e.dismissThreshold ?? .3;
+		o.value >= r ? (h = !0, o.value = 1) : o.value = 0;
+	}
+	return a(() => {
+		_(), v();
+	}), {
+		position: g.value,
+		isDragging: t(() => c.value),
+		dragHandlers: {
+			onPointerdown: y,
+			onPointermove: b,
+			onPointerup: x,
+			onPointercancel: x
+		}
+	};
+}
+//#endregion
+export { f as n, m as t };

package/dist/useSurfaceAxis-CMnF2zHb.js

@@ -0,0 +1,7 @@
+//#region src/components/ui/_shared/useSurfaceAxis.ts
+function e(e = "glass", t = "resting") {
+	let n = `glass-${t}`;
+	return e === "veil" ? `${n} veil-surface` : e === "opaque" ? `${n} glass-opaque` : n;
+}
+//#endregion
+export { e as t };

package/dist/{useTouchGate-WFyJYsth.js → useTouchGate-28Tk2-t2.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-3xqf_54b.js";
+import { t as e } from "./useTimer-B_PAasDL.js";
 import { getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
 //#region src/composables/dom/useTouchGate.ts
 var i = /* @__PURE__ */ new Set(), a = !1;

package/dist/useViewTransition-COsPjQVZ.js

@@ -0,0 +1,47 @@
+//#region src/utils/moveBefore.ts
+function e(e, t, n) {
+	let r = e;
+	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
+}
+function t() {
+	return typeof Element < "u" && "moveBefore" in Element.prototype;
+}
+//#endregion
+//#region src/utils/platformSupport.ts
+function n() {
+	return typeof globalThis.scheduler?.postTask == "function";
+}
+//#endregion
+//#region src/composables/motion/useViewTransition.ts
+function r() {
+	return typeof document < "u" && typeof document.startViewTransition == "function";
+}
+function i() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function a(e, t) {
+	let n = typeof document > "u" ? void 0 : document;
+	if (!n || typeof n.startViewTransition != "function" || t?.instantUnderReducedMotion && i()) return {
+		finished: (async () => e())().then(() => void 0, () => void 0),
+		transitioned: !1
+	};
+	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
+		update: () => e(),
+		types: t.types
+	}) : n.startViewTransition(() => e());
+	return r.ready?.catch(() => {}), {
+		finished: r.finished.then(() => void 0, () => void 0),
+		transitioned: !0
+	};
+}
+function o(e, t) {
+	return a(e, {
+		...t,
+		instantUnderReducedMotion: !0
+	});
+}
+function s() {
+	return r();
+}
+//#endregion
+export { n as a, r as i, a as n, e as o, s as r, t as s, o as t };

package/dist/utils/coalesceMetric.d.ts

@@ -0,0 +1,29 @@
+/** The canonical em-dash placeholder for an empty Metric* value. */
+export declare const METRIC_PLACEHOLDER = "\u2014";
+/** The value type every Metric* primary field accepts. */
+export type MetricValue = string | number | null | undefined;
+/**
+ * The shared value-props shape the four Metric* surfaces extend (each adds its
+ * own register-specific props on top — icon, label, size, density, …).
+ */
+export interface MetricValueProps {
+    /** The primary metric. A valid `0` renders `"0"`, never the placeholder. */
+    value?: MetricValue;
+    /** Unit suffix appended after the value (e.g. "Mbps", "ms"). */
+    unit?: string;
+    /** Substitute glyph when the value is empty (null / undefined / ""). */
+    placeholder?: string;
+}
+/**
+ * The canonical empty-value substitution for the Metric* family.
+ *
+ * Returns BOTH the display string AND the `isEmpty` flag so a surface's
+ * muted/color gates read `isEmpty` (the correct empty signal) rather than the
+ * truthy `!value` (the bug — `!0` is `true`). `coalesceMetric(0)` →
+ * `{ display: "0", isEmpty: false }`, so a `0` is NOT muted and DOES get its
+ * color; only `null` / `undefined` / `""` are empty.
+ */
+export declare function coalesceMetric(value: MetricValue, placeholder?: string): {
+    display: string;
+    isEmpty: boolean;
+};

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { cn } from "./cn";
 export { moveBeforeSafe } from "./moveBefore";
+export { coalesceMetric, METRIC_PLACEHOLDER, type MetricValue, type MetricValueProps, } from "./coalesceMetric";
 export { supportsMoveBefore, supportsScrollTimeline, supportsViewTimeline, supportsPostTask, } from "./platformSupport";