@mkbabb/glass-ui 3.9.0 → 3.10.0

package/dist/motion-core.js

@@ -1,14 +1,15 @@
-import { i as e, n as t, r as n, t as r } from "./vReveal-CqaCz_mC.js";
+import { i as e, n as t, r as n, t as r } from "./vReveal-zUIQk-rJ.js";
 import { n as i } from "./supportsCssTimeline-C5oe0lnD.js";
-import { t as a } from "./useTextHighlight-DON84L8w.js";
-import { n as o, t as s } from "./useIntersectionPause-Cc-H9ees.js";
-import { t as c } from "./useScrollProgress-CAH8Ofwt.js";
-import { n as l, t as u } from "./constants-CS75AWHG.js";
-import { computed as d, getCurrentScope as f, onBeforeUnmount as p, onScopeDispose as m, reactive as h, readonly as g, ref as _, watch as v } from "vue";
+import { n as a, t as o } from "./useViewTransition-DaN5Zrox.js";
+import { t as s } from "./useTextHighlight-CWEi25hf.js";
+import { n as c, t as l } from "./useIntersectionPause-Cck5Uxk8.js";
+import { t as u } from "./useScrollProgress-CffFGLa5.js";
+import { n as d, t as f } from "./constants-yKeKnE84.js";
+import { computed as p, getCurrentScope as m, onBeforeUnmount as h, onScopeDispose as g, reactive as _, readonly as v, ref as y, watch as b } from "vue";
 //#region src/composables/motion/useStaggerReveal.ts
