@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/useGpuSubstrate-Ceet70xq.js

@@ -0,0 +1,347 @@
+import { t as e } from "./createCanvasLifecycle-CuCrGRfq.js";
+var t = 1.5;
+function n(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function r() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, 2);
+}
+function i() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, t);
+}
+//#endregion
+//#region src/composables/glass/webgl/useWebGLCanvas.ts
+function a() {
+	if (typeof document > "u") return null;
+	let e = null;
+	try {
+		if (e = document.createElement("canvas").getContext("webgl2"), !e) return null;
+		let t = e.getExtension("WEBGL_debug_renderer_info");
+		return t ? String(e.getParameter(t.UNMASKED_RENDERER_WEBGL) ?? "").toLowerCase() : null;
+	} catch {
+		return null;
+	} finally {
+		e?.getExtension("WEBGL_lose_context")?.loseContext();
+	}
+}
+function o(e) {
+	try {
+		return e.getContext("webgl2") != null;
+	} catch {
+		return !1;
+	}
+}
+function s(t, n) {
+	let { setup: r, contextAttrs: i } = n, a = null, o = null;
+	function s() {
+		let e = t.getContext("webgl2", i ?? void 0);
+		if (!e) throw Error("[useWebGLCanvas] WebGL2 unavailable");
+		return a = e, o = r(a), {
+			frame: o.frame,
+			shouldContinue: o.shouldContinue,
+			time: o.time,
+			teardown: () => {
+				o?.teardown?.(), a?.getExtension("WEBGL_lose_context")?.loseContext(), a = null, o = null;
+			}
+		};
+	}
+	let c = null, l = null;
+	function u(e) {
+		e.preventDefault(), a = null, o = null, l?.();
+	}
+	let d = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		buildContext: s,
+		resize: (e) => o?.resize(e),
+		bindContextEvents: (e, n) => {
+			c = e, l = n, t.addEventListener("webglcontextlost", u, !1), t.addEventListener("webglcontextrestored", c, !1);
+		},
+		unbindContextEvents: () => {
+			t.removeEventListener("webglcontextlost", u, !1), c && t.removeEventListener("webglcontextrestored", c, !1);
+		}
+	});
+	return {
+		arm: d.arm,
+		presize: d.presize,
+		suspend: d.suspend,
+		resume: d.resume,
+		wake: d.wake,
+		renderAt: d.renderAt,
+		dispose: d.dispose,
+		get gl() {
+			return a;
+		},
+		get reducedMotion() {
+			return d.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/webgpuDevice.ts
+var c = class extends Error {
+	kind;
+	constructor(e, t, n) {
+		super(t), this.name = "WebGPUInitError", this.kind = e, n !== void 0 && (this.cause = n);
+	}
+};
+function l(e) {
+	try {
+		let t = e.info;
+		if (t?.isFallbackAdapter || e.isFallbackAdapter) return !0;
+		if (!t) return !1;
+		let n = [
+			t.vendor,
+			t.architecture,
+			t.description
+		].filter((e) => typeof e == "string").join(" ").toLowerCase();
+		return n.includes("swiftshader") || n.includes("llvmpipe") || n.includes("software") || n.includes("basic render") || n.includes("microsoft basic");
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/composables/glass/webgpu/useWebGPUCanvas.ts
+function u() {
+	return typeof navigator < "u" && "gpu" in navigator && navigator.gpu != null;
+}
+var d = 6e3;
+function f(e, t) {
+	if (typeof setTimeout > "u") return e;
+	let n, r = new Promise((e, r) => {
+		n = setTimeout(() => {
+			r(new c("acquire-timeout", `[useWebGPUCanvas] ${t}() did not settle within ${d}ms — falling to the WebGL2 net`));
+		}, d);
+	});
+	return Promise.race([e, r]).finally(() => clearTimeout(n));
+}
+var p = null;
+function m(e, t) {
+	if (p) return p;
+	if (!u()) return Promise.reject(new c("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable"));
+	let n = (async () => {
+		let r = await f(navigator.gpu.requestAdapter(e), "requestAdapter");
+		if (!r) throw new c("no-adapter", "[useWebGPUCanvas] no GPU adapter");
+		if (l(r)) throw new c("software-adapter", "[useWebGPUCanvas] software WebGPU adapter (SwiftShader/llvmpipe/fallback) — falling to the WebGL2 net");
+		let i;
+		try {
+			i = await f(r.requestDevice(t), "requestDevice");
+		} catch (e) {
+			throw e instanceof c ? e : new c("device-request", "[useWebGPUCanvas] requestDevice rejected", e);
+		}
+		return i.lost.then(() => {
+			p === n && (p = null);
+		}), i;
+	})();
+	return n.catch(() => {
+		p === n && (p = null);
+	}), p = n, n;
+}
+function h(t, n) {
+	let { setup: r } = n, i = n.alphaMode ?? "premultiplied", a = null, o = null, s = "bgra8unorm", l = null, d = !1, f = null, p = null, h = null, g = null;
+	function _() {
+		if (!a) throw Error("[useWebGPUCanvas] device not acquired");
+		let e = t.getContext("webgpu");
+		if (!e) throw Error("[useWebGPUCanvas] WebGPU context unavailable");
+		return o = e, s = navigator.gpu.getPreferredCanvasFormat(), e.configure({
+			device: a,
+			format: s,
+			alphaMode: i
+		}), a.pushErrorScope("validation"), a.addEventListener("uncapturederror", v), l = r(a, o, s), y(), g = a.popErrorScope(), g.then((e) => {
+			e && n.onInitError?.(e);
+		}), {
+			frame: (e) => l?.frame(e),
+			shouldContinue: () => l?.shouldContinue() ?? !1,
+			time: (e) => l?.time?.(e) ?? e,
+			teardown: () => {
+				l?.teardown?.(), a?.removeEventListener("uncapturederror", v), o = null, l = null, g = null;
+			}
+		};
+	}
+	function v(e) {
+		let t = e.error;
+		n.onInitError?.(t);
+	}
+	function y() {
+		try {
+			l?.resize(), l?.frame(0);
+		} catch {}
+	}
+	let b = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		buildContext: _,
+		resize: (e) => l?.resize(e),
+		bindContextEvents: (e, t) => {
+			p = e, h = t;
+		},
+		unbindContextEvents: () => {
+			p = null, h = null;
+		}
+	});
+	async function x() {
+		if (!u()) throw new c("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable");
+		let e = await m(n.adapterOptions, n.deviceDescriptor);
+		a = e, S(e);
+	}
+	function S(e) {
+		e.lost.then((e) => {
+			d || (h?.(), a = null, e.reason !== "destroyed" && x().then(() => {
+				d || p?.();
+			}).catch((e) => n.onInitError?.(e)));
+		});
+	}
+	async function C() {
+		if (!d) {
+			if (f) return f;
+			if (a) {
+				b.arm();
+				return;
+			}
+			return b.presize(), f = (async () => {
+				try {
+					if (await x(), d) return;
+					if (b.arm(), g) {
+						let e = n.mode !== "capture";
+						e && b.suspend("manual");
+						let t = await g;
+						if (d) return;
+						if (t) throw new c("pipeline-validation", `[useWebGPUCanvas] pipeline failed validation (${t.message}) — falling to the WebGL2 net`);
+						e && b.resume("manual");
+					}
+				} catch (e) {
+					throw e instanceof c || n.onInitError?.(e), e;
+				} finally {
+					f = null;
+				}
+			})(), f;
+		}
+	}
+	return {
+		armAsync: C,
+		arm: () => {
+			a && b.arm();
+		},
+		presize: b.presize,
+		suspend: b.suspend,
+		resume: b.resume,
+		wake: b.wake,
+		renderAt: b.renderAt,
+		dispose: () => {
+			d = !0, b.dispose(), a = null;
+		},
+		get device() {
+			return a;
+		},
+		get reducedMotion() {
+			return b.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/useGpuSubstrate.ts
+function g(e, t) {
+	return s(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		contextAttrs: t.contextAttrs,
+		dprPolicy: t.dprPolicy,
+		composeIntersectionPark: t.composeIntersectionPark,
+		intersectionRootMargin: t.intersectionRootMargin,
+		revealBloom: t.revealBloom,
+		setup: t.setupGL
+	});
+}
+function _(e) {
+	let t = e.parentNode;
+	if (!t || typeof document > "u" || o(e)) return e;
+	let n = e.cloneNode(!1);
+	return t.replaceChild(n, e), n;
+}
+function v(e, t) {
+	let n = u() && t.setupWGPU != null, r = null, i = null, a = n ? "webgpu" : "webgl2", o = !1, s = e;
+	n ? r = h(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		dprPolicy: t.dprPolicy,
+		composeIntersectionPark: t.composeIntersectionPark,
+		intersectionRootMargin: t.intersectionRootMargin,
+		revealBloom: t.revealBloom,
+		setup: t.setupWGPU,
+		alphaMode: t.alphaMode,
+		adapterOptions: t.adapterOptions,
+		deviceDescriptor: t.deviceDescriptor,
+		onInitError: t.onInitError
+	}) : i = g(e, t);
+	function c(e) {
+		r?.dispose(), r = null, a = "webgl2", s = _(s), t.onBackendFallback?.({
+			from: "webgpu",
+			to: "webgl2",
+			error: e
+		});
+		try {
+			i = g(s, t), i.arm();
+		} catch (e) {
+			i = null, t.onInitError?.(e);
+		}
+	}
+	async function l() {
+		if (!o) {
+			if (d(), r) try {
+				await r.armAsync();
+				return;
+			} catch (e) {
+				if (o) return;
+				c(e);
+				return;
+			}
+			i?.arm();
+		}
+	}
+	function d() {
+		o || (r?.presize(), i?.presize());
+	}
+	function f() {
+		o || (d(), r?.arm(), i?.arm());
+	}
+	return {
+		get backend() {
+			return a;
+		},
+		armAsync: l,
+		arm: f,
+		presize: d,
+		suspend: (e) => {
+			r?.suspend(e), i?.suspend(e);
+		},
+		resume: (e) => {
+			r?.resume(e), i?.resume(e);
+		},
+		wake: () => {
+			r?.wake(), i?.wake();
+		},
+		renderAt: (e) => {
+			r?.renderAt(e), i?.renderAt(e);
+		},
+		dispose: () => {
+			o = !0, r?.dispose(), i?.dispose(), r = null, i = null;
+		},
+		get reducedMotion() {
+			return (r ?? i)?.reducedMotion ?? !1;
+		}
+	};
+}
+//#endregion
+export { r as a, i, a as n, n as r, v as t };

package/dist/{useViewTransition-CUI1nAgn.js → useHaptic-CPz5BT9I.js}

@@ -92,4 +92,43 @@ function g() {
 	return f();
 }
 //#endregion
-export { d as a, o as c, f as i, m as n, s as o, g as r, a as s, h as t };
+//#region src/composables/motion/core/useHaptic.ts
+var _ = {
+	tap: [8],
+	snap: [12],
+	detent: [
+		6,
+		18,
+		6
+	],
+	completion: [
+		10,
+		40,
+		18
+	],
+	error: [
+		20,
+		30,
+		20
+	]
+};
+function v() {
+	return typeof navigator < "u" && typeof navigator.vibrate == "function";
+}
+function y(e) {
+	return typeof e == "string" ? [..._[e]] : e;
+}
+function b(e = {}) {
+	let t = v(), n = e.enabled ?? !0;
+	function i(e) {
+		if (r(n) && t) try {
+			navigator.vibrate(y(e));
+		} catch {}
+	}
+	return {
+		supported: t,
+		pulse: i
+	};
+}
+//#endregion
+export { f as a, a as c, g as i, o as l, h as n, d as o, m as r, s, b as t };

package/dist/{useLiquidFlex-UmA6LMZu.js → useLiquidFlex-Cc6PjVJD.js}

@@ -1,7 +1,7 @@
 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);
+	let { axis: r } = n, i = n.squishK ?? 1.6, a = n.squishLaw ?? "tanh", o = () => typeof n.maxStretch == "function" ? n.maxStretch() : n.maxStretch ?? 1.14, 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;
@@ -15,13 +15,18 @@ function n(n) {
 	}), 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;
+	}), h = e(() => ({ [r]: `${p.value}px` })), g = e(() => ({ "--stretch": String(m.value) })), _ = e(() => {
+		let e = a === "linear" ? u.value : Math.tanh(u.value * i);
+		return e < 0 ? 0 : e > 1 ? 1 : e;
 	});
 	return {
 		t: l,
 		size: p,
 		stretch: m,
-		sizeStyle: e(() => ({ [r]: `${p.value}px` })),
-		stretchStyle: e(() => ({ "--stretch": String(m.value) })),
+		sizeStyle: h,
+		stretchStyle: g,
+		flexVel: _,
+		velStyle: e(() => ({ "--flex-vel": _.value.toFixed(4) })),
 		drive: d,
 		squish: f
 	};

