@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/useAccentTone-DFAh1osB.js

@@ -0,0 +1,47 @@
+import { computed as e, ref as t, toValue as n } from "vue";
+//#region src/composables/color/useAccentTone.ts
+var r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a, o = (e, t) => `${e}|${t.surface ?? ""}|${t.inkContrast ?? ""}|${t.bandStrength ?? ""}`;
+function s() {
+	return a ??= import("./accent-tone-solve-Cw7WkRD9.js").catch(() => null);
+}
+function c(e, t) {
+	let n = i.get(e) ?? /* @__PURE__ */ new Set();
+	n.add(t), i.set(e, n);
+}
+function l(e, t) {
+	r.set(e, t);
+	let n = i.get(e);
+	i.delete(e);
+	for (let e of n ?? []) e.value++;
+}
+function u(i, a = {}) {
+	let u = t(0), d = e(() => {
+		u.value;
+		let e = n(i) || "var(--primary)";
+		if (/var\(/.test(e)) return "";
+		let t = o(e, a), d = r.get(t);
+		return d?.state === "fulfilled" ? d.value : d?.state === "absent" ? "" : d?.state === "pending" ? (c(t, u), "") : (c(t, u), s().then((n) => {
+			if (!n) {
+				l(t, { state: "absent" });
+				return;
+			}
+			try {
+				l(t, {
+					state: "fulfilled",
+					value: n.solveAccentInk(e, a)
+				});
+			} catch (n) {
+				console.warn(`useAccentTone: ink solve failed for ${e}; using the CSS fallback ink`, n), l(t, { state: "absent" });
+			}
+		}), r.set(t, { state: "pending" }), "");
+	});
+	return {
+		toneStyle: e(() => {
+			let e = { "--tone": n(i) || "var(--primary)" }, t = d.value;
+			return t && (e["--accent-ink-resolved"] = t), e;
+		}),
+		ink: d
+	};
+}
+//#endregion
+export { u as t };

package/dist/useClipboard-D36OTaeT.js

@@ -0,0 +1,53 @@
+import { computed as e, onScopeDispose as t, ref as n } from "vue";
+//#region src/composables/dom/useClipboard.ts
+async function r(e) {
+	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return {
+		ok: !1,
+		reason: "no-api"
+	};
+	try {
+		return await navigator.clipboard.writeText(e), { ok: !0 };
+	} catch (e) {
+		return console.warn("[useClipboard] clipboard writeText rejected:", e), {
+			ok: !1,
+			reason: "clipboard-api"
+		};
+	}
+}
+function i(i = {}) {
+	let a = n("idle"), o = e(() => a.value), s = !0, c = 0, l = null;
+	function u() {
+		l != null && (clearTimeout(l), l = null);
+	}
+	function d() {
+		s && (c++, u(), a.value = "idle");
+	}
+	function f(e) {
+		let t = r(e);
+		return i.timeoutMs == null ? t : new Promise((e) => {
+			l = setTimeout(() => {
+				l = null, e({
+					ok: !1,
+					reason: "clipboard-api"
+				});
+			}, i.timeoutMs), t.then(e);
+		});
+	}
+	async function p(e) {
+		let t = ++c;
+		u(), a.value = "pending";
+		let n = await f(e);
+		return !s || t !== c ? n : (u(), n.ok ? (a.value = "success", l = setTimeout(() => {
+			s && t === c && (a.value = "idle"), l = null;
+		}, i.resetMs ?? 1500), n) : (a.value = "failure", i.onCopyError?.(n.reason), n));
+	}
+	return t(() => {
+		s = !1, c++, u();
+	}), {
+		status: o,
+		copy: p,
+		invalidate: d
+	};
+}
+//#endregion
+export { r as n, i as t };

package/dist/useDockCtaReceive-BSSgD6mu.js

@@ -0,0 +1,146 @@
+import { t as e } from "./asElement-CRnm6A2v.js";
+import { i as t, r as n } from "./useDragMorph-B363RUbF.js";
+import { readonly as r, ref as i } from "vue";
+//#region src/composables/motion/morph/useDockCtaReceive.ts
+var a = {
+	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 o(o, s) {
+	let c = s.respectReducedMotion !== !1, l = i(!1), u = i({
+		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
+	}), d = () => typeof performance < "u" ? performance.now() : Date.now(), f = (e, [t, n]) => e >= t && e <= n;
+	function p() {
+		let t = e(s.dockControl.value);
+		t && (t.setAttribute("data-cta-pending", ""), l.value = !0);
+	}
+	function m() {
+		l.value = !1;
+		let t = e(s.dockControl.value);
+		t && t.removeAttribute("data-cta-pending");
+	}
+	function h() {
+		u.value = {
+			...u.value,
+			phase: "handed-off",
+			handedOffAtMs: d()
+		}, m(), s.onReceived?.();
+		let e = d(), t = e - (u.value.startedAtMs ?? e), n = a[u.value.path ?? "fine"], r = _.measurement.value?.durationMs ?? 1920, i = [r * n.latencyFactor[0], r * n.latencyFactor[1]];
+		u.value = {
+			...u.value,
+			phase: "completed",
+			completedAtMs: e,
+			latencyMs: t,
+			latencyBandMs: i,
+			travelBandPx: n.travelPx,
+			scaleBand: n.scaleRatio,
+			withinBand: f(t, i) && f(u.value.travelPx, n.travelPx) && f(u.value.scaleRatio, n.scaleRatio)
+		};
+	}
+	function g() {
+		let e = _.measurement.value, t = u.value.path, n = t === "fine" || t === "coarse";
+		u.value = {
+			...u.value,
+			phase: "settled",
+			settledAtMs: d(),
+			travelPx: n ? e?.travelPx ?? 0 : 0,
+			scaleRatio: n && e ? Math.sqrt(Math.abs(e.scaleX * e.scaleY)) : 1
+		}, h();
+	}
+	let _ = t(o, {
+		source: "self",
+		destination: s.dockControl,
+		preset: s.preset ?? "dock",
+		respectReducedMotion: s.respectReducedMotion,
+		channels: {
+			opacity: !0,
+			blur: s.blur ?? 4
+		},
+		onSettled: g
+	});
+	function v() {
+		let t = e(o.value);
+		if (!t) return;
+		let r = _.playing.value, i = !!e(s.dockControl.value), l = i ? c && n() ? "reduced-motion" : typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches ? "coarse" : "fine" : "no-target";
+		if (u.value = {
+			...u.value,
+			phase: "receiving",
+			path: l,
+			run: u.value.run + 1,
+			interruptions: u.value.interruptions + Number(r),
+			startedAtMs: d(),
+			settledAtMs: null,
+			handedOffAtMs: null,
+			completedAtMs: null,
+			latencyMs: null,
+			travelPx: 0,
+			scaleRatio: 1,
+			latencyBandMs: null,
+			travelBandPx: a[l].travelPx,
+			scaleBand: a[l].scaleRatio,
+			withinBand: null
+		}, !i) {
+			t.style.opacity = "0", g();
+			return;
+		}
+		_.play();
+	}
+	function y() {
+		let t = _.playing.value;
+		_.cancel(), _.clear(e(o.value)), u.value = {
+			...u.value,
+			phase: "reset",
+			interruptions: u.value.interruptions + Number(t),
+			resets: u.value.resets + 1,
+			completedAtMs: null,
+			latencyMs: null,
+			withinBand: null
+		};
+	}
+	return {
+		receive: v,
+		reset: y,
+		setPending: p,
+		clearPending: m,
+		pending: r(l),
+		playing: _.playing,
+		progress: _.progress,
+		observables: r(u)
+	};
+}
+//#endregion
+export { o as n, a as t };

package/dist/useDragMorph-B363RUbF.js

@@ -0,0 +1,293 @@
+import { t as e } from "./asElement-CRnm6A2v.js";
+import { t } from "./motionTempo-tscp92Nm.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";
+import { Draggable as u, NumericAnimation as d, SpringProgress as f, springTimingFunction as p } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/morph/useElementMorph.ts
+function m(e) {
+	let t = e.style.transitionProperty;
+	return e.style.transitionProperty = "none", () => {
+		e.style.transitionProperty = t;
+	};
+}
+function h() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var g = (e) => e < 0 ? 0 : e > 1 ? 1 : e, _ = (e) => ({
+	x: e.x,
+	y: e.y,
+	width: e.width,
+	height: e.height
+}), v = (e) => e.x + e.width / 2, y = (e) => e.y + e.height / 2;
+function b(r, i) {
+	let a = i.respectReducedMotion !== !1, u = i.channels?.opacity !== !1, f = Math.max(0, i.channels?.blur ?? 0), { response: b, dampingFraction: x } = n(i.preset ?? "dock"), S = p({
+		response: b,
+		dampingFraction: x
+	}), C = c(!1), w = c(0), T = c(null), E = null, D = null, O = null, k = null, A = "", j = b * 4 * 1e3, M = null, N = null;
+	function P() {
+		let e = E;
+		E = null, e?.stop();
+	}
+	function F() {
+		N?.disconnect(), N = null;
+	}
+	function I(t) {
+		let n = t ?? e(r.value);
+		n && (n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "", n.style.filter = ""), M?.(), M = null;
+	}
+	function L() {
+		let e = D;
+		P(), F(), e ? I(e) : (M?.(), M = null), D = null, O = null, k = null, C.value = !1;
+	}
+	function R(e) {
+		let t = e.style.transform;
+		e.style.transform = "";
+		let n = _(e.getBoundingClientRect());
+		return e.style.transform = t, n;
+	}
+	function z(t, n) {
+		if (t === "self") return n;
+		let r = e(t.value);
+		return r ? _(r.getBoundingClientRect()) : null;
+	}
+	function B(e) {
+		let t = R(e), n = z(i.source, t), r = z(i.destination, t);
+		return !n || !r ? null : {
+			base: t,
+			source: n,
+			destination: r
+		};
+	}
+	function V(e, t) {
+		let n = g(t), { base: r, source: a, destination: o } = e, s = a.width + (o.width - a.width) * n, c = a.height + (o.height - a.height) * n, l = a.x + (o.x - a.x) * n, d = a.y + (o.y - a.y) * n, p = r.width > 0 ? s / r.width : 1, m = r.height > 0 ? c / r.height : 1, h = i.source === "self", _ = i.destination === "self", b = h === _ ? 1 : h ? 1 - n : n, x = h === _ ? 0 : h ? f * n : f * (1 - n);
+		return {
+			translateX: l + s / 2 - v(r),
+			translateY: d + c / 2 - y(r),
+			scaleX: p,
+			scaleY: m,
+			opacity: u ? b : 1,
+			blur: x,
+			clock: n
+		};
+	}
+	function H(e, t) {
+		O = t, e.style.transform = `translate(${t.translateX}px, ${t.translateY}px) scale(${t.scaleX}, ${t.scaleY})`, e.style.transformOrigin = "center center", u && (e.style.opacity = String(g(t.opacity))), f > 0 && (e.style.filter = `blur(${Math.max(0, t.blur).toFixed(2)}px)`);
+	}
+	function U(e) {
+		let { base: t, source: n, destination: r } = e;
+		return [
+			t.x,
+			t.y,
+			t.width,
+			t.height,
+			n.x,
+			n.y,
+			n.width,
+			n.height,
+			r.x,
+			r.y,
+			r.width,
+			r.height
+		].join(":");
+	}
+	function W(e) {
+		let { source: t, destination: n } = e;
+		T.value = {
+			travelPx: Math.hypot(v(n) - v(t), y(n) - y(t)),
+			scaleX: t.width > 0 ? n.width / t.width : 1,
+			scaleY: t.height > 0 ? n.height / t.height : 1,
+			durationMs: j
+		};
+	}
+	function G(e, t) {
+		if (t && E !== t) return;
+		E = null, F();
+		let n = k ? V(k, 1) : null;
+		I(e), u && n && (e.style.opacity = String(g(n.opacity))), D = null, O = null, w.value = 1, C.value = !1, i.onSettled?.();
+	}
+	function K(t, n, a, o, s) {
+		let c = new d([{
+			...n,
+			clock: 0
+		}, {
+			...a,
+			clock: 1
+		}], {
+			duration: s,
+			timingFunction: S
+		});
+		E = c, c.play((n) => {
+			if (E !== c) return;
+			if (e(r.value) !== t) {
+				L();
+				return;
+			}
+			let a = g(n.clock), s = o + (1 - o) * a;
+			w.value = s, H(t, n), i.onFrame?.(s);
+		}).then(() => G(t, c));
+	}
+	function q(t) {
+		if (F(), typeof ResizeObserver > "u") return;
+		N = new ResizeObserver(J);
+		let n = /* @__PURE__ */ new Set([t]);
+		for (let t of [i.source, i.destination]) if (t !== "self") {
+			let r = e(t.value);
+			r && n.add(r);
+		}
+		n.forEach((e) => N?.observe(e));
+	}
+	function J() {
+		let e = D;
+		if (!e || !C.value || !O) return;
+		let t = B(e);
+		if (!t) return;
+		let n = U(t);
+		if (n === A) return;
+		A = n, k = t, W(t);
+		let r = O, i = w.value;
+		P(), K(e, r, V(t, 1), i, Math.max(1, j * (1 - i)));
+	}
+	function Y() {
+		let n = e(r.value);
+		if (!n) return;
+		let i = E !== null && D === n && O !== null, o = i ? O : null;
+		P(), i || (M?.(), M = m(n)), D = n, j = b * 4 * 1e3 * t(n);
+		let s = B(n);
+		if (!s) {
+			C.value = !0, k = null, G(n);
+			return;
+		}
+		k = s, A = U(s), W(s);
+		let c = o ?? V(s, 0);
+		if (H(n, c), w.value = 0, C.value = !0, a && h() || typeof requestAnimationFrame != "function") {
+			G(n);
+			return;
+		}
+		q(n), K(n, c, V(s, 1), 0, j);
+	}
+	function X(t) {
+		let n = e(r.value);
+		if (!n || C.value) return;
+		let i = B(n);
+		if (!i) {
+			u && (n.style.opacity = t < 1 ? "0" : "1");
+			return;
+		}
+		k = i, H(n, V(i, t));
+	}
+	function Z(t, n) {
+		let i = e(r.value);
+		i && (P(), F(), D = i, M ??= m(i), i.style.transform = `translate(${t}px, ${n}px)`, i.style.transformOrigin = "center center");
+	}
+	let Q = [i.source, i.destination].filter((e) => e !== "self"), $ = l(() => Q.map((e) => e.value), () => {
+		!D || !C.value || (q(D), J());
+	}, { flush: "post" });
+	return o(() => {
+		$(), L();
+	}), {
+		play: Y,
+		cancel: L,
+		clear: I,
+		seat: X,
+		offset: Z,
+		refresh: J,
+		playing: s(C),
+		progress: s(w),
+		measurement: s(T)
+	};
+}
+//#endregion
+//#region src/composables/motion/morph/useDragMorph.ts
+function x() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function S(e) {
+	let t = () => typeof e.axis == "function" ? e.axis() : e.axis, l = () => typeof e.snapTargets == "function" ? e.snapTargets() : e.snapTargets, d = e.respectReducedMotion !== !1, p = b(e.surface ?? e.handle, {
+		source: "self",
+		destination: "self",
+		channels: { opacity: !1 },
+		respectReducedMotion: !1
+	}), m = c(!1), h = c(0), { response: g, dampingFraction: _ } = n("dock"), v = null, y = null;
+	function S() {
+		if (v) return v;
+		let n = new f({
+			response: g,
+			dampingFraction: _,
+			respectReducedMotion: d
+		});
+		return v = n, y = n.subscribe((r) => {
+			if (h.value = r, A) {
+				let e = r - T.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;
+	}
+	let C = 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) {
+		let t = l();
+		if (t.length < 2) return 0;
+		let n = t[0].center, r = t[t.length - 1].center - n;
+		if (r === 0) return 0;
+		let i = (e - n) / r;
+		return i < 0 ? 0 : i > 1 ? 1 : i;
+	}
+	function D(e) {
+		let t = l();
+		if (t.length === 0) return null;
+		let n = t[0], r = Math.abs(e - n.center);
+		for (let i = 1; i < t.length; i++) {
+			let a = t[i], o = Math.abs(e - a.center);
+			o < r && (n = a, r = o);
+		}
+		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;
+	}
+	function I() {
+		m.value &&= !1;
+	}
+	function L() {
+		typeof window > "u" || (window.addEventListener("pointerup", I), window.addEventListener("pointercancel", I));
+	}
+	function R() {
+		typeof window > "u" || (window.removeEventListener("pointerup", I), window.removeEventListener("pointercancel", I));
+	}
+	function z() {
+		m.value || P();
+	}
+	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();
+	}
+	return o(B), {
+		dragging: s(m),
+		position: s(h),
+		stretch: s(w),
+		refresh: z,
+		detach: B
+	};
+}
+//#endregion
+export { b as i, m as n, h as r, S as t };

package/dist/{useDragVelocity-CbMZEBaC.js → useDragVelocity-C5BkKiNf.js}

@@ -4,53 +4,57 @@ function i() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function a(a) {
-	let o = () => typeof a.axis == "function" ? a.axis() : a.axis ?? "x", s = a.gain ?? .06, c = a.clamp ?? .7, l = a.respectReducedMotion !== !1, u = r(!1), d = 0, f = 0, p = 0, m = 0, h = !1, g = 0;
-	function _(e) {
-		let t = a.host();
-		t && t.style.setProperty("--atom-drag-v", `${e}`);
+	let o = () => typeof a.axis == "function" ? a.axis() : a.axis ?? "x", s = a.gain ?? .06, c = a.clamp ?? .7, l = a.respectReducedMotion !== !1, u = r(!1), d = 0, f = 0, p = 0, m = 0, h = !1, g = 0, _ = 0;
+	function v(e, t, n) {
+		e && (e.style.setProperty("--atom-drag-v", `${t}`), e.style.setProperty("--flex-vel", n.toFixed(4)));
 	}
-	function v(e) {
+	function y(e, t = 0) {
+		v(a.host(), e, t), v(a.mirror?.() ?? null, e, t);
+	}
+	function b(e) {
 		let t = Math.tanh(s * Math.abs(e));
 		return t > c ? c : t;
 	}
-	function y(e) {
+	function x(e) {
 		if (!h) {
 			d = 0;
 			return;
 		}
 		let t = p ? e - p : 16.7;
 		p = e;
-		let n = v(g / t * 16.7);
-		m = m * .65 + n * .35, g *= .6, _(Number(m.toFixed(4))), d = requestAnimationFrame(y);
+		let n = g / t * 16.7, r = b(n);
+		m = m * .65 + r * .35;
+		let i = Math.tanh(Math.abs(n / 16.7 * 1e3) / 900), a = 1 - Math.exp(-t / 100);
+		_ += (i - _) * a, g *= .6, y(Number(m.toFixed(4)), _), d = requestAnimationFrame(x);
 	}
-	function b(e) {
+	function S(e) {
 		if (!h) return;
 		let t = o() === "y" ? e.clientY : e.clientX;
 		g += t - f, f = t;
 	}
-	function x(e) {
-		if (h = !0, u.value = !0, f = o() === "y" ? e.clientY : e.clientX, p = 0, g = 0, m = 0, l && i()) {
-			_(0);
+	function C(e) {
+		if (h = !0, u.value = !0, f = o() === "y" ? e.clientY : e.clientX, p = 0, g = 0, m = 0, _ = 0, l && i()) {
+			y(0);
 			return;
 		}
-		typeof window < "u" && window.addEventListener("pointermove", b, { passive: !0 }), d ||= requestAnimationFrame(y);
+		typeof window < "u" && window.addEventListener("pointermove", S, { passive: !0 }), d ||= requestAnimationFrame(x);
 	}
-	function S() {
-		h = !1, u.value = !1, d &&= (cancelAnimationFrame(d), 0), typeof window < "u" && window.removeEventListener("pointermove", b), m = 0, g = 0, _(0);
+	function w() {
+		h = !1, u.value = !1, d &&= (cancelAnimationFrame(d), 0), typeof window < "u" && window.removeEventListener("pointermove", S), m = 0, g = 0, _ = 0, y(0);
 	}
-	function C() {
-		h && S();
+	function T() {
+		h && w();
 	}
-	let w = null;
+	let E = null;
 	e(() => {
-		w = a.host(), w && w.addEventListener("pointerdown", x);
-	}), typeof window < "u" && (window.addEventListener("pointerup", C), window.addEventListener("pointercancel", C));
-	function T() {
-		S(), w?.removeEventListener("pointerdown", x), w = null, typeof window < "u" && (window.removeEventListener("pointerup", C), window.removeEventListener("pointercancel", C));
+		E = a.host(), E && E.addEventListener("pointerdown", C);
+	}), typeof window < "u" && (window.addEventListener("pointerup", T), window.addEventListener("pointercancel", T));
+	function D() {
+		w(), E?.removeEventListener("pointerdown", C), E = null, typeof window < "u" && (window.removeEventListener("pointerup", T), window.removeEventListener("pointercancel", T));
 	}
-	return t(T), {
+	return t(D), {
 		dragging: n(u),
-		detach: T
+		detach: D
 	};
 }
 //#endregion

package/dist/useIntersectionPause-CzKR3EyP.js

@@ -0,0 +1,57 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r, toValue as i, watch as a } from "vue";
+//#region src/composables/dom/useDocumentVisibility.ts
+function o() {
+	return typeof document > "u" ? null : document;
+}
+function s() {
+	let n = o(), i = r(!!n?.hidden), a = !1, s = () => {
+		a || (a = !0, n?.removeEventListener("visibilitychange", c));
+	}, c = () => {
+		i.value = !!n?.hidden;
+	};
+	return n ? (n.addEventListener("visibilitychange", c), e() && t(s), {
+		hidden: i,
+		dispose: s
+	}) : {
+		hidden: i,
+		dispose: s
+	};
+}
+//#endregion
+//#region src/composables/motion/core/useIntersectionPause.ts
+function c(o, c, l = {}) {
+	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = r(!0), h = r(!0), g = r(!1), _ = !1, v = null, y = null, b = null, x = null, S = null;
+	function C() {
+		if (_) return;
+		let e = !m.value || !h.value;
+		g.value = e, y !== e && (y = e, e ? c.pause() : c.resume());
+	}
+	typeof IntersectionObserver < "u" && (b = new IntersectionObserver((e) => {
+		for (let t of e) t.target === v && (m.value = t.isIntersecting || t.intersectionRatio > 0, C());
+	}, {
+		root: u,
+		rootMargin: d,
+		threshold: f
+	}));
+	let w = a(() => i(o), (e, t) => {
+		t && b && b.unobserve(t), v = e ?? null, m.value = !0, v && b && b.observe(v), C();
+	}, { immediate: !0 });
+	if (p) {
+		let e = s(), { hidden: t } = e;
+		S = e.dispose, h.value = !t.value, x = a(t, (e) => {
+			h.value = !e, C();
+		}, { flush: "sync" });
+	}
+	function T() {
+		_ || (_ = !0, w(), x?.(), x = null, S?.(), S = null, b?.disconnect(), b = null, v = null);
+	}
+	return e() && t(T), {
+		isIntersecting: n(m),
+		isDocumentVisible: n(h),
+		isPaused: n(g),
+		refresh: C,
+		dispose: T
+	};
+}
+//#endregion
+export { s as n, c as t };