@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/useGpuSubstrate-DcY584kE.js

@@ -0,0 +1,347 @@
+import { t as e } from "./createCanvasLifecycle-DlrcvWbb.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(e) {
+	try {
+		return e.getContext("webgl2") != null;
+	} catch {
+		return !1;
+	}
+}
+function s(t, n) {
+	let { setup: r, contextAttrs: i } = n, a = null, o = null;
+	function s() {
+		let e = t.getContext("webgl2", i ?? void 0);
+		if (!e) throw Error("[useWebGLCanvas] WebGL2 unavailable");
+		return a = e, o = r(a), {
+			frame: o.frame,
+			shouldContinue: o.shouldContinue,
+			time: o.time,
+			teardown: () => {
+				o?.teardown?.(), a?.getExtension("WEBGL_lose_context")?.loseContext(), a = null, o = null;
+			}
+		};
+	}
+	let c = null, l = null;
+	function u(e) {
+		e.preventDefault(), a = null, o = null, l?.();
+	}
+	let d = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		buildContext: s,
+		resize: (e) => o?.resize(e),
+		bindContextEvents: (e, n) => {
+			c = e, l = n, t.addEventListener("webglcontextlost", u, !1), t.addEventListener("webglcontextrestored", c, !1);
+		},
+		unbindContextEvents: () => {
+			t.removeEventListener("webglcontextlost", u, !1), c && t.removeEventListener("webglcontextrestored", c, !1);
+		}
+	});
+	return {
+		arm: d.arm,
+		presize: d.presize,
+		suspend: d.suspend,
+		resume: d.resume,
+		wake: d.wake,
+		renderAt: d.renderAt,
+		dispose: d.dispose,
+		get gl() {
+			return a;
+		},
+		get reducedMotion() {
+			return d.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/webgpuDevice.ts
+var c = class extends Error {
+	kind;
+	constructor(e, t, n) {
+		super(t), this.name = "WebGPUInitError", this.kind = e, n !== void 0 && (this.cause = n);
+	}
+};
+function l(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;
+	}
+}
+var u = 6e3;
+function d(e, t) {
+	if (typeof setTimeout > "u") return e;
+	let n, r = new Promise((e, r) => {
+		n = setTimeout(() => {
+			r(new c("acquire-timeout", `[useWebGPUCanvas] ${t}() did not settle within ${u}ms — falling to the WebGL2 net`));
+		}, u);
+	});
+	return Promise.race([e, r]).finally(() => clearTimeout(n));
+}
+//#endregion
+//#region src/composables/glass/webgpu/useWebGPUCanvas.ts
+function f() {
+	return typeof navigator < "u" && "gpu" in navigator && navigator.gpu != null;
+}
+var p = null;
+function m(e, t) {
+	if (p) return p;
+	if (!f()) return Promise.reject(new c("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable"));
+	let n = (async () => {
+		let r = await d(navigator.gpu.requestAdapter(e), "requestAdapter");
+		if (!r) throw new c("no-adapter", "[useWebGPUCanvas] no GPU adapter");
+		if (l(r)) throw new c("software-adapter", "[useWebGPUCanvas] software WebGPU adapter (SwiftShader/llvmpipe/fallback) — falling to the WebGL2 net");
+		let i;
+		try {
+			i = await d(r.requestDevice(t), "requestDevice");
+		} catch (e) {
+			throw e instanceof c ? e : new c("device-request", "[useWebGPUCanvas] requestDevice rejected", e);
+		}
+		return i.lost.then(() => {
+			p === n && (p = null);
+		}), i;
+	})();
+	return n.catch(() => {
+		p === n && (p = null);
+	}), p = n, n;
+}
+function h(t, n) {
+	let { setup: r } = n, i = n.alphaMode ?? "premultiplied", a = null, o = null, s = "bgra8unorm", l = null, u = !1, d = null, p = null, h = null, g = null;
+	function _() {
+		if (!a) throw Error("[useWebGPUCanvas] device not acquired");
+		let e = t.getContext("webgpu");
+		if (!e) throw Error("[useWebGPUCanvas] WebGPU context unavailable");
+		return o = e, s = navigator.gpu.getPreferredCanvasFormat(), e.configure({
+			device: a,
+			format: s,
+			alphaMode: i
+		}), a.pushErrorScope("validation"), a.addEventListener("uncapturederror", v), l = r(a, o, s), y(), g = a.popErrorScope(), g.then((e) => {
+			e && n.onInitError?.(e);
+		}), {
+			frame: (e) => l?.frame(e),
+			shouldContinue: () => l?.shouldContinue() ?? !1,
+			time: (e) => l?.time?.(e) ?? e,
+			teardown: () => {
+				l?.teardown?.(), a?.removeEventListener("uncapturederror", v), o = null, l = null, g = null;
+			}
+		};
+	}
+	function v(e) {
+		let t = e.error;
+		n.onInitError?.(t);
+	}
+	function y() {
+		try {
+			l?.resize(), l?.frame(0);
+		} catch {}
+	}
+	let b = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		buildContext: _,
+		resize: (e) => l?.resize(e),
+		bindContextEvents: (e, t) => {
+			p = e, h = t;
+		},
+		unbindContextEvents: () => {
+			p = null, h = null;
+		}
+	});
+	async function x() {
+		if (!f()) throw new c("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable");
+		let e = await m(n.adapterOptions, n.deviceDescriptor);
+		a = e, S(e);
+	}
+	function S(e) {
+		e.lost.then((e) => {
+			u || (h?.(), a = null, e.reason !== "destroyed" && x().then(() => {
+				u || p?.();
+			}).catch((e) => n.onInitError?.(e)));
+		});
+	}
+	async function C() {
+		if (!u) {
+			if (d) return d;
+			if (a) {
+				b.arm();
+				return;
+			}
+			return b.presize(), d = (async () => {
+				try {
+					if (await x(), u) return;
+					if (b.arm(), g) {
+						let e = n.mode !== "capture";
+						e && b.suspend("manual");
+						let t = await g;
+						if (u) return;
+						if (t) throw new c("pipeline-validation", `[useWebGPUCanvas] pipeline failed validation (${t.message}) — falling to the WebGL2 net`);
+						e && b.resume("manual");
+					}
+				} catch (e) {
+					throw e instanceof c || n.onInitError?.(e), e;
+				} finally {
+					d = null;
+				}
+			})(), d;
+		}
+	}
+	return {
+		armAsync: C,
+		arm: () => {
+			a && b.arm();
+		},
+		presize: b.presize,
+		suspend: b.suspend,
+		resume: b.resume,
+		wake: b.wake,
+		renderAt: b.renderAt,
+		dispose: () => {
+			u = !0, b.dispose(), a = null;
+		},
+		get device() {
+			return a;
+		},
+		get reducedMotion() {
+			return b.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/useGpuSubstrate.ts
+function g(e, t) {
+	return s(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		contextAttrs: t.contextAttrs,
+		dprPolicy: t.dprPolicy,
+		composeIntersectionPark: t.composeIntersectionPark,
+		intersectionRootMargin: t.intersectionRootMargin,
+		revealBloom: t.revealBloom,
+		setup: t.setupGL
+	});
+}
+function _(e) {
+	let t = e.parentNode;
+	if (!t || typeof document > "u" || o(e)) return e;
+	let n = e.cloneNode(!1);
+	return t.replaceChild(n, e), n;
+}
+function v(e, t) {
+	let n = f() && t.setupWGPU != null, r = null, i = null, a = n ? "webgpu" : "webgl2", o = !1, s = e;
+	n ? r = h(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		dprPolicy: t.dprPolicy,
+		composeIntersectionPark: t.composeIntersectionPark,
+		intersectionRootMargin: t.intersectionRootMargin,
+		revealBloom: t.revealBloom,
+		setup: t.setupWGPU,
+		alphaMode: t.alphaMode,
+		adapterOptions: t.adapterOptions,
+		deviceDescriptor: t.deviceDescriptor,
+		onInitError: t.onInitError
+	}) : i = g(e, t);
+	function c(e) {
+		r?.dispose(), r = null, a = "webgl2", s = _(s), t.onBackendFallback?.({
+			from: "webgpu",
+			to: "webgl2",
+			error: e
+		});
+		try {
+			i = g(s, t), i.arm();
+		} catch (e) {
+			i = null, t.onInitError?.(e);
+		}
+	}
+	async function l() {
+		if (!o) {
+			if (u(), r) try {
+				await r.armAsync();
+				return;
+			} catch (e) {
+				if (o) return;
+				c(e);
+				return;
+			}
+			i?.arm();
+		}
+	}
+	function u() {
+		o || (r?.presize(), i?.presize());
+	}
+	function d() {
+		o || (u(), r?.arm(), i?.arm());
+	}
+	return {
+		get backend() {
+			return a;
+		},
+		armAsync: l,
+		arm: d,
+		presize: u,
+		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, v as t };

package/dist/useIntersectionPause-Cmt5Tnv9.js

@@ -0,0 +1,39 @@
+import { t as e } from "./useDocumentVisibility-CpJGUgcJ.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 = {}) {
+	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = i(!0), h = i(!0), g = i(!1), _ = !1, v = null, y = null, b = null;
+	function x() {
+		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, x());
+	}, {
+		root: u,
+		rootMargin: d,
+		threshold: f
+	}));
+	let S = o(() => a(s), (e, t) => {
+		t && b && b.unobserve(t), v = e ?? null, m.value = !0, v && b && b.observe(v), x();
+	}, { immediate: !0 });
+	if (p) {
+		let { hidden: t } = e();
+		h.value = !t.value, o(t, (e) => {
+			h.value = !e, x();
+		}, { flush: "sync" });
+	}
+	function C() {
+		_ || (_ = !0, S(), b?.disconnect(), b = null, v = null);
+	}
+	return t() && n(C), {
+		isIntersecting: r(m),
+		isDocumentVisible: r(h),
+		isPaused: r(g),
+		refresh: x,
+		dispose: C
+	};
+}
+//#endregion
+export { s as t };

