@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/useAccentTone-DFAh1osB.js

@@ -0,0 +1,47 @@
+import { computed as e, ref as t, toValue as n } from "vue";
+//#region src/composables/color/useAccentTone.ts
+var r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a, o = (e, t) => `${e}|${t.surface ?? ""}|${t.inkContrast ?? ""}|${t.bandStrength ?? ""}`;
+function s() {
+	return a ??= import("./accent-tone-solve-Cw7WkRD9.js").catch(() => null);
+}
+function c(e, t) {
+	let n = i.get(e) ?? /* @__PURE__ */ new Set();
+	n.add(t), i.set(e, n);
+}
+function l(e, t) {
+	r.set(e, t);
+	let n = i.get(e);
+	i.delete(e);
+	for (let e of n ?? []) e.value++;
+}
+function u(i, a = {}) {
+	let u = t(0), d = e(() => {
+		u.value;
+		let e = n(i) || "var(--primary)";
+		if (/var\(/.test(e)) return "";
+		let t = o(e, a), d = r.get(t);
+		return d?.state === "fulfilled" ? d.value : d?.state === "absent" ? "" : d?.state === "pending" ? (c(t, u), "") : (c(t, u), s().then((n) => {
+			if (!n) {
+				l(t, { state: "absent" });
+				return;
+			}
+			try {
+				l(t, {
+					state: "fulfilled",
+					value: n.solveAccentInk(e, a)
+				});
+			} catch (n) {
+				console.warn(`useAccentTone: ink solve failed for ${e}; using the CSS fallback ink`, n), l(t, { state: "absent" });
+			}
+		}), r.set(t, { state: "pending" }), "");
+	});
+	return {
+		toneStyle: e(() => {
+			let e = { "--tone": n(i) || "var(--primary)" }, t = d.value;
+			return t && (e["--accent-ink-resolved"] = t), e;
+		}),
+		ink: d
+	};
+}
+//#endregion
+export { u as t };

package/dist/{resolveCanvasColor-DS_6DBxA.js → useCanvas2D-CQRElMyE.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createCanvasLifecycle-DbXRwjU_.js";
+import { t as e } from "./createCanvasLifecycle-hJHobVTn.js";
 import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
 //#region src/composables/glass/canvas2d/useCanvas2D.ts
 var i = "200px";
@@ -67,16 +67,5 @@ function a(a) {
 		}
 	};
 }
-var o = a;
 //#endregion
-//#region src/composables/glass/canvas2d/resolveCanvasColor.ts
-function s(e, t) {
-	let n = e.trim(), r = n.startsWith("--") ? `var(${n})` : n;
-	if (typeof document > "u" || typeof window > "u" || !t || typeof t.appendChild != "function") return e;
-	let i = document.createElement("span"), a = i.style;
-	a.position = "absolute", a.width = "0", a.height = "0", a.padding = "0", a.margin = "0", a.border = "0", a.visibility = "hidden", a.pointerEvents = "none", a.color = r, t.appendChild(i);
-	let o = window.getComputedStyle(i).color;
-	return t.removeChild(i), o || e;
-}
-//#endregion
-export { a as n, o as r, s as t };
+export { a as t };

