@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/useSortable-DnyGXKKY.js

@@ -0,0 +1,246 @@
+import { computed as e, onScopeDispose as t, shallowRef as n } from "vue";
+//#region src/composables/sortable/dropResolver.ts
+var r = /* @__PURE__ */ new Set();
+function i(e, t, n, r, i) {
+	let a = i ? n : r;
+	for (let n = 0; n < t.length; n++) {
+		let r = e.get(t[n].id);
+		if (!r) continue;
+		let o = r.getBoundingClientRect();
+		if (a < (i ? o.left + o.width / 2 : o.top + o.height / 2)) return n;
+	}
+	return t.length;
+}
+function a(e, t, n) {
+	if (!e.group) return null;
+	for (let i of r) {
+		if (i === e || i.group !== e.group) continue;
+		let r = i.getContainer();
+		if (!r) continue;
+		let a = r.getBoundingClientRect();
+		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return i;
+	}
+	return null;
+}
+//#endregion
+//#region src/composables/sortable/transitionTiming.ts
+var o = "is-sortable-drop-above", s = "is-sortable-drop-below", c = "sortable-drag-ghost", l = "is-sortable-dragging";
+function u(e, t, n) {
+	return e < 0 ? {
+		above: !1,
+		below: !1
+	} : t === n ? {
+		above: !1,
+		below: e === n - 1
+	} : {
+		above: e === t,
+		below: !1
+	};
+}
+function d(e) {
+	let t = {
+		[o]: !1,
+		[s]: !1
+	};
+	if (e.isLocalDragging && e.localDrop !== null) {
+		let n = u(e.rowIndex, e.localDrop, e.listLength);
+		n.above && (t[o] = !0), n.below && (t[s] = !0);
+	}
+	if (e.externalDrop !== null && !e.isLocalDragging) {
+		let n = u(e.rowIndex, e.externalDrop, e.listLength);
+		n.above && (t[o] = !0), n.below && (t[s] = !0);
+	}
+	return t;
+}
+//#endregion
+//#region src/composables/sortable/ghostRenderer.ts
+function f(e) {
+	return e ? e.replace(/\//g, " ").split(/\s+/).filter(Boolean).some((e) => parseFloat(e) !== 0) : !1;
+}
+function p(e) {
+	let t = getComputedStyle(e).borderRadius;
+	if (f(t)) return t;
+	for (let t of e.querySelectorAll("*")) {
+		let e = getComputedStyle(t).borderRadius;
+		if (f(e)) return e;
+	}
+	return null;
+}
+function m() {
+	let e = null, t = 0, n = 0;
+	function r(r, i, a) {
+		let o = r.getBoundingClientRect();
+		t = i - o.left, n = a - o.top;
+		let s = r.cloneNode(!0);
+		s.classList.add(c);
+		let l = p(r);
+		l && (s.style.borderRadius = l), s.style.position = "fixed", s.style.left = `${o.left}px`, s.style.top = `${o.top}px`, s.style.width = `${o.width}px`, s.style.height = `${o.height}px`, s.style.margin = "0", s.style.pointerEvents = "none", s.style.zIndex = "9999", s.id && s.removeAttribute("id");
+		for (let e of s.querySelectorAll("[id]")) e.removeAttribute("id");
+		document.body.appendChild(s), e = s;
+	}
+	function i(r, i) {
+		e && (e.style.left = `${r - t}px`, e.style.top = `${i - n}px`);
+	}
+	function a() {
+		e && e.parentNode && e.parentNode.removeChild(e), e = null;
+	}
+	return {
+		createGhost: r,
+		updateGhost: i,
+		destroyGhost: a
+	};
+}
+//#endregion
+//#region src/composables/sortable/touchGate.ts
+function h(e, t) {
+	return t === null ? !0 : e instanceof Element ? e.closest(t) !== null : !1;
+}
+function g(e, t) {
+	if (e && "setPointerCapture" in e) try {
+		return e.setPointerCapture(t), !0;
+	} catch {
+		return !1;
+	}
+	return !0;
+}
+//#endregion
+//#region src/composables/sortable/dragController.ts
+function _(e) {
+	let { getItems: t, getId: r, elements: o, handle: s, onReorder: c, horizontal: u, ghost: d } = e, f = n(null), p = n(null), m = n(null), h = n(!0), _ = null, v = null;
+	function y(e) {
+		let n = t();
+		for (let t = 0; t < n.length; t++) if (r(n[t]) === e) return t;
+		return -1;
+	}
+	function b(e, n) {
+		return i(o, t().map((e) => ({ id: r(e) })), e, n, u);
+	}
+	function x(e, t) {
+		let n = o.get(e);
+		if (!(n instanceof HTMLElement)) return;
+		f.value = e, p.value = {
+			x: t.clientX,
+			y: t.clientY
+		}, m.value = y(e), h.value = !0, _ = null, v = n, n.classList.add(l), d.createGhost(n, t.clientX, t.clientY);
+		let r = t.currentTarget;
+		h.value = g(r, t.pointerId), document.addEventListener("pointermove", S), document.addEventListener("pointerup", C), document.addEventListener("pointercancel", C);
+	}
+	function S(e) {
+		if (f.value === null) return;
+		p.value = {
+			x: e.clientX,
+			y: e.clientY
+		}, d.updateGhost(e.clientX, e.clientY);
+		let t = a(s, e.clientX, e.clientY);
+		if (t) {
+			_ && _ !== t && _.setExternalDropIndex(null), _ = t;
+			let n = t.getItems().map((e) => ({ id: t.getId(e) })), r = i(t.getElements(), n, e.clientX, e.clientY, u);
+			t.setExternalDropIndex(r), m.value = null;
+		} else _ &&= (_.setExternalDropIndex(null), null), m.value = b(e.clientX, e.clientY);
+	}
+	function C(e) {
+		let n = f.value, i = _, a = m.value;
+		if (w(), n === null) return;
+		let o = t(), s = o.findIndex((e) => r(e) === n);
+		if (s < 0) return;
+		if (i) {
+			let e = o[s], t = o.slice();
+			t.splice(s, 1), c(t);
+			let n = i.getExternalDropIndex?.() ?? null;
+			i.setExternalDropIndex(null), i.acceptExternal(n ?? 0, e);
+			return;
+		}
+		if (a === null) return;
+		let l = a;
+		if (l > s && --l, l === s) return;
+		let u = o.slice(), [d] = u.splice(s, 1);
+		u.splice(l, 0, d), c(u);
+	}
+	function w() {
+		d.destroyGhost(), v &&= (v.classList.remove(l), null), _ &&= (_.setExternalDropIndex(null), null), f.value = null, p.value = null, m.value = null, document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C), document.removeEventListener("pointercancel", C);
+	}
+	return {
+		dragId: f,
+		pos: p,
+		dropIndex: m,
+		pointerCaptureActive: h,
+		beginDrag: x,
+		endDrag: w
+	};
+}
+//#endregion
+//#region src/composables/sortable/useSortable.ts
+var v = "[data-sortable-handle]";
+function y(i) {
+	let { items: a, getId: o, onReorder: s, onInsert: c, group: l, handleSelector: u = v, axis: f = "y" } = i, p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), y = null, b = n(null);
+	function x() {
+		return a.value;
+	}
+	function S(e) {
+		let t = x();
+		for (let n = 0; n < t.length; n++) if (o(t[n]) === e) return n;
+		return -1;
+	}
+	let C = {
+		group: l,
+		getContainer: () => y,
+		getItems: () => a.value,
+		getId: (e) => o(e),
+		getElements: () => p,
+		setExternalDropIndex: (e) => {
+			b.value = e;
+		},
+		acceptExternal: (e, t) => {
+			c && c(e, t);
+		},
+		getExternalDropIndex: () => b.value
+	}, w = m(), T = _({
+		getItems: () => a.value,
+		getId: (e) => o(e),
+		elements: p,
+		handle: C,
+		onReorder: (e) => s(e),
+		horizontal: f === "x",
+		ghost: w
+	});
+	function E(t) {
+		let n = g.get(t);
+		if (n) return n;
+		let r = (e) => {
+			e === null ? p.delete(t) : p.set(t, e);
+		}, i = e(() => d({
+			rowIndex: S(t),
+			listLength: x().length,
+			localDrop: T.dropIndex.value,
+			isLocalDragging: T.dragId.value !== null,
+			externalDrop: b.value
+		})), a = {
+			ref: r,
+			dataAttrs: { "data-sortable-id": String(t) },
+			class: i,
+			onPointerdown: (e) => {
+				e.button === 0 && h(e.target, u) && (e.preventDefault(), T.beginDrag(t, e));
+			}
+		};
+		return g.set(t, a), a;
+	}
+	let D = {
+		ref: (e) => {
+			y = e;
+		},
+		dataAttrs: { "data-sortable-container": l ?? "" }
+	};
+	return r.add(C), t(() => {
+		r.delete(C), T.endDrag();
+	}), {
+		registerItem: E,
+		container: D,
+		isDragging: e(() => T.dragId.value !== null),
+		dragId: e(() => T.dragId.value),
+		dragPosition: e(() => T.pos.value),
+		dropIndex: e(() => T.dropIndex.value),
+		pointerCaptureActive: e(() => T.pointerCaptureActive.value)
+	};
+}
+//#endregion
+export { y as t };

