@mkbabb/glass-ui 4.0.0 → 4.0.1

package/dist/vendor-CKmzio-i.js

@@ -0,0 +1,226 @@
+import { computed as e, h as t, inject as n } from "vue";
+//#region node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
+	let t = o(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, c = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, l = Symbol("lucide-icons");
+function u() {
+	return n(l, {});
+}
+//#endregion
+//#region node_modules/@lucide/vue/dist/esm/Icon.mjs
+var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width": d, strokeWidth: f, "stroke-width": p, size: m, color: h, ...g }, { slots: _ }) => {
+	let { size: v, color: y, strokeWidth: b = 2, absoluteStrokeWidth: x = !1, class: S = "" } = u(), C = e(() => {
+		let e = r(l) || r(d) || l === !0 || d === !0 || x === !0, t = f || p || b || c["stroke-width"];
+		return e ? Number(t) * 24 / Number(m ?? v ?? c.width) : t;
+	});
+	return t("svg", {
+		...c,
+		...g,
+		width: m ?? v ?? c.width,
+		height: m ?? v ?? c.height,
+		stroke: h ?? y ?? c.stroke,
+		"stroke-width": C.value,
+		class: i("lucide", S, ...n ? [`lucide-${a(s(n))}-icon`, `lucide-${a(n)}`] : ["lucide-icon"])
+	}, [...o.map((e) => t(...e)), ..._.default ? [_.default()] : []]);
+}, f = (e, n) => (r, { slots: i, attrs: a }) => t(d, {
+	...a,
+	...r,
+	iconNode: n,
+	name: e
+}, i.default ? { default: i.default } : void 0), p = f("arrow-left", [["path", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]), m = f("arrow-right", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "m12 5 7 7-7 7",
+	key: "xquz4c"
+}]]), h = f("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), g = f("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), _ = f("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), v = f("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), y = f("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), b = f("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]), x = f("circle-check-big", [["path", {
+	d: "M21.801 10A10 10 0 1 1 17 3.335",
+	key: "yps3ct"
+}], ["path", {
+	d: "m9 11 3 3L22 4",
+	key: "1pflzl"
+}]]), S = f("circle-x", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+]), C = f("circle", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}]]), w = f("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]), T = f("info", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 16v-4",
+		key: "1dtifu"
+	}],
+	["path", {
+		d: "M12 8h.01",
+		key: "e9boi3"
+	}]
+]), E = f("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), D = f("maximize-2", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "m21 3-7 7",
+		key: "1l2asr"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M9 21H3v-6",
+		key: "wtvkvv"
+	}]
+]), O = f("minimize-2", [
+	["path", {
+		d: "m14 10 7-7",
+		key: "oa77jy"
+	}],
+	["path", {
+		d: "M20 10h-6V4",
+		key: "mjg0md"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M4 14h6v6",
+		key: "rmj7iw"
+	}]
+]), k = f("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), A = f("pause", [["rect", {
+	x: "14",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "kaeet6"
+}], ["rect", {
+	x: "5",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "1wsw3u"
+}]]), j = 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", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}]]), N = 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", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]), F = f("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	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 };

package/dist/watercolor-dot.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { n as t, t as n } from "./prng-Cg22zv8g.js";
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n as t, t as n } from "./prng-Za0Rmgag.js";
 import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, toRef as m, useId as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/custom/watercolor-dot/prng.ts
 function v(e, t, n) {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "4.0.0",
-    "description": "Glassmorphic design system \u2014 Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
+    "version": "4.0.1",
+    "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -22,6 +22,12 @@
             "dock": [
                 "dist/dock.d.ts"
             ],
+            "drawer": [
+                "dist/drawer.d.ts"
+            ],
+            "focus-scope": [
+                "dist/focus-scope.d.ts"
+            ],
             "search": [
                 "dist/search.d.ts"
             ],
@@ -52,6 +58,9 @@
             "icon-chip": [
                 "dist/icon-chip.d.ts"
             ],
+            "border-progress": [
+                "dist/border-progress.d.ts"
+            ],
             "aurora": [
                 "dist/aurora.d.ts"
             ],
@@ -61,6 +70,9 @@
             "color": [
                 "dist/color.d.ts"
             ],
+            "easing": [
+                "dist/easing.d.ts"
+            ],
             "fading-scroll": [
                 "dist/fading-scroll.d.ts"
             ],
@@ -70,6 +82,12 @@
             "fourier-math": [
                 "dist/fourier-math.d.ts"
             ],
+            "concentric": [
+                "dist/concentric.d.ts"
+            ],
+            "dot-flow-field": [
+                "dist/dot-flow-field.d.ts"
+            ],
             "goo-blob": [
                 "dist/goo-blob.d.ts"
             ],
@@ -94,12 +112,15 @@
             "paper-backdrop": [
                 "dist/paper-backdrop.d.ts"
             ],
-                "pager-dots": [
-                    "dist/pager-dots.d.ts"
-                ],
+            "pager-dots": [
+                "dist/pager-dots.d.ts"
+            ],
             "toggle-chip": [
                 "dist/toggle-chip.d.ts"
             ],
+            "spa-view": [
+                "dist/spa-view.d.ts"
+            ],
             "sortable-list": [
                 "dist/sortable-list.d.ts"
             ],
@@ -257,6 +278,8 @@
             "import": "./dist/tokens.js"
         },
         "./styles": "./dist/styles/index.css",