package/dist/{useDockCtaReceive-DkrOTM0q.js → useDockCtaReceive-BSSgD6mu.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./asElement-CRnm6A2v.js";
-import { i as t, r as n } from "./useDragMorph-BogSV_nv.js";
+import { i as t, r as n } from "./useDragMorph-B363RUbF.js";
 import { readonly as r, ref as i } from "vue";
 //#region src/composables/motion/morph/useDockCtaReceive.ts
 var a = {
@@ -84,7 +84,7 @@ function o(o, s) {
 	let _ = t(o, {
 		source: "self",
 		destination: s.dockControl,
-		preset: s.preset ?? "snappy",
+		preset: s.preset ?? "dock",
 		respectReducedMotion: s.respectReducedMotion,
 		channels: {
 			opacity: !0,

package/dist/{useDragMorph-BogSV_nv.js → useDragMorph-B363RUbF.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./motionTempo-tscp92Nm.js";
-import { n as t } from "./springPresets-rCii5KqX.js";
-import { t as n } from "./useLiquidFlex-TJZmRqyY.js";
-import { t as r } from "./asElement-CRnm6A2v.js";
+import { t as e } from "./asElement-CRnm6A2v.js";
+import { t } from "./motionTempo-tscp92Nm.js";
+import { n } from "./springPresets-Cbe0Voqg.js";
+import { t as r } from "./useLiquidFlex-TJZmRqyY.js";
 import { computed as i, nextTick as a, onScopeDispose as o, readonly as s, ref as c, watch as l } from "vue";
 import { Draggable as u, NumericAnimation as d, SpringProgress as f, springTimingFunction as p } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/morph/useElementMorph.ts
@@ -20,8 +20,8 @@ var g = (e) => e < 0 ? 0 : e > 1 ? 1 : e, _ = (e) => ({
 	width: e.width,
 	height: e.height
 }), v = (e) => e.x + e.width / 2, y = (e) => e.y + e.height / 2;
-function b(n, i) {
-	let a = i.respectReducedMotion !== !1, u = i.channels?.opacity !== !1, f = Math.max(0, i.channels?.blur ?? 0), { response: b, dampingFraction: x } = t(i.preset ?? "snappy"), S = p({
+function b(r, i) {
+	let a = i.respectReducedMotion !== !1, u = i.channels?.opacity !== !1, f = Math.max(0, i.channels?.blur ?? 0), { response: b, dampingFraction: x } = n(i.preset ?? "dock"), S = p({
 		response: b,
 		dampingFraction: x
 	}), C = c(!1), w = c(0), T = c(null), E = null, D = null, O = null, k = null, A = "", j = b * 4 * 1e3, M = null, N = null;
@@ -32,9 +32,9 @@ function b(n, i) {
 	function F() {
 		N?.disconnect(), N = null;
 	}
-	function I(e) {
-		let t = e ?? r(n.value);
-		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = ""), M?.(), M = null;
+	function I(t) {
+		let n = t ?? e(r.value);
+		n && (n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "", n.style.filter = ""), M?.(), M = null;
 	}
 	function L() {
 		let e = D;
@@ -46,10 +46,10 @@ function b(n, i) {
 		let n = _(e.getBoundingClientRect());
 		return e.style.transform = t, n;
 	}
-	function z(e, t) {
-		if (e === "self") return t;
-		let n = r(e.value);
-		return n ? _(n.getBoundingClientRect()) : null;
+	function z(t, n) {
+		if (t === "self") return n;
+		let r = e(t.value);
+		return r ? _(r.getBoundingClientRect()) : null;
 	}
 	function B(e) {
 		let t = R(e), n = z(i.source, t), r = z(i.destination, t);
@@ -106,9 +106,9 @@ function b(n, i) {
 		let n = k ? V(k, 1) : null;
 		I(e), u && n && (e.style.opacity = String(g(n.opacity))), D = null, O = null, w.value = 1, C.value = !1, i.onSettled?.();
 	}
-	function K(e, t, a, o, s) {
+	function K(t, n, a, o, s) {
 		let c = new d([{
-			...t,
+			...n,
 			clock: 0
 		}, {
 			...a,
@@ -117,25 +117,25 @@ function b(n, i) {
 			duration: s,
 			timingFunction: S
 		});
-		E = c, c.play((t) => {
+		E = c, c.play((n) => {
 			if (E !== c) return;
-			if (r(n.value) !== e) {
+			if (e(r.value) !== t) {
 				L();
 				return;
 			}
-			let a = g(t.clock), s = o + (1 - o) * a;
-			w.value = s, H(e, t), i.onFrame?.(s);
-		}).then(() => G(e, c));
+			let a = g(n.clock), s = o + (1 - o) * a;
+			w.value = s, H(t, n), i.onFrame?.(s);
+		}).then(() => G(t, c));
 	}
-	function q(e) {
+	function q(t) {
 		if (F(), typeof ResizeObserver > "u") return;
 		N = new ResizeObserver(J);
-		let t = /* @__PURE__ */ new Set([e]);
-		for (let e of [i.source, i.destination]) if (e !== "self") {
-			let n = r(e.value);
-			n && t.add(n);
+		let n = /* @__PURE__ */ new Set([t]);
+		for (let t of [i.source, i.destination]) if (t !== "self") {
+			let r = e(t.value);
+			r && n.add(r);
 		}
-		t.forEach((e) => N?.observe(e));
+		n.forEach((e) => N?.observe(e));
 	}
 	function J() {
 		let e = D;
@@ -149,36 +149,36 @@ function b(n, i) {
 		P(), K(e, r, V(t, 1), i, Math.max(1, j * (1 - i)));
 	}
 	function Y() {
-		let t = r(n.value);
-		if (!t) return;
-		let i = E !== null && D === t && O !== null, o = i ? O : null;
-		P(), i || (M?.(), M = m(t)), D = t, j = b * 4 * 1e3 * e(t);
-		let s = B(t);
+		let n = e(r.value);
+		if (!n) return;
+		let i = E !== null && D === n && O !== null, o = i ? O : null;
+		P(), i || (M?.(), M = m(n)), D = n, j = b * 4 * 1e3 * t(n);
+		let s = B(n);
 		if (!s) {
-			C.value = !0, k = null, G(t);
+			C.value = !0, k = null, G(n);
 			return;
 		}
 		k = s, A = U(s), W(s);
 		let c = o ?? V(s, 0);
-		if (H(t, c), w.value = 0, C.value = !0, a && h() || typeof requestAnimationFrame != "function") {
-			G(t);
+		if (H(n, c), w.value = 0, C.value = !0, a && h() || typeof requestAnimationFrame != "function") {
+			G(n);
 			return;
 		}
-		q(t), K(t, c, V(s, 1), 0, j);
+		q(n), K(n, c, V(s, 1), 0, j);
 	}
-	function X(e) {
-		let t = r(n.value);
-		if (!t || C.value) return;
-		let i = B(t);
+	function X(t) {
+		let n = e(r.value);
+		if (!n || C.value) return;
+		let i = B(n);
 		if (!i) {
-			u && (t.style.opacity = e < 1 ? "0" : "1");
+			u && (n.style.opacity = t < 1 ? "0" : "1");
 			return;
 		}
-		k = i, H(t, V(i, e));
+		k = i, H(n, V(i, t));
 	}
-	function Z(e, t) {
-		let i = r(n.value);
-		i && (P(), F(), D = i, M ??= m(i), i.style.transform = `translate(${e}px, ${t}px)`, i.style.transformOrigin = "center center");
+	function Z(t, n) {
+		let i = e(r.value);
+		i && (P(), F(), D = i, M ??= m(i), i.style.transform = `translate(${t}px, ${n}px)`, i.style.transformOrigin = "center center");
 	}
 	let Q = [i.source, i.destination].filter((e) => e !== "self"), $ = l(() => Q.map((e) => e.value), () => {
 		!D || !C.value || (q(D), J());
@@ -203,31 +203,31 @@ function x() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function S(e) {
-	let r = () => typeof e.axis == "function" ? e.axis() : e.axis, l = () => typeof e.snapTargets == "function" ? e.snapTargets() : e.snapTargets, d = e.respectReducedMotion !== !1, p = b(e.surface ?? e.handle, {
+	let t = () => typeof e.axis == "function" ? e.axis() : e.axis, l = () => typeof e.snapTargets == "function" ? e.snapTargets() : e.snapTargets, d = e.respectReducedMotion !== !1, p = b(e.surface ?? e.handle, {
 		source: "self",
 		destination: "self",
 		channels: { opacity: !1 },
 		respectReducedMotion: !1
-	}), m = c(!1), h = c(0), { response: g, dampingFraction: _ } = t("snappy"), v = null, y = null;
+	}), m = c(!1), h = c(0), { response: g, dampingFraction: _ } = n("dock"), v = null, y = null;
 	function S() {
 		if (v) return v;
-		let t = new f({
+		let n = new f({
 			response: g,
 			dampingFraction: _,
 			respectReducedMotion: d
 		});
-		return v = t, y = t.subscribe((n) => {
-			if (h.value = n, A) {
-				let e = n - T.value;
-				r() === "y" ? p.offset(0, e) : p.offset(e, 0);
+		return v = n, y = n.subscribe((r) => {
+			if (h.value = r, A) {
+				let e = r - T.value;
+				t() === "y" ? p.offset(0, e) : p.offset(e, 0);
 			}
-			if (d && x() || C.drive(E(n)), A && !m.value && t.settled && !k) {
-				let t = O(n);
+			if (d && x() || C.drive(E(r)), A && !m.value && n.settled && !k) {
+				let t = O(r);
 				t != null && (k = !0, A = !1, e.onSnap(t), a(() => p.clear()));
 			}
-		}), t.play(() => {}), t;
+		}), n.play(() => {}), n;
 	}
-	let C = n({
+	let C = r({
 		from: 0,
 		to: 1,
 		axis: "width",
@@ -255,12 +255,12 @@ function S(e) {
 	let O = (e) => D(e)?.value ?? null, k = !1, A = !1, j = null, M = null, N = null;
 	function P() {
 		N?.removeEventListener("pointerdown", F), N = null, M?.(), M = null, j?.detach();
-		let t = e.handle.value;
-		t && (N = t, j = new u({
+		let n = e.handle.value;
+		n && (N = n, j = new u({
 			spring: S(),
-			axis: r(),
+			axis: t(),
 			snap: l().map((e) => e.center)
-		}), t.addEventListener("pointerdown", F), M = j.attach(t));
+		}), n.addEventListener("pointerdown", F), M = j.attach(n));
 	}
 	function F() {
 		m.value = !0, k = !1, A = !0, T.value = S().value;

package/dist/{useDragVelocity-6ONX0sr0.js → useDragVelocity-C5BkKiNf.js}

@@ -4,53 +4,57 @@ function i() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function a(a) {
-	let o = () => typeof a.axis == "function" ? a.axis() : a.axis ?? "x", s = a.gain ?? .06, c = a.clamp ?? .7, l = a.respectReducedMotion !== !1, u = r(!1), d = 0, f = 0, p = 0, m = 0, h = !1, g = 0;
-	function _(e) {
-		let t = a.host();
-		t && t.style.setProperty("--atom-drag-v", `${e}`);
+	let o = () => typeof a.axis == "function" ? a.axis() : a.axis ?? "x", s = a.gain ?? .06, c = a.clamp ?? .7, l = a.respectReducedMotion !== !1, u = r(!1), d = 0, f = 0, p = 0, m = 0, h = !1, g = 0, _ = 0;
+	function v(e, t, n) {
+		e && (e.style.setProperty("--atom-drag-v", `${t}`), e.style.setProperty("--flex-vel", n.toFixed(4)));
 	}
-	function v(e) {
+	function y(e, t = 0) {
+		v(a.host(), e, t), v(a.mirror?.() ?? null, e, t);
+	}
+	function b(e) {
 		let t = Math.tanh(s * Math.abs(e));
 		return t > c ? c : t;
 	}
-	function y(e) {
+	function x(e) {
 		if (!h) {
 			d = 0;
 			return;
 		}
 		let t = p ? e - p : 16.7;
 		p = e;
-		let n = v(g / t * 16.7);
-		m = m * .65 + n * .35, g *= .6, _(Number(m.toFixed(4))), d = requestAnimationFrame(y);
+		let n = g / t * 16.7, r = b(n);
+		m = m * .65 + r * .35;
+		let i = Math.tanh(Math.abs(n / 16.7 * 1e3) / 900), a = 1 - Math.exp(-t / 100);
+		_ += (i - _) * a, g *= .6, y(Number(m.toFixed(4)), _), d = requestAnimationFrame(x);
 	}
-	function b(e) {
+	function S(e) {
 		if (!h) return;
 		let t = o() === "y" ? e.clientY : e.clientX;
 		g += t - f, f = t;
 	}
-	function x(e) {
-		if (h = !0, u.value = !0, f = o() === "y" ? e.clientY : e.clientX, p = 0, g = 0, m = 0, l && i()) {
-			_(0);
+	function C(e) {
+		if (h = !0, u.value = !0, f = o() === "y" ? e.clientY : e.clientX, p = 0, g = 0, m = 0, _ = 0, l && i()) {
+			y(0);
 			return;
 		}
-		typeof window < "u" && window.addEventListener("pointermove", b, { passive: !0 }), d ||= requestAnimationFrame(y);
+		typeof window < "u" && window.addEventListener("pointermove", S, { passive: !0 }), d ||= requestAnimationFrame(x);
 	}
-	function S() {
-		h = !1, u.value = !1, d &&= (cancelAnimationFrame(d), 0), typeof window < "u" && window.removeEventListener("pointermove", b), m = 0, g = 0, _(0);
+	function w() {
+		h = !1, u.value = !1, d &&= (cancelAnimationFrame(d), 0), typeof window < "u" && window.removeEventListener("pointermove", S), m = 0, g = 0, _ = 0, y(0);
 	}
-	function C() {
-		h && S();
+	function T() {
+		h && w();
 	}
-	let w = null;
+	let E = null;
 	e(() => {
-		w = a.host(), w && w.addEventListener("pointerdown", x);
-	}), typeof window < "u" && (window.addEventListener("pointerup", C), window.addEventListener("pointercancel", C));
-	function T() {
-		S(), w?.removeEventListener("pointerdown", x), w = null, typeof window < "u" && (window.removeEventListener("pointerup", C), window.removeEventListener("pointercancel", C));
+		E = a.host(), E && E.addEventListener("pointerdown", C);
+	}), typeof window < "u" && (window.addEventListener("pointerup", T), window.addEventListener("pointercancel", T));
+	function D() {
+		w(), E?.removeEventListener("pointerdown", C), E = null, typeof window < "u" && (window.removeEventListener("pointerup", T), window.removeEventListener("pointercancel", T));
 	}
-	return t(T), {
+	return t(D), {
 		dragging: n(u),
-		detach: T
+		detach: D
 	};
 }
 //#endregion

package/dist/useIntersectionPause-CzKR3EyP.js

@@ -0,0 +1,57 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r, toValue as i, watch as a } from "vue";
+//#region src/composables/dom/useDocumentVisibility.ts
+function o() {
+	return typeof document > "u" ? null : document;
+}
+function s() {
+	let n = o(), i = r(!!n?.hidden), a = !1, s = () => {
+		a || (a = !0, n?.removeEventListener("visibilitychange", c));
+	}, c = () => {
+		i.value = !!n?.hidden;
+	};
+	return n ? (n.addEventListener("visibilitychange", c), e() && t(s), {
+		hidden: i,
+		dispose: s
+	}) : {
+		hidden: i,
+		dispose: s
+	};
+}
+//#endregion
+//#region src/composables/motion/core/useIntersectionPause.ts
+function c(o, c, l = {}) {
+	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = r(!0), h = r(!0), g = r(!1), _ = !1, v = null, y = null, b = null, x = null, S = null;
+	function C() {
+		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, C());
+	}, {
+		root: u,
+		rootMargin: d,
+		threshold: f
+	}));
+	let w = a(() => i(o), (e, t) => {
+		t && b && b.unobserve(t), v = e ?? null, m.value = !0, v && b && b.observe(v), C();
+	}, { immediate: !0 });
+	if (p) {
+		let e = s(), { hidden: t } = e;
+		S = e.dispose, h.value = !t.value, x = a(t, (e) => {
+			h.value = !e, C();
+		}, { flush: "sync" });
+	}
+	function T() {
+		_ || (_ = !0, w(), x?.(), x = null, S?.(), S = null, b?.disconnect(), b = null, v = null);
+	}
+	return e() && t(T), {
+		isIntersecting: n(m),
+		isDocumentVisible: n(h),
+		isPaused: n(g),
+		refresh: C,
+		dispose: T
+	};
+}
+//#endregion
+export { s as n, c as t };

package/dist/useLeadTrail-DQWdpFN1.js

@@ -0,0 +1,83 @@
+import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { n as t } from "./springPresets-Cbe0Voqg.js";
+import { n } from "./constants-Dk96HZHu.js";
+import { onScopeDispose as r, readonly as i, ref as a, watch as o } from "vue";
+//#region src/composables/motion/morph/useLeadTrail.ts
+var s = .08, c = 8, l = .3, u = 2, d = 40;
+function f(e, t, n) {
+	let r = e * t;
+	return r > n ? n : r < -n ? -n : r;
+}
+function p(p = {}) {
+	let m = t("dock"), h = 2 * Math.PI / m.response, g = m.dampingFraction, _ = p.tau ?? s, v = () => typeof p.ceil == "function" ? p.ceil() : p.ceil ?? Infinity, y = p.respectReducedMotion !== !1, b = p.onFrame, x = a(0), S = a(0), C = a(!0), w = 0, T = 0, E = 0, D = 0, O = 0, k = y ? e() : a(!1), A = typeof window < "u" && typeof window.requestAnimationFrame == "function";
+	function j() {
+		let e = w - f(T, _, v());
+		return {
+			lead: w,
+			trail: e,
+			velocity: T,
+			lo: Math.min(w, e),
+			hi: Math.max(w, e),
+			settled: C.value
+		};
+	}
+	function M() {
+		let e = j();
+		x.value = e.lead, S.value = e.trail, b?.(e);
+	}
+	function N() {
+		return Math.abs(w - E) < l && Math.abs(T) < u;
+	}
+	function P() {
+		D &&= (cancelAnimationFrame(D), 0);
+	}
+	function F(e) {
+		let t = O ? Math.min(e - O, d) : n;
+		O = e;
+		let r = t / 1e3 / c;
+		for (let e = 0; e < c; e++) {
+			let e = -h * h * (w - E) - 2 * g * h * T;
+			T += e * r, w += T * r;
+		}
+		if (M(), N()) {
+			w = E, T = 0, C.value = !0, M(), P();
+			return;
+		}
+		D = requestAnimationFrame(F);
+	}
+	function I() {
+		if (!A) {
+			M();
+			return;
+		}
+		D ||= (O = 0, requestAnimationFrame(F));
+	}
+	function L(e) {
+		if (Number.isFinite(e)) {
+			if (E = e, k.value) {
+				R(e);
+				return;
+			}
+			C.value = !1, I();
+		}
+	}
+	function R(e) {
+		Number.isFinite(e) && (P(), E = e, w = e, T = 0, C.value = !0, M());
+	}
+	let z = o(k, (e) => {
+		e && R(E);
+	}, { flush: "sync" });
+	function B() {
+		P(), z();
+	}
+	return r(B), {
+		lead: i(x),
+		trail: i(S),
+		settled: i(C),
+		drive: L,
+		seat: R,
+		dispose: B
+	};
+}
+//#endregion
+export { p as n, f as t };

package/dist/{useLiquidPress-BOxuDkKa.js → useLiquidPress-h1scrPtP.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./useSpring-9u2_shxV.js";
-import { n as t } from "./springPresets-rCii5KqX.js";
+import { n as t } from "./springPresets-Cbe0Voqg.js";
 import { t as n } from "./useLiquidFlex-TJZmRqyY.js";
 import { n as r } from "./writeVelocityWeight-DoGOCW3e.js";
 import { computed as i, onMounted as a, readonly as o, ref as s, toValue as c, watch as l } from "vue";