@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/useDockCtaReceive-CK-RLASa.js

@@ -0,0 +1,257 @@
+import { n as e } from "./springPresets-h5VKJQqG.js";
+import { onScopeDispose as t, readonly as n, ref as r } from "vue";
+import { ElementMorph as i, springTimingFunction as a } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useElementMorph.ts
+function o(e) {
+	if (!e) return null;
+	if (e instanceof HTMLElement) return e;
+	let t = e.$el;
+	return t instanceof HTMLElement ? t : null;
+}
+function s(e) {
+	return {
+		x: e.x + e.width * .04,
+		y: e.y + e.height * .04,
+		width: e.width * .92,
+		height: e.height * .92
+	};
+}
+function c(e) {
+	let t = e.style.transitionProperty;
+	return e.style.transitionProperty = "none", () => {
+		e.style.transitionProperty = t;
+	};
+}
+function l() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var u = (e) => e < 0 ? 0 : e > 1 ? 1 : e, d = (e) => ({
+	x: e.x,
+	y: e.y,
+	width: e.width,
+	height: e.height
+});
+function f(f, p = {}) {
+	let m = p.respectReducedMotion !== !1, h = p.direction ?? "in", g = p.channels?.opacity !== !1, _ = p.channels?.blur ?? 0, v = p.origin ?? "to", { response: y, dampingFraction: b } = e(p.preset ?? "snappy"), x = a({
+		response: y,
+		dampingFraction: b
+	}), S = y * 4 * 1e3, C = r(!1), w = r(0), T = r(null), E = null, D = 0, O = 0, k = null;
+	function A() {
+		D && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(D), D = 0;
+	}
+	function j(e) {
+		let t = e ?? o(f.value);
+		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = "");
+	}
+	function M() {
+		A(), E = null, k?.(), k = null, C.value = !1;
+	}
+	function N(e) {
+		let t = d(e.getBoundingClientRect()), n = (e) => {
+			if (e === void 0 || e === "self") return t;
+			let n = o(e.value);
+			return n ? d(n.getBoundingClientRect()) : s(t);
+		}, r = n(p.from ?? "self"), i = n(p.to), a;
+		return a = v === "center" ? "center center" : v === "from" ? `${r.x - t.x}px ${r.y - t.y}px` : v === "to" ? `${i.x - t.x}px ${i.y - t.y}px` : v, {
+			from: r,
+			to: i,
+			origin: a
+		};
+	}
+	function P(e, t) {
+		let n = h === "in" ? 1 - t : t;
+		if (E?.apply(e, n), g && (e.style.opacity = u(1 - n).toFixed(4)), _ > 0) {
+			let t = _ * Math.max(0, n);
+			e.style.filter = `blur(${t.toFixed(2)}px)`;
+		}
+	}
+	function F(e) {
+		j(e), g && (e.style.opacity = h === "in" ? "1" : "0"), E = null, D = 0, k?.(), k = null, w.value = 1, C.value = !1, p.onSettled?.();
+	}
+	function I(e) {
+		let t = o(f.value);
+		if (!t || D) return;
+		let n = N(t), r = new i(n.from, n.to, { transformOrigin: n.origin }), a = h === "in" ? 1 - e : e;
+		r.apply(t, a);
+	}
+	function L() {
+		let e = o(f.value);
+		if (!e) return;
+		M();
+		let t = N(e), n = t.from.x + t.from.width / 2, r = t.from.y + t.from.height / 2, a = t.to.x + t.to.width / 2, s = t.to.y + t.to.height / 2;
+		if (T.value = {
+			travelPx: Math.hypot(a - n, s - r),
+			scaleX: t.from.width > 0 ? t.to.width / t.from.width : 1,
+			scaleY: t.from.height > 0 ? t.to.height / t.from.height : 1,
+			durationMs: S
+		}, C.value = !0, w.value = 0, m && l()) {
+			F(e);
+			return;
+		}
+		k = c(e), E = new i(t.from, t.to, { transformOrigin: t.origin }), O = 0;
+		let d = (t) => {
+			if (!E || !o(f.value)) {
+				M();
+				return;
+			}
+			O === 0 && (O = t);
+			let n = Math.min(1, (t - O) / S), r = x.fn(n);
+			w.value = u(r), P(e, r), p.onFrame?.(u(r)), n < 1 && typeof requestAnimationFrame == "function" ? D = requestAnimationFrame(d) : F(e);
+		};
+		typeof requestAnimationFrame == "function" ? D = requestAnimationFrame(d) : F(e);
+	}
+	return t(M), {
+		play: L,
+		cancel: M,
+		clear: j,
+		seat: I,
+		playing: n(C),
+		progress: n(w),
+		measurement: n(T)
+	};
+}
+//#endregion
+//#region src/composables/motion/useDockCtaReceive.ts
+var p = {
+	fine: {
+		latencyFactor: [.9, 1.2],
+		travelPx: [16, 520],
+		scaleRatio: [.2, 1.4]
+	},
+	coarse: {
+		latencyFactor: [.9, 1.2],
+		travelPx: [16, 360],
+		scaleRatio: [.2, 1.4]
+	},
+	"reduced-motion": {
+		latencyFactor: [0, .017],
+		travelPx: [0, 0],
+		scaleRatio: [1, 1]
+	},
+	"no-target": {
+		latencyFactor: [0, .017],
+		travelPx: [0, 0],
+		scaleRatio: [1, 1]
+	}
+};
+function m(e, t) {
+	let i = t.respectReducedMotion !== !1, a = r(!1), s = r({
+		phase: "idle",
+		path: null,
+		run: 0,
+		interruptions: 0,
+		resets: 0,
+		startedAtMs: null,
+		settledAtMs: null,
+		handedOffAtMs: null,
+		completedAtMs: null,
+		latencyMs: null,
+		travelPx: 0,
+		scaleRatio: 1,
+		latencyBandMs: null,
+		travelBandPx: null,
+		scaleBand: null,
+		withinBand: null,
+		supportsReverse: !1
+	}), c = () => typeof performance < "u" ? performance.now() : Date.now(), u = (e, [t, n]) => e >= t && e <= n;
+	function d() {
+		let e = o(t.dockControl.value);
+		e && (e.setAttribute("data-cta-pending", ""), a.value = !0);
+	}
+	function m() {
+		a.value = !1;
+		let e = o(t.dockControl.value);
+		e && e.removeAttribute("data-cta-pending");
+	}
+	function h() {
+		s.value = {
+			...s.value,
+			phase: "handed-off",
+			handedOffAtMs: c()
+		}, m(), t.onReceived?.();
+		let e = c(), n = e - (s.value.startedAtMs ?? e), r = p[s.value.path ?? "fine"], i = _.measurement.value?.durationMs ?? 1920, a = [i * r.latencyFactor[0], i * r.latencyFactor[1]];
+		s.value = {
+			...s.value,
+			phase: "completed",
+			completedAtMs: e,
+			latencyMs: n,
+			latencyBandMs: a,
+			travelBandPx: r.travelPx,
+			scaleBand: r.scaleRatio,
+			withinBand: u(n, a) && u(s.value.travelPx, r.travelPx) && u(s.value.scaleRatio, r.scaleRatio)
+		};
+	}
+	function g() {
+		let e = _.measurement.value, t = s.value.path, n = t === "fine" || t === "coarse";
+		s.value = {
+			...s.value,
+			phase: "settled",
+			settledAtMs: c(),
+			travelPx: n ? e?.travelPx ?? 0 : 0,
+			scaleRatio: n && e ? Math.sqrt(Math.abs(e.scaleX * e.scaleY)) : 1
+		}, h();
+	}
+	let _ = f(e, {
+		direction: "out",
+		to: t.dockControl,
+		origin: "center",
+		preset: t.preset ?? "snappy",
+		respectReducedMotion: t.respectReducedMotion,
+		channels: {
+			opacity: !0,
+			blur: t.blur ?? 4
+		},
+		onSettled: g
+	});
+	function v() {
+		let n = o(e.value);
+		if (!n) return;
+		let r = _.playing.value, a = !!o(t.dockControl.value), u = a ? i && l() ? "reduced-motion" : typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches ? "coarse" : "fine" : "no-target";
+		if (s.value = {
+			...s.value,
+			phase: "receiving",
+			path: u,
+			run: s.value.run + 1,
+			interruptions: s.value.interruptions + Number(r),
+			startedAtMs: c(),
+			settledAtMs: null,
+			handedOffAtMs: null,
+			completedAtMs: null,
+			latencyMs: null,
+			travelPx: 0,
+			scaleRatio: 1,
+			latencyBandMs: null,
+			travelBandPx: p[u].travelPx,
+			scaleBand: p[u].scaleRatio,
+			withinBand: null
+		}, !a) {
+			n.style.opacity = "0", g();
+			return;
+		}
+		_.play();
+	}
+	function y() {
+		let t = _.playing.value;
+		_.cancel(), _.clear(o(e.value)), s.value = {
+			...s.value,
+			phase: "reset",
+			interruptions: s.value.interruptions + Number(t),
+			resets: s.value.resets + 1,
+			completedAtMs: null,
+			latencyMs: null,
+			withinBand: null
+		};
+	}
+	return {
+		receive: v,
+		reset: y,
+		setPending: d,
+		clearPending: m,
+		pending: n(a),
+		playing: _.playing,
+		progress: _.progress,
+		observables: n(s)
+	};
+}
+//#endregion
+export { c as a, s as i, m as n, l as o, o as r, f as s, p as t };