package/dist/useLiquidPress-CtOQ8Z0_.js

@@ -0,0 +1,43 @@
+import { t as e } from "./useSpringPress-VM9RgVq3.js";
+import { t } from "./useLiquidFlex-Cc6PjVJD.js";
+import { n } from "./writeVelocityWeight-Bh83xZfs.js";
+import { computed as r, watch as i } from "vue";
+//#region src/composables/motion/useLiquidPress.ts
+function a(a = {}) {
+	let o = a.shrinkDepth ?? .03, s = a.maxStretch ?? 1.04, c = a.pressVar ?? "--press-t", l = a.engageThreshold ?? .001, u = e({
+		response: a.response,
+		dampingFraction: a.dampingFraction,
+		initial: a.initial,
+		initialVelocity: a.initialVelocity,
+		settleThreshold: a.settleThreshold,
+		velocitySettleThreshold: a.velocitySettleThreshold,
+		respectReducedMotion: a.respectReducedMotion,
+		onValue: a.onValue
+	}), d = t({
+		from: 0,
+		to: 1,
+		axis: "width",
+		maxStretch: () => n(a.el?.value ?? null, s),
+		squishLaw: "linear"
+	});
+	i(() => u.value.value, (e) => d.squish(e), {
+		immediate: !0,
+		flush: "sync"
+	});
+	let f = r(() => {
+		let e = u.value.value, t = d.stretch.value, n = 1 - e * o, r = (n * t).toFixed(4), i = (n / t).toFixed(4), a = {
+			[c]: e.toFixed(4),
+			"--flex-vel": d.flexVel.value.toFixed(4)
+		};
+		return e > l && (a.scale = `${r} ${i}`), a;
+	});
+	return {
+		value: u.value,
+		press: u.press,
+		release: u.release,
+		handlers: u.handlers,
+		pressStyle: f
+	};
+}
+//#endregion
+export { a as t };

