@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/useKeyboardShortcuts-ynVmNFo3.js

@@ -1,104 +0,0 @@
-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

@@ -1,74 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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 };

package/dist/usePointerVelocityField-CwXyeW0Z.js

@@ -1,122 +0,0 @@
-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 = Math.max(.05, a.mass ?? 1), f = Math.max(0, a.damping ?? .85), p = Math.max(.01, a.attractorResponse ?? .32), m = a.leadGain ?? .12, h = a.restAnchor ?? {
-		x: .5,
-		y: .5
-	}, g = Math.max(1, a.halfLifeMs ?? 120), _ = 2 * Math.PI / (p * Math.sqrt(d)), v = .001, y = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(r) : null, b = y?.matches ?? !1, x = (e) => {
-		b = e.matches, b && M();
-	};
-	y?.addEventListener("change", x);
-	let S = n(!1), C = n({
-		x: .5,
-		y: .5
-	}), w = n({
-		x: .5,
-		y: .5
-	}), T = n({
-		x: 0,
-		y: 0
-	}), E = n(0), D = n({
-		x: 0,
-		y: 0
-	}), O = n(0), k = n(0), A = n({ ...h }), j = n({
-		x: 0,
-		y: 0
-	});
-	function M() {
-		T.value = {
-			x: 0,
-			y: 0
-		}, E.value = 0, D.value = {
-			x: 0,
-			y: 0
-		}, O.value = 0, w.value = { ...C.value }, j.value = {
-			x: 0,
-			y: 0
-		};
-	}
-	function N(e, t) {
-		u && b || (C.value = {
-			x: i(e),
-			y: i(t)
-		});
-	}
-	function P(e) {
-		if (u && b) 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() {
-		S.value = !0;
-	}
-	function I() {
-		S.value = !1;
-	}
-	function L(e) {
-		S.value = e;
-	}
-	function R(e) {
-		if (u && b || !(e > 0)) {
-			M();
-			return;
-		}
-		let t = e / 1e3, n = w.value, r = T.value, i = 1 - (1 - o) ** (t * 60), a = n.x + (C.value.x - n.x) * i, d = n.y + (C.value.y - n.y) * i, p = (a - n.x) / t, y = (d - n.y) / t, x = 1 - (1 - s) ** (t * 60), N = r.x + (p - r.x) * x, P = r.y + (y - r.y) * x, F = (N - r.x) / t, I = (P - r.y) / t, L = 1 - (1 - c) ** (t * 60), R = D.value.x + (F - D.value.x) * L, z = D.value.y + (I - D.value.y) * L, B = Math.hypot(N, P), V = l ** (t * 60), H = Math.min(1, O.value * V + B * t * 4);
-		w.value = {
-			x: a,
-			y: d
-		}, T.value = {
-			x: N,
-			y: P
-		}, E.value = B, D.value = {
-			x: R,
-			y: z
-		}, O.value = H;
-		let U = +!!S.value, W = 1 - 2 ** (-e / g), G = k.value + (U - k.value) * W;
-		U === 0 && G < v ? G = 0 : U === 1 && G > 1 - v && (G = 1), k.value = G;
-		let K = h.x + (C.value.x - h.x) * G, q = h.y + (C.value.y - h.y) * G, J = Math.hypot(N, P);
-		if (J > 1e-4 && m !== 0) {
-			let e = H * m / J;
-			K += N * e, q += P * e;
-		}
-		let Y = j.value, X = A.value, Z = -_ * _ * (X.x - K) - 2 * f * _ * Y.x, ee = -_ * _ * (X.y - q) - 2 * f * _ * Y.y, Q = Y.x + Z * t, $ = Y.y + ee * t;
-		j.value = {
-			x: Q,
-			y: $
-		}, A.value = {
-			x: X.x + Q * t,
-			y: X.y + $ * t
-		};
-	}
-	function z() {
-		y?.removeEventListener("change", x);
-	}
-	return e(z), {
-		active: t(S),
-		position: t(C),
-		smoothedPosition: t(w),
-		velocity: t(T),
-		speed: t(E),
-		acceleration: t(D),
-		burst: t(O),
-		engagement: t(k),
-		attractor: t(A),
-		attractorVelocity: t(j),
-		onPointerMove: P,
-		onPointerEnter: F,
-		onPointerLeave: I,
-		setPointer: N,
-		setActive: L,
-		tick: R,
-		reset: M,
-		dispose: z
-	};
-}
-//#endregion
-export { a as t };

package/dist/useRAFLoop-CvOo_kgb.js

