@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/useGooMorph-CU1pwuC6.js

@@ -1,268 +0,0 @@
-import { t as e } from "./useLiquidFlex-Ch4exNvN.js";
-import { getCurrentScope as t, onScopeDispose as n, ref as r, toValue as i, watch as a } from "vue";
-//#region src/composables/motion/useCharStagger.ts
-function o(e) {
-	return e.length > 0 && e.trim().length === 0;
-}
-function s(e) {
-	let t = Intl.Segmenter;
-	return typeof t == "function" ? [...new t(void 0, { granularity: "grapheme" }).segment(e)].map((e) => e.segment) : [...e];
-}
-function c(e, t) {
-	return t === "word" ? e.split(/(\s+)/).filter((e) => e.length > 0).map((e) => ({
-		text: e,
-		space: o(e)
-	})) : (t === "grapheme" ? s(e) : [...e]).map((e) => ({
-		text: e,
-		space: o(e)
-	}));
-}
-function l(e, o = {}) {
-	let s = r(0);
-	function l() {
-		let t = i(e);
-		if (!t) return;
-		let n = o.by ?? "char", r = o.preserveWhitespace ?? !0, a = o.writeTotal ?? !0, l = (t.textContent ?? "").trim(), u = c(l, n), d = t.ownerDocument.createDocumentFragment(), f = 0;
-		for (let e of u) {
-			if (e.space) {
-				if (!r) continue;
-				let n = t.ownerDocument.createElement("span");
-				n.setAttribute("aria-hidden", "true"), n.textContent = e.text, d.appendChild(n);
-				continue;
-			}
-			let n = t.ownerDocument.createElement("span");
-			n.className = "char", n.style.setProperty("--char-index", String(f)), n.setAttribute("aria-hidden", "true"), n.textContent = e.text, d.appendChild(n), f += 1;
-		}
-		t.replaceChildren(d), s.value = f, a && t.style.setProperty("--char-total", String(f)), t.setAttribute("aria-label", l);
-	}
-	let u = a(() => i(e), (e) => {
-		e && l();
-	}, {
-		immediate: !0,
-		flush: "post"
-	});
-	return t() && n(u), {
-		split: l,
-		count: s
-	};
-}
-//#endregion
-//#region src/composables/motion/useViewTransition.ts
-function u() {
-	return typeof document < "u" && typeof document.startViewTransition == "function";
-}
-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 {
-		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());
-	return r.ready?.catch(() => {}), {
-		finished: r.finished.then(() => void 0, () => void 0),
-		transitioned: !0
-	};
-}
-function p(e, t) {
-	return f(e, {
-		...t,
-		instantUnderReducedMotion: !0
-	});
-}
-function m() {
-	return u();
-}
-//#endregion
-//#region src/composables/motion/morphSignatures.ts
-var h = {
-	lateralNeck: {
-		vector: "lateral",
-		kRest: .92,
-		kPeak: .34,
-		neckHold: .5,
-		maxStretch: 1.12
-	},
-	lateralPeel: {
-		vector: "lateral",
-		kRest: .88,
-		kPeak: .4,
-		neckHold: .4,
-		maxStretch: 1.08
-	},
-	radialBurst: {
-		vector: "radial",
-		kRest: .85,
-		kPeak: .3,
-		neckHold: .55,
-		maxStretch: 1.08
-	},
-	inwardMerge: {
-		vector: "inward",
-		kRest: .8,
-		kPeak: .28,
-		neckHold: .35,
-		maxStretch: 1.1
-	},
-	axialNeck: {
-		vector: "axial",
-		kRest: .9,
-		kPeak: .36,
-		neckHold: .5,
-		maxStretch: 1.14
-	},
-	collapse: {
-		vector: "axial",
-		kRest: 1,
-		kPeak: 1,
-		neckHold: 0,
-		maxStretch: 1.14
-	},
-	directed: {
-		vector: "directed",
-		kRest: .9,
-		kPeak: .42,
-		neckHold: .45,
-		maxStretch: 1.1
-	}
-}, g = 1.618033988749895;
-function _(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 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;
-	return {
-		D: l,
-		cA: g,
-		cB: y,
-		mid: m,
-		neckSpanScale: l > 0 ? x / l : 1,
-		neckGirth: b,
-		stretchOn: C,
-		stretchCross: w,
-		arc: T
-	};
-}
-function b(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) {
-	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) {
-	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) {
-	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({
-		from: 0,
-		to: 0,
-		axis: "width",
-		squishLaw: "linear",
-		maxStretch: () => {
-			let e = i.value;
-			if (!e) return 1.4;
-			let t = getComputedStyle(e).getPropertyValue(h).trim();
-			return Number(t) || 1.4;
-		}
-	}), _ = 0, v = null;
-	function E() {
-		_ &&= (cancelAnimationFrame(_), 0), v &&= (clearTimeout(v), null);
-	}
-	function D(e) {
-		let t = getComputedStyle(e).getPropertyValue("--goo-t").trim();
-		return Number.parseFloat(t) || 0;
-	}
-	function O(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 A(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({
-			A: e,
-			B: t,
-			fromIdx: n,
-			toIdx: r,
-			gooT: o,
-			step: s(),
-			neckGap: O(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));
-	}
-	function j(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")));
-	}
-	function M(e) {
-		E();
-		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);
-	}
-	function N(e) {
-		let t = i.value;
-		if (!t || !u.value || w()) return;
-		E();
-		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);
-	}
-	function P(e, t) {
-		let n = i.value;
-		if (!u.value || !n || e === t) {
-			n && M(t);
-			return;
-		}
-		if (w()) {
-			M(t);
-			return;
-		}
-		let r = o(e), s = o(t);
-		if (r == null || s == null) {
-			M(t);
-			return;
-		}
-		E();
-		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";
-		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));
-		};
-		_ = requestAnimationFrame(b);
-	}
-	return n(E), {
-		travel: P,
-		snap: M,
-		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 };

package/dist/useGpuSubstrate-DcY584kE.js

@@ -1,347 +0,0 @@
-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/useInterval-ZATRi-1T.js

@@ -1,18 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r } from "vue";
-//#region src/composables/reactive/useInterval.ts
-function i(i, a = 0, o = {}) {
-	let s = r(!1), c = a, l = null, u = () => {
-		l !== null && (clearInterval(l), l = null, s.value = !1);
-	}, d = (e = c) => {
-		c = e, u(), s.value = !0, l = setInterval(i, c);
-	};
-	return e() && t(u), o.immediate !== !1 && d(a), {
-		isActive: n(s),
-		start: d,
-		restart: d,
-		stop: u,
-		clear: u
-	};
-}
-//#endregion
-export { i as t };