package/dist/{useGooMorph-CU1pwuC6.js → useGooMorph-D1F6QJlH.js}

@@ -54,33 +54,114 @@ function u() {
 function d() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function f(e, t) {
-	let n = typeof document > "u" ? void 0 : document;
-	if (!n || typeof n.startViewTransition != "function" || t?.instantUnderReducedMotion && d()) return {
+function f() {
+	return typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("selector(:active-view-transition-type(glass))");
+}
+function p(e) {
+	return {
 		finished: (async () => e())().then(() => void 0, () => void 0),
 		transitioned: !1
 	};
-	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
-		update: () => e(),
-		types: t.types
-	}) : n.startViewTransition(() => e());
+}
+function m(e, t) {
+	let n = typeof document > "u" ? void 0 : document;
+	if (!n || typeof n.startViewTransition != "function" || t?.instantUnderReducedMotion && d()) return p(e);
+	let r;
+	try {
+		r = t?.types?.length && f() ? n.startViewTransition({
+			update: e,
+			types: t.types
+		}) : n.startViewTransition(e);
+	} catch {
+		return p(e);
+	}
 	return r.ready?.catch(() => {}), {
 		finished: r.finished.then(() => void 0, () => void 0),
 		transitioned: !0
 	};
 }
-function p(e, t) {
-	return f(e, {
+function h(e, t) {
+	return m(e, {
 		...t,
 		instantUnderReducedMotion: !0
 	});
 }
-function m() {
+function g() {
 	return u();
 }
 //#endregion
+//#region src/composables/motion/useTextHighlight.ts
+var _ = /* @__PURE__ */ new Map();
+function v() {
+	return typeof CSS < "u" && "highlights" in CSS && typeof globalThis.Highlight == "function";
+}
+function y(e) {
+	let t = _.get(e);
+	if (!t || t.size === 0) {
+		CSS.highlights.delete(e);
+		return;
+	}
+	let n = new Highlight();
+	for (let e of t) for (let t of e.ranges) n.add(t);
+	CSS.highlights.set(e, n);
+}
+function b(e, t) {
+	let n = t.trim().toLowerCase();
+	if (!n) return [];
+	let r = e.toLowerCase(), i = [], a = 0;
+	for (;;) {
+		let e = r.indexOf(n, a);
+		if (e === -1) break;
+		i.push({
+			start: e,
+			end: e + n.length
+		}), a = e + n.length;
+	}
+	return i;
+}
+function x(e) {
+	let r = v(), i = null;
+	function a() {
+		if (i) return i;
+		i = { ranges: [] };
+		let t = _.get(e);
+		return t || (t = /* @__PURE__ */ new Set(), _.set(e, t)), t.add(i), i;
+	}
+	function o(t) {
+		r && (a().ranges = t.slice(), y(e));
+	}
+	function s(e, t, n = b) {
+		if (!r) return;
+		let i = [], a = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
+		for (let e = a.nextNode(); e; e = a.nextNode()) {
+			let r = e.textContent ?? "";
+			if (r) for (let a of n(r, t)) {
+				if (a.start >= a.end) continue;
+				let t = document.createRange();
+				t.setStart(e, a.start), t.setEnd(e, a.end), i.push(t);
+			}
+		}
+		o(i);
+	}
+	function c() {
+		!r || !i || (i.ranges = [], y(e));
+	}
+	function l() {
+		if (!r || !i) return;
+		_.get(e)?.delete(i), y(e);
+		let t = _.get(e);
+		t && t.size === 0 && _.delete(e), i = null;
+	}
+	return t() && n(l), {
+		set: o,
+		setFromMatches: s,
+		clear: c,
+		supported: r
+	};
+}
+//#endregion
 //#region src/composables/motion/morphSignatures.ts
-var h = {
+var S = {
 	lateralNeck: {
 		vector: "lateral",
 		kRest: .92,
@@ -130,45 +211,45 @@ var h = {
 		neckHold: .45,
 		maxStretch: 1.1
 	}
-}, g = 1.618033988749895;
-function _(e, t) {
+}, C = 1.618033988749895;
+function w(e, t) {
 	return Math.sin(Math.PI * Math.min(1, Math.max(0, e))) ** +t;
 }
-function v(e) {
-	return Math.max(1, e) / g;
+function T(e) {
+	return Math.max(1, e) / C;
 }
-function y(e) {
-	let { A: t, B: n, fromIdx: r, toIdx: i, gooT: a, step: o, neckGap: s, weight: c } = e, l = v(o), u = n - t, d = i - r, f = d === 0 ? 1 : Math.min(1, Math.max(0, (a - r) / d)), p = 1 - _(f, 1) * (1 - s), m = (t + n) / 2, h = u / 2 * p, g = m - h, y = m + h, b = _(f, 1.5), x = Math.abs(y - g), S = Math.min(1, Math.max(0, c)), C = 1 + _(f, 1) * .12 * S, w = 1 / C, T = -l * .06 * _(f, 1) * S;
+function E(e) {
+	let { A: t, B: n, fromIdx: r, toIdx: i, gooT: a, step: o, neckGap: s, weight: c } = e, l = T(o), u = n - t, d = i - r, f = d === 0 ? 1 : Math.min(1, Math.max(0, (a - r) / d)), p = 1 - w(f, 1) * (1 - s), m = (t + n) / 2, h = u / 2 * p, g = m - h, _ = m + h, v = w(f, 1.5), y = Math.abs(_ - g), b = Math.min(1, Math.max(0, c)), x = 1 + w(f, 1) * .12 * b, S = 1 / x, C = -l * .06 * w(f, 1) * b;
 	return {
 		D: l,
 		cA: g,
-		cB: y,
+		cB: _,
 		mid: m,
-		neckSpanScale: l > 0 ? x / l : 1,
-		neckGirth: b,
-		stretchOn: C,
-		stretchCross: w,
-		arc: T
+		neckSpanScale: l > 0 ? y / l : 1,
+		neckGirth: v,
+		stretchOn: x,
+		stretchCross: S,
+		arc: C
 	};
 }
-function b(e, t, n, r, i) {
+function D(e, t, n, r, i) {
 	return i ? `translateY(${e.toFixed(2)}px) translateX(${t.toFixed(2)}px) translateY(-50%) translateX(-50%) scaleY(${n.toFixed(4)}) scaleX(${r.toFixed(4)})` : `translateX(${e.toFixed(2)}px) translateY(${t.toFixed(2)}px) translateX(-50%) translateY(-50%) scaleX(${n.toFixed(4)}) scaleY(${r.toFixed(4)})`;
 }
-function x(e, t, n, r) {
+function O(e, t, n, r) {
 	return r ? `translateY(${e.toFixed(2)}px) translateY(-50%) scaleY(${t.toFixed(4)}) scaleX(${n.toFixed(4)})` : `translateX(${e.toFixed(2)}px) translateX(-50%) scaleX(${t.toFixed(4)}) scaleY(${n.toFixed(4)})`;
 }
-function S(e, t) {
+function k(e, t) {
 	return t ? `translateY(${e.toFixed(2)}px) translateY(-50%) scaleY(0.0001) scaleX(0)` : `translateX(${e.toFixed(2)}px) translateX(-50%) scaleX(0.0001) scaleY(0)`;
 }
 //#endregion
 //#region src/composables/motion/useGooMorph.ts
-var C = h.lateralNeck, w = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function T(e, t, n) {
+var A = S.lateralNeck, j = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function M(e, t, n) {
 	let r = getComputedStyle(e).getPropertyValue(t).trim();
 	return r ? r.endsWith("ms") ? Number.parseFloat(r) || n : r.endsWith("s") ? (Number.parseFloat(r) || n / 1e3) * 1e3 : Number.parseFloat(r) || n : n;
 }
-function E(t) {
-	let { barbellRefs: r, hostRef: i, vertical: a, centerOf: o, restSize: s, tokenPrefix: c = "pager-worm", neckGap: l = C.kPeak } = t, { bodyARef: u, bodyBRef: d, neckRef: f } = r, p = `--${c}-flow`, m = `--${c}-duration`, h = `--${c}-max-stretch`, g = e({
+function N(t) {
+	let { barbellRefs: r, hostRef: i, vertical: a, centerOf: o, restSize: s, tokenPrefix: c = "pager-worm", neckGap: l = A.kPeak } = t, { bodyARef: u, bodyBRef: d, neckRef: f } = r, p = `--${c}-flow`, m = `--${c}-duration`, h = `--${c}-max-stretch`, g = e({
 		from: 0,
 		to: 0,
 		axis: "width",
@@ -180,89 +261,89 @@ function E(t) {
 			return Number(t) || 1.4;
 		}
 	}), _ = 0, v = null;
-	function E() {
+	function y() {
 		_ &&= (cancelAnimationFrame(_), 0), v &&= (clearTimeout(v), null);
 	}
-	function D(e) {
+	function b(e) {
 		let t = getComputedStyle(e).getPropertyValue("--goo-t").trim();
 		return Number.parseFloat(t) || 0;
 	}
-	function O(e) {
+	function x(e) {
 		let t = getComputedStyle(e).getPropertyValue(`--${c}-neck-gap`).trim(), n = Number.parseFloat(t);
 		return Number.isFinite(n) && n > 0 ? n : l;
 	}
-	function k(e, t, n, r, i) {
-		e.style.transform = b(t, n, r, i, a.value);
+	function S(e, t, n, r, i) {
+		e.style.transform = D(t, n, r, i, a.value);
 	}
-	function A(e, t, n, r, o) {
+	function C(e, t, n, r, o) {
 		let c = u.value, l = d.value, p = f.value, m = i.value;
 		if (!c || !l || !p || !m) return;
-		let h = getComputedStyle(m).getPropertyValue("--goo-weight").trim(), g = Number.parseFloat(h) || 0, _ = y({
+		let h = getComputedStyle(m).getPropertyValue("--goo-weight").trim(), g = Number.parseFloat(h) || 0, _ = E({
 			A: e,
 			B: t,
 			fromIdx: n,
 			toIdx: r,
 			gooT: o,
 			step: s(),
-			neckGap: O(m),
+			neckGap: x(m),
 			weight: g
 		});
-		k(c, _.cA, _.arc, _.stretchOn, _.stretchCross), k(l, _.cB, _.arc, _.stretchOn, _.stretchCross), p.style.transform = x(_.mid, _.neckSpanScale, _.neckGirth, a.value), p.style.opacity = _.neckGirth.toFixed(4), m.style.setProperty("--goo-neck-girth", _.neckGirth.toFixed(4));
+		S(c, _.cA, _.arc, _.stretchOn, _.stretchCross), S(l, _.cB, _.arc, _.stretchOn, _.stretchCross), p.style.transform = O(_.mid, _.neckSpanScale, _.neckGirth, a.value), p.style.opacity = _.neckGirth.toFixed(4), m.style.setProperty("--goo-neck-girth", _.neckGirth.toFixed(4));
 	}
-	function j(e) {
+	function w(e) {
 		let t = u.value, n = d.value, r = f.value, s = i.value, c = o(e);
-		!t || !n || !r || c == null || (k(t, c, 0, 1, 1), k(n, c, 0, 1, 1), r.style.opacity = "0", r.style.transform = S(c, a.value), s && (s.style.setProperty("--goo-neck-girth", "0"), s.style.setProperty("--stretch", "1")));
+		!t || !n || !r || c == null || (S(t, c, 0, 1, 1), S(n, c, 0, 1, 1), r.style.opacity = "0", r.style.transform = k(c, a.value), s && (s.style.setProperty("--goo-neck-girth", "0"), s.style.setProperty("--stretch", "1")));
 	}
-	function M(e) {
-		E();
+	function T(e) {
+		y();
 		let t = i.value;
 		if (t) {
 			let n = t.style.transition;
 			t.style.transition = "none", t.style.setProperty("--goo-t", String(e)), t.offsetWidth, t.style.transition = n;
 		}
-		j(e);
+		w(e);
 	}
 	function N(e) {
 		let t = i.value;
-		if (!t || !u.value || w()) return;
-		E();
+		if (!t || !u.value || j()) return;
+		y();
 		let n = t.style.transition;
 		t.style.transition = "none", t.style.setProperty("--goo-t", String(e)), t.offsetWidth, t.style.transition = n;
 		let r = Math.floor(e), a = Math.ceil(e), s = o(r), c = o(a);
-		s == null || c == null || A(s, c, r, a, e);
+		s == null || c == null || C(s, c, r, a, e);
 	}
 	function P(e, t) {
 		let n = i.value;
 		if (!u.value || !n || e === t) {
-			n && M(t);
+			n && T(t);
 			return;
 		}
-		if (w()) {
-			M(t);
+		if (j()) {
+			T(t);
 			return;
 		}
 		let r = o(e), s = o(t);
 		if (r == null || s == null) {
-			M(t);
+			T(t);
 			return;
 		}
-		E();
+		y();
 		let c = a.value ? n.offsetHeight || 1 : n.offsetWidth || 1, l = Math.min(Math.abs(s - r) / Math.max(1, c), 1), d = Math.max(.5, l);
 		g.squish(d), n.style.setProperty("--stretch", String(g.stretch.value));
-		let f = T(n, m, 1800), h = getComputedStyle(n).getPropertyValue(p).trim() || "ease-in-out";
+		let f = M(n, m, 1800), h = getComputedStyle(n).getPropertyValue(p).trim() || "ease-in-out";
 		n.style.transition = "none", n.style.setProperty("--goo-t", String(e)), n.offsetWidth, n.style.transition = `--goo-t ${f}ms ${h}`, n.style.setProperty("--goo-t", String(t)), v = setTimeout(() => {
 			g.squish(0), n.style.setProperty("--stretch", String(g.stretch.value)), v = null;
 		}, f * .82);
-		let y = performance.now(), b = () => {
-			A(r, s, e, t, D(n)), performance.now() - y < f + 80 ? _ = requestAnimationFrame(b) : (_ = 0, j(t));
+		let x = performance.now(), S = () => {
+			C(r, s, e, t, b(n)), performance.now() - x < f + 80 ? _ = requestAnimationFrame(S) : (_ = 0, w(t));
 		};
-		_ = requestAnimationFrame(b);
+		_ = requestAnimationFrame(S);
 	}
-	return n(E), {
+	return n(y), {
 		travel: P,
-		snap: M,
+		snap: T,
 		drive: N
 	};
 }
 //#endregion
-export { m as a, f as i, h as n, u as o, p as r, l as s, E as t };
+export { m as a, l as c, h as i, S as n, g as o, x as r, u as s, N as t };

package/dist/{useIntersectionPause-Cmt5Tnv9.js → useIntersectionPause-B-dbxl9w.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useDocumentVisibility-CpJGUgcJ.js";
+import { t as e } from "./useDocumentVisibility-YeBDGqtI.js";
 import { getCurrentScope as t, onScopeDispose as n, readonly as r, ref as i, toValue as a, watch as o } from "vue";
 //#region src/composables/motion/useIntersectionPause.ts
 function s(s, c, l = {}) {

package/dist/useLiquidPress-BYcwwGQV.js

@@ -0,0 +1,68 @@
+import { t as e } from "./useSpringPress-BypV_KO-.js";
+import { t } from "./useLiquidFlex-Ch4exNvN.js";
+import { n } from "./writeVelocityWeight-D_AcvTsE.js";
+import { computed as r, onMounted as i, readonly as a, ref as o, toValue as s, watch as c } from "vue";
+//#region src/composables/motion/useLiquidPress.ts
+function l(l = {}) {
+	let u = l.shrinkDepth ?? .03, d = l.pressVar ?? "--press-t", f = l.engageThreshold ?? .001, p = l.squish !== !1, m = e({
+		response: l.response,
+		dampingFraction: l.dampingFraction,
+		initial: l.initial,
+		initialVelocity: l.initialVelocity,
+		settleThreshold: l.settleThreshold,
+		velocitySettleThreshold: l.velocitySettleThreshold,
+		respectReducedMotion: l.respectReducedMotion,
+		onValue: l.onValue
+	}), h = p ? t({
+		from: 0,
+		to: 1,
+		axis: "width",
+		maxStretch: () => n(l.el?.value ?? null, s(l.maxStretch ?? 1.04)),
+		squishLaw: "linear"
+	}) : null, g = o(!1);
+	i(() => {
+		g.value = !0;
+	});
+	let _ = () => !!s(l.disabled), v = () => {
+		_() || m.press();
+	}, y = () => m.release();
+	l.disabled !== void 0 && c(_, (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 && c(() => m.value.value, (e) => h.squish(e), {
+		immediate: !0,
+		flush: "sync"
+	});
+	let S = r(() => {
+		let e = m.value.value, t = h ? h.stretch.value : 1, n = 1 - e * u, r = (n * t).toFixed(4), i = (n / t).toFixed(4), a = { [d]: e.toFixed(4) };
+		return h && (a["--flex-vel"] = h.flexVel.value.toFixed(4)), e > f && (a.scale = `${r} ${i}`), a;
+	});
+	return {
+		value: m.value,
+		press: v,
+		release: y,
+		armed: a(g),
+		handlers: x,
+		pressStyle: S
+	};
+}
+//#endregion
+export { l as t };

package/dist/{useRAFLoop-CvOo_kgb.js → useRAFLoop-BtwQ9DyY.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useDocumentVisibility-CpJGUgcJ.js";
+import { t as e } from "./useDocumentVisibility-YeBDGqtI.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() {

package/dist/{useScrollProgress-C-yImzhU.js → useScrollProgress-DZI4nf4v.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./supportsCssTimeline-Ie4xJFbD.js";
+import { t as e } from "./supportsCssTimeline-Dz-GVxXM.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();

package/dist/{useSelectionGroup-Btpf24aY.js → useSelectionGroup-LDzBdR1Y.js}

@@ -1,6 +1,6 @@
-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 { t as e } from "./supportsCssTimeline-Dz-GVxXM.js";
+import { t } from "./scrollReader-C2oK9Hb8.js";
+import { a as n, t as r } from "./useTabRovingFocus-DkLYwo4L.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();

package/dist/{useTabRovingFocus-CG1H1k1J.js → useTabRovingFocus-DkLYwo4L.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./useLiquidFlex-Ch4exNvN.js";
-import { n as t, r as n } from "./writeVelocityWeight-D1rvdxJu.js";
+import { n as t, r as n } from "./writeVelocityWeight-D_AcvTsE.js";
 import { computed as r, nextTick as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
 //#region src/composables/motion/useSelectionIndicator.ts
 var l = 1.11, u = 1.045, d = .82;

package/dist/{useTouchGate-BlegwvwL.js → useTouchGate-Cj5fOkTv.js}

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