package/dist/{useTouchGate-XX8gHfay.js → useTouchGate-CS5Csc2h.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-6FoosoDY.js";
+import { t as e } from "./useTimer-DGgoxTXL.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/prng.d.ts

@@ -0,0 +1,4 @@
+/** Mulberry32 — fast 32-bit seeded PRNG. Returns a `() => number` in [0, 1). */
+export declare function mulberry32(seed: number): () => number;
+/** Simple string → u32 hash (djb2). */
+export declare function hashString(str: string): number;

package/dist/vReveal-u2wSG2El.js

@@ -0,0 +1,35 @@
+//#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/composables/motion/supportsCssTimeline.ts
+function n(e, t) {
+	return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", e) && !CSS.supports("animation-timeline", t);
+}
+function r() {
+	return n("scroll()", "gl-not-a-real-timeline");
+}
+function i() {
+	return n("view()", "gl-not-a-real-timeline");
+}
+//#endregion
+//#region src/utils/platformSupport.ts
+function a() {
+	return typeof globalThis.scheduler?.postTask == "function";
+}
+//#endregion
+//#region src/composables/motion/vReveal.ts
+function o(e, t) {
+	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
+}
+var s = {
+	mounted: o,
+	updated: o
+};
+//#endregion
+export { e as a, i, a as n, t as o, r, s as t };

package/dist/watercolor-dot.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/watercolor-dot";

package/dist/watercolor-dot.js

@@ -0,0 +1,129 @@
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n as t, t as n } from "./prng-Bz_1Tydc.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) {
+	let r = [];
+	for (let i = 0; i < 8; i++) r.push(t + e() * (n - t));
+	return r;
+}
+function y(e) {
+	return `${e[0]}% ${e[1]}% ${e[2]}% ${e[3]}% / ${e[4]}% ${e[5]}% ${e[6]}% ${e[7]}%`;
+}
+//#endregion
+//#region src/components/custom/watercolor-dot/useWatercolorBlob.ts
+function b(e, r = {}) {
+	let { animate: i = !1, cycleDuration: a = 4e3, range: o = [20, 80], seed: s = "" } = r, c = d(""), u = d(""), f = t(n((typeof e == "function" ? e : () => e.value)() + s)), p = v(f, o[0], o[1]);
+	c.value = y(p), u.value = y(v(f, o[0], o[1]));
+	let m = () => {};
+	if (!i) return typeof e != "function" && g(e, (e) => {
+		let r = t(n(e + s));
+		c.value = y(v(r, o[0], o[1])), u.value = y(v(r, o[0], o[1]));
+	}), {
+		borderRadius: c,
+		hoverBorderRadius: u,
+		nudge: m
+	};
+	let [h, _] = o, b = [...p], x = [];
+	for (let e = 0; e < 8; e++) {
+		let t = .5 + f() * 1.3, n = f();
+		x.push({
+			from: p[e] ?? h,
+			to: h + f() * (_ - h),
+			startTime: -n * a * t,
+			duration: a * t
+		});
+	}
+	let S = null, C = 0;
+	function w(e) {
+		C = e;
+		for (let t = 0; t < 8; t++) {
+			let n = x[t];
+			if (!n) continue;
+			let r = (e - n.startTime) / n.duration;
+			r >= 1 && (n.from = n.to, n.to = h + f() * (_ - h), n.duration = a * (.5 + f() * 1.3), n.startTime = e, r = 0);
+			let i = .5 - .5 * Math.cos(Math.PI * r);
+			b[t] = n.from + i * (n.to - n.from);
+		}
+		c.value = y(b), S = requestAnimationFrame(w);
+	}
+	return m = () => {
+		let e = C || performance.now();
+		for (let t = 0; t < 8; t++) {
+			let n = x[t];
+			n && (n.from = b[t] ?? n.from, n.to = h + f() * (_ - h), n.duration = a * (.25 + f() * .25), n.startTime = e);
+		}
+	}, S = requestAnimationFrame(w), l(() => {
+		S !== null && (cancelAnimationFrame(S), S = null);
+	}), {
+		borderRadius: c,
+		hoverBorderRadius: u,
+		nudge: m
+	};
+}
+//#endregion
+//#region src/components/custom/watercolor-dot/WatercolorDot.vue
+var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
+	__name: "WatercolorDot",
+	props: {
+		color: {},
+		animate: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "div" },
+		cycleDuration: { default: 4e3 },
+		range: { default: () => [20, 80] },
+		seed: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = `watercolor-filter-${h().replace(/[^a-zA-Z0-9_-]/g, "")}`, o = r(() => `url(#${n})`), l = m(t, "color"), g = d(!1), v = b(l, {
+			animate: t.animate,
+			cycleDuration: t.cycleDuration,
+			range: t.range,
+			seed: t.seed
+		});
+		function y() {
+			g.value = !0, t.animate && v.nudge();
+		}
+		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"]),
+			style: c({
+				backgroundColor: e.color,
+				borderRadius: x.value,
+				"--watercolor-filter": o.value
+			}),
+			onMouseenter: y,
+			onMouseleave: r[0] ||= (e) => g.value = !1
+		}, {
+			default: _(() => [a("svg", {
+				class: "watercolor-filter-host",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, [a("defs", null, [a("filter", {
+				id: n,
+				x: "-10%",
+				y: "-10%",
+				width: "120%",
+				height: "120%",
+				"color-interpolation-filters": "sRGB"
+			}, [...r[1] ||= [a("feTurbulence", {
+				type: "fractalNoise",
+				baseFrequency: "0.04",
+				numOctaves: "4",
+				seed: "2",
+				result: "noise"
+			}, null, -1), a("feDisplacementMap", {
+				in: "SourceGraphic",
+				in2: "noise",
+				scale: "1.5",
+				xChannelSelector: "R",
+				yChannelSelector: "G"
+			}, null, -1)]])])]), f(t.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 40, ["class", "style"]));
+	}
+}), [["__scopeId", "data-v-5e8693fa"]]);
+//#endregion
+export { x as WatercolorDot, n as hashString, t as mulberry32, y as radiiToCSS, v as randomRadii, b as useWatercolorBlob };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "3.2.0",
+    "version": "3.4.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
@@ -49,9 +49,24 @@
             "aurora": [
                 "dist/aurora.d.ts"
             ],
