@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/usePointerVelocityField-BrkqZFhj.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-JuImi1DM.js

@@ -0,0 +1,258 @@
+import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
+import { n as t } from "./useIntersectionPause-DO8Vl4gs.js";
+import { t as n } from "./scrollReader-rc3Ns_NM.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 };

package/dist/{useSpringMount-q1amq1SJ.js → useSpringMount-DFxtzmkR.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./useSpring-C0jyvEJB.js";
-import { n as t } from "./springPresets-CFQGQfdl.js";
+import { n as t } from "./springPresets-DfoQ6XRY.js";
 import { computed as n, nextTick as r, onMounted as i, onScopeDispose as a, ref as o, watch as s } from "vue";
 //#region src/composables/motion/useSpringMount.ts
 var c = Object.fromEntries([

package/dist/useSpringPress-VM9RgVq3.js

@@ -0,0 +1,36 @@
+import { t as e } from "./useSpring-C0jyvEJB.js";
+import { n as t } from "./springPresets-DfoQ6XRY.js";
+import { ref as n } from "vue";
+//#region src/composables/motion/useSpringPress.ts
+var r = t("press");
+function i(t = {}) {
+	let i = n(0), a = e(i, {
+		response: t.response ?? r.response,
+		dampingFraction: t.dampingFraction ?? r.dampingFraction,
+		initial: t.initial ?? 0,
+		initialVelocity: t.initialVelocity,
+		settleThreshold: t.settleThreshold,
+		velocitySettleThreshold: t.velocitySettleThreshold,
+		respectReducedMotion: t.respectReducedMotion,
+		onValue: t.onValue
+	});
+	function o() {
+		i.value = 1;
+	}
+	function s() {
+		i.value = 0;
+	}
+	return {
+		...a,
+		press: o,
+		release: s,
+		handlers: {
+			onPointerdown: o,
+			onPointerup: s,
+			onPointercancel: s,
+			onPointerleave: s
+		}
+	};
+}
+//#endregion
+export { i as t };

package/dist/{useSurfaceAxis-g0NloYEF.js → useSurfaceAxis-Ci7Dnaw2.js}

@@ -1,7 +1,7 @@
 //#region src/components/ui/_shared/useSurfaceAxis.ts
 function e(e = "glass", t = "resting") {
 	let n = `glass-${t}`;
-	return e === "veil" ? `${n} veil-surface` : e === "opaque" ? `${n} glass-opaque` : n;
+	return e === "veil" ? `${n} veil-surface` : e === "opaque" ? `${n} glass-opaque` : e === "clear" ? `${n} glass-clear` : n;
 }
 //#endregion
 export { e as t };

package/dist/{useTouchGate-CBZTD4SD.js → useTouchGate-B1Lf9XqN.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-BHJOKr35.js";
+import { t as e } from "./useTimer-BBLGPXR8.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;

package/dist/{vendor-CKmzio-i.js → vendor-B2qOlYY3.js}

@@ -138,10 +138,23 @@ var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width"
 		d: "M12 8h.01",
 		key: "e9boi3"
 	}]
-]), E = f("loader-circle", [["path", {
+]), E = f("layers", [
+	["path", {
+		d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+		key: "zw3jo"
+	}],
+	["path", {
+		d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+		key: "1wduqc"
+	}],
+	["path", {
+		d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+		key: "kqbvx6"
+	}]
+]), D = f("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), D = f("maximize-2", [
+}]]), O = f("maximize-2", [
 	["path", {
 		d: "M15 3h6v6",
 		key: "1q9fwt"
@@ -158,7 +171,7 @@ var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width"
 		d: "M9 21H3v-6",
 		key: "wtvkvv"
 	}]
-]), O = f("minimize-2", [
+]), k = f("minimize-2", [
 	["path", {
 		d: "m14 10 7-7",
 		key: "oa77jy"
@@ -175,10 +188,10 @@ var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width"
 		d: "M4 14h6v6",
 		key: "rmj7iw"
 	}]
-]), k = f("minus", [["path", {
+]), A = f("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), A = f("pause", [["rect", {
+}]]), j = f("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -192,22 +205,22 @@ var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width"
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), j = f("play", [["path", {
+}]]), M = f("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), M = f("plus", [["path", {
+}]]), N = f("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), N = f("rotate-ccw", [["path", {
+}]]), P = f("rotate-ccw", [["path", {
 	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
 	key: "1357e3"
 }], ["path", {
 	d: "M3 3v5h5",
 	key: "1xhq8a"
-}]]), P = f("search", [["path", {
+}]]), F = f("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -215,7 +228,7 @@ var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width"
 	cy: "11",
 	r: "8",
 	key: "4ej97u"
-}]]), F = f("x", [["path", {
+}]]), I = f("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -223,4 +236,4 @@ var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width"
 	key: "d8bk6v"
 }]]);
 //#endregion
-export { p as C, m as S, y as _, j as a, g as b, O as c, T as d, w as f, b as g, x as h, M as i, D as l, S as m, P as n, A as o, C as p, N as r, k as s, F as t, E as u, v, h as x, _ as y };
+export { m as C, h as S, b as _, M as a, _ as b, k as c, E as d, T as f, x as g, S as h, N as i, O as l, C as m, F as n, j as o, w as p, P as r, A as s, I as t, D as u, y as v, p as w, g as x, v as y };

package/dist/virtual.d.ts

@@ -0,0 +1 @@
+export * from "./composables/virtual";