package/dist/useKeyboardShortcuts-ynVmNFo3.js

@@ -0,0 +1,104 @@
+import { computed as e, getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
+import { createGlobalState as i, useEventListener as a } from "@vueuse/core";
+//#region src/composables/keyboard/useKeyboardShortcuts.ts
+var o = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform), s = {
+	alt: "Alt",
+	option: "Alt",
+	ctrl: "Control",
+	control: "Control",
+	meta: "Meta",
+	cmd: "Meta",
+	command: "Meta",
+	shift: "Shift"
+};
+function c(e) {
+	let t = e.split("+").map((e) => e.trim()), n = {
+		key: "",
+		ctrl: !1,
+		meta: !1,
+		shift: !1,
+		alt: !1,
+		mod: !1
+	};
+	for (let [e, r] of t.entries()) {
+		let i = r.toLowerCase(), a = t.length === 1 && e === 0;
+		i === "mod" ? a ? n.key = o ? "Meta" : "Control" : n.mod = !0 : i === "ctrl" || i === "control" ? a ? n.key = "Control" : n.ctrl = !0 : i === "meta" || i === "cmd" || i === "command" ? a ? n.key = "Meta" : n.meta = !0 : i === "shift" ? a ? n.key = "Shift" : n.shift = !0 : i === "alt" || i === "option" ? a ? n.key = "Alt" : n.alt = !0 : n.key = r, a && s[i] && (n.key = s[i]);
+	}
+	return n;
+}
+var l = {
+	space: [" "],
+	delete: ["backspace", "delete"],
+	enter: ["enter", "return"],
+	escape: ["escape", "esc"]
+};
+function u(e, t) {
+	return e.key.toLowerCase() === t.toLowerCase();
+}
+function d(e, t) {
+	let n = t.ctrl || t.mod && !o, r = t.meta || t.mod && o;
+	if (!u(t, "Control") && e.ctrlKey !== n || !u(t, "Meta") && e.metaKey !== r || !u(t, "Alt") && e.altKey !== t.alt) return !1;
+	let i = e.key.length === 1 && e.shiftKey && !t.shift;
+	if (!u(t, "Shift") && !i && e.shiftKey !== t.shift) return !1;
+	let a = t.key.toLowerCase(), s = e.key.toLowerCase();
+	if (s === a) return !0;
+	let c = l[a];
+	return !!(c && c.some((e) => e.toLowerCase() === s) || e.code.toLowerCase() === a);
+}
+function f(e) {
+	if (!(e instanceof Element)) return !1;
+	let t = e.tagName;
+	return !!(t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable || e.closest(".monaco-editor"));
+}
+function p(e) {
+	let t = e.trim().toLowerCase();
+	return t === "mod" ? o ? "⌘" : "Ctrl" : t === "shift" ? o ? "⇧" : "Shift" : t === "alt" || t === "option" ? o ? "⌥" : "Alt" : t === "ctrl" || t === "control" ? o ? "⌃" : "Ctrl" : t === "meta" || t === "cmd" || t === "command" ? "⌘" : t === "space" ? o ? "␣" : "Space" : t === "arrowleft" ? "←" : t === "arrowright" ? "→" : t === "arrowup" ? "↑" : t === "arrowdown" ? "↓" : t === "delete" ? o ? "⌫" : "Del" : t === "escape" ? "Esc" : t === "enter" ? "↵" : t === "home" ? "Home" : t === "end" ? "End" : e.trim();
+}
+function m(e) {
+	return e.split("+").map(p);
+}
+function h(e) {
+	return m(e).join(o ? "" : "+");
+}
+function g(e) {
+	let t = e.key.toLowerCase();
+	return t === "escape" || t === "esc";
+}
+function _(e, t, n) {
+	let r = g(n) ? [...e].reverse() : e;
+	for (let e of r) if ((e.options.event ?? "keydown") === t && d(n, e.combo) && !(!e.options.allowInInput && f(n.target))) {
+		e.options.preventDefault && n.preventDefault(), e.handler(n);
+		return;
+	}
+}
+var v = i(() => {
+	let t = /* @__PURE__ */ new Set(), n = r(0);
+	return a(window, "keydown", (e) => {
+		_(t, "keydown", e);
+	}), a(window, "keyup", (e) => {
+		_(t, "keyup", e);
+	}), {
+		shortcuts: t,
+		version: n,
+		labeled: e(() => (n.value, [...t].filter((e) => e.options.label)))
+	};
+});
+function y(e, r, i = {}) {
+	let { shortcuts: a, version: o } = v(), s = {
+		combo: c(e),
+		raw: e,
+		handler: r,
+		options: i
+	};
+	a.add(s), o.value++;
+	let l = () => {
+		a.delete(s) && o.value++;
+	};
+	return t() && n(l), l;
+}
+function b() {
+	let { labeled: e } = v();
+	return e;
+}
+//#endregion
+export { b as a, y as i, m as n, o as r, h as t };