+            "color": [
+                "dist/color.d.ts"
+            ],
+            "goo-blob": [
+                "dist/goo-blob.d.ts"
+            ],
+            "watercolor-dot": [
+                "dist/watercolor-dot.d.ts"
+            ],
             "metric-badge": [
                 "dist/metric-badge.d.ts"
             ],
+            "metric-cell": [
+                "dist/metric-cell.d.ts"
+            ],
+            "metric-stack": [
+                "dist/metric-stack.d.ts"
+            ],
             "status-dot": [
                 "dist/status-dot.d.ts"
             ],
@@ -121,15 +136,9 @@
             "carousel": [
                 "dist/carousel.d.ts"
             ],
-            "metric-stack": [
-                "dist/metric-stack.d.ts"
-            ],
             "animated-digit": [
                 "dist/animated-digit.d.ts"
             ],
-            "metric-cell": [
-                "dist/metric-cell.d.ts"
-            ],
             "responsive-tabs": [
                 "dist/responsive-tabs.d.ts"
             ],
@@ -277,6 +286,18 @@
             "types": "./dist/aurora.d.ts",
             "import": "./dist/aurora.js"
         },
+        "./color": {
+            "types": "./dist/color.d.ts",
+            "import": "./dist/color.js"
+        },
+        "./goo-blob": {
+            "types": "./dist/goo-blob.d.ts",
+            "import": "./dist/goo-blob.js"
+        },
+        "./watercolor-dot": {
+            "types": "./dist/watercolor-dot.d.ts",
+            "import": "./dist/watercolor-dot.js"
+        },
         "./configurator": {
             "types": "./dist/configurator.d.ts",
             "import": "./dist/configurator.js"
@@ -289,6 +310,10 @@
             "types": "./dist/metric-badge.d.ts",
             "import": "./dist/metric-badge.js"
         },