+        "./styles/critical": "./dist/styles/critical.css",
+        "./styles/deferred": "./dist/styles/deferred.css",
         "./styles/fonts": "./dist/styles/fonts.css",
         "./styles.css": "./dist/glass-ui.css",
         "./fonts/*": "./dist/fonts/*",
@@ -264,6 +287,14 @@
             "types": "./dist/dock.d.ts",
             "import": "./dist/dock.js"
         },
+        "./drawer": {
+            "types": "./dist/drawer.d.ts",
+            "import": "./dist/drawer.js"
+        },
+        "./focus-scope": {
+            "types": "./dist/focus-scope.d.ts",
+            "import": "./dist/focus-scope.js"
+        },
         "./search": {
             "types": "./dist/search.d.ts",
             "import": "./dist/search.js"
@@ -304,6 +335,10 @@
             "types": "./dist/icon-chip.d.ts",
             "import": "./dist/icon-chip.js"
         },
+        "./border-progress": {
+            "types": "./dist/border-progress.d.ts",
+            "import": "./dist/border-progress.js"
+        },
         "./aurora": {
             "types": "./dist/aurora.d.ts",
             "import": "./dist/aurora.js"
@@ -316,6 +351,10 @@
             "types": "./dist/color.d.ts",
             "import": "./dist/color.js"
         },
+        "./easing": {
+            "types": "./dist/easing.d.ts",
+            "import": "./dist/easing.js"
+        },
         "./fading-scroll": {
             "types": "./dist/fading-scroll.d.ts",
             "import": "./dist/fading-scroll.js"
@@ -328,6 +367,14 @@
             "types": "./dist/fourier-math.d.ts",
             "import": "./dist/fourier-math.js"
         },
+        "./concentric": {
+            "types": "./dist/concentric.d.ts",
+            "import": "./dist/concentric.js"
+        },
+        "./dot-flow-field": {
+            "types": "./dist/dot-flow-field.d.ts",
+            "import": "./dist/dot-flow-field.js"
+        },
         "./goo-blob": {
             "types": "./dist/goo-blob.d.ts",
             "import": "./dist/goo-blob.js"
@@ -380,6 +427,10 @@
             "types": "./dist/toggle-chip.d.ts",
             "import": "./dist/toggle-chip.js"
         },
