@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/useScrollChrome-BJbWV32F.js

@@ -0,0 +1,162 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t } from "./asElement-CRnm6A2v.js";
+import { t as n } from "./useScrollTrigger-Abe5dEeO.js";
+import { n as r } from "./useIntersectionPause-CzKR3EyP.js";
+import { computed as i, getCurrentScope as a, onBeforeUnmount as o, onScopeDispose as s, readonly as c, ref as l, toValue as u, watch as d } from "vue";
+//#region src/composables/motion/core/useYieldToMain.ts
+function f() {
+	let e = globalThis.scheduler;
+	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
+}
+function p() {
+	let e = f();
+	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 m() {
+	return {
+		hasNativeYield: f() !== null,
+		yield: p
+	};
+}
+//#endregion
+//#region src/composables/motion/core/useRAFLoop.ts
+function h() {
+	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
+}
+function g() {
+	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
+}
+function _(t, n = {}) {
+	let { immediate: o = !0, pauseWhenHidden: u = !0, respectReducedMotion: f = !0 } = n, m = l(!1), _ = f ? e() : l(!1), v = i(() => _.value), y = l(!1), b = l(!1), x = l(!1), S = i(() => b.value && !m.value && (x.value || y.value || v.value || !h())), 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 && !!h();
+	}
+	function M() {
+		C !== null && (g()?.(C), C = null), m.value = !1, w = null;
+	}
+	function N() {
+		if (C !== null || !j()) return;
+		let e = h();
+		e && (m.value = !0, C = e((e) => {
+			if (C = null, !j()) {
+				M();
+				return;
+			}
+			let n = w === null ? 0 : Math.max(0, e - w);
+			w = e, T += n, t({
+				now: e,
+				delta: n,
+				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 (u) {
+		let e = r(), { hidden: t } = e;
+		A = e.dispose, y.value = t.value, k = d(t, (e) => {
+			y.value = e, P();
+		}, { flush: "sync" });
+	}
+	O = d(v, P, { flush: "sync" });
+	function B() {
+		D || (D = !0, L(), k?.(), k = null, A?.(), A = null, O?.(), O = null);
+	}
+	return a() && s(B), o && I(), {
+		isActive: c(m),
+		isPaused: c(S),
+		isReducedMotion: v,
+		start: I,
+		stop: L,
+		pause: R,
+		resume: z,
+		dispose: B,
+		yieldToMain: p
+	};
+}
+//#endregion
+//#region src/composables/motion/scroll/useScrollChrome.ts
+function v(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function y(r, i = {}) {
+	let { collapseOnScroll: a = !1, flipDeltaPx: s = 8, velocityGate: c, snapMidpoint: f = .5, collapseRangePx: p = 116, chromeRef: m, respectReducedMotion: h = !0, scrollStopMs: g = 140 } = i, _ = l(0), y = l(!1), b = h ? e() : l(!1), x = null, S = null, C = !1;
+	function w() {
+		if (m == null) return null;
+		let e = u(m), 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 >= f) : v(e);
+		_.value = t, y.value = t >= f, w()?.style.setProperty("--chrome-collapse-t", String(t));
+	}
+	function E() {
+		x && clearTimeout(x), x = setTimeout(() => {
+			x = null;
+			let e = +(_.value >= f);
+			S = null, T(e);
+		}, g);
+	}
+	let { direction: D, velocity: O, recalculate: k } = n(r, {
+		flipDeltaPx: s,
+		trackProgress: !1,
+		respectReducedMotion: h,
+		onCross: () => {}
+	});
+	function A(e, t, n) {
+		if (!a || e == null) return;
+		if (c != null && Math.abs(n) >= c) {
+			S = null, T(+(e === "down")), E();
+			return;
+		}
+		S ??= t - _.value * p;
+		let r = p > 0 ? p : 1;
+		T((t - S) / r), E();
+	}
+	function j() {
+		let e = u(r);
+		return e instanceof HTMLElement ? e.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
+	}
+	d(() => D.value, () => {
+		S = null;
+	});
+	let M = d(b, () => T(_.value), { flush: "sync" });
+	d(() => O.value, (e) => {
+		A(D.value, j(), e);
+	});
+	function N() {
+		k(), S = null, T(_.value);
+	}
+	return o(() => {
+		x && clearTimeout(x), x = null, M();
+	}), {
+		collapseT: _,
+		collapsed: y,
+		direction: D,
+		recalculate: N
+	};
+}
+//#endregion
+export { p as i, _ as n, m as r, y as t };

package/dist/useScrollProgress-Bq-KPaKM.js

@@ -0,0 +1,41 @@
+import { onBeforeUnmount as e, onMounted as t, ref as n, unref as r, watch as i } from "vue";
+//#region src/composables/motion/scroll/useScrollProgress.ts
+function a(a) {
+	let { offset: o = 0, trackExit: s = !1 } = a, c = n(0), l = 0, u = null, d = !1, f = !1, p = () => r(a.enabled ?? !0);
+	function m() {
+		let e = r(a.target);
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = window.innerHeight + o, i = n - (s ? -t.height : 0);
+		if (i === 0) {
+			c.value = 0;
+			return;
+		}
+		let l = (n - t.top) / i;
+		c.value = Math.max(0, Math.min(1, l));
+	}
+	function h() {
+		!p() || l || (l = requestAnimationFrame(() => {
+			l = 0, m();
+		}));
+	}
+	function g() {
+		if (!d || f || !p()) return;
+		f = !0, m(), window.addEventListener("scroll", h, { passive: !0 }), window.addEventListener("resize", h, { passive: !0 });
+		let e = r(a.target);
+		e && typeof ResizeObserver < "u" && (u = new ResizeObserver(h), u.observe(e));
+	}
+	function _() {
+		f && (f = !1, window.removeEventListener("scroll", h), window.removeEventListener("resize", h)), l && cancelAnimationFrame(l), l = 0, u?.disconnect(), u = null;
+	}
+	return t(() => {
+		d = !0, g();
+	}), i(() => r(a.target), (e, t) => {
+		t && u && u.unobserve(t), e && u && u.observe(e), f ? h() : p() && m();
+	}), i(() => p(), (e) => {
+		e ? g() : _();
+	}), e(() => {
+		d = !1, _();
+	}), c;
+}
+//#endregion
+export { a as t };

package/dist/{useScrollTrigger-BDdqptlc.js → useScrollTrigger-Abe5dEeO.js}

@@ -1,15 +1,14 @@
 import { n as e } from "./useReducedMotion-vCXA_vyM.js";
-import { t } from "./supportsCssTimeline-C2zyWpl8.js";
+import { t } from "./supportsCssTimeline-Di9gzleG.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) {
+function c(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function u(e, t) {
+function l(e, t) {
 	if (typeof e == "number") return e;
-	if ("fraction" in e) return l(e.fraction) * t.extent();
+	if ("fraction" in e) return c(e.fraction) * t.extent();
 	let n = o(e.element);
 	if (!(n instanceof HTMLElement)) return null;
 	let r = t.target;
@@ -19,32 +18,32 @@ function u(e, t) {
 	}
 	return t.position() + n.getBoundingClientRect().top;
 }
-function d(t, d = {}) {
+function u(u, 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 = C.position();
+		if (m && !t()) {
+			let e = C.extent(), t = e > 0 ? n / e : 0;
+			y.value = S.value ? Math.round(c(t)) : c(t);
 		}
-		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);
+		let r = E > 0 ? (e - E) / 1e3 : 0;
+		r > 0 && (x.value = (n - T) / r);
+		let i = n > T ? "down" : n < T ? "up" : null;
+		i && i !== b.value ? (D !== i && (D = i, O = T), Math.abs(n - O) >= p && (b.value = i, D = null)) : i === b.value && (D = null);
 		for (let e = 0; e < f.length; e++) {
-			let n = f[e], r = u(n.at, C);
+			let t = f[e], r = l(t.at, C);
 			if (r == null) continue;
-			let i = k(n, e), a = w.get(i) ?? T >= r, o = t >= r;
+			let i = k(t, e), a = w.get(i) ?? T >= r, o = n >= 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));
+			let s = o ? "down" : "up", c = t.direction ?? "both";
+			c !== "both" && c !== s || (g?.(i, s, n), s === "down" ? _?.(i) : v?.(i));
 		}
-		T = t, E = e;
+		T = n, E = e;
 	}
 	function j(e) {
 		A(typeof performance < "u" ? performance.now() : Date.now());
@@ -53,26 +52,26 @@ function d(t, d = {}) {
 		if (!C) return;
 		let e = C.position();
 		for (let t = 0; t < f.length; t++) {
-			let n = f[t], r = u(n.at, C);
+			let n = f[t], r = l(n.at, C);
 			r != null && w.set(k(n, t), e >= r);
 		}
-		if (T = e, m && !c) {
+		if (T = e, m && !t()) {
 			let t = C.extent(), n = t > 0 ? e / t : 0;
-			y.value = S.value ? Math.round(l(n)) : l(n);
+			y.value = S.value ? Math.round(c(n)) : c(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);
+			let t = f[e], n = l(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" });
+		N(o(u));
+	}), s(() => o(u), (e) => N(e), { flush: "post" });
 	let P = s(S, M, { flush: "sync" });
 	return r(() => {
 		C?.stop(), C = null, P();
@@ -84,4 +83,4 @@ function d(t, d = {}) {
 	};
 }
 //#endregion
-export { d as t };
+export { u as t };

package/dist/useSelectionGroup-zsEwitF6.js

@@ -0,0 +1,291 @@
+import { t as e } from "./useLiquidFlex-TJZmRqyY.js";
+import { n as t, r as n } from "./writeVelocityWeight-DoGOCW3e.js";
+import { computed as r, nextTick as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
+var l = 1.22, u = 1 / 3;
+(l - 1) / 2;
+function d(e) {
+	let { from: t, to: n, track: r } = e, i = e.spanMax ?? 1.6, a = n.end - n.start;
+	if (!(a > 0)) return {
+		span: 1,
+		clamped: !1,
+		direction: 0
+	};
+	let o = Math.min(t.start, n.start), s = (Math.max(t.end, n.end) - o) / a;
+	if (!(s > 1)) return {
+		span: 1,
+		clamped: !1,
+		direction: 0
+	};
+	let c = (n.start + n.end) / 2, l = (t.start + t.end) / 2, d = c > l ? 1 : c < l ? -1 : 0, f = Infinity;
+	if (r) {
+		let e = u, t = d >= 0 ? r.end - n.end : n.start - r.start, i = d >= 0 ? n.start - r.start : r.end - n.end, o = 1 + Math.max(0, t) / ((1 - e) * a), s = 1 + Math.max(0, i) / (e * a);
+		f = Math.min(o, s);
+	}
+	let p = Math.min(s, i, f);
+	return {
+		span: Math.max(1, p),
+		clamped: p < s,
+		direction: d
+	};
+}
+function f(e, t = l) {
+	return 1 + (e < 0 ? 0 : e > 1 ? 1 : e) * (t - 1);
+}
+function p(e) {
+	if (e === 0) return 50;
+	let t = u * 100;
+	return e > 0 ? 100 - t : t;
+}
+//#endregion
+//#region src/composables/motion/morph/useSelectionIndicator.ts
+var m = 1.11, h = .82;
+function g(r) {
+	let { containerRef: l, indicatorRef: u, buttonRefs: g, options: _, model: v, activeValues: y, vertical: b } = r, x = () => r.deform?.value ?? "plate", S = s({
+		left: "0px",
+		top: "0px",
+		width: "0px",
+		height: "0px",
+		translate: "0px 0px",
+		opacity: "0"
+	});
+	function C() {
+		if (!u.value) return;
+		let e = _.value.findIndex((e) => e.value === v.value), t = l.value;
+		if (e < 0) {
+			S.value = {
+				...S.value,
+				opacity: "0"
+			};
+			return;
+		}
+		if (!t || !g.value[e]) {
+			S.value = {
+				...S.value,
+				opacity: "0"
+			};
+			return;
+		}
+		let n = g.value[e], r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left - t.clientLeft + t.scrollLeft, o = i.top - r.top - t.clientTop + t.scrollTop;
+		S.value = {
+			left: "0px",
+			top: "0px",
+			width: `${i.width}px`,
+			height: `${i.height}px`,
+			translate: `${a}px ${o}px`,
+			opacity: "1"
+		};
+	}
+	function w() {
+		C();
+	}
+	let T = -1, E = null, D = m, O = e({
+		from: 0,
+		to: 0,
+		axis: "width",
+		squishLaw: "linear",
+		maxStretch: () => D
+	});
+	function k() {
+		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	}
+	function A(e) {
+		let t = getComputedStyle(e).getPropertyValue("--tab-indicator-duration").trim();
+		return t ? t.endsWith("ms") ? Number.parseFloat(t) || 220 : t.endsWith("s") ? (Number.parseFloat(t) || .22) * 1e3 : Number.parseFloat(t) || 220 : 220;
+	}
+	function j(e) {
+		let r = u.value;
+		if (!r) {
+			T = e;
+			return;
+		}
+		if (x() === "none") {
+			T = e;
+			return;
+		}
+		if (k()) {
+			T = e;
+			return;
+		}
+		let i = g.value[T], a = g.value[e];
+		if (T = e, !i || !a) return;
+		let o = l.value?.getBoundingClientRect(), s = i.getBoundingClientRect(), c = a.getBoundingClientRect(), m = b.value ? o?.height || 1 : o?.width || 1, _ = b.value ? Math.abs(c.top + c.height / 2 - (s.top + s.height / 2)) : Math.abs(c.left + c.width / 2 - (s.left + s.width / 2)), v = m > 0 ? Math.min(_ / m, 1) : 0, y = getComputedStyle(r), S = y.getPropertyValue("--tab-indicator-max-stretch").trim();
+		D = t(r, Number(S) || 1.11), O.squish(v);
+		let C = y.getPropertyValue("--eyeglass-span-max").trim(), w = C !== "" && x() === "plate";
+		if (w) {
+			let e = t(r, Number(C) || 1.6), n = (e) => b.value ? {
+				start: e.top,
+				end: e.bottom
+			} : {
+				start: e.left,
+				end: e.right
+			}, i = o ? b.value ? {
+				start: o.top + (l.value?.clientTop ?? 0),
+				end: o.bottom
+			} : {
+				start: o.left + (l.value?.clientLeft ?? 0),
+				end: o.right
+			} : void 0, a = d({
+				from: n(s),
+				to: n(c),
+				track: i,
+				spanMax: e
+			});
+			r.style.setProperty("--eyeglass-origin", `${p(a.direction)}%`), r.style.setProperty("--eyeglass-span", String(a.span)), r.style.setProperty("--eyeglass-swell", String(f(v))), a.clamped ? r.dataset.eyeglassClamped = "" : delete r.dataset.eyeglassClamped, l.value?.setAttribute("data-eyeglass-wake", "");
+		}
+		n(r, O.flexVel.value), E && clearTimeout(E), r.style.setProperty("--stretch", String(O.stretch.value));
+		let j = A(r) * h;
+		E = setTimeout(() => {
+			O.squish(0), r.style.setProperty("--stretch", String(O.stretch.value)), w && (r.style.setProperty("--eyeglass-span", "1"), r.style.setProperty("--eyeglass-swell", "1"), delete r.dataset.eyeglassClamped, l.value?.removeAttribute("data-eyeglass-wake")), n(r, 0), E = null;
+		}, j);
+	}
+	c(() => v.value, () => i(w)), c(() => _.value, () => i(w), { deep: !0 }), c(() => b.value, () => i(w));
+	let M = null;
+	return c(l, (e) => {
+		M?.disconnect(), e ? (M = new ResizeObserver(w), M.observe(e), i(w)) : w();
+	}, { flush: "post" }), a(() => {
+		T = _.value.findIndex((e) => y.value.includes(e.value)), i(w);
+	}), o(() => {
+		M?.disconnect(), E && clearTimeout(E);
+	}), {
+		singleSliderStyle: S,
+		squishOnTravel: j
+	};
+}
+//#endregion
+//#region src/components/tabs/composables/useTabRovingFocus.ts
+function _(e) {
+	let { stripOptions: t, stripValue: n, isVertical: i, activation: a, buttonRefs: o, select: l } = e, u = r(() => {
+		let e = t.value.findIndex((e) => e.value === n.value);
+		return e >= 0 && !t.value[e]?.disabled ? e : t.value.findIndex((e) => !e.disabled);
+	}), d = s(u.value);
+	c(r(() => [n.value ?? "", ...t.value.map((e) => `${e.value}:${e.disabled ? "1" : "0"}`)].join("\0")), () => {
+		let e = typeof document > "u" ? null : document.activeElement, n = o.value.findIndex((n, r) => n === e && !t.value[r]?.disabled);
+		d.value = n >= 0 ? n : u.value;
+	}, { flush: "post" });
+	let f = r(() => a.value === "manual" && d.value >= 0 && !t.value[d.value]?.disabled ? d.value : u.value);
+	function p(e) {
+		return e === f.value ? 0 : -1;
+	}
+	function m(e) {
+		let n = t.value[e];
+		!n || n.disabled || (d.value = e, o.value[e]?.focus(), a.value === "automatic" && l(n.value, e));
+	}
+	function h(e, n) {
+		let r = t.value.length;
+		if (r !== 0) for (let i = 1; i <= r; i++) {
+			let a = (e + n * i + r * i) % r, o = t.value[a];
+			if (o && !o.disabled) {
+				m(a);
+				return;
+			}
+		}
+	}
+	function g(e) {
+		let n = t.value.length, r = e === "first" ? Array.from({ length: n }, (e, t) => t) : Array.from({ length: n }, (e, t) => n - 1 - t);
+		for (let e of r) {
+			let n = t.value[e];
+			if (n && !n.disabled) {
+				m(e);
+				return;
+			}
+		}
+	}
+	function _(e) {
+		let n = o.value.indexOf(e.target), r = n >= 0 && !t.value[n]?.disabled ? n : f.value, s = i.value ? "ArrowDown" : "ArrowRight", c = i.value ? "ArrowUp" : "ArrowLeft", u = e.currentTarget, p = u ? getComputedStyle(u).direction : "", m = u?.closest("[dir]")?.getAttribute("dir")?.toLowerCase(), _ = !i.value && (p === "rtl" || m === "rtl") ? -1 : 1;
+		switch (e.key) {
+			case s:
+				e.preventDefault(), h(r, _);
+				break;
+			case c:
+				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 (a.value !== "manual") break;
+				e.preventDefault();
+				let n = t.value[r];
+				n && !n.disabled && (d.value = r, l(n.value, r));
+				break;
+			}
+			default: break;
+		}
+	}
+	return {
+		activeIndex: u,
+		rovingTabindex: p,
+		onStripKeydown: _
+	};
+}
+//#endregion
+//#region src/composables/motion/morph/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: n, containerRef: i, buttonRefs: a, indicatorRef: o, vertical: s } = e, c = r(() => v(e.mode, "single")), l = r(() => v(e.role, c.value === "multiple" ? "group" : "radiogroup")), u = r(() => s?.value ?? !1), d = r(() => v(e.activation, "automatic")), f = r(() => {
+		let e = n.value;
+		return e == null ? [] : Array.isArray(e) ? e : [e];
+	});
+	function p(e) {
+		return f.value.includes(e);
+	}
+	let m = r(() => f.value[0]), h = r(() => e.deform?.value ?? (c.value === "multiple" ? "none" : "plate")), { singleSliderStyle: y, squishOnTravel: b } = g({
+		containerRef: i,
+		indicatorRef: o ?? { value: null },
+		buttonRefs: a,
+		options: t,
+		model: m,
+		activeValues: f,
+		vertical: u,
+		deform: h
+	});
+	function x(r, i) {
+		if (!t.value[i]?.disabled) {
+			if (e.onSelect?.(r, i), c.value === "multiple") {
+				let e = Array.isArray(n.value) ? [...n.value] : [], t = e.indexOf(r);
+				t >= 0 ? e.splice(t, 1) : e.push(r), n.value = e;
+			} else n.value = r;
+			b(i), a.value[i]?.scrollIntoView({
+				inline: "nearest",
+				block: "nearest"
+			});
+		}
+	}
+	let { rovingTabindex: S, onStripKeydown: C } = _({
+		stripOptions: t,
+		stripValue: m,
+		isVertical: u,
+		activation: d,
+		buttonRefs: a,
+		select: x
+	});
+	function w(e) {
+		let t = p(e), n = l.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: f,
+		isSelected: p,
+		select: x,
+		rovingTabindex: S,
+		onKeydown: C,
+		singleSliderStyle: y,
+		squishOnTravel: b,
+		groupRole: l,
+		itemAttrs: w
+	};
+}
+//#endregion
+export { g as i, m as n, h as r, y as t };

package/dist/{useSpringMount-uQ8QL9Ff.js → useSpringMount-OA-0mTNv.js}

@@ -1,12 +1,11 @@
 import { t as e } from "./useSpring-9u2_shxV.js";
-import { n as t } from "./springPresets-rCii5KqX.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([
-	"smooth",
-	"snappy",
-	"bouncy",
-	"gentle"
+	"present",
+	"panel",
+	"bloom"
 ].map((e) => {
 	let { response: n, dampingFraction: r } = t(e);
 	return [e, {
@@ -15,7 +14,7 @@ var l = Object.fromEntries([
 	}];
 }));
 function u(t) {
-	let u = l[t.preset ?? "smooth"], d = s(1), f = s(t.open.value), p = s(!1), m = 0, h = 0, g = null, _ = !1, v = e(d, {
+	let u = l[t.preset ?? "panel"], d = s(1), f = s(t.open.value), p = s(!1), m = 0, h = 0, g = null, _ = !1, v = e(d, {
 		response: u.response,
 		dampingFraction: u.dampingFraction,
 		initial: 1,

package/dist/vReveal-B5WYGofz.js

@@ -0,0 +1,44 @@
+//#region src/composables/motion/core/useViewTransition.ts
+function e() {
+	return typeof document < "u" && typeof document.startViewTransition == "function";
+}
+function t() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function n() {
+	return typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("selector(:active-view-transition-type(glass))");
+}
+function r(e) {
+	return {
+		finished: (async () => e())().then(() => void 0, () => void 0),
+		transitioned: !1
+	};
+}
+function i(e, i) {
+	let a = typeof document > "u" ? void 0 : document;
+	if (!a || typeof a.startViewTransition != "function" || t()) return r(e);
+	let o;
+	try {
+		o = i?.types?.length && n() ? a.startViewTransition({
+			update: e,
+			types: i.types
+		}) : a.startViewTransition(e);
+	} catch {
+		return r(e);
+	}
+	return o.ready?.catch(() => {}), {
+		finished: o.finished.then(() => void 0, () => void 0),
+		transitioned: !0
+	};
+}
+//#endregion
+//#region src/composables/motion/reveal/vReveal.ts
+function a(e, t) {
+	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
+}
+var o = {
+	mounted: a,
+	updated: a
+};
+//#endregion
+export { i as n, e as r, o as t };

package/dist/{valueDomain-SbVzoHMH.js → valueDomain-DXRzfc8l.js}

@@ -1,4 +1,4 @@
-//#region src/components/_shared/valueDomain.ts
+//#region src/components/_shared/field/valueDomain.ts
 var e = (e, t) => Number.isFinite(e) && Number.isFinite(t) && t > e;
 function t(t, n, r) {
 	return e(n, r) ? (Math.min(r, Math.max(n, typeof t == "number" && Number.isFinite(t) ? t : n)) - n) / (r - n) : 0;