@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/useLiquidPress-BOxuDkKa.js

@@ -0,0 +1,101 @@
+import { t as e } from "./useSpring-9u2_shxV.js";
+import { n as t } from "./springPresets-rCii5KqX.js";
+import { t as n } from "./useLiquidFlex-TJZmRqyY.js";
+import { n as r } from "./writeVelocityWeight-DoGOCW3e.js";
+import { computed as i, onMounted as a, readonly as o, ref as s, toValue as c, watch as l } from "vue";
+//#region src/composables/motion/spring/useSpringPress.ts
+var u = t("press");
+function d(t = {}) {
+	let n = s(0), r = e(n, {
+		response: t.response ?? u.response,
+		dampingFraction: t.dampingFraction ?? u.dampingFraction,
+		initial: t.initial ?? 0,
+		initialVelocity: t.initialVelocity,
+		settleThreshold: t.settleThreshold,
+		velocitySettleThreshold: t.velocitySettleThreshold,
+		respectReducedMotion: t.respectReducedMotion,
+		onValue: t.onValue
+	});
+	function i() {
+		n.value = 1;
+	}
+	function a() {
+		n.value = 0;
+	}
+	return {
+		...r,
+		press: i,
+		release: a,
+		handlers: {
+			onPointerdown: i,
+			onPointerup: a,
+			onPointercancel: a,
+			onPointerleave: a
+		}
+	};
+}
+//#endregion
+//#region src/composables/motion/spring/useLiquidPress.ts
+function f(e = {}) {
+	let t = e.shrinkDepth ?? .03, u = e.pressVar ?? "--press-t", f = e.engageThreshold ?? .001, p = e.squish !== !1, m = d({
+		response: e.response,
+		dampingFraction: e.dampingFraction,
+		initial: e.initial,
+		initialVelocity: e.initialVelocity,
+		settleThreshold: e.settleThreshold,
+		velocitySettleThreshold: e.velocitySettleThreshold,
+		respectReducedMotion: e.respectReducedMotion,
+		onValue: e.onValue
+	}), h = p ? n({
+		from: 0,
+		to: 1,
+		axis: "width",
+		maxStretch: () => r(e.el?.value ?? null, c(e.maxStretch ?? 1.04)),
+		squishLaw: "linear"
+	}) : null, g = s(!1);
+	a(() => {
+		g.value = !0;
+	});
+	let _ = () => !!c(e.disabled), v = () => {
+		_() || m.press();
+	}, y = () => m.release();
+	e.disabled !== void 0 && l(_, (e) => {
+		e && y();
+	});
+	let b = (e) => e.key === "Enter" || e.key === " " || e.key === "Spacebar", x = {
+		onPointerdown: (e) => {
+			(!e || e.button === 0) && v();
+		},
+		onPointerup: y,
+		onPointercancel: y,
+		onPointerleave: y,
+		onPointerenter: (e) => {
+			e.buttons & 1 && v();
+		},
+		onKeydown: (e) => {
+			b(e) && !e.repeat && v();
+		},
+		onKeyup: (e) => {
+			b(e) && y();
+		},
+		onBlur: y
+	};
+	h && l(() => m.value.value, (e) => h.squish(e), {
+		immediate: !0,
+		flush: "sync"
+	});
+	let S = i(() => {
+		let e = m.value.value, n = h ? h.stretch.value : 1, r = 1 - e * t, i = (r * n).toFixed(4), a = (r / n).toFixed(4), o = { [u]: e.toFixed(4) };
+		return h && (o["--flex-vel"] = h.flexVel.value.toFixed(4)), e > f && (o.scale = `${i} ${a}`), o;
+	});
+	return {
+		value: m.value,
+		press: v,
+		release: y,
+		armed: o(g),
+		handlers: x,
+		pressStyle: S
+	};
+}
+//#endregion
+export { f as t };

package/dist/useMotionAxis-D-rtIhca.js

@@ -0,0 +1,19 @@
+import { n as e, t } from "./useReducedMotion-vCXA_vyM.js";
+import { computed as n, toValue as r } from "vue";
+//#region src/components/_shared/useMotionAxis.ts
+function i(e, n = t()) {
+	let r = e ?? "full";
+	return r === "off" ? "off" : n ? "reduced" : r;
+}
+function a(t = void 0) {
+	let a = e(), o = n(() => i(r(t), a.value));
+	return {
+		resolved: o,
+		armed: n(() => o.value === "full"),
+		dataMotion: n(() => o.value === "full" ? void 0 : o.value),
+		hostStyle: n(() => o.value === "off" ? { "--motion-weight": "0" } : void 0),
+		prefersReducedMotion: a
+	};
+}
+//#endregion
+export { a as t };

package/dist/usePointerVelocityField-DsIf7yyq.js

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

package/dist/useRAFLoop-B3YlWK4M.js