package/dist/useMorphField-ogBM7ubT.js

@@ -0,0 +1,141 @@
+import { t as e } from "./useLiquidFlex-Cc6PjVJD.js";
+import { onScopeDispose as t, ref as n, unref as r } from "vue";
+//#region src/composables/motion/useMorphField.ts
+var i = 1.618033988749895, a = {
+	lateralNeck: {
+		vector: "lateral",
+		kRest: .92,
+		kPeak: .34,
+		neckHold: .5,
+		maxStretch: 1.12
+	},
+	lateralPeel: {
+		vector: "lateral",
+		kRest: .88,
+		kPeak: .4,
+		neckHold: .4,
+		maxStretch: 1.08
+	},
+	radialBurst: {
+		vector: "radial",
+		kRest: .85,
+		kPeak: .3,
+		neckHold: .55,
+		maxStretch: 1.08
+	},
+	inwardMerge: {
+		vector: "inward",
+		kRest: .8,
+		kPeak: .28,
+		neckHold: .35,
+		maxStretch: 1.1
+	},
+	axialNeck: {
+		vector: "axial",
+		kRest: .9,
+		kPeak: .36,
+		neckHold: .5,
+		maxStretch: 1.14
+	},
+	collapse: {
+		vector: "axial",
+		kRest: 1,
+		kPeak: 1,
+		neckHold: 0,
+		maxStretch: 1.14
+	},
+	directed: {
+		vector: "directed",
+		kRest: .9,
+		kPeak: .42,
+		neckHold: .45,
+		maxStretch: 1.1
+	}
+}, o = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, s = typeof window > "u" || typeof CSS > "u" || typeof CSS.supports != "function" || CSS.supports("filter", "url(#x)");
+function c(e, t) {
+	return Math.sin(Math.PI * Math.min(1, Math.max(0, e))) ** +t;
+}
+function l(e, t, n) {
+	return e + (t - e) * n;
+}
+function u(e, t, n, r) {
+	return e === "auto" ? o() || !s || n <= 1 ? "css" : r || n > 3 ? "gpu" : "svg-goo" : e;
+}
+function d() {
+	return !1;
+}
+function f(o) {
+	let { signature: s, driveVar: f = "--goo-t", hostRef: p, tier: m = "auto" } = o, h = a[s], g = n(0), _ = n(1), v = () => r(o.bodies) ?? [], y = () => !!r(o.vertical), b = v().some((e) => e.silhouette === "capture");
+	if (b && !d()) throw Error("useMorphField: silhouette:'capture' needs useElementBloom (the FLIP rect→rect runner), absent in this build. Use a non-capture silhouette, or compose useElementBloom for the arbitrary-rect element→element travel.");
+	let x = n(u(m, h, v().length, b)), S = e({
+		from: 0,
+		to: 0,
+		axis: "width",
+		squishLaw: "tanh",
+		maxStretch: () => h.maxStretch
+	});
+	function C(e) {
+		let t = r(o.weight);
+		if (typeof t == "number") return Math.min(1, Math.max(0, t));
+		let n = getComputedStyle(e).getPropertyValue("--motion-weight").trim(), i = Number.parseFloat(n);
+		return Number.isFinite(i) ? Math.min(1, Math.max(0, i)) : .618;
+	}
+	function w(e, t, n) {
+		let r = e.at0(), i = e.at1();
+		return l(n ? r.y + r.height / 2 : r.x + r.width / 2, n ? i.y + i.height / 2 : i.x + i.width / 2, t);
+	}
+	function T(e) {
+		if (e.radius) return Math.max(1, e.radius() * 2);
+		let t = e.at0();
+		return Math.max(1, Math.min(t.width, t.height) / i);
+	}
+	function E(e, t, n, r, i) {
+		let a = 1 / r;
+		i ? e.style.transform = `translateY(${t.toFixed(2)}px) translateX(${n.toFixed(2)}px) translate(-50%, -50%) scaleY(${r.toFixed(4)}) scaleX(${a.toFixed(4)})` : e.style.transform = `translateX(${t.toFixed(2)}px) translateY(${n.toFixed(2)}px) translate(-50%, -50%) scaleX(${r.toFixed(4)}) scaleY(${a.toFixed(4)})`;
+	}
+	function D(e) {
+		let t = p.value, n = v();
+		if (!t || n.length === 0) return;
+		g.value = e;
+		let r = y(), a = C(t);
+		if (n.length === 1) {
+			let i = n[0], o = w(i, e, r);
+			S.drive(e);
+			let s = 1 + (S.stretch.value - 1) * a;
+			i.el.value && E(i.el.value, o, 0, s, r), t.style.setProperty("--morph-squish", String(s)), _.value = 1;
+			return;
+		}
+		S.drive(e);
+		let o = 1 + (S.stretch.value - 1) * a;
+		t.style.setProperty("--morph-squish", String(o));
+		let s = c(e, 1 + h.neckHold), u = l(h.kRest, h.kPeak, s), d = w(n[0], e, r), f = w(n[n.length - 1], e, r), m = 1 - c(e, 1) * (1 - u), b = (d + f) / 2;
+		(f - d) / 2 * m;
+		let x = T(n[0]), D = x / (i * i) * c(e, 1) * a;
+		n.forEach((t, n) => {
+			let i = l(w(t, e, r), b, 1 - m), a = n % 2 == 0 ? -D : D;
+			t.el.value && E(t.el.value, i, a, o, r);
+		});
+		let O = c(e, 1 + h.neckHold), k = Math.abs((f - d) * m), A = x * l(1, u, O);
+		_.value = x > 0 ? Math.min(1, A / x) : 1, t.style.setProperty("--morph-neck-girth", O.toFixed(4)), t.style.setProperty("--morph-neck-gap", k.toFixed(2)), t.style.setProperty("--morph-k", u.toFixed(4)), t.style.setProperty("--morph-waist", _.value.toFixed(4));
+		let j = (e * 360 + 60 * O) % 360;
+		t.style.setProperty("--morph-specular-angle", `${j.toFixed(1)}deg`);
+	}
+	function O(e) {
+		let t = p.value, n = v();
+		if (!t) return;
+		g.value = e;
+		let r = y();
+		n.forEach((t) => {
+			t.el.value && E(t.el.value, w(t, e, r), 0, 1, r);
+		}), t.style.setProperty("--morph-squish", "1"), t.style.setProperty("--morph-neck-girth", "0"), t.style.setProperty("--morph-waist", "1"), _.value = 1;
+	}
+	return t(() => {}), {
+		t: g,
+		waist: _,
+		tier: x,
+		project: D,
+		seat: O
+	};
+}
+//#endregion
+export { f as n, a as t };