+        "./spa-view": {
+            "types": "./dist/spa-view.d.ts",
+            "import": "./dist/spa-view.js"
+        },
         "./sortable-list": {
             "types": "./dist/sortable-list.d.ts",
             "import": "./dist/sortable-list.js"
@@ -583,9 +634,16 @@
         "proof:runtime": "node scripts/proof-runtime.mjs",
         "proof:theme": "node scripts/proof-theme-style.mjs",
         "proof:components-css": "node scripts/proof-components-css.mjs",
+        "proof:dist-css": "node scripts/proof-dist-css.mjs",
         "proof:resolution": "node scripts/proof-resolution-contract.mjs",
         "proof:consumer-staleness": "node scripts/proof-consumer-staleness.mjs",
         "proof:peer-conformance": "node scripts/proof-peer-conformance.mjs",
+        "proof:constellation-spine": "node scripts/proof-constellation-spine.mjs",
+        "proof:close-battery-parity": "node scripts/proof-close-battery-parity.mjs",
+        "proof:no-layout-animation": "node scripts/proof-no-layout-animation.mjs",
+        "proof:css-critical": "node scripts/proof-css-critical.mjs",
+        "proof:lighthouse": "node scripts/proof-lighthouse.mjs",
+        "proof:perf-producer": "node scripts/proof-perf-producer.mjs",
         "proof:phantom-classes": "node scripts/proof-phantom-classes.mjs",
         "proof:vt-names": "node scripts/proof-vt-names.mjs",
         "proof:dock-animation-live": "node scripts/proof-dock-animation-live.mjs",
@@ -632,6 +690,46 @@
         "proof:dock-css-split": "node scripts/proof-dock-controls-split.mjs",
         "proof:design-idiom-localization": "node scripts/proof-design-idiom-localization.mjs",
         "proof:hierarchy": "node scripts/proof-hierarchy.mjs",
+        "proof:eyebrow-union": "node scripts/proof-eyebrow-union.mjs",
+        "proof:drawer-abrogate": "node scripts/proof-drawer-abrogate.mjs",
+        "proof:card-padding": "node scripts/proof-card-padding.mjs",
+        "proof:doc-override-idiom": "node scripts/proof-doc-override-idiom.mjs",
+        "proof:lineage-probe": "node scripts/proof-lineage-probe.mjs",
+        "proof:concentric": "node scripts/proof-concentric.mjs",
+        "proof:crossrepo-asks": "node scripts/proof-crossrepo-asks.mjs",
+        "proof:strict-freshness-armed": "node scripts/proof-strict-freshness-armed.mjs",
+        "proof:live-verified-ledger:strict": "node scripts/proof-live-verified-ledger.mjs --tranche=AY --strict-freshness && node scripts/proof-live-verified-ledger.mjs --tranche=BB --strict-freshness",
+        "proof:precept-current": "node scripts/proof-precept-current.mjs",
+        "proof:aur-kuwahara": "node scripts/proof-aur-kuwahara.mjs",
+        "proof:flow-field": "node scripts/proof-flow-field.mjs",
+        "proof:nda-decided": "node scripts/proof-nda-decided.mjs",
+        "proof:aurora-curl-warp": "node scripts/proof-aurora-curl-warp.mjs",
+        "proof:spring-crisp": "node scripts/proof-spring-crisp.mjs",
+        "proof:spa-view": "node scripts/proof-spa-view.mjs",
+        "proof:card-tier-alpha": "node scripts/proof-card-tier-alpha.mjs",
+        "proof:dockmorph-cta": "node scripts/proof-dockmorph-cta.mjs",
+        "proof:gpu-substrate-single": "node scripts/proof-gpu-substrate-single.mjs",
+        "proof:desktop-reserve": "node scripts/proof-desktop-reserve.mjs",
+        "proof:pointer-velocity": "node scripts/proof-pointer-velocity.mjs",
+        "proof:border-progress": "node scripts/proof-border-progress.mjs",
+        "proof:demo-design": "node scripts/proof-demo-design.mjs",
+        "proof:no-dual-path": "node scripts/proof-no-dual-path.mjs",
+        "proof:liquid-reveal": "node scripts/proof-liquid-reveal.mjs",
+        "proof:glass-depth": "node scripts/proof-glass-depth.mjs",
+        "proof:metal-shimmer": "node scripts/proof-metal-shimmer.mjs",
+        "proof:glass-accent": "node scripts/proof-glass-accent.mjs",
+        "proof:lensing": "node scripts/proof-lensing.mjs",
+        "proof:press-unify": "node scripts/proof-press-unify.mjs",
+        "proof:scroll-motion": "node scripts/proof-scroll-motion.mjs",
+        "proof:drag-morph": "node scripts/proof-drag-morph.mjs",
+        "proof:display-tracking": "node scripts/proof-display-tracking.mjs",
+        "proof:paper-grid": "node scripts/proof-paper-grid.mjs",
+        "proof:control-tokens": "node scripts/proof-control-tokens.mjs",
+        "proof:button-glass": "node scripts/proof-button-glass.mjs",
+        "proof:phase-palette": "node scripts/proof-phase-palette.mjs",
+        "proof:aurora-swraster": "node scripts/proof-aurora-swraster.mjs",
+        "proof:on-glass-fg": "node scripts/proof-on-glass-fg.mjs",
+        "proof:dock-morph-family": "node scripts/proof-dock-morph-family.mjs",
         "proof:suffuse": "node scripts/proof-suffuse.mjs",
         "proof:suffuse2": "node scripts/proof-suffuse2.mjs",
         "proof:colocation": "node scripts/proof-colocation.mjs",
@@ -760,6 +858,7 @@
         "proof:menu-glass": "node scripts/proof-menu-glass.mjs",
         "proof:pager-ring": "node scripts/proof-pager-ring.mjs",
         "proof:icon-chip": "node scripts/proof-icon-chip.mjs",
+        "proof:easing-primitive": "node scripts/proof-easing-primitive.mjs",
         "proof:handmark": "node scripts/proof-handmark.mjs",
         "proof:ba-animate": "node scripts/proof-ba-animate.mjs",
         "proof:stage": "node scripts/proof-stage.mjs",
@@ -781,7 +880,10 @@
         "proof:blob-config": "node scripts/proof-blob-config.mjs",
         "proof:tabs-std": "node scripts/proof-tabs-std.mjs",
         "proof:glass-material-sota": "node scripts/proof-glass-material-sota.mjs",
-        "proof:primitive-affordance": "node scripts/proof-primitive-affordance.mjs",
+        "proof:no-dead-token": "node scripts/proof-no-dead-token.mjs",
+        "proof:affordance-contrast": "node scripts/proof-affordance-contrast.mjs",
+        "proof:datatable-split": "node scripts/proof-datatable-split.mjs",
+        "proof:dock-big-dock": "node scripts/proof-dock-big-dock.mjs",
         "proof:reka-binding-idiom": "node scripts/proof-reka-binding-idiom.mjs",
         "proof:animation-coherence": "node scripts/proof-animation-coherence.mjs",
         "proof:design-md-current": "node scripts/proof-design-md-current.mjs",
@@ -793,32 +895,36 @@
         "proof:blob-integration": "node scripts/proof-blob-integration.mjs",
         "proof:gate-script-parity": "node scripts/proof-gate-script-parity.mjs",
         "proof:all": "node scripts/gates.mjs --run local",
-        "proof:live-verified-ledger": "node scripts/proof-live-verified-ledger.mjs --tranche=AY",
+        "proof:full": "node scripts/gates.mjs --run full",
+        "proof:live-verified-ledger": "node scripts/proof-live-verified-ledger.mjs --tranche=BB",
         "proof:live-verified-ledger:ay": "node scripts/proof-live-verified-ledger.mjs --tranche=AY",
         "proof:live-verified-ledger:az": "node scripts/proof-live-verified-ledger.mjs --tranche=AZ",
         "proof:live-verified-ledger:ax": "node scripts/proof-live-verified-ledger.mjs --tranche=AX",
         "proof:live-verified-ledger:ba": "node scripts/proof-live-verified-ledger.mjs --tranche=BA",
+        "proof:live-verified-ledger:bb": "node scripts/proof-live-verified-ledger.mjs --tranche=BB",
         "proof:disposition-live": "node scripts/proof-disposition-live.mjs",
         "proof:gen-ci-fresh": "node scripts/proof-gen-ci-fresh.mjs",
         "proof:gate-manifest-sound": "node scripts/proof-gate-manifest-sound.mjs",
         "proof:ba-gestalt": "node scripts/proof-ba-gestalt.mjs",
+        "proof:visual-runner": "node scripts/proof-visual-runner.mjs",
         "gates:verify-ci": "node scripts/gates.mjs --verify-ci",
         "gates:emit-ci": "node scripts/gates.mjs --emit-ci",
+        "gates:pi": "node scripts/gates.mjs --run pi",
         "profile:bundle": "node scripts/profile-bundle.mjs",
         "profile:budget": "node scripts/profile-bundle.mjs --enforce",
         "profile:aurora": "node scripts/profile-aurora.mjs",
         "validate-consumers": "scripts/validate-consumers.sh",
         "release": "bash scripts/release.sh",
-        "prepublishOnly": "npm run build && npm test"
+        "prepublishOnly": "npm run build && npm test && npm run proof:dist-css"
     },
     "engines": {
         "node": ">=22"
     },
     "peerDependencies": {
         "@lucide/vue": "^1.16.0",
-        "@mkbabb/keyframes.js": "^2.2.0 || ^3.0.0 || ^4.0.0",
+        "@mkbabb/keyframes.js": "^4.0.0",
         "@mkbabb/pencil-boil": "^0.4.1",
-        "@mkbabb/value.js": "^0.10.0 || ^0.11.0",
+        "@mkbabb/value.js": "^0.13.0 || ^1.0.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
         "clsx": "^2.0",
@@ -827,7 +933,6 @@
         "reka-ui": "^2.0",
         "tailwindcss": "^4.0",
         "tw-animate-css": "^1.2.5",
-        "vaul-vue": "^0.4",
         "vue": "^3.5"
     },
     "peerDependenciesMeta": {
@@ -854,12 +959,12 @@
         }
     },
     "devDependencies": {
-        "@lucide/vue": "^1.16.0",
-        "@mkbabb/keyframes.js": "^4.1.0",
+        "@lucide/vue": "^1.20.0",
+        "@mkbabb/keyframes.js": "^4.3.0",
         "@mkbabb/pencil-boil": "^0.4.1",
-        "@mkbabb/value.js": "^0.10.0",
-        "@tailwindcss/postcss": "^4.3.0",
-        "@tailwindcss/vite": "^4.3.0",
+        "@mkbabb/value.js": "^0.13.0 || ^1.0.0",
+        "@tailwindcss/postcss": "^4.3.1",
+        "@tailwindcss/vite": "^4.3.1",
         "@types/node": "^24.12.3",
         "@vitejs/plugin-vue": "^6.0.7",
         "@vue/test-utils": "^2.4.10",
@@ -868,15 +973,14 @@
         "clsx": "^2.1.1",
         "embla-carousel-vue": "^8.6.0",
         "happy-dom": "^20.9.0",
-        "reka-ui": "^2.9.7",
-        "tailwindcss": "^4.3.0",
+        "reka-ui": "^2.9",
+        "tailwindcss": "^4.3.1",
         "tw-animate-css": "^1.2.5",
         "typescript": "^6.0.3",
-        "vaul-vue": "^0.4.0",
-        "vite": "^8.0.13",
-        "vitest": "^4.1.7",
+        "vite": "^8",
+        "vitest": "^4.1.9",
         "vue": "^3.5.34",
         "vue-router": "^4.6.4",
-        "vue-tsc": "^3.3.1"
+        "vue-tsc": "^3.3.5"
     }
 }