@@ -0,0 +1,98 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./useDocumentVisibility-Dh_TGXsU.js";
+import { computed as n, getCurrentScope as r, onScopeDispose as i, readonly as a, ref as o, watch as s } from "vue";
+//#region src/composables/motion/core/useYieldToMain.ts
+function c() {
+	let e = globalThis.scheduler;
+	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
+}
+function l() {
+	let e = c();
+	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 u() {
+	return {
+		hasNativeYield: c() !== null,
+		yield: l
+	};
+}
+//#endregion
+//#region src/composables/motion/core/useRAFLoop.ts
+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(c, u = {}) {
+	let { immediate: p = !0, pauseWhenHidden: m = !0, respectReducedMotion: h = !0 } = u, g = o(!1), _ = h ? e() : o(!1), v = n(() => _.value), y = o(!1), b = o(!1), x = o(!1), S = n(() => b.value && !g.value && (x.value || y.value || v.value || !d())), C = null, w = null, T = 0, E = 0, D = !1, O = null, k = null, A = null;
+	function j() {
+		return !D && b.value && !x.value && !y.value && !v.value && !!d();
+	}
+	function M() {
+		C !== null && (f()?.(C), C = null), g.value = !1, w = null;
+	}
+	function N() {
+		if (C !== null || !j()) return;
+		let e = d();
+		e && (g.value = !0, C = e((e) => {
+			if (C = null, !j()) {
+				M();
+				return;
+			}
+			let t = w === null ? 0 : Math.max(0, e - w);
+			w = e, T += t, c({
+				now: e,
+				delta: t,
+				elapsed: T,
+				frame: E++
+			}), j() ? N() : M();
+		}));
+	}
+	function P() {
+		j() ? N() : M();
+	}
+	function F() {
+		w = null, T = 0, E = 0;
+	}
+	function I() {
+		D || (F(), b.value = !0, x.value = !1, P());
+	}
+	function L() {
+		b.value = !1, x.value = !1, F(), M();
+	}
+	function R() {
+		b.value && (x.value = !0, P());
+	}
+	function z() {
+		D || (x.value = !1, P());
+	}
+	if (m) {
+		let e = t(), { hidden: n } = e;
+		A = e.dispose, y.value = n.value, k = s(n, (e) => {
+			y.value = e, P();
+		}, { flush: "sync" });
+	}
+	O = s(v, P, { flush: "sync" });
+	function B() {
+		D || (D = !0, L(), k?.(), k = null, A?.(), A = null, O?.(), O = null);
+	}
+	return r() && i(B), p && I(), {
+		isActive: a(g),
+		isPaused: a(S),
+		isReducedMotion: v,
+		start: I,
+		stop: L,
+		pause: R,
+		resume: z,
+		dispose: B,
+		yieldToMain: l
+	};
+}
+//#endregion
+export { u as n, l as r, p as t };

package/dist/useReducedMotion-vCXA_vyM.js

@@ -0,0 +1,27 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, shallowRef as r } from "vue";
+//#region src/composables/motion/core/useReducedMotion.ts
+var i = "(prefers-reduced-motion: reduce)", a = r(!1), o = n(a), s = null, c = null, l = !1, u = /* @__PURE__ */ new Set(), d = !1;
+function f() {
+	let e = s !== null && (d || u.size > 0);
+	e === l || !s || (e ? s.addEventListener("change", m) : s.removeEventListener("change", m), l = e);
+}
+function p() {
+	let e = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia : null;
+	return e === c ? s : (s && l && s.removeEventListener("change", m), s = e?.call(window, i) ?? null, c = e, l = !1, s);
+}
+function m(e) {
+	e.currentTarget && e.currentTarget !== s || (a.value = e.matches);
+}
+function h() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(i).matches;
+}
+function g() {
+	let n = e();
+	n ? u.has(n) || (u.add(n), t(() => {
+		u.delete(n), f();
+	})) : d = !0;
+	let r = p();
+	return f(), a.value = r?.matches ?? !1, o;
+}
+//#endregion
+export { g as n, h as t };

package/dist/useRoutePointer-B8itM7Ka.js

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

package/dist/useScrollProgress-CSFYXIZT.js