package/dist/useLeadTrail-DOH4XkL1.js

@@ -0,0 +1,74 @@
+import { onScopeDispose as e, readonly as t, ref as n } from "vue";
+//#region src/composables/motion/useLeadTrail.ts
+var r = "(prefers-reduced-motion: reduce)", i = .68, a = .64, o = .27, s = 8, c = .3, l = 2, u = 40;
+function d(d = {}) {
+	let f = d.response ?? i, p = d.damping ?? a, m = d.trailTau ?? o, h = d.respectReducedMotion !== !1, g = d.onFrame, _ = 2 * Math.PI / f, v = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(r) : null, y = v?.matches ?? !1, b = (e) => {
+		y = e.matches, y && R(D);
+	};
+	v?.addEventListener("change", b);
+	let x = n(0), S = n(0), C = n(!0), w = 0, T = 0, E = 0, D = 0, O = 0, k = 0, A = typeof window < "u" && typeof window.requestAnimationFrame == "function";
+	function j() {
+		return {
+			lead: w,
+			trail: E,
+			lo: Math.min(w, E),
+			hi: Math.max(w, E),
+			settled: C.value
+		};
+	}
+	function M() {
+		x.value = w, S.value = E, g?.(j());
+	}
+	function N() {
+		return Math.abs(w - D) < c && Math.abs(T) < l && Math.abs(w - E) < c;
+	}
+	function P() {
+		O &&= (cancelAnimationFrame(O), 0);
+	}
+	function F(e) {
+		let t = k ? Math.min(e - k, u) : 1e3 / 60;
+		k = e;
+		let n = t / 1e3, r = n / s;
+		for (let e = 0; e < s; e++) {
+			let e = -_ * _ * (w - D) - 2 * p * _ * T;
+			T += e * r, w += T * r;
+		}
+		if (E += (w - E) * (1 - Math.exp(-n / m)), M(), N()) {
+			w = D, T = 0, E = D, C.value = !0, M(), P();
+			return;
+		}
+		O = requestAnimationFrame(F);
+	}
+	function I() {
+		if (!A) {
+			M();
+			return;
+		}
+		O ||= (k = 0, requestAnimationFrame(F));
+	}
+	function L(e) {
+		if (Number.isFinite(e)) {
+			if (D = e, h && y) {
+				R(e);
+				return;
+			}
+			C.value = !1, I();
+		}
+	}
+	function R(e) {
+		Number.isFinite(e) && (P(), D = e, w = e, T = 0, E = e, C.value = !0, M());
+	}
+	function z() {
+		P(), v?.removeEventListener("change", b);
+	}
+	return e(z), {
+		lead: t(x),
+		trail: t(S),
+		settled: t(C),
+		drive: L,
+		seat: R,
+		dispose: z
+	};
+}
+//#endregion
+export { d as t };

package/dist/useLiquidPress-BXNHydZh.js

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

package/dist/useMotionAxis-DCCXMC-i.js

@@ -0,0 +1,20 @@
+import { computed as e, toValue as t } from "vue";
+//#region src/components/_shared/useMotionAxis.ts
+function n() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function r(e) {
+	let t = e ?? "full";
+	return t === "off" ? "off" : n() ? "reduced" : t;
+}
+function i(n) {
+	let i = e(() => r(t(n)));
+	return {
+		resolved: i,
+		armed: e(() => i.value === "full"),
+		dataMotion: e(() => i.value === "full" ? void 0 : i.value),
+		hostStyle: e(() => i.value === "off" ? { "--motion-weight": "0" } : void 0)
+	};
+}
+//#endregion
+export { i as t };