@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/useLeadTrail-DQWdpFN1.js

@@ -0,0 +1,83 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { n as t } from "./springPresets-Cbe0Voqg.js";
+import { n } from "./constants-Dk96HZHu.js";
+import { onScopeDispose as r, readonly as i, ref as a, watch as o } from "vue";
+//#region src/composables/motion/morph/useLeadTrail.ts
+var s = .08, c = 8, l = .3, u = 2, d = 40;
+function f(e, t, n) {
+	let r = e * t;
+	return r > n ? n : r < -n ? -n : r;
+}
+function p(p = {}) {
+	let m = t("dock"), h = 2 * Math.PI / m.response, g = m.dampingFraction, _ = p.tau ?? s, v = () => typeof p.ceil == "function" ? p.ceil() : p.ceil ?? Infinity, y = p.respectReducedMotion !== !1, b = p.onFrame, x = a(0), S = a(0), C = a(!0), w = 0, T = 0, E = 0, D = 0, O = 0, k = y ? e() : a(!1), A = typeof window < "u" && typeof window.requestAnimationFrame == "function";
+	function j() {
+		let e = w - f(T, _, v());
+		return {
+			lead: w,
+			trail: e,
+			velocity: T,
+			lo: Math.min(w, e),
+			hi: Math.max(w, e),
+			settled: C.value
+		};
+	}
+	function M() {
+		let e = j();
+		x.value = e.lead, S.value = e.trail, b?.(e);
+	}
+	function N() {
+		return Math.abs(w - E) < l && Math.abs(T) < u;
+	}
+	function P() {
+		D &&= (cancelAnimationFrame(D), 0);
+	}
+	function F(e) {
+		let t = O ? Math.min(e - O, d) : n;
+		O = e;
+		let r = t / 1e3 / c;
+		for (let e = 0; e < c; e++) {
+			let e = -h * h * (w - E) - 2 * g * h * T;
+			T += e * r, w += T * r;
+		}
+		if (M(), N()) {
+			w = E, T = 0, C.value = !0, M(), P();
+			return;
+		}
+		D = requestAnimationFrame(F);
+	}
+	function I() {
+		if (!A) {
+			M();
+			return;
+		}
+		D ||= (O = 0, requestAnimationFrame(F));
+	}
+	function L(e) {
+		if (Number.isFinite(e)) {
+			if (E = e, k.value) {
+				R(e);
+				return;
+			}
+			C.value = !1, I();
+		}
+	}
+	function R(e) {
+		Number.isFinite(e) && (P(), E = e, w = e, T = 0, C.value = !0, M());
+	}
+	let z = o(k, (e) => {
+		e && R(E);
+	}, { flush: "sync" });
+	function B() {
+		P(), z();
+	}
+	return r(B), {
+		lead: i(x),
+		trail: i(S),
+		settled: i(C),
+		drive: L,
+		seat: R,
+		dispose: B
+	};
+}
+//#endregion
+export { p as n, f as t };

package/dist/{useLiquidFlex-Ch4exNvN.js → useLiquidFlex-TJZmRqyY.js}

@@ -1,5 +1,5 @@
 import { computed as e, ref as t } from "vue";
-//#region src/composables/motion/useLiquidFlex.ts
+//#region src/composables/motion/spring/useLiquidFlex.ts
 function n(n) {
 	let { axis: r } = n, i = n.squishK ?? 1.6, a = n.squishLaw ?? "tanh", o = () => typeof n.maxStretch == "function" ? n.maxStretch() : n.maxStretch ?? 1.14, s = () => typeof n.from == "function" ? n.from() : n.from, c = () => typeof n.to == "function" ? n.to() : n.to, l = t(0), u = t(0);
 	function d(e) {

package/dist/useLiquidPress-h1scrPtP.js

@@ -0,0 +1,101 @@
+import { t as e } from "./useSpring-9u2_shxV.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";
+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/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/{useTouchGate-Cj5fOkTv.js → useResolveTokenColor-CspQv_ik.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-D8koDvJS.js";
+import { t as e } from "./useTimer-C3yfti4C.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;
@@ -81,4 +81,27 @@ function l(a = 3e3) {
 	};
 }
 //#endregion
-export { l as t };
+//#region src/composables/dom/useResolveTokenColor.ts
+function u(e, t) {
+	if (!e.includes("var(") || typeof window > "u" || !t) return e;
+	let n = t.style.color;
+	t.style.color = e;
+	let r = getComputedStyle(t).color;
+	return t.style.color = n, r || e;
+}
+function d(e = 256) {
+	let t = /* @__PURE__ */ new Map();
+	return {
+		resolve(n, r) {
+			let i = t.get(n);
+			if (i !== void 0) return i;
+			let a = u(n, r);
+			return t.size >= e && t.clear(), t.set(n, a), a;
+		},
+		invalidate() {
+			t.clear();
+		}
+	};
+}
+//#endregion
+export { u as n, l as r, d 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/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 };