@@ -0,0 +1,43 @@
+import { t as e } from "./supportsCssTimeline-C2zyWpl8.js";
+import { onBeforeUnmount as t, onMounted as n, ref as r, unref as i, watch as a } from "vue";
+//#region src/composables/motion/scroll/useScrollProgress.ts
+var o = e();
+function s(e) {
+	let { offset: s = 0, trackExit: c = !1 } = e, l = r(0), u = e.reactive === !0 || !o, d = 0, f = null, p = !1, m = !1, h = () => i(e.enabled ?? !0);
+	function g() {
+		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 _() {
+		!h() || d || (d = requestAnimationFrame(() => {
+			d = 0, g();
+		}));
+	}
+	function v() {
+		if (!p || m || !u || !h()) return;
+		m = !0, g(), window.addEventListener("scroll", _, { passive: !0 }), window.addEventListener("resize", _, { passive: !0 });
+		let t = i(e.target);
+		t && typeof ResizeObserver < "u" && (f = new ResizeObserver(_), f.observe(t));
+	}
+	function y() {
+		m && (m = !1, window.removeEventListener("scroll", _), window.removeEventListener("resize", _)), d && cancelAnimationFrame(d), d = 0, f?.disconnect(), f = null;
+	}
+	return n(() => {
+		p = !0, u ? v() : h() && g();
+	}), a(() => i(e.target), (e, t) => {
+		t && f && f.unobserve(t), e && f && f.observe(e), m ? _() : h() && g();
+	}), a(() => h(), (e) => {
+		e ? u ? v() : g() : y();
+	}), t(() => {
+		p = !1, y();
+	}), l;
+}
+//#endregion
+export { s as t };

package/dist/useScrollTrigger-BDdqptlc.js

@@ -0,0 +1,87 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./supportsCssTimeline-C2zyWpl8.js";
+import { t as n } from "./scrollReader-Brf5cQNo.js";
+import { onBeforeUnmount as r, onMounted as i, ref as a, toValue as o, watch as s } from "vue";
+//#region src/composables/motion/scroll/useScrollTrigger.ts
+var c = t();
+function l(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function u(e, t) {
+	if (typeof e == "number") return e;
+	if ("fraction" in e) return l(e.fraction) * t.extent();
+	let n = o(e.element);
+	if (!(n instanceof HTMLElement)) 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 d(t, d = {}) {
+	let { triggers: f = [], flipDeltaPx: p = 8, trackProgress: m = !0, respectReducedMotion: h = !0, onCross: g, onEnter: _, onLeave: v } = d, y = a(0), b = a(null), x = a(0), S = h ? e() : a(!1), C = null, w = /* @__PURE__ */ new Map(), T = 0, E = 0, D = null, O = 0;
+	function k(e, t) {
+		return e.id ?? `trigger-${t}`;
+	}
+	function A(e) {
+		if (!C) return;
+		let t = C.position();
+		if (m && !c) {
+			let e = C.extent(), n = e > 0 ? t / e : 0;
+			y.value = S.value ? Math.round(l(n)) : l(n);
+		}
+		let n = E > 0 ? (e - E) / 1e3 : 0;
+		n > 0 && (x.value = (t - T) / n);
+		let r = t > T ? "down" : t < T ? "up" : null;
+		r && r !== b.value ? (D !== r && (D = r, O = T), Math.abs(t - O) >= p && (b.value = r, D = null)) : r === b.value && (D = null);
+		for (let e = 0; e < f.length; e++) {
+			let n = f[e], r = u(n.at, C);
+			if (r == null) continue;
+			let i = k(n, e), a = w.get(i) ?? T >= r, o = t >= r;
+			if (o === a) continue;
+			w.set(i, o);
+			let s = o ? "down" : "up", c = n.direction ?? "both";
+			c !== "both" && c !== s || (g?.(i, s, t), s === "down" ? _?.(i) : v?.(i));
+		}
+		T = t, E = e;
+	}
+	function j(e) {
+		A(typeof performance < "u" ? performance.now() : Date.now());
+	}
+	function M() {
+		if (!C) return;
+		let e = C.position();
+		for (let t = 0; t < f.length; t++) {
+			let n = f[t], r = u(n.at, C);
+			r != null && w.set(k(n, t), e >= r);
+		}
+		if (T = e, m && !c) {
+			let t = C.extent(), n = t > 0 ? e / t : 0;
+			y.value = S.value ? Math.round(l(n)) : l(n);
+		}
+		C.schedule();
+	}
+	function N(e) {
+		C?.stop(), C = n(e, j), T = C.position(), E = 0;
+		for (let e = 0; e < f.length; e++) {
+			let t = f[e], n = u(t.at, C);
+			n != null && w.set(k(t, e), T >= n);
+		}
+		M();
+	}
+	i(() => {
+		N(o(t));
+	}), s(() => o(t), (e) => N(e), { flush: "post" });
+	let P = s(S, M, { flush: "sync" });
+	return r(() => {
+		C?.stop(), C = null, P();
+	}), {
+		progress: y,
+		direction: b,
+		velocity: x,
+		recalculate: M
+	};
+}
+//#endregion
+export { d as t };

package/dist/useSelectionGroup-B5XplBbo.js

@@ -0,0 +1,132 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./useScrollTrigger-BDdqptlc.js";
+import { t as n } from "./asElement-CRnm6A2v.js";
+import { a as r, t as i } from "./useTabRovingFocus-YnWh-Ytr.js";
+import { computed as a, onBeforeUnmount as o, ref as s, toValue as c, watch as l } from "vue";
+//#region src/composables/motion/scroll/useScrollChrome.ts
+function u(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function d(r, i = {}) {
+	let { collapseOnScroll: a = !1, flipDeltaPx: d = 8, velocityGate: f, snapMidpoint: p = .5, collapseRangePx: m = 116, chromeRef: h, respectReducedMotion: g = !0, scrollStopMs: _ = 140 } = i, v = s(0), y = s(!1), b = g ? e() : s(!1), x = null, S = null, C = !1;
+	function w() {
+		if (h == null) return null;
+		let e = c(h), t = n(e);
+		return t == null && e != null && !C && (C = !0, console.warn("[useScrollChrome] chromeRef resolved to a non-element (a fragment-root component exposes a non-element `$el`); `--chrome-collapse-t` will not paint. Pass an element ref or expose the component's root element.")), t;
+	}
+	function T(e) {
+		let t = b.value ? +(e >= p) : u(e);
+		v.value = t, y.value = t >= p, w()?.style.setProperty("--chrome-collapse-t", String(t));
+	}
+	function E() {
+		x && clearTimeout(x), x = setTimeout(() => {
+			x = null;
+			let e = +(v.value >= p);
+			S = null, T(e);
+		}, _);
+	}
+	let { direction: D, velocity: O, recalculate: k } = t(r, {
+		flipDeltaPx: d,
+		trackProgress: !1,
+		respectReducedMotion: g,
+		onCross: () => {}
+	});
+	function A(e, t, n) {
+		if (!a || e == null) return;
+		if (f != null && Math.abs(n) >= f) {
+			S = null, T(+(e === "down")), E();
+			return;
+		}
+		S ??= t - v.value * m;
+		let r = m > 0 ? m : 1;
+		T((t - S) / r), E();
+	}
+	function j() {
+		let e = c(r);
+		return e instanceof HTMLElement ? e.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
+	}
+	l(() => D.value, () => {
+		S = null;
+	});
+	let M = l(b, () => T(v.value), { flush: "sync" });
+	l(() => O.value, (e) => {
+		A(D.value, j(), e);
+	});
+	function N() {
+		k(), S = null, T(v.value);
+	}
+	return o(() => {
+		x && clearTimeout(x), x = null, M();
+	}), {
+		collapseT: v,
+		collapsed: y,
+		direction: D,
+		recalculate: N
+	};
+}
+//#endregion
+//#region src/composables/motion/morph/useSelectionGroup.ts
+function f(e, t) {
+	return e == null ? t : typeof e == "object" && "value" in e ? e.value : e;
+}
+function p(e) {
+	let { options: t, model: n, containerRef: o, buttonRefs: s, indicatorRef: c, vertical: l } = e, u = a(() => f(e.mode, "single")), d = a(() => f(e.role, u.value === "multiple" ? "group" : "radiogroup")), p = a(() => l?.value ?? !1), m = a(() => f(e.activation, "automatic")), h = a(() => {
+		let e = n.value;
+		return e == null ? [] : Array.isArray(e) ? e : [e];
+	});
+	function g(e) {
+		return h.value.includes(e);
+	}
+	let _ = a(() => h.value[0]), { singleSliderStyle: v, squishOnTravel: y } = r({
+		containerRef: o,
+		indicatorRef: c ?? { value: null },
+		buttonRefs: s,
+		options: t,
+		model: _,
+		activeValues: h,
+		vertical: p
+	});
+	function b(e, r) {
+		if (!t.value[r]?.disabled) {
+			if (u.value === "multiple") {
+				let t = Array.isArray(n.value) ? [...n.value] : [], r = t.indexOf(e);
+				r >= 0 ? t.splice(r, 1) : t.push(e), n.value = t;
+			} else n.value = e;
+			y(r), s.value[r]?.scrollIntoView({
+				inline: "nearest",
+				block: "nearest"
+			});
+		}
+	}
+	let { rovingTabindex: x, onStripKeydown: S } = i({
+		stripOptions: t,
+		stripValue: _,
+		isVertical: p,
+		activation: m,
+		buttonRefs: s,
+		select: b
+	});
+	function C(e) {
+		let t = g(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: h,
+		isSelected: g,
+		select: b,
+		rovingTabindex: x,
+		onKeydown: S,
+		singleSliderStyle: v,
+		squishOnTravel: y,
+		groupRole: d,
+		itemAttrs: C
+	};
+}
+//#endregion
+export { d as n, p as t };

package/dist/{useSpring-BBSKFx_0.js → useSpring-9u2_shxV.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./motionTempo-CMS5b0Vu.js";
+import { t as e } from "./motionTempo-tscp92Nm.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
+//#region src/composables/motion/spring/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(),