@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/useGpuSubstrate-4pTcp6mX.js

@@ -0,0 +1,294 @@
+import { t as e } from "./createCanvasLifecycle-Gh45Ce-p.js";
+var t = 1.5;
+function n(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function r() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, 2);
+}
+function i() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, t);
+}
+//#endregion
+//#region src/composables/glass/webgl/useWebGLCanvas.ts
+function a() {
+	if (typeof document > "u") return null;
+	let e = null;
+	try {
+		if (e = document.createElement("canvas").getContext("webgl2"), !e) return null;
+		let t = e.getExtension("WEBGL_debug_renderer_info");
+		return t ? String(e.getParameter(t.UNMASKED_RENDERER_WEBGL) ?? "").toLowerCase() : null;
+	} catch {
+		return null;
+	} finally {
+		e?.getExtension("WEBGL_lose_context")?.loseContext();
+	}
+}
+function o(t, n) {
+	let { setup: r, contextAttrs: i } = n, a = null, o = null, s = null;
+	function c() {
+		let e = t.getContext("webgl2", i ?? void 0);
+		if (!e) throw Error("[useWebGLCanvas] WebGL2 unavailable");
+		return a = e, s = r(a), o || (o = new ResizeObserver(() => s?.resize()), o.observe(t)), {
+			frame: s.frame,
+			shouldContinue: s.shouldContinue,
+			time: s.time,
+			teardown: () => {
+				s?.teardown?.(), a?.getExtension("WEBGL_lose_context")?.loseContext(), o?.disconnect(), o = null, a = null, s = null;
+			}
+		};
+	}
+	let l = null, u = null;
+	function d(e) {
+		e.preventDefault(), a = null, s = null, u?.();
+	}
+	let f = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		buildContext: c,
+		resize: () => s?.resize(),
+		bindContextEvents: (e, n) => {
+			l = e, u = n, t.addEventListener("webglcontextlost", d, !1), t.addEventListener("webglcontextrestored", l, !1);
+		},
+		unbindContextEvents: () => {
+			t.removeEventListener("webglcontextlost", d, !1), l && t.removeEventListener("webglcontextrestored", l, !1);
+		}
+	});
+	return {
+		arm: f.arm,
+		suspend: f.suspend,
+		resume: f.resume,
+		wake: f.wake,
+		renderAt: f.renderAt,
+		dispose: f.dispose,
+		get gl() {
+			return a;
+		},
+		get reducedMotion() {
+			return f.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/webgpuDevice.ts
+var s = class extends Error {
+	kind;
+	constructor(e, t, n) {
+		super(t), this.name = "WebGPUInitError", this.kind = e, n !== void 0 && (this.cause = n);
+	}
+};
+function c(e) {
+	try {
+		let t = e.info;
+		if (t?.isFallbackAdapter || e.isFallbackAdapter) return !0;
+		if (!t) return !1;
+		let n = [
+			t.vendor,
+			t.architecture,
+			t.description
+		].filter((e) => typeof e == "string").join(" ").toLowerCase();
+		return n.includes("swiftshader") || n.includes("llvmpipe") || n.includes("software") || n.includes("basic render") || n.includes("microsoft basic");
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/composables/glass/webgpu/useWebGPUCanvas.ts
+function l() {
+	return typeof navigator < "u" && "gpu" in navigator && navigator.gpu != null;
+}
+function u(t, n) {
+	let { setup: r } = n, i = n.alphaMode ?? "premultiplied", a = null, o = null, u = "bgra8unorm", d = null, f = null, p = !1, m = null, h = null, g = null, _ = null;
+	function v() {
+		if (!a) throw Error("[useWebGPUCanvas] device not acquired");
+		let e = t.getContext("webgpu");
+		if (!e) throw Error("[useWebGPUCanvas] WebGPU context unavailable");
+		return o = e, u = navigator.gpu.getPreferredCanvasFormat(), e.configure({
+			device: a,
+			format: u,
+			alphaMode: i
+		}), a.pushErrorScope("validation"), a.addEventListener("uncapturederror", y), f = r(a, o, u), b(), _ = a.popErrorScope(), _.then((e) => {
+			e && n.onInitError?.(e);
+		}), d || (d = new ResizeObserver(() => f?.resize()), d.observe(t)), {
+			frame: (e) => f?.frame(e),
+			shouldContinue: () => f?.shouldContinue() ?? !1,
+			time: (e) => f?.time?.(e) ?? e,
+			teardown: () => {
+				f?.teardown?.(), a?.removeEventListener("uncapturederror", y), d?.disconnect(), d = null, o = null, f = null, _ = null;
+			}
+		};
+	}
+	function y(e) {
+		let t = e.error;
+		n.onInitError?.(t);
+	}
+	function b() {
+		try {
+			f?.resize(), f?.frame(0);
+		} catch {}
+	}
+	let x = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		buildContext: v,
+		resize: () => f?.resize(),
+		bindContextEvents: (e, t) => {
+			h = e, g = t;
+		},
+		unbindContextEvents: () => {
+			h = null, g = null;
+		}
+	});
+	async function S() {
+		if (!l()) throw new s("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable");
+		let e = await navigator.gpu.requestAdapter(n.adapterOptions);
+		if (!e) throw new s("no-adapter", "[useWebGPUCanvas] no GPU adapter");
+		if (c(e)) throw new s("software-adapter", "[useWebGPUCanvas] software WebGPU adapter (SwiftShader/llvmpipe/fallback) — falling to the WebGL2 net");
+		let t;
+		try {
+			t = await e.requestDevice(n.deviceDescriptor);
+		} catch (e) {
+			throw new s("device-request", "[useWebGPUCanvas] requestDevice rejected", e);
+		}
+		a = t, C(t);
+	}
+	function C(e) {
+		e.lost.then((e) => {
+			p || (g?.(), a = null, e.reason !== "destroyed" && S().then(() => {
+				p || h?.();
+			}).catch((e) => n.onInitError?.(e)));
+		});
+	}
+	async function w() {
+		if (!p) {
+			if (m) return m;
+			if (a) {
+				x.arm();
+				return;
+			}
+			return m = (async () => {
+				try {
+					if (await S(), p) return;
+					if (x.arm(), _) {
+						let e = n.mode !== "capture";
+						e && x.suspend("manual");
+						let t = await _;
+						if (p) return;
+						if (t) throw new s("pipeline-validation", `[useWebGPUCanvas] pipeline failed validation (${t.message}) — falling to the WebGL2 net`);
+						e && x.resume("manual");
+					}
+				} catch (e) {
+					throw e instanceof s || n.onInitError?.(e), e;
+				} finally {
+					m = null;
+				}
+			})(), m;
+		}
+	}
+	return {
+		armAsync: w,
+		arm: () => {
+			a && x.arm();
+		},
+		suspend: x.suspend,
+		resume: x.resume,
+		wake: x.wake,
+		renderAt: x.renderAt,
+		dispose: () => {
+			p = !0, x.dispose(), a?.destroy?.(), a = null;
+		},
+		get device() {
+			return a;
+		},
+		get reducedMotion() {
+			return x.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/useGpuSubstrate.ts
+function d(e, t) {
+	return o(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		contextAttrs: t.contextAttrs,
+		setup: t.setupGL
+	});
+}
+function f(e) {
+	let t = e.parentNode;
+	if (!t || typeof document > "u") return e;
+	let n = e.cloneNode(!1);
+	return t.replaceChild(n, e), n;
+}
+function p(e, t) {
+	let n = l() && t.setupWGPU != null, r = null, i = null, a = n ? "webgpu" : "webgl2", o = !1, s = e;
+	n ? r = u(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		setup: t.setupWGPU,
+		alphaMode: t.alphaMode,
+		adapterOptions: t.adapterOptions,
+		deviceDescriptor: t.deviceDescriptor,
+		onInitError: t.onInitError
+	}) : i = d(e, t);
+	function c(e) {
+		r?.dispose(), r = null, a = "webgl2", s = f(s), t.onBackendFallback?.({
+			from: "webgpu",
+			to: "webgl2",
+			error: e
+		});
+		try {
+			i = d(s, t), i.arm();
+		} catch (e) {
+			i = null, t.onInitError?.(e);
+		}
+	}
+	async function p() {
+		if (!o) {
+			if (r) try {
+				await r.armAsync();
+				return;
+			} catch (e) {
+				if (o) return;
+				c(e);
+				return;
+			}
+			i?.arm();
+		}
+	}
+	function m() {
+		o || (r?.arm(), i?.arm());
+	}
+	return {
+		get backend() {
+			return a;
+		},
+		armAsync: p,
+		arm: m,
+		suspend: (e) => {
+			r?.suspend(e), i?.suspend(e);
+		},
+		resume: (e) => {
+			r?.resume(e), i?.resume(e);
+		},
+		wake: () => {
+			r?.wake(), i?.wake();
+		},
+		renderAt: (e) => {
+			r?.renderAt(e), i?.renderAt(e);
+		},
+		dispose: () => {
+			o = !0, r?.dispose(), i?.dispose(), r = null, i = null;
+		},
+		get reducedMotion() {
+			return (r ?? i)?.reducedMotion ?? !1;
+		}
+	};
+}
+//#endregion
+export { r as a, i, a as n, n as r, p as t };

package/dist/useLiquidPress-BooG97RY.js

@@ -0,0 +1,39 @@
+import { t as e } from "./useSpringPress-B1-Czp-V.js";
+import { t } from "./useLiquidFlex-UmA6LMZu.js";
+import { computed as n, watch as r } from "vue";
+//#region src/composables/motion/useLiquidPress.ts
+function i(i = {}) {
+	let a = i.shrinkDepth ?? .03, o = i.maxStretch ?? 1.04, s = i.pressVar ?? "--press-t", c = i.engageThreshold ?? .001, l = e({
+		response: i.response,
+		dampingFraction: i.dampingFraction,
+		initial: i.initial,
+		initialVelocity: i.initialVelocity,
+		settleThreshold: i.settleThreshold,
+		velocitySettleThreshold: i.velocitySettleThreshold,
+		respectReducedMotion: i.respectReducedMotion,
+		onValue: i.onValue
+	}), u = t({
+		from: 0,
+		to: 1,
+		axis: "width",
+		maxStretch: o,
+		squishLaw: "linear"
+	});
+	r(() => l.value.value, (e) => u.squish(e), {
+		immediate: !0,
+		flush: "sync"
+	});
+	let d = n(() => {
+		let e = l.value.value, t = u.stretch.value, n = 1 - e * a, r = (n * t).toFixed(4), i = (n / t).toFixed(4), o = { [s]: e.toFixed(4) };
+		return e > c && (o.scale = `${r} ${i}`), o;
+	});
+	return {
+		value: l.value,
+		press: l.press,
+		release: l.release,
+		handlers: l.handlers,
+		pressStyle: d
+	};
+}
+//#endregion
+export { i as t };

package/dist/usePointerVelocityField-QLsy3_kv.js

@@ -0,0 +1,91 @@
+import { onScopeDispose as e, readonly as t, ref as n } from "vue";
+//#region src/composables/motion/usePointerVelocityField.ts
+var r = "(prefers-reduced-motion: reduce)";
+function i(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function a(a = {}) {
+	let o = a.positionLerp ?? .22, s = a.velocityLerp ?? .3, c = a.accelerationLerp ?? .3, l = a.burstDecay ?? .96, u = a.respectReducedMotion !== !1, d = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(r) : null, f = d?.matches ?? !1, p = (e) => {
+		f = e.matches, f && x();
+	};
+	d?.addEventListener("change", p);
+	let m = n(!1), h = n({
+		x: .5,
+		y: .5
+	}), g = n({
+		x: .5,
+		y: .5
+	}), _ = n({
+		x: 0,
+		y: 0
+	}), v = n(0), y = n({
+		x: 0,
+		y: 0
+	}), b = n(0);
+	function x() {
+		_.value = {
+			x: 0,
+			y: 0
+		}, v.value = 0, y.value = {
+			x: 0,
+			y: 0
+		}, b.value = 0, g.value = { ...h.value };
+	}
+	function S(e, t) {
+		u && f || (h.value = {
+			x: i(e),
+			y: i(t)
+		});
+	}
+	function C(e) {
+		if (u && f) return;
+		let t = e.currentTarget;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		n.width === 0 || n.height === 0 || S((e.clientX - n.left) / n.width, (e.clientY - n.top) / n.height);
+	}
+	function w() {
+		m.value = !0;
+	}
+	function T() {
+		m.value = !1;
+	}
+	function E(e) {
+		if (u && f || !(e > 0)) {
+			x();
+			return;
+		}
+		let t = e / 1e3, n = g.value, r = _.value, i = 1 - (1 - o) ** (t * 60), a = n.x + (h.value.x - n.x) * i, d = n.y + (h.value.y - n.y) * i, p = (a - n.x) / t, m = (d - n.y) / t, S = 1 - (1 - s) ** (t * 60), C = r.x + (p - r.x) * S, w = r.y + (m - r.y) * S, T = (C - r.x) / t, E = (w - r.y) / t, D = 1 - (1 - c) ** (t * 60), O = y.value.x + (T - y.value.x) * D, k = y.value.y + (E - y.value.y) * D, A = Math.hypot(C, w), j = l ** (t * 60), M = Math.min(1, b.value * j + A * t * 4);
+		g.value = {
+			x: a,
+			y: d
+		}, _.value = {
+			x: C,
+			y: w
+		}, v.value = A, y.value = {
+			x: O,
+			y: k
+		}, b.value = M;
+	}
+	function D() {
+		d?.removeEventListener("change", p);
+	}
+	return e(D), {
+		active: t(m),
+		position: t(h),
+		smoothedPosition: t(g),
+		velocity: t(_),
+		speed: t(v),
+		acceleration: t(y),
+		burst: t(b),
+		onPointerMove: C,
+		onPointerEnter: w,
+		onPointerLeave: T,
+		setPointer: S,
+		tick: E,
+		reset: x,
+		dispose: D
+	};
+}
+//#endregion
+export { a as t };

package/dist/useScrollChrome-D66AVP7C.js

@@ -0,0 +1,258 @@
+import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
+import { n as t } from "./useIntersectionPause-Dbozzjgm.js";
+import { t as n } from "./scrollReader-DI1NWxUw.js";
+import { computed as r, getCurrentScope as i, onBeforeUnmount as a, onMounted as o, onScopeDispose as s, readonly as c, ref as l, toValue as u, watch as d } from "vue";
+//#region src/composables/motion/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/useRAFLoop.ts
+var h = "(prefers-reduced-motion: reduce)";
+function g() {
+	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
+}
+function _() {
+	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
+}
+function v() {
+	return typeof window > "u" ? null : window;
+}
+function y(e, n = {}) {
+	let { immediate: a = !0, pauseWhenHidden: o = !0, respectReducedMotion: u = !0 } = n, f = l(!1), m = l(!1), y = l(!1), b = l(!1), x = l(!1), S = r(() => b.value && !f.value && (x.value || y.value || u && m.value || !g())), C = null, w = null, T = 0, E = 0, D = !1, O = null;
+	function k() {
+		return !D && b.value && !x.value && !y.value && !(u && m.value) && !!g();
+	}
+	function A() {
+		C !== null && (_()?.(C), C = null), f.value = !1, w = null;
+	}
+	function j() {
+		if (C !== null || !k()) return;
+		let t = g();
+		t && (f.value = !0, C = t((t) => {
+			if (C = null, !k()) {
+				A();
+				return;
+			}
+			let n = w === null ? 0 : Math.max(0, t - w);
+			w = t, T += n, e({
+				now: t,
+				delta: n,
+				elapsed: T,
+				frame: E++
+			}), k() ? j() : A();
+		}));
+	}
+	function M() {
+		k() ? j() : A();
+	}
+	function N() {
+		w = null, T = 0, E = 0;
+	}
+	function P() {
+		D || (N(), b.value = !0, x.value = !1, M());
+	}
+	function F() {
+		b.value = !1, x.value = !1, N(), A();
+	}
+	function I() {
+		b.value && (x.value = !0, M());
+	}
+	function L() {
+		D || (x.value = !1, M());
+	}
+	if (o) {
+		let { hidden: e } = t();
+		y.value = e.value, d(e, (e) => {
+			y.value = e, M();
+		}, { flush: "sync" });
+	}
+	if (u) {
+		let e = v(), t = typeof e?.matchMedia == "function" ? e.matchMedia(h) : null;
+		if (t) {
+			let e = (e) => {
+				m.value = e.matches, M();
+			};
+			m.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), O = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), O = () => t.removeListener?.(e));
+		}
+	}
+	function R() {
+		D || (D = !0, F(), O?.(), O = null);
+	}
+	return i() && s(R), a && P(), {
+		isActive: c(f),
+		isPaused: c(S),
+		isReducedMotion: c(m),
+		start: P,
+		stop: F,
+		pause: I,
+		resume: L,
+		dispose: R,
+		yieldToMain: p
+	};
+}
+//#endregion
+//#region src/composables/motion/useScrollTrigger.ts
+var b = "(prefers-reduced-motion: reduce)", x = e();
+function S(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function C(e, t) {
+	if (typeof e == "number") return e;
+	if ("fraction" in e) return S(e.fraction) * t.extent();
+	let n = u(e.element);
+	if (!n) return null;
+	let r = t.target;
+	if (r instanceof HTMLElement) {
+		let e = n.getBoundingClientRect().top, i = r.getBoundingClientRect().top;
+		return t.position() + (e - i);
+	}
+	return t.position() + n.getBoundingClientRect().top;
+}
+function w(e, t = {}) {
+	let { triggers: r = [], flipDeltaPx: i = 8, trackProgress: s = !0, respectReducedMotion: c = !0, onCross: f, onEnter: p, onLeave: m } = t, h = l(0), g = l(null), _ = l(0), v = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(b) : null, y = c && (v?.matches ?? !1), w = (e) => {
+		y = c && e.matches;
+	};
+	v?.addEventListener("change", w);
+	let T = null, E = /* @__PURE__ */ new Map(), D = 0, O = 0, k = null, A = 0;
+	function j(e, t) {
+		return e.id ?? `trigger-${t}`;
+	}
+	function M(e) {
+		if (!T) return;
+		let t = T.position();
+		if (s && !x) {
+			let e = T.extent(), n = e > 0 ? t / e : 0;
+			h.value = y ? Math.round(S(n)) : S(n);
+		}
+		let n = O > 0 ? (e - O) / 1e3 : 0;
+		n > 0 && (_.value = (t - D) / n);
+		let a = t > D ? "down" : t < D ? "up" : null;
+		a && a !== g.value ? (k !== a && (k = a, A = D), Math.abs(t - A) >= i && (g.value = a, k = null)) : a === g.value && (k = null);
+		for (let e = 0; e < r.length; e++) {
+			let n = r[e], i = C(n.at, T);
+			if (i == null) continue;
+			let a = j(n, e), o = E.get(a) ?? D >= i, s = t >= i;
+			if (s === o) continue;
+			E.set(a, s);
+			let c = s ? "down" : "up", l = n.direction ?? "both";
+			l !== "both" && l !== c || (f?.(a, c, t), c === "down" ? p?.(a) : m?.(a));
+		}
+		D = t, O = e;
+	}
+	function N(e) {
+		M(typeof performance < "u" ? performance.now() : Date.now());
+	}
+	function P() {
+		if (!T) return;
+		let e = T.position();
+		for (let t = 0; t < r.length; t++) {
+			let n = r[t], i = C(n.at, T);
+			i != null && E.set(j(n, t), e >= i);
+		}
+		if (D = e, s && !x) {
+			let t = T.extent(), n = t > 0 ? e / t : 0;
+			h.value = y ? Math.round(S(n)) : S(n);
+		}
+		T.schedule();
+	}
+	function F(e) {
+		T?.stop(), T = n(e, N), D = T.position(), O = 0;
+		for (let e = 0; e < r.length; e++) {
+			let t = r[e], n = C(t.at, T);
+			n != null && E.set(j(t, e), D >= n);
+		}
+		P();
+	}
+	return o(() => {
+		F(u(e));
+	}), d(() => u(e), (e) => F(e), { flush: "post" }), a(() => {
+		T?.stop(), T = null, v?.removeEventListener("change", w);
+	}), {
+		progress: h,
+		direction: g,
+		velocity: _,
+		recalculate: P
+	};
+}
+//#endregion
+//#region src/composables/motion/useScrollChrome.ts
+var T = "(prefers-reduced-motion: reduce)";
+function E(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function D(e, t = {}) {
+	let { collapseOnScroll: n = !1, flipDeltaPx: r = 8, velocityGate: i, snapMidpoint: o = .5, collapseRangePx: s = 116, chromeRef: c, respectReducedMotion: f = !0, scrollStopMs: p = 140 } = t, m = l(0), h = l(!1), g = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(T) : null, _ = f && (g?.matches ?? !1), v = (e) => {
+		_ = f && e.matches, S(m.value);
+	};
+	g?.addEventListener("change", v);
+	let y = null, b = null;
+	function x() {
+		return c == null ? null : u(c) ?? null;
+	}
+	function S(e) {
+		let t = _ ? +(e >= o) : E(e);
+		m.value = t, h.value = t >= o, x()?.style.setProperty("--chrome-collapse-t", String(t));
+	}
+	function C() {
+		y && clearTimeout(y), y = setTimeout(() => {
+			y = null;
+			let e = +(m.value >= o);
+			b = null, S(e);
+		}, p);
+	}
+	let { direction: D, velocity: O, recalculate: k } = w(e, {
+		flipDeltaPx: r,
+		trackProgress: !1,
+		respectReducedMotion: f,
+		onCross: () => {}
+	});
+	function A(e, t, r) {
+		if (!n || e == null) return;
+		if (i != null && Math.abs(r) >= i) {
+			b = null, S(+(e === "down")), C();
+			return;
+		}
+		b ??= t - (e === "down" ? m.value : 1 - m.value) * s;
+		let a = s > 0 ? s : 1;
+		S(e === "down" ? (t - b) / a : 1 - (t - b) / a), C();
+	}
+	function j() {
+		let t = u(e);
+		return t instanceof HTMLElement ? t.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
+	}
+	d(() => D.value, () => {
+		b = null;
+	}), d(() => O.value, (e) => {
+		A(D.value, j(), e);
+	});
+	function M() {
+		k(), b = null, S(m.value);
+	}
+	return a(() => {
+		y && clearTimeout(y), y = null, g?.removeEventListener("change", v);
+	}), {
+		collapseT: m,
+		collapsed: h,
+		direction: D,
+		recalculate: M
+	};
+}
+//#endregion
+export { p as a, m as i, w as n, y as r, D as t };