package/src/styles/animations.css

@@ -134,9 +134,18 @@
     }
 }
 
-/* ── Gold shimmer: metallic text highlight sweep ── */
-
-@keyframes gold-shimmer-slide {
+/* ── Metal shimmer: the metal-PARAMETERIZED text/border highlight sweep ──
+ * BB.W-METAL-SHIMMER — the ONE metal-agnostic sweep (the gold-only
+ * `gold-shimmer-slide` RETIRED onto it — clean break, no alias). The keyframe is
+ * PURE position (ZERO baked metal color): the metal hue is the recipe's job via
+ * the `--metal-shimmer-color`-bound gradient (see utilities/metal.css). The SAME
+ * keyframe sweeps a gold, silver, or bronze gradient depending only on the channel,
+ * usable for BOTH text-clip (the `.metal-*` text register) AND border/mask (the
+ * `.metal-*-border` swept RIM) — the position pass shifts whatever gradient the
+ * surface paints. The `200% 0`→`-200% 0` shape carries the gold READ exactly
+ * (byte-faithful to the retired `gold-shimmer-slide`). The slow `--duration-metal`
+ * (6s) clock is set at the consumer (the metal recipe), not baked here. */
+@keyframes metal-shimmer-sweep {
     0%   { background-position: 200% 0; }
     100% { background-position: -200% 0; }
 }
@@ -145,8 +154,8 @@
  * The `@keyframes sparkle-sweep` + its reduced-motion stub are DELETED with the
  * disco recipe family — the `btn-audacious` ::after star (its sole consumer) is
  * gone, and the dock-tab primary tier collapsed onto the calm glass register.
- * The `Complete!` celebratory shimmer rides its OWN keyframes (gold-shimmer-slide
- * / shimmer above), never sparkle-sweep.
+ * The `Complete!` celebratory shimmer rides the metal-shimmer-sweep / shimmer
+ * keyframes above, never sparkle-sweep.
  */
 
 /* ── Pulse dot bounce: dots variant of <Pulse> ──
@@ -314,13 +323,26 @@
     dialog.glass-top-layer {
         opacity: 0;
         scale: var(--top-layer-enter-scale, 0.96);
-        transition-property: opacity, scale, display, overlay;
+        /* BB.W-LIQUID-REVEAL — the coupled blur-settle decongest (the iOS
+           "light-bending modulation" arrival). The surface's OWN pixels decongest
+           `filter: blur(--top-layer-enter-blur)` → `blur(0)` AS it blooms (a `filter`
+           radius interp is compositor-safe; it rides the surface's pixels, so it does
+           NOT fight the resting glass-tier `backdrop-filter` plate blur — the
+           REVEAL-TOPLAYER-NO-BLUR fix, the twin of the `.glass-reveal` recipe's blur
+           leg, glass/reveal.css). */
+        filter: blur(var(--top-layer-enter-blur, 4px));
+        transition-property: opacity, scale, filter, display, overlay;
         /* BA.W-GLASS-CAL Unit 3 — the enter rides the bouncy spring's OWN settle
            clock (`--spring-bouncy-duration`, the 2%-band envelope settle) rather
            than the generic `--duration-normal`, so the emphatic dialog/popover
-           entrance bounce reads fully instead of being clipped at 0.3s. */
-        transition-duration: var(--spring-bouncy-duration);
-        transition-timing-function: var(--spring-bouncy);
+           entrance bounce reads fully instead of being clipped at 0.3s. The blur
+           decongest rides the no-overshoot `--ease-out` (EFFECTS), the scale the
+           bouncy spring (SPATIAL) — the W-MOTION-CANON split. */
+        transition-duration: var(--spring-bouncy-duration),
+            var(--spring-bouncy-duration), var(--spring-bouncy-duration),
+            var(--spring-bouncy-duration), var(--spring-bouncy-duration);
+        transition-timing-function: var(--spring-bouncy), var(--spring-bouncy),
+            var(--ease-out), linear, linear;
         transition-behavior: allow-discrete;
     }
 
@@ -330,9 +352,11 @@
     dialog.glass-top-layer[open] {
         opacity: 1;
         scale: 1;
+        filter: blur(0);
         @starting-style {
             opacity: 0;
             scale: var(--top-layer-enter-scale, 0.96);
+            filter: blur(var(--top-layer-enter-blur, 4px));
         }
     }