@@ -1,109 +0,0 @@
-import { t as e } from "./useDocumentVisibility-CpJGUgcJ.js";
-import { computed as t, getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, watch as o } from "vue";
-//#region src/composables/motion/useYieldToMain.ts
-function s() {
-	let e = globalThis.scheduler;
-	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
-}
-function c() {
-	let e = s();
-	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 l() {
-	return {
-		hasNativeYield: s() !== null,
-		yield: c
-	};
-}
-//#endregion
-//#region src/composables/motion/useRAFLoop.ts
-var u = "(prefers-reduced-motion: reduce)";
-function d() {
-	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
-}
-function f() {
-	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
-}
-function p() {
-	return typeof window > "u" ? null : window;
-}
-function m(s, l = {}) {
-	let { immediate: m = !0, pauseWhenHidden: h = !0, respectReducedMotion: g = !0 } = l, _ = a(!1), v = a(!1), y = a(!1), b = a(!1), x = a(!1), S = t(() => b.value && !_.value && (x.value || y.value || g && v.value || !d())), C = null, w = null, T = 0, E = 0, D = !1, O = null;
-	function k() {
-		return !D && b.value && !x.value && !y.value && !(g && v.value) && !!d();
-	}
-	function A() {
-		C !== null && (f()?.(C), C = null), _.value = !1, w = null;
-	}
-	function j() {
-		if (C !== null || !k()) return;
-		let e = d();
-		e && (_.value = !0, C = e((e) => {
-			if (C = null, !k()) {
-				A();
-				return;
-			}
-			let t = w === null ? 0 : Math.max(0, e - w);
-			w = e, T += t, s({
-				now: e,
-				delta: t,
-				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 (h) {
-		let { hidden: t } = e();
-		y.value = t.value, o(t, (e) => {
-			y.value = e, M();
-		}, { flush: "sync" });
-	}
-	if (g) {
-		let e = p(), t = typeof e?.matchMedia == "function" ? e.matchMedia(u) : null;
-		if (t) {
-			let e = (e) => {
-				v.value = e.matches, M();
-			};
-			v.value = t.matches, t.addEventListener("change", e), O = () => t.removeEventListener("change", e);
-		}
-	}
-	function R() {
-		D || (D = !0, F(), O?.(), O = null);
-	}
-	return n() && r(R), m && P(), {
-		isActive: i(_),
-		isPaused: i(S),
-		isReducedMotion: i(v),
-		start: P,
-		stop: F,
-		pause: I,
-		resume: L,
-		dispose: R,
-		yieldToMain: c
-	};
-}
-//#endregion
-export { l as n, c as r, m as t };

package/dist/useRoutePointer-DL7I0gY4.js

@@ -1,52 +0,0 @@
-import { inject as e, onScopeDispose as t, provide as n, readonly as r, ref as i, toValue as a } from "vue";
-//#region src/composables/motion/useRoutePointer.ts
-var o = Symbol("glass-ui:route-pointer"), s = "(prefers-reduced-motion: reduce)";
-function c(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function l(l = {}) {
-	if (!l.fresh) {
-		let t = e(o, null);
-		if (t) return t;
-	}
-	let u = l.respectReducedMotion !== !1, d = typeof window < "u", f = d && typeof window.matchMedia == "function" ? window.matchMedia(s) : null, p = f?.matches ?? !1, m = i({
-		x: .5,
-		y: .5
-	}), h = i(!1);
-	function g() {
-		return u && p || a(l.paused) === !0;
-	}
-	function _(e) {
-		if (g()) {
-			h.value &&= !1;
-			return;
-		}
-		let t = window.innerWidth || 1, n = window.innerHeight || 1;
-		m.value = {
-			x: c(e.clientX / t),
-			y: c(e.clientY / n)
-		}, h.value = !0;
-	}
-	function v() {
-		h.value = !1;
-	}
-	let y = (e) => {
-		p = e.matches, p && (h.value = !1);
-	};
-	d && (window.addEventListener("pointermove", _, {
-		capture: !0,
-		passive: !0
-	}), document.addEventListener("pointerleave", v), window.addEventListener("blur", v), f?.addEventListener("change", y));
-	function b() {
-		d && (window.removeEventListener("pointermove", _, { capture: !0 }), document.removeEventListener("pointerleave", v), window.removeEventListener("blur", v), f?.removeEventListener("change", y));
-	}
-	t(b);
-	let x = {
-		pointer: r(m),
-		active: r(h),
-		dispose: b
-	};
-	return l.fresh || n(o, x), x;
-}
-//#endregion
-export { l as t };

package/dist/useScrollProgress-C-yImzhU.js

@@ -1,35 +0,0 @@
-import { t as e } from "./supportsCssTimeline-Ie4xJFbD.js";
-import { onBeforeUnmount as t, onMounted as n, ref as r, unref as i, watch as a } from "vue";
-//#region src/composables/motion/useScrollProgress.ts
-var o = e();
-function s(e) {
-	let { offset: s = 0, trackExit: c = !1 } = e, l = r(0), u = 0, d = null;
-	function f() {
-		let t = i(e.target);
-		if (!t) return;
-		let n = t.getBoundingClientRect(), r = window.innerHeight + s, a = r - (c ? -n.height : 0);
-		if (a === 0) {
-			l.value = 0;
-			return;
-		}
-		let o = (r - n.top) / a;
-		l.value = Math.max(0, Math.min(1, o));
-	}
-	function p() {
-		u ||= requestAnimationFrame(() => {
-			u = 0, f();
-		});
-	}
-	return n(() => {
-		if (f(), o) return;
-		window.addEventListener("scroll", p, { passive: !0 }), window.addEventListener("resize", p, { passive: !0 });
-		let t = i(e.target);
-		t && typeof ResizeObserver < "u" && (d = new ResizeObserver(p), d.observe(t));
-	}), o || a(() => i(e.target), (e, t) => {
-		t && d && d.unobserve(t), e && d && d.observe(e), p();
-	}), t(() => {
-		window.removeEventListener("scroll", p), window.removeEventListener("resize", p), u && cancelAnimationFrame(u), d?.disconnect(), d = null;
-	}), l;
-}
-//#endregion
-export { s as t };