@mkbabb/glass-ui 3.12.0 → 3.13.0

package/dist/useRAFLoop-Bxv0o6L5.js

@@ -0,0 +1,109 @@
+import { n as e } from "./useIntersectionPause-Cc-H9ees.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, 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 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/{useScrollProgress-CffFGLa5.js → useScrollProgress-Dlvx-L3v.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./supportsCssTimeline-C5oe0lnD.js";
+import { t as e } from "./supportsCssTimeline-BWenxvHU.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();

package/dist/useSpecularTracking-Bo5su68i.js

@@ -0,0 +1,32 @@
+import { onScopeDispose as e, ref as t } from "vue";
+//#region src/composables/glass/useSpecularTracking.ts
+function n() {
+	let n = t({}), r = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, i = r?.matches ?? !1, a = (e) => {
+		i = e.matches;
+	};
+	r?.addEventListener("change", a);
+	let o = null, s = 0, c = 0, l = 0;
+	function u() {
+		l = 0;
+		let e = o;
+		if (o = null, !e) return;
+		let t = e.getBoundingClientRect();
+		if (t.width === 0 || t.height === 0) return;
+		let r = (s - t.left) / t.width * 100, i = (c - t.top) / t.height * 100;
+		n.value = {
+			"--mouse-x": `${r.toFixed(2)}%`,
+			"--mouse-y": `${i.toFixed(2)}%`
+		};
+	}
+	function d(e) {
+		i || (o = e.currentTarget, s = e.clientX, c = e.clientY, l === 0 && (typeof requestAnimationFrame == "function" ? l = requestAnimationFrame(u) : u()));
+	}
+	return e(() => {
+		l !== 0 && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(l), l = 0, o = null, r?.removeEventListener("change", a);
+	}), {
+		specularStyle: n,
+		onPointerMove: d
+	};
+}
+//#endregion
+export { n as t };

package/dist/useSpringMount-CI2jOstM.js

@@ -0,0 +1,108 @@
+import { n as e } from "./springPresets--YdWTHtm.js";
+import { computed as t, getCurrentScope as n, nextTick as r, onMounted as i, onScopeDispose as a, readonly as o, ref as s, shallowRef as c, toValue as l, watch as u } from "vue";
+import { SpringProgress as d } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpring.ts
+function f(e, t = {}) {
+	let r = t.initial ?? 0, i = t.initialVelocity ?? 0, f = s(r), p = s(i), m = s(i === 0), h = c(new d({
+		response: t.response ?? .5,
+		dampingFraction: t.dampingFraction ?? .86,
+		initial: r,
+		initialVelocity: i,
+		settleThreshold: t.settleThreshold ?? .001,
+		velocitySettleThreshold: t.velocitySettleThreshold ?? .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	})), g = h.value.subscribe((e, n) => {
+		f.value = e, p.value = n, m.value = h.value.settled, t.onValue?.(e, n);
+	});
+	h.value.play(() => {});
+	let _ = u(() => l(e), (e) => {
+		e != null && (h.value.target = e);
+	}, { immediate: !0 });
+	function v() {
+		f.value = h.value.value, p.value = h.value.velocity, m.value = h.value.settled;
+	}
+	function y() {
+		_(), g(), h.value.dispose();
+	}
+	return n() && a(y), {
+		value: o(f),
+		velocity: o(p),
+		isSettled: o(m),
+		snap: () => {
+			h.value.snap(), v();
+		},
+		reset: (e, t) => {
+			h.value.reset(e ?? 0, t ?? 0), v();
+		},
+		dispose: y
+	};
+}
+//#endregion
+//#region src/composables/motion/useSpringMount.ts
+var p = Object.fromEntries([
+	"smooth",
+	"snappy",
+	"bouncy",
+	"gentle"
+].map((t) => {
+	let { response: n, dampingFraction: r } = e(t);
+	return [t, {
+		response: n,
+		dampingFraction: r
+	}];
+}));
+function m(e) {
+	let n = p[e.preset ?? "smooth"], o = s(1), c = s(!1), l = 0, d = 0, m = null, h = !1, g = f(o, {
+		response: n.response,
+		dampingFraction: n.dampingFraction,
+		initial: 1,
+		settleThreshold: .001,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: e.respectReducedMotion !== !1
+	});
+	i(() => {
+		e.open.value && r(() => {
+			o.value = 0;
+		});
+	});
+	let _ = u(() => e.open.value, (e, t) => {
+		e !== t && (c.value || (o.value = +!e));
+	}, { immediate: !1 }), v = u(() => g.isSettled.value, (t) => {
+		t && h && o.value >= 1 && (h = !1, e.onDismiss?.());
+	});
+	function y(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		d = t.getBoundingClientRect().height || 1, l = e.clientY, m = e.pointerId, c.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!c.value || e.pointerId !== m) return;
+		let t = e.clientY - l;
+		if (t <= 0) {
+			o.value = 0;
+			return;
+		}
+		o.value = Math.min(1, t / d);
+	}
+	function x(t) {
+		if (!c.value || t.pointerId !== m) return;
+		let n = t.currentTarget;
+		n.hasPointerCapture(t.pointerId) && n.releasePointerCapture(t.pointerId), c.value = !1, m = null;
+		let r = e.dismissThreshold ?? .3;
+		o.value >= r ? (h = !0, o.value = 1) : o.value = 0;
+	}
+	return a(() => {
+		_(), v();
+	}), {
+		position: g.value,
+		isDragging: t(() => c.value),
+		dragHandlers: {
+			onPointerdown: y,
+			onPointermove: b,
+			onPointerup: x,
+			onPointercancel: x
+		}
+	};
+}
+//#endregion
+export { f as n, m as t };