+        "./metric-cell": {
+            "types": "./dist/metric-cell.d.ts",
+            "import": "./dist/metric-cell.js"
+        },
         "./metric-stack": {
             "types": "./dist/metric-stack.d.ts",
             "import": "./dist/metric-stack.js"
@@ -297,10 +322,6 @@
             "types": "./dist/animated-digit.d.ts",
             "import": "./dist/animated-digit.js"
         },
-        "./metric-cell": {
-            "types": "./dist/metric-cell.d.ts",
-            "import": "./dist/metric-cell.js"
-        },
         "./responsive-tabs": {
             "types": "./dist/responsive-tabs.d.ts",
             "import": "./dist/responsive-tabs.js"
@@ -516,7 +537,7 @@
         "iter-build": "vite build --config vite.iter.config.ts",
         "iter-test": "vitest run --reporter=verbose",
         "iter-test-watch": "vitest --watch",
-        "emit-types": "vue-tsc --project tsconfig.build.json",
+        "emit-types": "vue-tsc --project tsconfig.build.json && node scripts/flatten-subpath-types.mjs",
         "iter": "npm run iter-check && npm run iter-build && npm run iter-test",
         "proof:package": "node scripts/proof-package.mjs",
         "proof:consumers:static": "node scripts/proof-consumers-static.mjs",
@@ -525,9 +546,59 @@
         "proof:theme": "node scripts/proof-theme-style.mjs",
         "proof:components-css": "node scripts/proof-components-css.mjs",
         "proof:resolution": "node scripts/proof-resolution-contract.mjs",
+        "proof:peer-conformance": "node scripts/proof-peer-conformance.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",
+        "proof:dock-motion-parity": "node scripts/proof-dock-motion-parity.mjs",
+        "proof:dock-motion-single-source": "node scripts/proof-dock-motion-single-source.mjs",
+        "proof:dock-opacity-lockstep": "node scripts/proof-dock-opacity-lockstep.mjs",
+        "proof:dock-a11y-contract": "vitest run tests/components/custom/dock/DockLayerRail.a11y.test.ts",
+        "proof:dock-vocabulary": "node scripts/proof-dock-vocabulary.mjs",
+        "proof:dock-css-split": "node scripts/proof-dock-controls-split.mjs",
+        "proof:design-idiom-localization": "node scripts/proof-design-idiom-localization.mjs",
+        "proof:tailwind-v4-idiom": "node scripts/proof-tailwind-v4-idiom.mjs",
+        "proof:au-w9-consumers": "node scripts/proof-au-w9-consumers.mjs",
+        "proof:shadow-contract": "node scripts/proof-shadow-contract.mjs",
+        "proof:card-cartoon-consumers": "node scripts/proof-card-cartoon-consumers.mjs",
+        "proof:doc-consistency": "node scripts/proof-doc-consistency.mjs",
+        "proof:au-w0-reground": "node scripts/proof-au-w0-reground.mjs",
+        "proof:au-w1-design": "node scripts/proof-au-w1-design.mjs",
+        "proof:au-final": "node scripts/proof-au-final.mjs",
+        "proof:strict-templates": "node scripts/proof-strict-templates.mjs",
+        "proof:peer-optional": "node scripts/proof-peer-optional.mjs",
+        "proof:vueuse-free-root": "node scripts/proof-vueuse-free-root.mjs",
+        "proof:supportsPostTask-wired": "node scripts/proof-supports-post-task-wired.mjs",
+        "proof:font-axes": "node scripts/proof-font-axes.mjs",
+        "proof:color-acyclic": "node scripts/proof-color-acyclic.mjs",
+        "proof:single-color-core": "node scripts/proof-single-color-core.mjs",
+        "proof:frostShader-deleted": "node scripts/proof-frostshader-deleted.mjs",
+        "proof:slider-two-only": "node scripts/proof-slider-two-only.mjs",
+        "proof:storybook-ia": "node scripts/proof-storybook-ia.mjs",
+        "proof:no-orphan-demo-route": "node scripts/proof-no-orphan-demo-route.mjs",
+        "proof:font-canon": "node scripts/proof-font-canon.mjs",
+        "proof:webgl-substrate-single": "node scripts/proof-webgl-substrate-single.mjs",
+        "proof:blob-value-free": "node scripts/proof-blob-value-free.mjs",
+        "proof:motion-composables-consumer": "node scripts/proof-motion-composables-consumer.mjs",
+        "proof:motion-value-free": "node scripts/proof-motion-value-free.mjs",
+        "proof:no-value-default": "node scripts/proof-no-value-default.mjs",
+        "proof:blob-space-gamma": "node scripts/proof-blob-space-gamma.mjs",
+        "proof:aurora-space-gamma": "node scripts/proof-aurora-space-gamma.mjs",
+        "proof:shader-shared-source": "node scripts/proof-shader-shared-source.mjs",
+        "proof:blob-color-equivalence": "vitest run tests/components/custom/goo-blob/blob-color-equivalence.test.ts",
+        "proof:fail-explicit": "node scripts/proof-fail-explicit.mjs",
+        "proof:no-god-module": "node scripts/proof-no-god-module.mjs",
+        "proof:no-legacy-commentary": "node scripts/proof-no-legacy-commentary.mjs",
+        "proof:liquid-glass-tokens": "node scripts/proof-liquid-glass-tokens.mjs",
         "proof:lockfile": "node scripts/proof-lockfile.mjs",
+        "proof:di-consistency": "node scripts/proof-di-consistency.mjs",
+        "proof:no-nested-import": "node scripts/proof-no-nested-import.mjs",
+        "proof:no-test-in-src": "node scripts/proof-no-test-in-src.mjs",
+        "proof:spring-tokens-synced": "node scripts/proof-spring-tokens-synced.mjs",
+        "proof:offscreen-pause": "node scripts/proof-offscreen-pause.mjs",
+        "proof:subpath-enumeration": "node scripts/proof-subpath-enumeration.mjs",
+        "proof:no-orphan-composable": "node scripts/proof-no-orphan-composable.mjs",
+        "proof:speedtest-boundary": "node scripts/proof-speedtest-boundary.mjs",
         "proof:all": "node scripts/gates.mjs --run local",
         "gates:verify-ci": "node scripts/gates.mjs --verify-ci",
         "profile:bundle": "node scripts/profile-bundle.mjs",
@@ -542,8 +613,8 @@
     },
     "peerDependencies": {
         "@lucide/vue": "^1.16.0",
-        "@mkbabb/keyframes.js": "^2.2.0 || ^3.0.0",
-        "@mkbabb/value.js": "^0.10.0",
+        "@mkbabb/keyframes.js": "^2.2.0 || ^3.0.0 || ^4.0.0",
+        "@mkbabb/value.js": "^0.10.0 || ^0.11.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
         "clsx": "^2.0",
@@ -554,8 +625,22 @@
         "vaul-vue": "^0.4",
         "vue": "^3.5"
     },
