@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/{useDragMorph-B363RUbF.js → useDragMorph-BEI74U0t.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./asElement-CRnm6A2v.js";
-import { t } from "./motionTempo-tscp92Nm.js";
+import { t } from "./motionTempo-DXdVbCWr.js";
 import { n } from "./springPresets-Cbe0Voqg.js";
 import { t as r } from "./useLiquidFlex-TJZmRqyY.js";
 import { computed as i, nextTick as a, onScopeDispose as o, readonly as s, ref as c, watch as l } from "vue";
@@ -209,32 +209,34 @@ function S(e) {
 		channels: { opacity: !1 },
 		respectReducedMotion: !1
 	}), m = c(!1), h = c(0), { response: g, dampingFraction: _ } = n("dock"), v = null, y = null;
-	function S() {
+	function S(t) {
+		if (!M || m.value || !t.settled || j) return;
+		let n = A(t.value);
+		n != null && (j = !0, M = !1, e.onSnap(n), a(() => p.clear()));
+	}
+	function C() {
 		if (v) return v;
-		let n = new f({
+		let e = new f({
 			response: g,
 			dampingFraction: _,
 			respectReducedMotion: d
 		});
-		return v = n, y = n.subscribe((r) => {
-			if (h.value = r, A) {
-				let e = r - T.value;
+		return v = e, y = e.subscribe((n) => {
+			if (h.value = n, M) {
+				let e = n - E.value;
 				t() === "y" ? p.offset(0, e) : p.offset(e, 0);
 			}
-			if (d && x() || C.drive(E(r)), A && !m.value && n.settled && !k) {
-				let t = O(r);
-				t != null && (k = !0, A = !1, e.onSnap(t), a(() => p.clear()));
-			}
-		}), n.play(() => {}), n;
+			d && x() || w.drive(O(n)), S(e);
+		}), e.play(() => {}), e;
 	}
-	let C = r({
+	let w = r({
 		from: 0,
 		to: 1,
 		axis: "width",
 		squishLaw: "tanh",
 		maxStretch: e.maxStretch ?? (() => 1.08)
-	}), w = i(() => d && x() ? 1 : C.stretch.value), T = c(0);
-	function E(e) {
+	}), T = i(() => d && x() ? 1 : w.stretch.value), E = c(0), D = 0;
+	function O(e) {
 		let t = l();
 		if (t.length < 2) return 0;
 		let n = t[0].center, r = t[t.length - 1].center - n;
@@ -242,7 +244,7 @@ function S(e) {
 		let i = (e - n) / r;
 		return i < 0 ? 0 : i > 1 ? 1 : i;
 	}
-	function D(e) {
+	function k(e) {
 		let t = l();
 		if (t.length === 0) return null;
 		let n = t[0], r = Math.abs(e - n.center);
@@ -252,41 +254,50 @@ function S(e) {
 		}
 		return n;
 	}
-	let O = (e) => D(e)?.value ?? null, k = !1, A = !1, j = null, M = null, N = null;
-	function P() {
-		N?.removeEventListener("pointerdown", F), N = null, M?.(), M = null, j?.detach();
-		let n = e.handle.value;
-		n && (N = n, j = new u({
-			spring: S(),
-			axis: t(),
-			snap: l().map((e) => e.center)
-		}), n.addEventListener("pointerdown", F), M = j.attach(n));
-	}
-	function F() {
-		m.value = !0, k = !1, A = !0, T.value = S().value;
-	}
+	let A = (e) => k(e)?.value ?? null, j = !1, M = !1, N = null, P = null, F = null;
 	function I() {
-		m.value &&= !1;
+		F?.removeEventListener("pointerdown", R, !0), F = null, P?.(), P = null, N?.detach();
+		let t = e.handle.value;
+		t && (F = t, t.addEventListener("pointerdown", R, !0), L(t));
 	}
-	function L() {
-		typeof window > "u" || (window.addEventListener("pointerup", I), window.addEventListener("pointercancel", I));
+	function L(e) {
+		P?.(), N = new u({
+			spring: C(),
+			axis: t(),
+			snap: l().map((e) => e.center),
+			transform: (e) => e - D
+		}), P = N.attach(e);
 	}
-	function R() {
-		typeof window > "u" || (window.removeEventListener("pointerup", I), window.removeEventListener("pointercancel", I));
+	function R(n) {
+		if (m.value) return;
+		let r = n.currentTarget, i = (e.surface ?? e.handle).value;
+		if (!i) return;
+		m.value = !0, j = !1, M = !0, p.offset(0, 0);
+		let a = i.getBoundingClientRect(), o = t() === "y", s = o ? a.top + a.height / 2 : a.left + a.width / 2;
+		E.value = s, D = (o ? n.clientY : n.clientX) - s, L(r);
 	}
 	function z() {
-		m.value || P();
+		m.value && (m.value = !1, v && (!v.settled && v.value === v.target && v.snap(), S(v)));
 	}
-	P(), L();
 	function B() {
-		N?.removeEventListener("pointerdown", F), N = null, M?.(), M = null, R(), y?.(), y = null, v?.dispose(), v = null, j?.dispose(), j = null, p.cancel(), p.clear();
+		typeof window > "u" || (window.addEventListener("pointerup", z), window.addEventListener("pointercancel", z));
+	}
+	function V() {
+		typeof window > "u" || (window.removeEventListener("pointerup", z), window.removeEventListener("pointercancel", z));
+	}
+	function H() {
+		m.value || I();
+	}
+	I(), B();
+	function U() {
+		F?.removeEventListener("pointerdown", R, !0), F = null, P?.(), P = null, V(), y?.(), y = null, v?.dispose(), v = null, N?.dispose(), N = null, p.cancel(), p.clear();
 	}
-	return o(B), {
+	return o(U), {
 		dragging: s(m),
 		position: s(h),
-		stretch: s(w),
-		refresh: z,
-		detach: B
+		stretch: s(T),
+		refresh: H,
+		detach: U
 	};
 }
 //#endregion

package/dist/{color.wgsl-BTszLY39.js → useGpuSubstrate-Y5XAdU8d.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./createCanvasLifecycle-hJHobVTn.js";
+import { n as e, t } from "./createCanvasLifecycle-DS0vEs_G.js";
 import { a as n, i as r, o as i, r as a } from "./rendererStatus-BxUlBLVy.js";
 //#region src/composables/glass/webgl/useWebGLCanvas.ts
 function o() {
@@ -314,13 +314,14 @@ function _(e, t) {
 			d(i("webgpu", o?.adapterClass ?? "Hardware adapter", e)), t.onInitError?.(e);
 		}
 	}) : s = g(e, t);
-	function m(r) {
+	async function m(r) {
 		o?.dispose(), o = null, l = "webgl2", d(n("webgl2")), t.onBackendFallback?.({
 			from: "webgpu",
 			to: "webgl2",
 			error: r
 		});
 		try {
+			if (await t.prepare?.("webgl2"), u) return;
 			s = g(e, t), s.arm(), d({
 				phase: "ready",
 				engine: "webgl2",
@@ -333,6 +334,7 @@ function _(e, t) {
 	async function _() {
 		if (!u) {
 			if (v(), o) try {
+				if (await t.prepare?.("webgpu"), u || !o) return;
 				await o.armAsync(), d({
 					phase: "ready",
 					engine: "webgpu",
@@ -342,12 +344,13 @@ function _(e, t) {
 			} catch (e) {
 				if (u) return;
 				if (e instanceof c && e.kind !== "pipeline-validation") {
-					m(e);
+					await m(e);
 					return;
 				}
 				throw d(i("webgpu", o.adapterClass, e)), e;
 			}
 			try {
+				if (await t.prepare?.("webgl2"), u) return;
 				s?.arm(), d({
 					phase: "ready",
 					engine: "webgl2",
@@ -392,7 +395,4 @@ function _(e, t) {
 	};
 }
 //#endregion
-//#region src/composables/glass/procedural/color.wgsl.ts
-var v = "\nfn srgbToLinearCh(c: f32) -> f32 {\n  if (c <= 0.04045) { return c / 12.92; }\n  return pow((c + 0.055) / 1.055, 2.4);\n}\nfn srgbToLinear(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfn linearToSrgbCh(c: f32) -> f32 {\n  if (c <= 0.0031308) { return c * 12.92; }\n  return 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nfn linearToSrgb(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", y = "const FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);", b = "\n// value.js LINEAR_SRGB_TO_LMS, row-major → WGSL columns (= the transpose).\nconst LINEAR_SRGB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  0.4122214708, 0.2119034982, 0.0883024619,\n  0.5363325363, 0.6806995451, 0.2817188376,\n  0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS→OKLab coefficients, row-major → WGSL columns.\nconst LMS_TO_OKLAB: mat3x3<f32> = mat3x3<f32>(\n  0.2104542553, 1.9779984951, 0.0259040371,\n  0.7936177850, -2.4285922050, 0.7827717662,\n  -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF, row-major → WGSL columns.\nconst OKLAB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  1.0, 1.0, 1.0,\n  0.3963377774, -0.1055613458, -0.0894841775,\n  0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB, row-major → WGSL columns.\nconst LMS_TO_LINEAR_SRGB: mat3x3<f32> = mat3x3<f32>(\n  4.0767416621, -1.2684380046, -0.0041960863,\n  -3.3077115913, 2.6097574011, -0.7034186147,\n  0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn cbrt3(v: vec3<f32>) -> vec3<f32> {\n  return sign(v) * pow(abs(v), vec3<f32>(1.0 / 3.0));\n}\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nfn srgbToOklab(c: vec3<f32>) -> vec3<f32> {\n  let lin = srgbToLinear(c);\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nfn oklabToLinearSrgb(lab: vec3<f32>) -> vec3<f32> {\n  let lms_ = OKLAB_TO_LMS * lab;\n  let lms = lms_ * lms_ * lms_;\n  return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS, folded to [0, 2pi). Mirrors value.js rawOklabToOklch.\nfn oklabToOklch(lab: vec3<f32>) -> vec3<f32> {\n  let C = length(lab.yz);\n  var H = atan2(lab.z, lab.y);\n  if (H < 0.0) { H = H + 2.0 * PI; }\n  return vec3<f32>(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nfn oklchToOklab(lch: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}", x = "\n// value.js interpolateHue in the NORMALIZED-TURNS domain. methods: 0 shorter,\n// 1 longer, 2 increasing, 3 decreasing.\nfn interpolateHueTurns(h0: f32, h1: f32, t: f32, method: i32) -> f32 {\n  let TAU = 2.0 * PI;\n  var a = h0 / TAU;\n  var b = h1 / TAU;\n  let i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) { a = a + 1.0; } else if (i < -0.5) { b = b + 1.0; }\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) { a = a + 1.0; } else if (i > -0.5 && i <= 0.0) { b = b + 1.0; }\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) { b = b + 1.0; }\n  } else {                        // decreasing\n    if (i > 0.0) { a = a + 1.0; }\n  }\n  var r = a + t * (b - a);\n  r = fract(r);                   // fract is non-negative in WGSL\n  return r * TAU;                 // back to radians\n}\n\n// Linear-sRGB endpoint pair → OKLab-rectangular interpolation → linear sRGB.\nfn mixPaletteOklab(linA: vec3<f32>, linB: vec3<f32>, t: f32) -> vec3<f32> {\n  let labA = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linA);\n  let labB = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linB);\n  let lab = mix(labA, labB, t);\n  return oklabToLinearSrgb(lab);\n}\n\n// Linear-sRGB endpoint pair → OKLCh hue-arc interpolation → linear sRGB.\nfn mixPaletteOklchArc(linA: vec3<f32>, linB: vec3<f32>, t: f32, method: i32) -> vec3<f32> {\n  let labA = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linA);\n  let labB = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linB);\n  let lchA = oklabToOklch(labA);\n  let lchB = oklabToOklch(labB);\n  let L = mix(lchA.x, lchB.x, t);\n  let C = mix(lchA.y, lchB.y, t);\n  let H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3<f32>(L, C, H)));\n}\n\n// The ramp dispatcher (the samplePalette splices it). tRaw is the raw inter-stop\n// parameter [0,1]; the smoothstep ease + the huePath branch live here so the ramp is\n// one source. increasing(2)/decreasing(3) take the OKLCh hue-arc; every other method\n// takes the OKLab-rectangular straight line.\nfn samplePaletteRamp(a: vec3<f32>, b: vec3<f32>, tRaw: f32, huePath: i32) -> vec3<f32> {\n  let t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}";
-//#endregion
-export { _ as a, x as i, v as n, o, b as r, y as t };
+export { o as n, _ as t };

package/dist/{useLiquidPress-h1scrPtP.js → useLiquidPress-D5mjZC6U.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useSpring-9u2_shxV.js";
+import { t as e } from "./useSpring-Aof0nTRt.js";
 import { n as t } from "./springPresets-Cbe0Voqg.js";
 import { t as n } from "./useLiquidFlex-TJZmRqyY.js";
 import { n as r } from "./writeVelocityWeight-DoGOCW3e.js";
@@ -50,7 +50,7 @@ function f(e = {}) {
 		from: 0,
 		to: 1,
 		axis: "width",
-		maxStretch: () => r(e.el?.value ?? null, c(e.maxStretch ?? 1.04)),
+		maxStretch: () => m.value.value === 0 ? 1 : r(e.el?.value ?? null, c(e.maxStretch ?? 1.04)),
 		squishLaw: "linear"
 	}) : null, g = s(!1);
 	a(() => {

package/dist/{useResizeObserver-CdUlm2QZ.js → useResizeObserver-Bv3nN46q.js}

@@ -1,7 +1,7 @@
 import { getCurrentScope as e, onScopeDispose as t, watch as n } from "vue";
 //#region src/composables/dom/useResizeObserver.ts
 function r(r, i, a = {}) {
-	let o = a.threshold ?? .5, s = a.rafBatch ?? !0, c = a.box, l = null, u = null, d = 0, f = 0, p = null, m = null;
+	let o = a.threshold ?? .5, s = a.rafBatch ?? !0, c = a.box, l = null, u = null, d = NaN, f = NaN, p = null, m = null;
 	function h() {
 		if (p = null, !m) return;
 		let e = m;
@@ -18,16 +18,13 @@ function r(r, i, a = {}) {
 		}
 	}
 	function _() {
-		l && u && l.unobserve(u), l?.disconnect(), l = null, u = null, p !== null && (cancelAnimationFrame(p), p = null), m = null;
+		l && u && l.unobserve(u), l?.disconnect(), l = null, u = null, d = NaN, f = NaN, p !== null && (cancelAnimationFrame(p), p = null), m = null;
 	}
 	function v(e) {
-		if (typeof window > "u" || typeof ResizeObserver > "u") return;
-		l = new ResizeObserver((e) => {
+		typeof window > "u" || typeof ResizeObserver > "u" || (l = new ResizeObserver((e) => {
 			let t = e[e.length - 1];
 			t && g(t);
-		}), l.observe(e, c ? { box: c } : void 0), u = e;
-		let t = e.getBoundingClientRect();
-		d = t.width, f = t.height;
+		}), l.observe(e, c ? { box: c } : void 0), u = e);
 	}
 	let y = n(r, (e) => {
 		_(), e && v(e);

package/dist/useScrollChrome-DMP6kDI9.js

@@ -0,0 +1,67 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./asElement-CRnm6A2v.js";
+import { t as n } from "./useScrollTrigger-Abe5dEeO.js";
+import { onBeforeUnmount as r, ref as i, toValue as a, watch as o } from "vue";
+//#region src/composables/motion/scroll/useScrollChrome.ts
+function s(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function c(c, l = {}) {
+	let { collapseOnScroll: u = !1, flipDeltaPx: d = 8, velocityGate: f, snapMidpoint: p = .5, collapseRangePx: m = 116, chromeRef: h, respectReducedMotion: g = !0, scrollStopMs: _ = 140 } = l, v = i(0), y = i(!1), b = g ? e() : i(!1), x = null, S = null, C = !1;
+	function w() {
+		if (h == null) return null;
+		let e = a(h), n = t(e);
+		return n == 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.")), n;
+	}
+	function T(e) {
+		let t = b.value ? +(e >= p) : s(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 } = n(c, {
+		flipDeltaPx: d,
+		trackProgress: !1,
+		respectReducedMotion: g,
+		onCross: () => {}
+	});
+	function A(e, t, n) {
+		if (!u || 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 = a(c);
+		return e instanceof HTMLElement ? e.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
+	}
+	o(() => D.value, () => {
+		S = null;
+	});
+	let M = o(b, () => T(v.value), { flush: "sync" });
+	o(() => O.value, (e) => {
+		A(D.value, j(), e);
+	});
+	function N() {
+		k(), S = null, T(v.value);
+	}
+	return r(() => {
+		x && clearTimeout(x), x = null, M();
+	}), {
+		collapseT: v,
+		collapsed: y,
+		direction: D,
+		recalculate: N
+	};
+}
+//#endregion
+export { c as t };

package/dist/useSelectionGroup-DAQv5Lb5.js

@@ -0,0 +1,186 @@
+import { computed as e, nextTick as t, onMounted as n, onUnmounted as r, ref as i, watch as a } from "vue";
+//#region src/composables/motion/morph/useSelectionIndicator.ts
+function o(e) {
+	let { containerRef: o, indicatorRef: s, buttonRefs: c, options: l, model: u, vertical: d } = e, f = i({
+		left: "0px",
+		top: "0px",
+		width: "0px",
+		height: "0px",
+		translate: "0px 0px",
+		opacity: "0"
+	});
+	function p() {
+		if (!s.value) return;
+		let e = l.value.findIndex((e) => e.value === u.value), t = o.value;
+		if (e < 0) {
+			f.value = {
+				...f.value,
+				opacity: "0"
+			};
+			return;
+		}
+		if (!t || !c.value[e]) {
+			f.value = {
+				...f.value,
+				opacity: "0"
+			};
+			return;
+		}
+		let n = c.value[e], r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left - t.clientLeft + t.scrollLeft, d = i.top - r.top - t.clientTop + t.scrollTop;
+		f.value = {
+			left: "0px",
+			top: "0px",
+			width: `${i.width}px`,
+			height: `${i.height}px`,
+			translate: `${a}px ${d}px`,
+			opacity: "1"
+		};
+	}
+	function m() {
+		p();
+	}
+	a(() => u.value, () => t(m)), a(() => l.value, () => t(m), { deep: !0 }), a(() => d.value, () => t(m));
+	let h = null;
+	return a(o, (e) => {
+		h?.disconnect(), e ? (h = new ResizeObserver(m), h.observe(e), t(m)) : m();
+	}, { flush: "post" }), n(() => {
+		t(m);
+	}), r(() => {
+		h?.disconnect();
+	}), { singleSliderStyle: f };
+}
+//#endregion
+//#region src/components/tabs/composables/useTabRovingFocus.ts
+function s(t) {
+	let { stripOptions: n, stripValue: r, isVertical: o, activation: s, buttonRefs: c, select: l } = t, u = e(() => {
+		let e = n.value.findIndex((e) => e.value === r.value);
+		return e >= 0 && !n.value[e]?.disabled ? e : n.value.findIndex((e) => !e.disabled);
+	}), d = i(u.value);
+	a(e(() => [r.value ?? "", ...n.value.map((e) => `${e.value}:${e.disabled ? "1" : "0"}`)].join("\0")), () => {
+		let e = typeof document > "u" ? null : document.activeElement, t = c.value.findIndex((t, r) => t === e && !n.value[r]?.disabled);
+		d.value = t >= 0 ? t : u.value;
+	}, { flush: "post" });
+	let f = e(() => s.value === "manual" && d.value >= 0 && !n.value[d.value]?.disabled ? d.value : u.value);
+	function p(e) {
+		return e === f.value ? 0 : -1;
+	}
+	function m(e) {
+		let t = n.value[e];
+		!t || t.disabled || (d.value = e, c.value[e]?.focus(), s.value === "automatic" && l(t.value, e));
+	}
+	function h(e, t) {
+		let r = n.value.length;
+		if (r !== 0) for (let i = 1; i <= r; i++) {
+			let a = (e + t * i + r * i) % r, o = n.value[a];
+			if (o && !o.disabled) {
+				m(a);
+				return;
+			}
+		}
+	}
+	function g(e) {
+		let t = n.value.length, r = e === "first" ? Array.from({ length: t }, (e, t) => t) : Array.from({ length: t }, (e, n) => t - 1 - n);
+		for (let e of r) {
+			let t = n.value[e];
+			if (t && !t.disabled) {
+				m(e);
+				return;
+			}
+		}
+	}
+	function _(e) {
+		let t = c.value.indexOf(e.target), r = t >= 0 && !n.value[t]?.disabled ? t : f.value, i = o.value ? "ArrowDown" : "ArrowRight", a = o.value ? "ArrowUp" : "ArrowLeft", u = e.currentTarget, p = u ? getComputedStyle(u).direction : "", m = u?.closest("[dir]")?.getAttribute("dir")?.toLowerCase(), _ = !o.value && (p === "rtl" || m === "rtl") ? -1 : 1;
+		switch (e.key) {
+			case i:
+				e.preventDefault(), h(r, _);
+				break;
+			case a:
+				e.preventDefault(), h(r, _ === 1 ? -1 : 1);
+				break;
+			case "Home":
+				e.preventDefault(), g("first");
+				break;
+			case "End":
+				e.preventDefault(), g("last");
+				break;
+			case "Enter":
+			case " ": {
+				if (s.value !== "manual") break;
+				e.preventDefault();
+				let t = n.value[r];
+				t && !t.disabled && (d.value = r, l(t.value, r));
+				break;
+			}
+			default: break;
+		}
+	}
+	return {
+		activeIndex: u,
+		rovingTabindex: p,
+		onStripKeydown: _
+	};
+}
+//#endregion
+//#region src/composables/motion/morph/useSelectionGroup.ts
+function c(e, t) {
+	return e == null ? t : typeof e == "object" && "value" in e ? e.value : e;
+}
+function l(t) {
+	let { options: n, model: r, containerRef: i, buttonRefs: a, indicatorRef: l, vertical: u } = t, d = e(() => c(t.mode, "single")), f = e(() => c(t.role, d.value === "multiple" ? "group" : "radiogroup")), p = e(() => u?.value ?? !1), m = e(() => c(t.activation, "automatic")), h = e(() => {
+		let e = r.value;
+		return e == null ? [] : Array.isArray(e) ? e : [e];
+	});
+	function g(e) {
+		return h.value.includes(e);
+	}
+	let _ = e(() => h.value[0]), { singleSliderStyle: v } = o({
+		containerRef: i,
+		indicatorRef: l ?? { value: null },
+		buttonRefs: a,
+		options: n,
+		model: _,
+		vertical: p
+	});
+	function y(e, t) {
+		if (!n.value[t]?.disabled) {
+			if (d.value === "multiple") {
+				let t = Array.isArray(r.value) ? [...r.value] : [], n = t.indexOf(e);
+				n >= 0 ? t.splice(n, 1) : t.push(e), r.value = t;
+			} else r.value = e;
+			a.value[t]?.scrollIntoView({
+				inline: "nearest",
+				block: "nearest"
+			});
+		}
+	}
+	let { rovingTabindex: b, onStripKeydown: x } = s({
+		stripOptions: n,
+		stripValue: _,
+		isVertical: p,
+		activation: m,
+		buttonRefs: a,
+		select: y
+	});
+	function S(e) {
+		let t = g(e), n = f.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: y,
+		rovingTabindex: b,
+		onKeydown: x,
+		singleSliderStyle: v,
+		groupRole: f,
+		itemAttrs: S
+	};
+}
+//#endregion
+export { o as n, l as t };

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

@@ -1,4 +1,4 @@
-import { t as e } from "./motionTempo-tscp92Nm.js";
+import { t as e } from "./motionTempo-DXdVbCWr.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/spring/useSpring.ts

package/dist/useSpringMount-jgNkymRl.js

@@ -0,0 +1,73 @@
+import { t as e } from "./useSpring-Aof0nTRt.js";
+import { n as t } from "./springPresets-Cbe0Voqg.js";
+import { computed as n, nextTick as r, onMounted as i, onScopeDispose as a, readonly as o, ref as s, watch as c } from "vue";
+//#region src/composables/motion/spring/useSpringMount.ts
+var l = Object.fromEntries([
+	"present",
+	"panel",
+	"bloom"
+].map((e) => {
+	let { response: n, dampingFraction: r } = t(e);
+	return [e, {
+		response: n,
+		dampingFraction: r
+	}];
+})), u = .001;
+function d(t) {
+	let d = l[t.preset ?? "panel"], f = s(1), p = s(t.open.value), m = s(!1), h = 0, g = 0, _ = null, v = !1, y = e(f, {
+		response: d.response,
+		dampingFraction: d.dampingFraction,
+		initial: 1,
+		settleThreshold: u,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	});
+	i(() => {
+		t.open.value && r(() => {
+			f.value = 0;
+		});
+	});
+	let b = c(() => t.open.value, (e, t) => {
+		e !== t && (e && (p.value = !0), !m.value && (f.value = +!e));
+	}, { immediate: !1 }), x = c(() => y.isSettled.value, (e) => {
+		e && v && f.value >= 1 && (v = !1, t.onDismiss?.());
+	}), S = c(() => y.value.value >= 1 - u && !t.open.value, (e) => {
+		e && (p.value = !1);
+	});
+	function C(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		g = t.getBoundingClientRect().height || 1, h = e.clientY, _ = e.pointerId, m.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function w(e) {
+		if (!m.value || e.pointerId !== _) return;
+		let t = e.clientY - h;
+		if (t <= 0) {
+			f.value = 0;
+			return;
+		}
+		f.value = Math.min(1, t / g);
+	}
+	function T(e) {
+		if (!m.value || e.pointerId !== _) return;
+		let n = e.currentTarget;
+		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), m.value = !1, _ = null;
+		let r = t.dismissThreshold ?? .3;
+		f.value >= r ? (v = !0, f.value = 1) : f.value = 0;
+	}
+	return a(() => {
+		b(), x(), S();
+	}), {
+		position: y.value,
+		present: o(p),
+		isDragging: n(() => m.value),
+		dragHandlers: {
+			onPointerdown: C,
+			onPointermove: w,
+			onPointerup: T,
+			onPointercancel: T
+		}
+	};
+}
+//#endregion
+export { d as t };