@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/usePointerVelocityField-CwXyeW0Z.js

@@ -0,0 +1,122 @@
+import { onScopeDispose as e, readonly as t, ref as n } from "vue";
+//#region src/composables/motion/usePointerVelocityField.ts
+var r = "(prefers-reduced-motion: reduce)";
+function i(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function a(a = {}) {
+	let o = a.positionLerp ?? .22, s = a.velocityLerp ?? .3, c = a.accelerationLerp ?? .3, l = a.burstDecay ?? .96, u = a.respectReducedMotion !== !1, d = Math.max(.05, a.mass ?? 1), f = Math.max(0, a.damping ?? .85), p = Math.max(.01, a.attractorResponse ?? .32), m = a.leadGain ?? .12, h = a.restAnchor ?? {
+		x: .5,
+		y: .5
+	}, g = Math.max(1, a.halfLifeMs ?? 120), _ = 2 * Math.PI / (p * Math.sqrt(d)), v = .001, y = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(r) : null, b = y?.matches ?? !1, x = (e) => {
+		b = e.matches, b && M();
+	};
+	y?.addEventListener("change", x);
+	let S = n(!1), C = n({
+		x: .5,
+		y: .5
+	}), w = n({
+		x: .5,
+		y: .5
+	}), T = n({
+		x: 0,
+		y: 0
+	}), E = n(0), D = n({
+		x: 0,
+		y: 0
+	}), O = n(0), k = n(0), A = n({ ...h }), j = n({
+		x: 0,
+		y: 0
+	});
+	function M() {
+		T.value = {
+			x: 0,
+			y: 0
+		}, E.value = 0, D.value = {
+			x: 0,
+			y: 0
+		}, O.value = 0, w.value = { ...C.value }, j.value = {
+			x: 0,
+			y: 0
+		};
+	}
+	function N(e, t) {
+		u && b || (C.value = {
+			x: i(e),
+			y: i(t)
+		});
+	}
+	function P(e) {
+		if (u && b) return;
+		let t = e.currentTarget;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		n.width === 0 || n.height === 0 || N((e.clientX - n.left) / n.width, (e.clientY - n.top) / n.height);
+	}
+	function F() {
+		S.value = !0;
+	}
+	function I() {
+		S.value = !1;
+	}
+	function L(e) {
+		S.value = e;
+	}
+	function R(e) {
+		if (u && b || !(e > 0)) {
+			M();
+			return;
+		}
+		let t = e / 1e3, n = w.value, r = T.value, i = 1 - (1 - o) ** (t * 60), a = n.x + (C.value.x - n.x) * i, d = n.y + (C.value.y - n.y) * i, p = (a - n.x) / t, y = (d - n.y) / t, x = 1 - (1 - s) ** (t * 60), N = r.x + (p - r.x) * x, P = r.y + (y - r.y) * x, F = (N - r.x) / t, I = (P - r.y) / t, L = 1 - (1 - c) ** (t * 60), R = D.value.x + (F - D.value.x) * L, z = D.value.y + (I - D.value.y) * L, B = Math.hypot(N, P), V = l ** (t * 60), H = Math.min(1, O.value * V + B * t * 4);
+		w.value = {
+			x: a,
+			y: d
+		}, T.value = {
+			x: N,
+			y: P
+		}, E.value = B, D.value = {
+			x: R,
+			y: z
+		}, O.value = H;
+		let U = +!!S.value, W = 1 - 2 ** (-e / g), G = k.value + (U - k.value) * W;
+		U === 0 && G < v ? G = 0 : U === 1 && G > 1 - v && (G = 1), k.value = G;
+		let K = h.x + (C.value.x - h.x) * G, q = h.y + (C.value.y - h.y) * G, J = Math.hypot(N, P);
+		if (J > 1e-4 && m !== 0) {
+			let e = H * m / J;
+			K += N * e, q += P * e;
+		}
+		let Y = j.value, X = A.value, Z = -_ * _ * (X.x - K) - 2 * f * _ * Y.x, ee = -_ * _ * (X.y - q) - 2 * f * _ * Y.y, Q = Y.x + Z * t, $ = Y.y + ee * t;
+		j.value = {
+			x: Q,
+			y: $
+		}, A.value = {
+			x: X.x + Q * t,
+			y: X.y + $ * t
+		};
+	}
+	function z() {
+		y?.removeEventListener("change", x);
+	}
+	return e(z), {
+		active: t(S),
+		position: t(C),
+		smoothedPosition: t(w),
+		velocity: t(T),
+		speed: t(E),
+		acceleration: t(D),
+		burst: t(O),
+		engagement: t(k),
+		attractor: t(A),
+		attractorVelocity: t(j),
+		onPointerMove: P,
+		onPointerEnter: F,
+		onPointerLeave: I,
+		setPointer: N,
+		setActive: L,
+		tick: R,
+		reset: M,
+		dispose: z
+	};
+}
+//#endregion
+export { a as t };

package/dist/useRAFLoop-CvOo_kgb.js

@@ -0,0 +1,109 @@
+import { t as e } from "./useDocumentVisibility-CpJGUgcJ.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, t.addEventListener("change", e), O = () => t.removeEventListener("change", 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/useRoutePointer-DL7I0gY4.js

@@ -0,0 +1,52 @@
+import { inject as e, onScopeDispose as t, provide as n, readonly as r, ref as i, toValue as a } from "vue";
+//#region src/composables/motion/useRoutePointer.ts
+var o = Symbol("glass-ui:route-pointer"), s = "(prefers-reduced-motion: reduce)";
+function c(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function l(l = {}) {
+	if (!l.fresh) {
+		let t = e(o, null);
+		if (t) return t;
+	}
+	let u = l.respectReducedMotion !== !1, d = typeof window < "u", f = d && typeof window.matchMedia == "function" ? window.matchMedia(s) : null, p = f?.matches ?? !1, m = i({
+		x: .5,
+		y: .5
+	}), h = i(!1);
+	function g() {
+		return u && p || a(l.paused) === !0;
+	}
+	function _(e) {
+		if (g()) {
+			h.value &&= !1;
+			return;
+		}
+		let t = window.innerWidth || 1, n = window.innerHeight || 1;
+		m.value = {
+			x: c(e.clientX / t),
+			y: c(e.clientY / n)
+		}, h.value = !0;
+	}
+	function v() {
+		h.value = !1;
+	}
+	let y = (e) => {
+		p = e.matches, p && (h.value = !1);
+	};
+	d && (window.addEventListener("pointermove", _, {
+		capture: !0,
+		passive: !0
+	}), document.addEventListener("pointerleave", v), window.addEventListener("blur", v), f?.addEventListener("change", y));
+	function b() {
+		d && (window.removeEventListener("pointermove", _, { capture: !0 }), document.removeEventListener("pointerleave", v), window.removeEventListener("blur", v), f?.removeEventListener("change", y));
+	}
+	t(b);
+	let x = {
+		pointer: r(m),
+		active: r(h),
+		dispose: b
+	};
+	return l.fresh || n(o, x), x;
+}
+//#endregion
+export { l as t };

package/dist/useScrollProgress-C-yImzhU.js

@@ -0,0 +1,35 @@
+import { t as e } from "./supportsCssTimeline-Ie4xJFbD.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();
+function s(e) {
+	let { offset: s = 0, trackExit: c = !1 } = e, l = r(0), u = 0, d = null;
+	function f() {
+		let t = i(e.target);
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = window.innerHeight + s, a = r - (c ? -n.height : 0);
+		if (a === 0) {
+			l.value = 0;
+			return;
+		}
+		let o = (r - n.top) / a;
+		l.value = Math.max(0, Math.min(1, o));
+	}
+	function p() {
+		u ||= requestAnimationFrame(() => {
+			u = 0, f();
+		});
+	}
+	return n(() => {
+		if (f(), o) return;
+		window.addEventListener("scroll", p, { passive: !0 }), window.addEventListener("resize", p, { passive: !0 });
+		let t = i(e.target);
+		t && typeof ResizeObserver < "u" && (d = new ResizeObserver(p), d.observe(t));
+	}), o || a(() => i(e.target), (e, t) => {
+		t && d && d.unobserve(t), e && d && d.observe(e), p();
+	}), t(() => {
+		window.removeEventListener("scroll", p), window.removeEventListener("resize", p), u && cancelAnimationFrame(u), d?.disconnect(), d = null;
+	}), l;
+}
+//#endregion
+export { s as t };

package/dist/useSelectionGroup-Btpf24aY.js

@@ -0,0 +1,215 @@
+import { t as e } from "./supportsCssTimeline-Ie4xJFbD.js";
+import { t } from "./scrollReader-DzYqPQ6V.js";
+import { a as n, t as r } from "./useTabRovingFocus-CG1H1k1J.js";
+import { computed as i, onBeforeUnmount as a, onMounted as o, ref as s, toValue as c, watch as l } from "vue";
+//#region src/composables/motion/useScrollTrigger.ts
+var u = "(prefers-reduced-motion: reduce)", d = e();
+function f(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function p(e, t) {
+	if (typeof e == "number") return e;
+	if ("fraction" in e) return f(e.fraction) * t.extent();
+	let n = c(e.element);
+	if (!n) return null;
+	let r = t.target;
+	if (r instanceof HTMLElement) {
+		let e = n.getBoundingClientRect().top, i = r.getBoundingClientRect().top;
+		return t.position() + (e - i);
+	}
+	return t.position() + n.getBoundingClientRect().top;
+}
+function m(e, n = {}) {
+	let { triggers: r = [], flipDeltaPx: i = 8, trackProgress: m = !0, respectReducedMotion: h = !0, onCross: g, onEnter: _, onLeave: v } = n, y = s(0), b = s(null), x = s(0), S = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(u) : null, C = h && (S?.matches ?? !1), w = (e) => {
+		C = h && e.matches;
+	};
+	S?.addEventListener("change", w);
+	let T = null, E = /* @__PURE__ */ new Map(), D = 0, O = 0, k = null, A = 0;
+	function j(e, t) {
+		return e.id ?? `trigger-${t}`;
+	}
+	function M(e) {
+		if (!T) return;
+		let t = T.position();
+		if (m && !d) {
+			let e = T.extent(), n = e > 0 ? t / e : 0;
+			y.value = C ? Math.round(f(n)) : f(n);
+		}
+		let n = O > 0 ? (e - O) / 1e3 : 0;
+		n > 0 && (x.value = (t - D) / n);
+		let a = t > D ? "down" : t < D ? "up" : null;
+		a && a !== b.value ? (k !== a && (k = a, A = D), Math.abs(t - A) >= i && (b.value = a, k = null)) : a === b.value && (k = null);
+		for (let e = 0; e < r.length; e++) {
+			let n = r[e], i = p(n.at, T);
+			if (i == null) continue;
+			let a = j(n, e), o = E.get(a) ?? D >= i, s = t >= i;
+			if (s === o) continue;
+			E.set(a, s);
+			let c = s ? "down" : "up", l = n.direction ?? "both";
+			l !== "both" && l !== c || (g?.(a, c, t), c === "down" ? _?.(a) : v?.(a));
+		}
+		D = t, O = e;
+	}
+	function N(e) {
+		M(typeof performance < "u" ? performance.now() : Date.now());
+	}
+	function P() {
+		if (!T) return;
+		let e = T.position();
+		for (let t = 0; t < r.length; t++) {
+			let n = r[t], i = p(n.at, T);
+			i != null && E.set(j(n, t), e >= i);
+		}
+		if (D = e, m && !d) {
+			let t = T.extent(), n = t > 0 ? e / t : 0;
+			y.value = C ? Math.round(f(n)) : f(n);
+		}
+		T.schedule();
+	}
+	function F(e) {
+		T?.stop(), T = t(e, N), D = T.position(), O = 0;
+		for (let e = 0; e < r.length; e++) {
+			let t = r[e], n = p(t.at, T);
+			n != null && E.set(j(t, e), D >= n);
+		}
+		P();
+	}
+	return o(() => {
+		F(c(e));
+	}), l(() => c(e), (e) => F(e), { flush: "post" }), a(() => {
+		T?.stop(), T = null, S?.removeEventListener("change", w);
+	}), {
+		progress: y,
+		direction: b,
+		velocity: x,
+		recalculate: P
+	};
+}
+//#endregion
+//#region src/composables/motion/useScrollChrome.ts
+var h = "(prefers-reduced-motion: reduce)";
+function g(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function _(e, t = {}) {
+	let { collapseOnScroll: n = !1, flipDeltaPx: r = 8, velocityGate: i, snapMidpoint: o = .5, collapseRangePx: u = 116, chromeRef: d, respectReducedMotion: f = !0, scrollStopMs: p = 140 } = t, _ = s(0), v = s(!1), y = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(h) : null, b = f && (y?.matches ?? !1), x = (e) => {
+		b = f && e.matches, T(_.value);
+	};
+	y?.addEventListener("change", x);
+	let S = null, C = null;
+	function w() {
+		return d == null ? null : c(d) ?? null;
+	}
+	function T(e) {
+		let t = b ? +(e >= o) : g(e);
+		_.value = t, v.value = t >= o, w()?.style.setProperty("--chrome-collapse-t", String(t));
+	}
+	function E() {
+		S && clearTimeout(S), S = setTimeout(() => {
+			S = null;
+			let e = +(_.value >= o);
+			C = null, T(e);
+		}, p);
+	}
+	let { direction: D, velocity: O, recalculate: k } = m(e, {
+		flipDeltaPx: r,
+		trackProgress: !1,
+		respectReducedMotion: f,
+		onCross: () => {}
+	});
+	function A(e, t, r) {
+		if (!n || e == null) return;
+		if (i != null && Math.abs(r) >= i) {
+			C = null, T(+(e === "down")), E();
+			return;
+		}
+		C ??= t - (e === "down" ? _.value : 1 - _.value) * u;
+		let a = u > 0 ? u : 1;
+		T(e === "down" ? (t - C) / a : 1 - (t - C) / a), E();
+	}
+	function j() {
+		let t = c(e);
+		return t instanceof HTMLElement ? t.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
+	}
+	l(() => D.value, () => {
+		C = null;
+	}), l(() => O.value, (e) => {
+		A(D.value, j(), e);
+	});
+	function M() {
+		k(), C = null, T(_.value);
+	}
+	return a(() => {
+		S && clearTimeout(S), S = null, y?.removeEventListener("change", x);
+	}), {
+		collapseT: _,
+		collapsed: v,
+		direction: D,
+		recalculate: M
+	};
+}
+//#endregion
+//#region src/composables/motion/useSelectionGroup.ts
+function v(e, t) {
+	return e == null ? t : typeof e == "object" && "value" in e ? e.value : e;
+}
+function y(e) {
+	let { options: t, model: a, containerRef: o, buttonRefs: s, indicatorRef: c, vertical: l } = e, u = i(() => v(e.mode, "single")), d = i(() => v(e.role, u.value === "multiple" ? "group" : "radiogroup")), f = i(() => l?.value ?? !1), p = i(() => {
+		let e = a.value;
+		return e == null ? [] : Array.isArray(e) ? e : [e];
+	});
+	function m(e) {
+		return p.value.includes(e);
+	}
+	let h = i(() => p.value[0]), { singleSliderStyle: g, squishOnTravel: _ } = n({
+		containerRef: o,
+		indicatorRef: c ?? { value: null },
+		buttonRefs: s,
+		options: t,
+		model: h,
+		activeValues: p,
+		vertical: f
+	});
+	function y(e, n) {
+		if (!t.value[n]?.disabled) {
+			if (u.value === "multiple") {
+				let t = Array.isArray(a.value) ? [...a.value] : [], n = t.indexOf(e);
+				n >= 0 ? t.splice(n, 1) : t.push(e), a.value = t;
+			} else a.value = e;
+			_(n), s.value[n]?.scrollIntoView({
+				inline: "nearest",
+				block: "nearest"
+			});
+		}
+	}
+	let { rovingTabindex: b, onStripKeydown: x } = r({
+		stripOptions: t,
+		stripValue: h,
+		isVertical: f,
+		buttonRefs: s,
+		select: y
+	});
+	function S(e) {
+		let t = m(e), n = d.value;
+		return n === "radiogroup" ? {
+			role: "radio",
+			"aria-checked": t ? "true" : "false"
+		} : n === "tablist" ? {
+			role: "tab",
+			"aria-selected": t ? "true" : "false"
+		} : { "aria-pressed": t ? "true" : "false" };
+	}
+	return {
+		activeValues: p,
+		isSelected: m,
+		select: y,
+		rovingTabindex: b,
+		onKeydown: x,
+		singleSliderStyle: g,
+		squishOnTravel: _,
+		groupRole: d,
+		itemAttrs: S
+	};
+}
+//#endregion
+export { _ as n, m as r, y as t };

package/dist/useSpring-BBSKFx_0.js

@@ -0,0 +1,41 @@
+import { t as e } from "./motionTempo-CMS5b0Vu.js";
+import { getCurrentScope as t, onScopeDispose as n, readonly as r, ref as i, shallowRef as a, toValue as o, watch as s } from "vue";
+import { SpringProgress as c } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpring.ts
+function l(l, u = {}) {
+	let d = u.initial ?? 0, f = u.initialVelocity ?? 0, p = i(d), m = i(f), h = i(f === 0), g = a(new c({
+		response: (u.response ?? .5) * e(),
+		dampingFraction: u.dampingFraction ?? .86,
+		initial: d,
+		initialVelocity: f,
+		settleThreshold: u.settleThreshold ?? .001,
+		velocitySettleThreshold: u.velocitySettleThreshold ?? .001,
+		respectReducedMotion: u.respectReducedMotion !== !1
+	})), _ = g.value.subscribe((e, t) => {
+		p.value = e, m.value = t, h.value = g.value.settled, u.onValue?.(e, t);
+	});
+	g.value.play(() => {});
+	let v = s(() => o(l), (e) => {
+		e != null && (g.value.target = e);
+	}, { immediate: !0 });
+	function y() {
+		p.value = g.value.value, m.value = g.value.velocity, h.value = g.value.settled;
+	}
+	function b() {
+		v(), _(), g.value.dispose();
+	}
+	return t() && n(b), {
+		value: r(p),
+		velocity: r(m),
+		isSettled: r(h),
+		snap: () => {
+			g.value.snap(), y();
+		},
+		reset: (e, t) => {
+			g.value.reset(e ?? 0, t ?? 0), y();
+		},
+		dispose: b
+	};
+}
+//#endregion
+export { l as t };

package/dist/useSpringMount-CNvvgGiC.js

@@ -0,0 +1,71 @@
+import { t as e } from "./useSpring-BBSKFx_0.js";
+import { n as t } from "./springPresets-h5VKJQqG.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([
+	"smooth",
+	"snappy",
+	"bouncy",
+	"gentle"
+].map((e) => {
+	let { response: n, dampingFraction: r } = t(e);
+	return [e, {
+		response: n,
+		dampingFraction: r
+	}];
+}));
+function l(t) {
+	let l = c[t.preset ?? "smooth"], u = o(1), d = o(!1), f = 0, p = 0, m = null, h = !1, g = e(u, {
+		response: l.response,
+		dampingFraction: l.dampingFraction,
+		initial: 1,
+		settleThreshold: .001,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	});
+	i(() => {
+		t.open.value && r(() => {
+			u.value = 0;
+		});
+	});
+	let _ = s(() => t.open.value, (e, t) => {
+		e !== t && (d.value || (u.value = +!e));
+	}, { immediate: !1 }), v = s(() => g.isSettled.value, (e) => {
+		e && h && u.value >= 1 && (h = !1, t.onDismiss?.());
+	});
+	function y(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		p = t.getBoundingClientRect().height || 1, f = e.clientY, m = e.pointerId, d.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!d.value || e.pointerId !== m) return;
+		let t = e.clientY - f;
+		if (t <= 0) {
+			u.value = 0;
+			return;
+		}
+		u.value = Math.min(1, t / p);
+	}
+	function x(e) {
+		if (!d.value || e.pointerId !== m) return;
+		let n = e.currentTarget;
+		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), d.value = !1, m = null;
+		let r = t.dismissThreshold ?? .3;
+		u.value >= r ? (h = !0, u.value = 1) : u.value = 0;
+	}
+	return a(() => {
+		_(), v();
+	}), {
+		position: g.value,
+		isDragging: n(() => d.value),
+		dragHandlers: {
+			onPointerdown: y,
+			onPointermove: b,
+			onPointerup: x,
+			onPointercancel: x
+		}
+	};
+}
+//#endregion
+export { l as t };

package/dist/useSpringPress-BypV_KO-.js

@@ -0,0 +1,36 @@
+import { t as e } from "./useSpring-BBSKFx_0.js";
+import { n as t } from "./springPresets-h5VKJQqG.js";
+import { ref as n } from "vue";
+//#region src/composables/motion/useSpringPress.ts
+var r = t("press");
+function i(t = {}) {
+	let i = n(0), a = e(i, {
+		response: t.response ?? r.response,
+		dampingFraction: t.dampingFraction ?? r.dampingFraction,
+		initial: t.initial ?? 0,
+		initialVelocity: t.initialVelocity,
+		settleThreshold: t.settleThreshold,
+		velocitySettleThreshold: t.velocitySettleThreshold,
+		respectReducedMotion: t.respectReducedMotion,
+		onValue: t.onValue
+	});
+	function o() {
+		i.value = 1;
+	}
+	function s() {
+		i.value = 0;
+	}
+	return {
+		...a,
+		press: o,
+		release: s,
+		handlers: {
+			onPointerdown: o,
+			onPointerup: s,
+			onPointercancel: s,
+			onPointerleave: s
+		}
+	};
+}
+//#endregion
+export { i as t };

package/dist/useSurfaceAxis-DudiZVOR.js

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