package/dist/{useScrollChrome-D66AVP7C.js → useScrollChrome-JuImi1DM.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
-import { n as t } from "./useIntersectionPause-Dbozzjgm.js";
-import { t as n } from "./scrollReader-DI1NWxUw.js";
+import { n as t } from "./useIntersectionPause-DO8Vl4gs.js";
+import { t as n } from "./scrollReader-rc3Ns_NM.js";
 import { computed as r, getCurrentScope as i, onBeforeUnmount as a, onMounted as o, onScopeDispose as s, readonly as c, ref as l, toValue as u, watch as d } from "vue";
 //#region src/composables/motion/useYieldToMain.ts
 function f() {

package/dist/{useSpringMount-BWDnKIwh.js → useSpringMount-DFxtzmkR.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./useSpring-C0jyvEJB.js";
-import { n as t } from "./springPresets-Ce7OYCm9.js";
+import { n as t } from "./springPresets-DfoQ6XRY.js";
 import { computed as n, nextTick as r, onMounted as i, onScopeDispose as a, ref as o, watch as s } from "vue";
 //#region src/composables/motion/useSpringMount.ts
 var c = Object.fromEntries([

package/dist/{useSpringPress-B1-Czp-V.js → useSpringPress-VM9RgVq3.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./useSpring-C0jyvEJB.js";
-import { n as t } from "./springPresets-Ce7OYCm9.js";
+import { n as t } from "./springPresets-DfoQ6XRY.js";
 import { ref as n } from "vue";
 //#region src/composables/motion/useSpringPress.ts
 var r = t("press");

package/dist/{useSurfaceAxis-g0NloYEF.js → useSurfaceAxis-Ci7Dnaw2.js}

@@ -1,7 +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;
+	return e === "veil" ? `${n} veil-surface` : e === "opaque" ? `${n} glass-opaque` : e === "clear" ? `${n} glass-clear` : n;
 }
 //#endregion
 export { e as t };

package/dist/{useTouchGate-CBZTD4SD.js → useTouchGate-B1Lf9XqN.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-BHJOKr35.js";
+import { t as e } from "./useTimer-BBLGPXR8.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/virtual.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useResizeObserver-Bpoi7tRE.js";
+import { t as e } from "./useResizeObserver-DdEn3v2f.js";
 import { computed as t, onMounted as n, onUnmounted as r, ref as i, shallowRef as a, toValue as o, watch as s } from "vue";
 //#region src/composables/virtual/virtualSectionLayout.ts
 function c(e, t) {