@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/border-progress.js

@@ -1,47 +1,32 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { o as t, t as n } from "./color-DweYl7pE.js";
-import { computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderSlot as d, unref as f, watch as p } from "vue";
-import { interpolateHue as m } from "@mkbabb/value.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, ref as c, renderSlot as l, unref as u, watch as d } from "vue";
 //#region src/components/custom/border-progress/constants.ts
-var h = [
+var f = [
 	"var(--section-color-0)",
 	"var(--section-color-3)",
 	"var(--section-color-7)",
 	"var(--section-color-12)"
-], g = (e) => e < 0 ? 0 : e > 1 ? 1 : e, _ = (e, t, n) => e + (t - e) * n;
-function v(e, t) {
-	let n = e.length;
-	if (n === 0) return {
-		L: .7,
-		C: 0,
-		h: 0
-	};
-	if (n === 1) return e[0];
-	let r = g(t) * (n - 1), i = Math.min(n - 2, Math.floor(r)), a = r - i, o = e[i], s = e[i + 1], c = (m((o.h % 360 + 360) % 360 / 360, (s.h % 360 + 360) % 360 / 360, a, "shorter") * 360 % 360 + 360) % 360;
-	return {
-		L: _(o.L, s.L, a),
-		C: _(o.C, s.C, a),
-		h: c
-	};
+], p = (e) => e.some((e) => /var\(/.test(e)), m = /* @__PURE__ */ new Map(), h = (e, t) => `${t}|${e.join("|")}`;
+function g(e) {
+	return [...e];
 }
-function y(e, r = 24) {
-	let i = Math.max(2, Math.round(r));
-	if (e.some((e) => /var\(/.test(e))) return [...e];
-	let a = e.map((e) => n(e)), o = [];
-	for (let e = 0; e < i; e++) {
-		let n = i === 1 ? 0 : e / (i - 1);
-		o.push(t(v(a, n)));
-	}
-	return o;
+function _(e, t = 24, n) {
+	let r = Math.max(2, Math.round(t));
+	if (p(e)) return [...e];
+	let i = h(e, r);
+	return m.get(i) || (n && import("./spectrum-walk-BVzA7Biz.js").then(({ walkConcreteSpectrum: t }) => {
+		let a = t(e, r);
+		m.set(i, a), n(a);
+	}), g(e));
 }
 //#endregion
 //#region src/components/custom/border-progress/BorderProgress.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var v = [
 	"data-coverage",
 	"data-milestone",
 	"aria-valuenow",
 	"aria-valuemax"
-], x = { class: "border-progress__content" }, S = /* @__PURE__ */ o({
+], y = { class: "border-progress__content" }, b = /* @__PURE__ */ i({
 	name: "BorderProgress",
 	__name: "BorderProgress",
 	props: {
@@ -55,52 +40,59 @@ var b = [
 		class: {}
 	},
 	emits: ["milestone"],
-	setup(t, { emit: n }) {
-		let o = t, m = n, g = r(() => o.max ?? 1), _ = r(() => {
-			let e = g.value || 1, t = o.value / e;
+	setup(i, { emit: p }) {
+		let m = i, h = p, g = t(() => m.max ?? 1), b = t(() => {
+			let e = g.value || 1, t = m.value / e;
 			return t < 0 ? 0 : t > 1 ? 1 : t;
-		}), v = r(() => o.value), S = r(() => y(o.stops ?? h)), C = r(() => {
+		}), x = t(() => m.value), S = c([]), C = () => {
+			let e = m.stops ?? f;
+			S.value = _(e, void 0, (t) => {
+				(m.stops ?? f) === e && (S.value = t);
+			});
+		};
+		C(), d(() => m.stops, C);
+		let w = t(() => {
 			let e = S.value, t = e.length;
 			return t === 1 ? `${e[0]}, ${e[0]}` : e.map((e, n) => `${e} ${(n / (t - 1) * 100).toFixed(2)}%`).join(", ");
-		}), w = u(!1), T = u(_.value);
-		p(_, (e, t) => {
-			let n = o.milestones;
+		}), T = c(!1), E = c(b.value);
+		d(b, (e, t) => {
+			let n = m.milestones;
 			if (!n || n.length === 0) {
-				T.value = e;
+				E.value = e;
 				return;
 			}
 			let r = g.value || 1;
 			for (let i of n) {
 				let n = i.at / r;
-				(t < n && e >= n || t > n && e <= n) && (m("milestone", {
+				(t < n && e >= n || t > n && e <= n) && (h("milestone", {
 					milestone: i,
-					value: o.value
-				}), w.value = !0, requestAnimationFrame(() => {
-					w.value = !1;
+					value: m.value
+				}), T.value = !0, requestAnimationFrame(() => {
+					T.value = !1;
 				}));
 			}
-			T.value = e;
+			E.value = e;
 		});
-		let E = r(() => ({
-			"--border-progress-fill": `${(_.value * 100).toFixed(3)}%`,
-			"--border-progress-width": `${o.width ?? 12}px`,
-			"--border-progress-radius": `${o.radius ?? 16}px`,
-			"--border-progress-spectrum": C.value
+		let D = t(() => ({
+			"--border-progress-fill": `${(b.value * 100).toFixed(3)}%`,
+			"--border-progress-width": `${m.width ?? 12}px`,
+			"--border-progress-radius": `${m.radius ?? 16}px`,
+			"--border-progress-spectrum": w.value
 		}));
-		return (t, n) => (l(), i("div", {
-			class: s(["border-progress", f(e)(o.class)]),
-			"data-coverage": o.coverage ?? "full-ring",
-			"data-milestone": w.value ? "" : void 0,
-			style: c(E.value),
+		return (t, i) => (s(), n("div", {
+			class: a(["border-progress", u(e)(m.class)]),
+			"data-coverage": m.coverage ?? "full-ring",
+			"data-milestone": T.value ? "" : void 0,
+			style: o(D.value),
 			role: "progressbar",
-			"aria-valuenow": v.value,
+			"aria-valuenow": x.value,
 			"aria-valuemin": "0",
 			"aria-valuemax": g.value
-		}, [n[0] ||= a("div", {
+		}, [i[0] ||= r("div", {
 			class: "border-progress__ring",
 			"aria-hidden": "true"
-		}, null, -1), a("div", x, [d(t.$slots, "default")])], 14, b));
+		}, null, -1), r("div", y, [l(t.$slots, "default")])], 14, v));
 	}
 });
 //#endregion
-export { S as BorderProgress, v as spectrumAt, y as spectrumStops };
+export { b as BorderProgress, _ as spectrumStops };

package/dist/{button-DYCUa-tH.js → button-5dY1Dvhd.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSpringPress-BsqPr7FJ.js";
-import { t as n } from "./useLiquidFlex-mZPMiNXh.js";
-import { t as r } from "./vSpecular-CQFmLNzA.js";
+import { t } from "./useSpringPress-B1-Czp-V.js";
+import { t as n } from "./useLiquidFlex-UmA6LMZu.js";
+import { t as r } from "./vSpecular-EX7loENl.js";
 import { computed as i, createBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, watch as d, withCtx as f, withDirectives as p } from "vue";
 import { Primitive as m } from "reka-ui";
 import { cva as h } from "class-variance-authority";
@@ -33,10 +33,7 @@ var g = /* @__PURE__ */ o({
 		})), v = i(() => {
 			if (h.surface === "veil") return "veil-surface";
 			if (h.surface === "opaque") return "glass-opaque";
-		}), y = t({
-			response: .25,
-			dampingFraction: .7
-		}), b = n({
+		}), y = t(), b = n({
 			from: 0,
 			to: 1,
 			axis: "width",
@@ -55,7 +52,10 @@ var g = /* @__PURE__ */ o({
 			"glass",
 			"glass-wash",
 			"primary-audacious",
-			"gold-audacious"
+			"gold-audacious",
+			"outline",
+			"secondary",
+			"accent"
 		]), C = i(() => S.has(h.variant ?? "default")), w = i(() => ({ ...x.value })), T = i(() => h.liquid ? "glass-lens" : void 0);
 		return (t, n) => p((c(), a(u(m), s({
 			as: o.as,
@@ -94,14 +94,13 @@ var g = /* @__PURE__ */ o({
 }), _ = h("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] font-medium cursor-pointer active:scale-(--scale-press-btn) disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-(--ui-glyph) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
-			default: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
-			solid: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
-			"primary-audacious": "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
+			default: "glass-wash btn-glass glass-deep text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
+			"primary-audacious": "glass-wash btn-glass glass-deep text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
 			"gold-audacious": "glass-wash btn-glass text-foreground bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-gold)_10%,transparent),color-mix(in_srgb,var(--color-gold-light)_6%,transparent)_50%,color-mix(in_srgb,var(--color-gold)_10%,transparent))] hover:bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-gold)_16%,transparent),color-mix(in_srgb,var(--color-gold-light)_10%,transparent)_50%,color-mix(in_srgb,var(--color-gold)_16%,transparent))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
 			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80 aria-pressed:bg-destructive/85",
-			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80 aria-pressed:bg-accent aria-pressed:text-accent-foreground",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70 aria-pressed:bg-secondary/60",
-			accent: "bg-accent text-accent-foreground border border-border/40 hover:bg-accent/80 active:bg-accent/70 aria-pressed:bg-accent/60",
+			outline: "glass-wash btn-glass text-foreground border-(--glass-border-floating) hover:bg-(--glass-bg-quiet-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-resting-tinted) active:border-(--glass-border-floating) aria-pressed:bg-(--glass-bg-resting-tinted)",
+			secondary: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-quiet-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-resting-tinted) aria-pressed:bg-(--glass-bg-resting-tinted)",
+			accent: "glass-wash btn-glass text-foreground border-(--glass-border-resting) hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-floating) active:bg-(--glass-bg-floating-tinted) aria-pressed:bg-(--glass-bg-resting-tinted)",
 			ghost: "bg-transparent text-foreground/70 hover:bg-foreground/8 hover:text-foreground active:bg-foreground/12 aria-pressed:bg-foreground/10 aria-pressed:text-foreground",
 			glass: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
 			"glass-wash": "glass-wash btn-glass text-foreground/70 hover:bg-foreground/[0.04] hover:border-(--surface-tint-22) hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-DYCUa-tH.js";
+import { n as e, t } from "./button-5dY1Dvhd.js";
 export { e as Button, t as buttonVariants };

package/dist/canvas.js

@@ -1,3 +1,2 @@
-import { n as e, t } from "./useCanvas2D-B8w_E3Rr.js";
-import { t as n } from "./resolveCanvasColor-CUyHr5Uu.js";
-export { n as resolveCanvasColor, t as useCanvas2D, e as useCanvasLifecycle };
+import { n as e, r as t, t as n } from "./resolveCanvasColor-yPyIpJt9.js";
+export { n as resolveCanvasColor, e as useCanvas2D, t as useCanvasLifecycle };

package/dist/card.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CardAction-CW7a0m8M.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CardAction-8whJrLWt.js";
 export { r as Card, c as CardAction, o as CardContent, n as CardDescription, i as CardFooter, t as CardHeader, e as CardTitle, s as ScrollCard, a as ScrollCardHeader };

package/dist/carousel.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { C as t, S as n, _ as r, b as i, v as a, y as o } from "./vendor-CKmzio-i.js";
-import { n as s } from "./button-DYCUa-tH.js";
+import { C as t, b as n, v as r, w as i, x as a, y as o } from "./vendor-B2qOlYY3.js";
+import { n as s } from "./button-5dY1Dvhd.js";
 import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
 import { createInjectionState as E } from "@vueuse/core";
 import D from "embla-carousel-vue";
@@ -140,17 +140,17 @@ var j = /* @__PURE__ */ m({
 			Array
 		] }
 	},
-	setup(t) {
-		let r = t, { orientation: i, canScrollNext: a, scrollNext: o } = A();
+	setup(n) {
+		let r = n, { orientation: i, canScrollNext: a, scrollNext: o } = A();
 		return (c, u) => (v(), l(C(s), {
 			"data-slot": "carousel-next",
 			disabled: !C(a),
 			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(i) === "horizontal" ? "top-1/2 -translate-y-1/2 right-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 bottom-[calc(-1*var(--carousel-nav-offset))]", r.class)),
-			variant: t.variant,
-			size: t.size,
+			variant: n.variant,
+			size: n.size,
 			onClick: C(o)
 		}, {
-			default: T(() => [b(c.$slots, "default", {}, () => [p(C(n)), u[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			default: T(() => [b(c.$slots, "default", {}, () => [p(C(t)), u[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -180,7 +180,7 @@ var j = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let n = t, { carouselApi: f, canScrollNext: m, canScrollPrev: h, orientation: b, scrollNext: E, scrollPrev: D } = A(), O = y(0), k = y(0);
+		let i = t, { carouselApi: f, canScrollNext: m, canScrollPrev: h, orientation: b, scrollNext: E, scrollPrev: D } = A(), O = y(0), k = y(0);
 		function j() {
 			let e = f.value;
 			e && (O.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
@@ -188,10 +188,10 @@ var j = /* @__PURE__ */ m({
 		w(f, (e) => {
 			e && (j(), e.on("select", j), e.on("reInit", j));
 		}, { immediate: !0 }), _(j);
-		let M = c(() => b === "vertical" ? r : o), N = c(() => b === "vertical" ? i : a);
-		return (r, i) => (v(), d("div", {
+		let M = c(() => b === "vertical" ? r : n), N = c(() => b === "vertical" ? a : o);
+		return (n, r) => (v(), d("div", {
 			"data-slot": "carousel-pager",
-			class: g(C(e)("inline-flex items-center gap-2", C(b) === "vertical" && "flex-col", n.class))
+			class: g(C(e)("inline-flex items-center gap-2", C(b) === "vertical" && "flex-col", i.class))
 		}, [
 			p(C(s), {
 				variant: "ghost",
@@ -239,17 +239,17 @@ var j = /* @__PURE__ */ m({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, { orientation: i, canScrollPrev: a, scrollPrev: o } = A();
+	setup(t) {
+		let n = t, { orientation: r, canScrollPrev: a, scrollPrev: o } = A();
 		return (c, u) => (v(), l(C(s), {
 			"data-slot": "carousel-previous",
 			disabled: !C(a),
-			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(i) === "horizontal" ? "top-1/2 -translate-y-1/2 left-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 top-[calc(-1*var(--carousel-nav-offset))]", r.class)),
-			variant: n.variant,
-			size: n.size,
+			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(r) === "horizontal" ? "top-1/2 -translate-y-1/2 left-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 top-[calc(-1*var(--carousel-nav-offset))]", n.class)),
+			variant: t.variant,
+			size: t.size,
 			onClick: C(o)
 		}, {
-			default: T(() => [b(c.$slots, "default", {}, () => [p(C(t)), u[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			default: T(() => [b(c.$slots, "default", {}, () => [p(C(i)), u[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -290,15 +290,15 @@ var j = /* @__PURE__ */ m({
 		"next",
 		"select"
 	],
-	setup(t, { emit: n }) {
-		let f = t, m = n, h = c(() => f.loop ? f.total > 1 : f.index > 0), _ = c(() => f.loop ? f.total > 1 : f.index < f.total - 1);
+	setup(t, { emit: i }) {
+		let f = t, m = i, h = c(() => f.loop ? f.total > 1 : f.index > 0), _ = c(() => f.loop ? f.total > 1 : f.index < f.total - 1);
 		function y() {
 			h.value && (f.loop ? m("select", (f.index - 1 + f.total) % f.total) : (m("prev"), m("select", Math.max(0, f.index - 1))));
 		}
 		function w() {
 			_.value && (f.loop ? m("select", (f.index + 1) % f.total) : (m("next"), m("select", Math.min(f.total - 1, f.index + 1))));
 		}
-		let E = c(() => f.orientation === "vertical" ? r : o), D = c(() => f.orientation === "vertical" ? i : a);
+		let E = c(() => f.orientation === "vertical" ? r : n), D = c(() => f.orientation === "vertical" ? a : o);
 		return (n, r) => (v(), d("div", {
 			"data-slot": "glass-carousel-pager",
 			class: g(C(e)("inline-flex items-center gap-2", t.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", f.class))

package/dist/color-Cs0-oxYL.js

@@ -0,0 +1,116 @@
+import { computed as e, toValue as t } from "vue";
+import { OKLCHColor as n, colorUnit2 as r, gamutMapOKLab as i, interpolateHue as a, isInSRGBGamut as o, oklabToLinearSRGB as s, oklabToRgb255 as c, parseCSSColor as l, rawOklabToOklch as u, rawOklchToOklab as d, safeAccentColor as f, srgbToOKLab as p } from "@mkbabb/value.js";
+//#region src/composables/color/useAccentTone.ts
+var m = "hsl(36 48% 97%)", h = 4.5, g = .18;
+function _(e, t, n) {
+	let [r] = d(e.L, e.C, e.h), [i] = d(t.L, t.C, t.h);
+	return r * (1 - n) + i * n;
+}
+function v(r, i = {}) {
+	let a = e(() => {
+		let e = t(r) || "var(--primary)";
+		if (/var\(/.test(e)) return "";
+		i.fillStrength;
+		let a = i.bandStrength ?? g, o = i.inkContrast ?? h, s = i.surface || m, c, l;
+		try {
+			c = S(e), l = S(s);
+		} catch {
+			return "";
+		}
+		let u = _(l, c, a);
+		return f(new n(c.L, c.C, c.h), u, o * .1).toString();
+	});
+	return {
+		toneStyle: e(() => {
+			let e = { "--tone": t(r) || "var(--primary)" }, n = a.value;
+			return n && (e["--accent-ink-resolved"] = n), e;
+		}),
+		ink: a
+	};
+}
+//#endregion
+//#region src/composables/color/index.ts
+function y(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [i, a, o] = s(t, n, r);
+	return [
+		Math.max(0, i),
+		Math.max(0, a),
+		Math.max(0, o)
+	];
+}
+function b(e, t, n) {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(n)) throw Error(`warmCatchLight: non-finite OKLCh anchor (L=${e}, C=${t}, h=${n})`);
+	return y({
+		L: e,
+		C: t,
+		h: n
+	});
+}
+function x(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [i, a, o] = c(t, n, r), s = (e) => Math.min(1, Math.max(0, e / 255));
+	return [
+		s(i),
+		s(a),
+		s(o)
+	];
+}
+function S(e) {
+	let t = r(l(e), "rgb").value, [n, i, a] = p(Number(t.r), Number(t.g), Number(t.b)), [o, s, c] = u(n, i, a);
+	return {
+		L: o,
+		C: s,
+		h: c
+	};
+}
+function C(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [i, a, o] = c(t, n, r), s = (e) => Math.round(e).toString(16).padStart(2, "0");
+	return `#${s(i)}${s(a)}${s(o)}`;
+}
+var w = (e) => x(S(e)), T = {
+	complementary: "longer",
+	"split-complementary": "longer",
+	analogous: "shorter",
+	monochrome: "shorter",
+	triad: "increasing",
+	tetradic: "increasing"
+}, E = (e) => (e % 360 + 360) % 360;
+function D(e, t, n, r) {
+	let i = T[t], o = (e, t) => E(a(E(e) / 360, E(t) / 360, r, i) * 360);
+	switch (t) {
+		case "monochrome": return E(e);
+		case "complementary": return o(e, e + 180);
+		case "split-complementary": return o(e + 150, e + 210);
+		case "triad": return o(e, e + 240);
+		case "tetradic": return o(e, e + 270);
+		default: return o(e - n, e + n);
+	}
+}
+function O(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [a, c, l] = i(t, n, r), [f, p, m] = u(a, c, l), h = p;
+	for (let e = 0; e < 6; e++) {
+		let [e, t, n] = d(f, h, m), [r, i, a] = s(e, t, n);
+		if (o(r, i, a)) break;
+		h *= .999;
+	}
+	return {
+		L: f,
+		C: h,
+		h: m
+	};
+}
+function k(e, t = {}) {
+	let n = typeof e == "string" ? S(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03, chromaCeiling: c } = t, l = Math.max(2, Math.min(4, Math.round(r))), u = [];
+	for (let e = 0; e < l; e++) {
+		let t = l === 1 ? 0 : e / (l - 1), r = n.L - a / 2 + a * t, d = Math.max(0, n.C + s * Math.sin(Math.PI * t));
+		c !== void 0 && (d = Math.min(d, c));
+		let f = D(n.h, i, o, t);
+		u.push(O({
+			L: Math.min(.98, Math.max(.05, r)),
+			C: d,
+			h: f
+		}));
+	}
+	return u;
+}
+//#endregion
+export { O as a, y as c, D as i, b as l, w as n, C as o, k as r, x as s, S as t, v as u };

package/dist/color.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./color-DweYl7pE.js";
-export { c as cssToOklch, i as defaultBlobColorResolver, o as deriveBlobPalette, n as deriveHue, e as gamutMapStop, a as oklchStopToHex, s as oklchToGammaRgb, t as oklchToLinear, r as warmCatchLight };
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./color-Cs0-oxYL.js";
+export { c as cssToOklch, i as defaultBlobColorResolver, o as deriveBlobPalette, n as deriveHue, e as gamutMapStop, a as oklchStopToHex, s as oklchToGammaRgb, t as oklchToLinear, l as useAccentTone, r as warmCatchLight };

package/dist/command.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-DvZNQ_HF.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-D3yxgHNn.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

package/dist/completion-seal.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/completion-seal";

package/dist/completion-seal.js

@@ -0,0 +1,89 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeClass as a, onMounted as o, openBlock as s, readonly as c, ref as l, toDisplayString as u, toRef as d, unref as f, watch as p } from "vue";
+//#region src/components/custom/completion-seal/composables/useCompletionSeal.ts
+function m() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function h(e) {
+	if (e != null) return typeof e == "function" ? e() : e.value;
+}
+function g(e = {}) {
+	let { play: n, respectReducedMotion: r = !0 } = e, i = l(!1), a = l(!1), s = t(() => r && m());
+	function u() {
+		if (s.value) {
+			i.value = !1, a.value = !0;
+			return;
+		}
+		i.value = !1, typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => {
+			i.value = !0, a.value = !0;
+		}) : (i.value = !0, a.value = !0);
+	}
+	return n == null ? o(u) : (o(() => {
+		h(n) && u();
+	}), p(() => h(n), (e, t) => {
+		e && !t && u();
+	})), {
+		playing: c(i),
+		drawn: c(a),
+		reduced: c(s),
+		draw: u
+	};
+}
+var _ = "0 0 64 64", v = {
+	check: "M16 33 L28 45 L48 19",
+	wordmark: "M14 30 L26 42 L50 16 M14 50 L50 50"
+}, y = {
+	cx: 32,
+	cy: 32,
+	r: 24
+}, b = [
+	"data-shape",
+	"data-play",
+	"data-drawn"
+], x = ["viewBox"], S = [
+	"cx",
+	"cy",
+	"r"
+], C = ["d"], w = {
+	key: 0,
+	class: "sr-only"
+}, T = /* @__PURE__ */ i({
+	name: "CompletionSeal",
+	__name: "CompletionSeal",
+	props: {
+		shape: {},
+		label: {},
+		play: { type: Boolean },
+		class: {}
+	},
+	setup(i) {
+		let o = i, c = t(() => o.shape ?? "check"), l = t(() => c.value === "wordmark" ? v.wordmark : v.check), { playing: p, drawn: m } = g({ play: o.play === void 0 ? void 0 : d(o, "play") });
+		return (t, i) => (s(), r("div", {
+			class: a(["completion-seal", f(e)(o.class)]),
+			"data-shape": c.value,
+			"data-play": f(p) ? "" : void 0,
+			"data-drawn": f(m) ? "" : void 0,
+			role: "status",
+			"aria-live": "polite"
+		}, [(s(), r("svg", {
+			class: "completion-seal__svg",
+			viewBox: f(_),
+			"aria-hidden": "true",
+			focusable: "false"
+		}, [c.value === "ring" ? (s(), r("circle", {
+			key: 0,
+			class: "completion-seal__mark",
+			cx: f(y).cx,
+			cy: f(y).cy,
+			r: f(y).r,
+			pathLength: "100"
+		}, null, 8, S)) : (s(), r("path", {
+			key: 1,
+			class: "completion-seal__mark",
+			d: l.value,
+			pathLength: "100"
+		}, null, 8, C))], 8, x)), o.label ? (s(), r("span", w, u(o.label), 1)) : n("", !0)], 10, b));
+	}
+});
+//#endregion
+export { T as CompletionSeal, g as useCompletionSeal };

package/dist/components/custom/aurora/Aurora.vue.d.ts

@@ -52,11 +52,16 @@ type __VLS_Props = {
      *   - `"css"`   — never arm WebGL; the `paletteToCssGradient` placeholder
      *     stays the permanent surface (the warm wash composites, it just
      *     does not animate).
-     *   - `"auto"` (default) — resolve to `"css"` on low-power /
-     *     reduced-motion / save-data devices (`hardwareConcurrency <= 4` OR
-     *     `prefers-reduced-motion: reduce` OR `connection.saveData`), else
-     *     `"webgl"`. Resolved once at setup; SSR / missing-API safe (assumes
-     *     capable → `"webgl"` when the probes are unavailable).
+     *   - `"auto"` (default) — resolves to `"webgl"` on every device EXCEPT a
+     *     detected SOFTWARE renderer (SwiftShader / llvmpipe / MS Basic Render),
+     *     which falls to `"css"` (the page-wedging-software-raster guard, the only
+     *     surviving `"css"` signal). BC.W-VIZ-AURORA (T1) RETIRED the dead-static
+     *     `hardwareConcurrency <= 4` / `saveData` / `reduced-motion` falls: a
+     *     2026-capable low-core / throttled tab no longer gets a frozen gradient
+     *     (the "renders SLOW" defect root), and reduced-motion is handled SOLELY by
+     *     the substrate's live `matchMedia` freeze (one static frame then park,
+     *     re-arms on un-reduce). Resolved once at setup; SSR / missing-API safe
+     *     (assumes capable → `"webgl"` when the probes are unavailable).
      */
     renderMode?: AuroraRenderMode;
     /**

package/dist/components/custom/aurora/composables/color.d.ts

@@ -60,6 +60,19 @@ export interface DeriveAuroraOptions {
      * fold that makes the oil/oil-pastel mediums read as mixed paint. Default 0.
      */
     temperatureShift?: number;
+    /**
+     * BC.W-VIZ-AURORA (A7) — the additive DERIVE-path hue-EXCLUSION axis (the
+     * speedtest-AX cross-repo fold). Named OKLCh hue bands (each `[startDeg, endDeg]`,
+     * wrap-around supported via `start > end`) that EVERY derived stop's hue must fall
+     * OUTSIDE. The mechanism that makes "teal-on-navy is GONE" enforceable in the DERIVE
+     * path, not just the static default — a consumer deriving a palette FROM any seed
+     * can never re-introduce a purged band (e.g. `avoidHues: [[170, 200]]` excludes the
+     * teal arc by construction). The exclusion RE-ROUTES the walked hue to the nearest
+     * band EDGE (preserving L/C — no chroma flatten); it is NOT a post-hoc desaturate.
+     * Additive + default-unset → byte-identical derive (the `WarpMode`-additive-widen
+     * precedent: `proof:aurora-atoms-roundtrip` stays GREEN by construction).
+     */
+    avoidHues?: readonly (readonly [number, number])[];
 }
 /**
  * Seed ONE color into a harmonious, gamut-safe N-stop aurora palette.

package/dist/components/custom/aurora/composables/frameLoop.d.ts

@@ -11,6 +11,7 @@
 import type { UniformLocations } from "./glSetup";
 import { type CursorState } from "./cursorModel";
 import type { AuroraConfig } from "../constants/presets";
+import type { UsePointerVelocityField } from "../../../../composables/motion/usePointerVelocityField";
 export interface FrameLoopDeps {
     gl: WebGL2RenderingContext;
     prog: WebGLProgram;
@@ -20,6 +21,14 @@ export interface FrameLoopDeps {
     getConfig: () => AuroraConfig;
     /** Reduced-motion intent — parks the loop after one static frame. */
     getReducedMotion: () => boolean;
+    /**
+     * BC.W-VIZ-AURORA (T5) — the shared viz-pointer-physics field (BB.B4). FED
+     * `tick(deltaMs)` from THIS frame callback (the one-loop discipline — the field owns
+     * NO own rAF); the renderer reads `acceleration` for the iOS-27 gel snap-back. The
+     * existing cursorModel velocity/burst stays the byte-faithful baseline; the accel
+     * term is the additive fold.
+     */
+    pointerField: UsePointerVelocityField;
 }
 export interface FrameLoop {
     /** Advance the cursor easing THEN draw — the per-frame step. */

package/dist/components/custom/aurora/composables/runtime.d.ts

@@ -102,6 +102,18 @@ export interface AuroraRuntimeOptions {
 export interface AuroraRuntime extends Omit<AuroraInstance, "pause" | "resume"> {
     pause(reason?: SuspendReason): void;
     resume(reason?: SuspendReason): void;
+    /**
+     * BC.W-VIZ-AURORA (T2) — the device-resolved arm PROMISE. On the WebGPU
+     * backend `renderAt`/`arm` are NO-OPS until `armAsync()` resolves the async
+     * adapter→device→configure→setup prelude (`useGpuSubstrate.armAsync` tries
+     * WebGPU then falls to the WebGL2 net). A CAPTURE consumer (`renderAt(t)` +
+     * `toDataURL`) MUST `await armAsync()` before the first `renderAt` — the
+     * synchronous `arm()` cannot guarantee the WebGPU device is present, so a
+     * synchronous `renderAt` right after `createAurora(…,{mode:"capture"})` paints
+     * a BLANK frame (the dead-preview defect). Resolves once the backend is armed;
+     * the WebGL2 fallback resolves immediately. Idempotent + safe post-dispose.
+     */
+    armAsync(): Promise<void>;
     /**
      * AW.W8.1 — feed a pointer delta into the velocity-reactive flow (a fast flick →
      * a transient swirl-burst). The PRM early-out lives here: the injection is