package/dist/{useTouchGate-WFyJYsth.js → useTouchGate-Dg7MQI1G.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-3xqf_54b.js";
+import { t as e } from "./useTimer-Dzarvzuk.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/utils/coalesceMetric.d.ts

@@ -0,0 +1,29 @@
+/** The canonical em-dash placeholder for an empty Metric* value. */
+export declare const METRIC_PLACEHOLDER = "\u2014";
+/** The value type every Metric* primary field accepts. */
+export type MetricValue = string | number | null | undefined;
+/**
+ * The shared value-props shape the four Metric* surfaces extend (each adds its
+ * own register-specific props on top — icon, label, size, density, …).
+ */
+export interface MetricValueProps {
+    /** The primary metric. A valid `0` renders `"0"`, never the placeholder. */
+    value?: MetricValue;
+    /** Unit suffix appended after the value (e.g. "Mbps", "ms"). */
+    unit?: string;
+    /** Substitute glyph when the value is empty (null / undefined / ""). */
+    placeholder?: string;
+}
+/**
+ * The canonical empty-value substitution for the Metric* family.
+ *
+ * Returns BOTH the display string AND the `isEmpty` flag so a surface's
+ * muted/color gates read `isEmpty` (the correct empty signal) rather than the
+ * truthy `!value` (the bug — `!0` is `true`). `coalesceMetric(0)` →
+ * `{ display: "0", isEmpty: false }`, so a `0` is NOT muted and DOES get its
+ * color; only `null` / `undefined` / `""` are empty.
+ */
+export declare function coalesceMetric(value: MetricValue, placeholder?: string): {
+    display: string;
+    isEmpty: boolean;
+};

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { cn } from "./cn";
 export { moveBeforeSafe } from "./moveBefore";
+export { coalesceMetric, METRIC_PLACEHOLDER, type MetricValue, type MetricValueProps, } from "./coalesceMetric";
 export { supportsMoveBefore, supportsScrollTimeline, supportsViewTimeline, supportsPostTask, } from "./platformSupport";

package/dist/vReveal-CqaCz_mC.js

@@ -0,0 +1,44 @@
+//#region src/utils/moveBefore.ts
+function e(e, t, n) {
+	let r = e;
+	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
+}
+function t() {
+	return typeof Element < "u" && "moveBefore" in Element.prototype;
+}
+//#endregion
+//#region src/utils/platformSupport.ts
+function n() {
+	return typeof globalThis.scheduler?.postTask == "function";
+}
+//#endregion
+//#region src/composables/motion/useViewTransition.ts
+function r() {
+	return typeof document < "u" && typeof document.startViewTransition == "function";
+}
+function i(e, t) {
+	let n = typeof document > "u" ? void 0 : document;
+	if (!n || typeof n.startViewTransition != "function") return e(), {
+		finished: Promise.resolve(),
+		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
+	};
+}
+//#endregion
+//#region src/composables/motion/vReveal.ts
+function a(e, t) {
+	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
+}
+var o = {
+	mounted: a,
+	updated: a
+};
+//#endregion
+export { e as a, n as i, i as n, t as o, r, o as t };

package/dist/watercolor-dot.js

@@ -89,6 +89,7 @@ var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
 		let x = r(() => t.animate ? v.borderRadius.value : g.value ? v.hoverBorderRadius.value : v.borderRadius.value);
 		return (t, r) => (u(), i(p(e.tag), {
 			class: s(["watercolor-swatch", e.animate && "watercolor-animated"]),
+			"data-testid": "watercolor-swatch",
 			style: c({
 				backgroundColor: e.color,
 				borderRadius: x.value,
@@ -103,27 +104,28 @@ var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
 				focusable: "false"
 			}, [a("defs", null, [a("filter", {
 				id: n,
-				x: "-10%",
-				y: "-10%",
-				width: "120%",
-				height: "120%",
-				"color-interpolation-filters": "sRGB"
+				x: "-15%",
+				y: "-15%",
+				width: "130%",
+				height: "130%",
+				"color-interpolation-filters": "linearRGB"
 			}, [...r[1] ||= [a("feTurbulence", {
 				type: "fractalNoise",
-				baseFrequency: "0.04",
-				numOctaves: "4",
+				baseFrequency: "0.05",
+				numOctaves: "6",
 				seed: "2",
+				stitchTiles: "stitch",
 				result: "noise"
 			}, null, -1), a("feDisplacementMap", {
 				in: "SourceGraphic",
 				in2: "noise",
-				scale: "1.5",
+				scale: "1.3",
 				xChannelSelector: "R",
 				yChannelSelector: "G"
 			}, null, -1)]])])]), f(t.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 40, ["class", "style"]));
 	}
-}), [["__scopeId", "data-v-5e8693fa"]]);
+}), [["__scopeId", "data-v-cb0117af"]]);
 //#endregion
 export { x as WatercolorDot, n as hashString, t as mulberry32, y as radiiToCSS, v as randomRadii, b as useWatercolorBlob };

package/dist/{x-Dfsegz9Y.js → x-BUwTKe50.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-B6uNAU9G.js";
+import { t as e } from "./createLucideIcon-DydS2qgk.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"