-var y = i();
-function b(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = _([]), o = h({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = y || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+var x = i();
+function S(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = y([]), o = _({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = x || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
 		for (let r of e) {
 			let e = r.target, i = s.get(e);
 			if (i !== void 0) if (r.isIntersecting) {
@@ -25,9 +26,9 @@ function b(e = {}) {
 	function u(e, t) {
 		if (!e) return;
 		let n = t ?? a.value.length;
-		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = y, l?.observe(e));
+		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = x, l?.observe(e));
 	}
-	return p(() => {
+	return h(() => {
 		l?.disconnect();
 		for (let e of c) clearTimeout(e);
 		c.clear();
@@ -39,11 +40,11 @@ function b(e = {}) {
 }
 //#endregion
 //#region src/composables/motion/useStagger.ts
-function x() {
+function C() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function S(e) {
-	let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = _(Array(t).fill(!1)), s = _(t === 0), c = /* @__PURE__ */ new Set();
+function w(e) {
+	let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = y(Array(t).fill(!1)), s = y(t === 0), c = /* @__PURE__ */ new Set();
 	function l() {
 		for (let e of c) clearTimeout(e);
 		c.clear();
@@ -59,7 +60,7 @@ function S(e) {
 			s.value = !0;
 			return;
 		}
-		if (a && x()) {
+		if (a && C()) {
 			d();
 			return;
 		}
@@ -71,7 +72,7 @@ function S(e) {
 			c.add(a);
 		}
 	}
-	return i && f(), m(l), {
+	return i && f(), g(l), {
 		revealed: o,
 		start: f,
 		reset: u,
@@ -80,12 +81,12 @@ function S(e) {
 }
 //#endregion
 //#region src/composables/motion/useYieldToMain.ts
-function C() {
+function T() {
 	let e = globalThis.scheduler;
 	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
 }
-function w() {
-	let e = C();
+function E() {
+	let e = T();
 	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
 		let t = new MessageChannel();
 		t.port1.onmessage = () => {
@@ -93,60 +94,60 @@ function w() {
 		}, t.port2.postMessage(void 0);
 	}) : new Promise((e) => setTimeout(e, 0));
 }
-function T() {
+function D() {
 	return {
-		hasNativeYield: C() !== null,
-		yield: w
+		hasNativeYield: T() !== null,
+		yield: E
 	};
 }
 //#endregion
 //#region src/composables/motion/useRAFLoop.ts
-var E = "(prefers-reduced-motion: reduce)";
-function D() {
+var O = "(prefers-reduced-motion: reduce)";
+function k() {
 	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
 }
-function O() {
+function A() {
 	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
 }
-function k() {
+function j() {
 	return typeof window > "u" ? null : window;
 }
-function A(e, t = {}) {
-	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, a = _(!1), s = _(!1), c = _(!1), l = _(!1), u = _(!1), p = d(() => l.value && !a.value && (u.value || c.value || i && s.value || !D())), h = null, y = null, b = 0, x = 0, S = !1, C = null;
-	function T() {
-		return !S && l.value && !u.value && !c.value && !(i && s.value) && !!D();
+function M(e, t = {}) {
+	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, a = y(!1), o = y(!1), s = y(!1), l = y(!1), u = y(!1), d = p(() => l.value && !a.value && (u.value || s.value || i && o.value || !k())), f = null, h = null, _ = 0, x = 0, S = !1, C = null;
+	function w() {
+		return !S && l.value && !u.value && !s.value && !(i && o.value) && !!k();
 	}
-	function A() {
-		h !== null && (O()?.(h), h = null), a.value = !1, y = null;
+	function T() {
+		f !== null && (A()?.(f), f = null), a.value = !1, h = null;
 	}
-	function j() {
-		if (h !== null || !T()) return;
-		let t = D();
-		t && (a.value = !0, h = t((t) => {
-			if (h = null, !T()) {
-				A();
+	function D() {
+		if (f !== null || !w()) return;
+		let t = k();
+		t && (a.value = !0, f = t((t) => {
+			if (f = null, !w()) {
+				T();
 				return;
 			}
-			let n = y === null ? 0 : Math.max(0, t - y);
-			y = t, b += n, e({
+			let n = h === null ? 0 : Math.max(0, t - h);
+			h = t, _ += n, e({
 				now: t,
 				delta: n,
-				elapsed: b,
+				elapsed: _,
 				frame: x++
-			}), T() ? j() : A();
+			}), w() ? D() : T();
 		}));
 	}
 	function M() {
-		T() ? j() : A();
+		w() ? D() : T();
 	}
 	function N() {
-		y = null, b = 0, x = 0;
+		h = null, _ = 0, x = 0;
 	}
 	function P() {
 		S || (N(), l.value = !0, u.value = !1, M());
 	}
 	function F() {
-		l.value = !1, u.value = !1, N(), A();
+		l.value = !1, u.value = !1, N(), T();
 	}
 	function I() {
 		l.value && (u.value = !0, M());
@@ -155,47 +156,47 @@ function A(e, t = {}) {
 		S || (u.value = !1, M());
 	}
 	if (r) {
-		let { hidden: e } = o();
-		c.value = e.value, v(e, (e) => {
-			c.value = e, M();
+		let { hidden: e } = c();
+		s.value = e.value, b(e, (e) => {
+			s.value = e, M();
 		}, { flush: "sync" });
 	}
 	if (i) {
-		let e = k(), t = typeof e?.matchMedia == "function" ? e.matchMedia(E) : null;
+		let e = j(), t = typeof e?.matchMedia == "function" ? e.matchMedia(O) : null;
 		if (t) {
 			let e = (e) => {
-				s.value = e.matches, M();
+				o.value = e.matches, M();
 			};
-			s.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), C = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), C = () => t.removeListener?.(e));
+			o.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), C = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), C = () => t.removeListener?.(e));
 		}
 	}
 	function R() {
 		S || (S = !0, F(), C?.(), C = null);
 	}
-	return f() && m(R), n && P(), {
-		isActive: g(a),
-		isPaused: g(p),
-		isReducedMotion: g(s),
+	return m() && g(R), n && P(), {
+		isActive: v(a),
+		isPaused: v(d),
+		isReducedMotion: v(o),
 		start: P,
 		stop: F,
 		pause: I,
 		resume: L,
 		dispose: R,
-		yieldToMain: w
+		yieldToMain: E
 	};
 }
 //#endregion
 //#region src/composables/motion/usePrioritizedTask.ts
-function j() {
+function N() {
 	if (!e()) return null;
 	let t = globalThis.scheduler;
 	return t?.postTask?.bind(t) ?? null;
 }
-function M() {
+function P() {
 	let e = /* @__PURE__ */ Error("The task was aborted.");
 	return e.name = "AbortError", e;
 }
-function N(e) {
+function F(e) {
 	let t = e.filter((e) => e != null);
 	if (t.length === 0) return;
 	if (t.length === 1) return t[0];
@@ -210,20 +211,20 @@ function N(e) {
 	}
 	return n.signal;
 }
-function P(e, t = {}) {
-	let { priority: n, signal: r, delay: i } = t, a = j();
+function I(e, t = {}) {
+	let { priority: n, signal: r, delay: i } = t, a = N();
 	return a ? a(e, {
 		priority: n,
 		signal: r,
 		delay: i
 	}) : new Promise((t, n) => {
 		if (r?.aborted) {
-			n(M());
+			n(P());
 			return;
 		}
 		let a = () => {
 			if (r?.aborted) {
-				n(M());
+				n(P());
 				return;
 			}
 			try {
@@ -240,20 +241,20 @@ function P(e, t = {}) {
 		i && i > 0 ? setTimeout(o, i) : o();
 	});
 }
-function F(e) {
+function L(e) {
 	let t = globalThis.TaskController;
 	return typeof t == "function" ? new t(e ? { priority: e } : void 0) : null;
 }
-function I(e) {
-	let t = F(e);
+function R(e) {
+	let t = L(e);
 	return {
-		postTask: (n, r = {}) => P(n, {
+		postTask: (n, r = {}) => I(n, {
 			priority: e,
 			...r,
-			signal: N([t?.signal, r.signal])
+			signal: F([t?.signal, r.signal])
 		}),
 		abort: (e) => t?.abort(e)
 	};
 }
 //#endregion
-export { u as DAMPING, l as SNAP_THRESHOLD, P as postTaskSafe, t as startViewTransition, n as supportsViewTransitions, s as useIntersectionPause, I as usePrioritizedTask, A as useRAFLoop, c as useScrollProgress, S as useStagger, b as useStaggerReveal, a as useTextHighlight, T as useYieldToMain, r as vReveal, w as yieldToMain };
+export { f as DAMPING, d as SNAP_THRESHOLD, I as postTaskSafe, o as startViewTransition, t as supportsRouteTransitions, a as supportsViewTransitions, l as useIntersectionPause, R as usePrioritizedTask, M as useRAFLoop, n as useRouteTransition, u as useScrollProgress, w as useStagger, S as useStaggerReveal, s as useTextHighlight, D as useYieldToMain, r as vReveal, E as yieldToMain };

package/dist/motion.js

@@ -1,6 +1,6 @@
 import { n as e, t } from "./useSpringMount-BJSHcLl3.js";
-import { n, t as r } from "./constants-CS75AWHG.js";
-import { t as i } from "./useAnimatedNumber-C5I3wWd8.js";
+import { n, t as r } from "./constants-yKeKnE84.js";
+import { t as i } from "./useAnimatedNumber-Bcpy5Etf.js";
 import { computed as a, onBeforeUnmount as o, onScopeDispose as s, ref as c, shallowRef as l } from "vue";
 import { NumericAnimation as u } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useSpringPress.ts

package/dist/notification.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Notification-BxK8LZMw.js";
+import { t as e } from "./Notification-DLMhblXR.js";
 export { e as Notification };

package/dist/search.js

@@ -2,11 +2,11 @@ import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t, t as n } from "./minimize-2-lcXOuc6V.js";
 import { t as r } from "./search-nbkvr2dC.js";
 import { t as i } from "./x-Dfsegz9Y.js";
-import { n as a } from "./badge-BvwvT50i.js";
+import { n as a } from "./badge-CaoFJzRb.js";
 import { n as o } from "./button-DN39cGqL.js";
 import { n as s, t as c } from "./DialogContent-BRkT1cjP.js";
 import { n as l, r as u, t as d } from "./PopoverContent-BId6ggf_.js";
-import { t as f } from "./useTextHighlight-DON84L8w.js";
+import { t as f } from "./useTextHighlight-CWEi25hf.js";
 import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, onScopeDispose as w, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, unref as j, watch as M, withCtx as N } from "vue";
 //#region src/components/custom/search/composables/fuzzySearchIndex.ts
 function P(e, t) {

package/dist/{slider-DC2mwuoe.js → slider-CyzcxBoh.js}

@@ -65,7 +65,7 @@ var T = /* @__PURE__ */ t(/* @__PURE__ */ l({
 	setup(t, { emit: l }) {
 		let C = t, T = l, D = a(() => C.variant ?? "standard"), O = a(() => C.size ?? "md"), k = a(() => C.keepDockOpen), A = S(a(() => {
 			let { class: e, variant: t, size: n, keepDockOpen: r, ...i } = C;
-			return D.value === "spectrum" && !i.thumbAlignment && (i.thumbAlignment = "contain"), i;
+			return i.thumbAlignment ||= "contain", i;
 		}), T), j = r(), M = g("sliderRootRef");
 		function N() {
 			let e = M.value;
@@ -110,7 +110,7 @@ var T = /* @__PURE__ */ t(/* @__PURE__ */ l({
 			}), (p(!0), s(i, null, m(t.modelValue, (e, t) => (p(), o(h(b), {
 				key: t,
 				"aria-label": n.$attrs["aria-label"] ?? void 0,
-				class: "slider-thumb"
+				class: "slider-thumb glass-specular-track"
 			}, null, 8, ["aria-label"]))), 128))]),
 			_: 1
 		}, 16, [
@@ -121,16 +121,16 @@ var T = /* @__PURE__ */ t(/* @__PURE__ */ l({
 			"data-touch-active"
 		]));
 	}
-}), [["__scopeId", "data-v-b77dcbae"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
+}), [["__scopeId", "data-v-aacc4124"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
 	variants: {
 		variant: {
 			standard: "",
 			spectrum: ""
 		},
 		size: {
-			sm: "[--slider-track-height:0.25rem] [--slider-thumb-size:0.75rem]",
-			md: "[--slider-track-height:0.375rem] [--slider-thumb-size:1rem]",
-			lg: "[--slider-track-height:0.75rem] [--slider-thumb-size:1.5rem]"
+			sm: "[--slider-track-height:0.75rem] [--slider-thumb-size:0.5rem]",
+			md: "[--slider-track-height:1.25rem] [--slider-thumb-size:1rem]",
+			lg: "[--slider-track-height:1.75rem] [--slider-thumb-size:1.5rem]"
 		}
 	},
 	defaultVariants: {

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-DC2mwuoe.js";
+import { n as e, t } from "./slider-CyzcxBoh.js";
 export { e as Slider, t as sliderVariants };

package/dist/styles/animations.css

@@ -141,33 +141,89 @@
     100% { background-position: -200% 0; }
 }
 
-/* ── Sparkle sweep: four-point star traverses a surface diagonally ──
+/* ── Crayon-wipe: the scroll-scrubbed draw-on (D6.c M1) ──────────────────────
  *
- * Reserved for the chassis primary-action hover (dock-tab-button[data-tier="primary"])
- * and the `Complete!` shimmer cycle. Single keyframe, ~600ms per pass; the
- * consumer rule sets the duration and easing. Reduced-motion guard at the
- * consumer site (per surface — not all sparkle uses share the same gate).
+ * The bidirectional, scroll-scrubbed DRAW-ON of a hand-mark (the crayon/pen
+ * underline, a drawn rule). The wipe is a `clip-path: inset()` of the LEFT edge
+ * only — the mark draws from inset(0 100% 0 0) (fully clipped from the right, so
+ * NOTHING shows) to inset(0) (fully revealed) — so the underline DRAWS as the
+ * figure scrolls into view and UN-DRAWS as it scrolls back up. `clip-path` is the
+ * compositor-eligible, FILTER-STABLE wipe (the medium's grain `feTurbulence`
+ * rasters ONCE and is untouched by the clip — the cardinal "no per-frame raster"
+ * discipline ds2-motion-field M1 names): clip-path animates on the compositor and
+ * never re-runs the static filter, unlike a `stroke-dashoffset` draw under the
+ * grain filter (which re-rasters per frame). The grammar mirrors scroll-driven.css
+ * (the `view()`/`scroll()` timeline home): the keyframe lives here (the shared
+ * @keyframes register); a consumer binds it to a NAMED `view-timeline` so the
+ * draw-on SCRUBS bidirectionally with scroll (forward → draws, back → un-draws),
+ * never a one-shot. The `.crayon-wipe` utility below is the binding.
+ *
+ * The keyframe itself is timeline-agnostic — it is equally a load-clock draw-on
+ * (bound to a keyframes.js Sequence) or a scroll scrub (bound to a view-timeline).
+ * The DEFAULT consumer is the scroll scrub (the figure-item underline drawing into
+ * the lower third), hence the utility's `view()` binding.
+ *
+ * Reduced-motion: the utility (NOT the keyframe) gates — under PRM the mark is SET
+ * to inset(0) (fully drawn, never animated), the correct degrade for a permanent
+ * structural draw (information parity: the underline is present, just not drawn).
  */
-@keyframes sparkle-sweep {
-    0% {
-        transform: translate(-30%, -30%) scale(0.5);
-        opacity: 0;
-    }
-    25% {
-        opacity: 1;
+@keyframes crayon-wipe {
+    from {
+        /* clipped from the RIGHT by 100% → the mark is fully hidden (nothing
+           drawn yet); the left edge is the pen-tip about to move right. */
+        clip-path: inset(0 100% 0 0);
     }
-    100% {
-        transform: translate(180%, 180%) scale(1.2);
-        opacity: 0;
+    to {
+        /* fully revealed — the mark is wholly drawn. */
+        clip-path: inset(0 0 0 0);
     }
 }
 
-@media (prefers-reduced-motion: reduce) {
-    @keyframes sparkle-sweep {
-        0%, 100% { opacity: 0; transform: none; }
+/* ── .crayon-wipe — bind the wipe to a scroll view-timeline (D6.c M1) ──────────
+ * The scroll-scrubbed draw-on utility. A consumer puts `.crayon-wipe` on a
+ * hand-mark surface (the underline span, a drawn rule) and the mark draws/un-draws
+ * as it scrolls through its OWN `view()` timeline — a bidirectional scrub, free,
+ * off the main thread. The animation is `paused` with `animation-timeline: view()`
+ * so the scroll position IS the playhead (the native scroll-driven model — the
+ * timeline drives the frame, time does not). The named timeline is overridable
+ * (`--crayon-wipe-timeline`, default the element's own `view()`) so a consumer can
+ * scrub off a SHARED beat timeline (the §--beat-tl the atlas scroll-driven.css
+ * names) instead of the per-element view — that is the "named view-timeline so a
+ * consumer scrubs a draw-on bidirectionally" contract.
+ *
+ * @supports-gated + PRM-OUTER-gated, mirroring scroll-driven.css exactly: the
+ * whole binding sits under `prefers-reduced-motion: no-preference`, so under PRM
+ * the animation never attaches and the mark renders in its terminal `inset(0)`
+ * (fully-drawn) state — the static-draw degrade. The draw range is `entry`-keyed
+ * (the mark draws as it ENTERS the lower viewport), tunable via
+ * `--crayon-wipe-range-{start,end}`. */
+@media (prefers-reduced-motion: no-preference) {
+    @supports ((animation-timeline: view()) and (animation-range: entry)) {
+        .crayon-wipe {
+            animation: crayon-wipe auto linear both;
+            animation-timeline: var(--crayon-wipe-timeline, view(block));
+            animation-range: var(--crayon-wipe-range-start, entry 0%)
+                var(--crayon-wipe-range-end, cover 35%);
+        }
     }
 }
 
+/* ── Sparkle sweep: TOMBSTONE (D6.b — the disco-star excision) ──
+ *
+ * @deprecated 3.10 — DELETE in 3.11. The four-point `✦` star sweep was the one
+ * garish gesture in the library; the user named it for removal ("remove the disco
+ * star from all glass-ui elements"). Every in-tree consumer is re-homed: the
+ * `btn-audacious` hover affirmation now rides the specular catch-light alone; the
+ * gold-CTA rides the `btn-gold-bg-sweep` metal-catch; the chassis `complete`
+ * celebration re-homes to the `.text-gilt` one-shot (utilities.css). The keyframe
+ * body is EMPTIED rather than deleted for ONE minor so any out-of-tree consumer
+ * (the slides decks) fails SOFT — a no-op animation, not an unknown-animation
+ * error. The `--duration-sparkle` token is `@deprecated` alongside (tokens.css).
+ * Full delete (this block + the token + the theme bridge) lands in 3.11. */
+@keyframes sparkle-sweep {
+    /* intentionally empty — tombstoned, see deprecation note above */
+}
+
 /* ── Pulse dot bounce: dots variant of <Pulse> ──
  *
  * Three-dot loading indicator. Opacity 0.35 ↔ 1, scale 0.8 ↔ 1.2. Consumer

package/dist/styles/cards.css

@@ -38,8 +38,8 @@
        mints the stacking context once. Longhand maps `translate(x, y)` 1:1. */
     translate: 0;
     transition:
-        translate var(--duration-normal) var(--spring-bouncy),
-        box-shadow var(--duration-normal) var(--ease-apple);
+        translate var(--duration-normal) var(--spring-smooth),
+        box-shadow var(--duration-normal) var(--ease-standard);
 
     &:hover:not(:disabled) {
         translate: var(--lift-sm) var(--lift-sm);