-    "optionalPeerDependencies": {
-        "tw-animate-css": "^1.2.5"
+    "peerDependenciesMeta": {
+        "@vueuse/core": {
+            "optional": true
+        },
+        "embla-carousel-vue": {
+            "optional": true
+        },
+        "@mkbabb/keyframes.js": {
+            "optional": true
+        },
+        "@mkbabb/value.js": {
+            "optional": true
+        },
+        "tw-animate-css": {
+            "optional": true
+        }
     },
     "devDependencies": {
         "@lucide/vue": "^1.16.0",

package/src/fonts/README.md

@@ -21,6 +21,27 @@ woff2 builds live in `distr/woff2/` of that repository's releases — pull
 the `Regular`/`Medium`/`SemiBold` weights only (the three glass-ui ships
 as the `--font-mono` stack rungs).
 
+## Fraunces (display, AU.W4)
+
+The actual on-disk layout is per-family nested
+(`src/fonts/<family>/<face>.woff2`), e.g.
+`src/fonts/plus-jakarta-sans/plus-jakarta-sans-latin.woff2`. AU.W4 ships the
+display register's face — the `--font-stack-display: "Fraunces"` token
+(`tokens.css`) had no face, so the `WONK`/`SOFT` axes `typography.css` drives were
+silently inert. The shipped face is the FULL variable Fraunces (latin subset):
+
+```
+src/fonts/fraunces/fraunces-latin.woff2
+```
+
+It carries the `wght` · `opsz` · `SOFT` · `WONK` axes (verified by
+`proof:font-axes`, which parses the woff2 `fvar` against the axes
+`typography.css` references). Source canonical:
+<https://github.com/googlefonts/fraunces> (OFL-1.1); the variable woff2 latin
+subset is the Google Fonts / fontsource distribution. `proof:font-axes` fails
+closed if a wght-only instance (one that drops `SOFT`/`WONK`) is ever
+substituted.
+
 ## Why this directory ships, not the fetch step
 
 This worktree has no network access. Sub-task 1 documents the canonical

package/src/styles/animations.css

@@ -331,7 +331,7 @@
         scale: var(--top-layer-enter-scale, 0.96);
         transition-property: opacity, scale, display, overlay;
         transition-duration: var(--duration-normal);
-        transition-timing-function: var(--ease-apple-spring);
+        transition-timing-function: var(--spring-bouncy);
         transition-behavior: allow-discrete;
     }
 

package/src/styles/cards.css

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