@mkbabb/glass-ui 3.5.1 → 3.7.0

package/dist/{badge-Cl6JZ1B7.js → badge-DHQrc_GQ.js}

@@ -1,9 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
 import { cva as s } from "class-variance-authority";
-//#endregion
-//#region src/components/ui/badge/Badge.vue
-var c = /* @__PURE__ */ n({
+//#region src/components/ui/badge/Badge.vue?vue&type=script&setup=true&lang.ts
+var c = ["data-variant", "data-size"], l = /* @__PURE__ */ n({
 	__name: "Badge",
 	props: {
 		variant: {},
@@ -18,12 +17,17 @@ var c = /* @__PURE__ */ n({
 	},
 	setup(n) {
 		let s = n;
-		return (c, u) => (i(), t("div", { class: r(o(e)(o(l)({
-			variant: n.variant,
-			size: n.size
-		}), s.class)) }, [a(c.$slots, "default")], 2));
+		return (l, d) => (i(), t("div", {
+			"data-slot": "badge",
+			"data-variant": n.variant,
+			"data-size": n.size,
+			class: r(o(e)(o(u)({
+				variant: n.variant,
+				size: n.size
+			}), s.class))
+		}, [a(l.$slots, "default")], 10, c));
 	}
-}), l = s("focus-ring inline-flex items-center rounded-badge border font-semibold transition-colors", {
+}), u = s("focus-ring inline-flex items-center gap-1.5 rounded-badge border font-semibold transition-control wrap-anywhere [&_svg:not([class*=size-])]:size-3.5 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
@@ -46,4 +50,4 @@ var c = /* @__PURE__ */ n({
 	}
 });
 //#endregion
-export { c as n, l as t };
+export { l as n, u as t };

package/dist/badge.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./badge-Cl6JZ1B7.js";
+import { n as e, t } from "./badge-DHQrc_GQ.js";
 export { e as Badge, t as badgeVariants };

package/dist/{button-i8Ek5vvg.js → button-CAywcrhO.js}

@@ -29,6 +29,8 @@ var d = /* @__PURE__ */ r({
 		return (t, p) => (a(), n(s(l), i({
 			as: r.as,
 			"as-child": r.asChild,
+			"data-slot": "button",
+			"data-variant": r.variant,
 			"data-size": r.size
 		}, d.value, { class: s(e)(s(f)({
 			variant: r.variant,
@@ -39,11 +41,12 @@ var d = /* @__PURE__ */ r({
 		}, 16, [
 			"as",
 			"as-child",
+			"data-variant",
 			"data-size",
 			"class"
 		]));
 	}
-}), f = u("btn-pill focus-ring whitespace-nowrap text-sm font-medium cursor-pointer active:scale-[var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled", {
+}), f = u("btn-pill tap-squish focus-ring whitespace-nowrap text-sm font-medium cursor-pointer active:scale-[var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
@@ -54,16 +57,16 @@ var d = /* @__PURE__ */ r({
 			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",
 			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 glass-specular-track text-foreground hover:bg-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
-			"glass-wash": "glass-wash glass-specular-track text-foreground/70 hover:bg-foreground/[0.04] hover:border-[var(--surface-tint-22)] hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
+			glass: "glass-wash text-foreground hover:bg-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
+			"glass-wash": "glass-wash text-foreground/70 hover:bg-foreground/[0.04] hover:border-[var(--surface-tint-22)] hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
 			ai: "bg-amber-500/15 text-amber-700 hover:bg-amber-500/25 active:bg-amber-500/35 dark:text-amber-400 aria-pressed:bg-amber-500/30",
 			link: "text-primary underline-offset-4 hover:underline active:opacity-80 active:scale-100"
 		},
 		size: {
-			default: "h-10 px-4 py-2",
+			default: "h-10 px-4 py-2 has-[>svg]:px-3",
 			xs: "h-7 rounded-pill px-2 text-xs",
 			sm: "h-9 rounded-pill px-3",
-			lg: "h-11 rounded-pill px-8",
+			lg: "h-11 rounded-pill px-8 has-[>svg]:px-5",
 			icon: "h-10 w-10 p-0",
 			"icon-sm": "h-7 w-7 p-0"
 		}

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-i8Ek5vvg.js";
+import { n as e, t } from "./button-CAywcrhO.js";
 export { e as Button, t as buttonVariants };

package/dist/card.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./CardFooter-C390imy7.js";
-export { r as Card, n as CardContent, i as CardDescription, a as CardFooter, e as CardHeader, t as CardTitle };
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./CardAction-D8nSE62a.js";
+export { a as Card, o as CardAction, i as CardContent, t as CardDescription, n as CardFooter, r as CardHeader, e as CardTitle };

package/dist/carousel.js

@@ -1,9 +1,9 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DuDoe_ra.js";
-import { t as n } from "./chevron-down-pBY8sYfV.js";
-import { t as r } from "./chevron-right-BjeKC22V.js";
-import { t as i } from "./chevron-up-DBeNHUm1.js";
-import { n as a } from "./button-i8Ek5vvg.js";
+import { t } from "./createLucideIcon-B6uNAU9G.js";
+import { t as n } from "./chevron-down-BSkTP2aL.js";
+import { t as r } from "./chevron-right-sDM0Yvrf.js";
+import { t as i } from "./chevron-up-CCOD_FTz.js";
+import { n as a } from "./button-CAywcrhO.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, onMounted as g, openBlock as _, ref as v, renderList 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";

package/dist/{check-CdkxGxXJ.js → check-BBKKKSTf.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"

package/dist/{chevron-down-pBY8sYfV.js → chevron-down-BSkTP2aL.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"

package/dist/{chevron-right-BjeKC22V.js → chevron-right-sDM0Yvrf.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"

package/dist/{chevron-up-DBeNHUm1.js → chevron-up-CCOD_FTz.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"

package/dist/collapsible.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./CollapsibleContent-cauTbZEM.js";
+import { n as e, r as t, t as n } from "./CollapsibleContent-D7UNsXQr.js";
 export { t as Collapsible, n as CollapsibleContent, e as CollapsibleTrigger };

package/dist/color-DjJCAQ6f.js

@@ -0,0 +1,76 @@
+import { colorUnit2 as e, gamutMapOKLab as t, interpolateHue as n, isInSRGBGamut as r, oklabToLinearSRGB as i, oklabToRgb255 as a, parseCSSColor as o, rawOklabToOklch as s, rawOklchToOklab as c, srgbToOKLab as l } from "@mkbabb/value.js";
+//#region src/composables/color/index.ts
+function u(e) {
+	let [t, n, r] = c(e.L, e.C, e.h), [a, o, s] = i(t, n, r);
+	return [
+		Math.max(0, a),
+		Math.max(0, o),
+		Math.max(0, s)
+	];
+}
+function d(e) {
+	let [t, n, r] = c(e.L, e.C, e.h), [i, o, s] = a(t, n, r), l = (e) => Math.min(1, Math.max(0, e / 255));
+	return [
+		l(i),
+		l(o),
+		l(s)
+	];
+}
+function f(t) {
+	let n = e(o(t), "rgb").value, [r, i, a] = l(Number(n.r), Number(n.g), Number(n.b)), [c, u, d] = s(r, i, a);
+	return {
+		L: c,
+		C: u,
+		h: d
+	};
+}
+function p(e) {
+	let [t, n, r] = c(e.L, e.C, e.h), [i, o, s] = a(t, n, r), l = (e) => Math.round(e).toString(16).padStart(2, "0");
+	return `#${l(i)}${l(o)}${l(s)}`;
+}
+var m = (e) => d(f(e)), h = {
+	complementary: "longer",
+	"split-complementary": "longer",
+	analogous: "shorter",
+	monochrome: "shorter",
+	triad: "increasing",
+	tetradic: "increasing"
+}, g = (e) => (e % 360 + 360) % 360;
+function _(e, t, r, i) {
+	let a = h[t], o = (e, t) => g(n(g(e) / 360, g(t) / 360, i, a) * 360);
+	switch (t) {
+		case "monochrome": return g(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 - r, e + r);
+	}
+}
+function v(e) {
+	let [n, a, o] = c(e.L, e.C, e.h), [l, u, d] = t(n, a, o), [f, p, m] = s(l, u, d), h = p;
+	for (let e = 0; e < 6; e++) {
+		let [e, t, n] = c(f, h, m), [a, o, s] = i(e, t, n);
+		if (r(a, o, s)) break;
+		h *= .999;
+	}
+	return {
+		L: f,
+		C: h,
+		h: m
+	};
+}
+function y(e, t = {}) {
+	let n = typeof e == "string" ? f(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03 } = t, c = Math.max(2, Math.min(4, Math.round(r))), l = [];
+	for (let e = 0; e < c; e++) {
+		let t = c === 1 ? 0 : e / (c - 1), r = n.L - a / 2 + a * t, u = Math.max(0, n.C + s * Math.sin(Math.PI * t)), d = _(n.h, i, o, t);
+		l.push(v({
+			L: Math.min(.98, Math.max(.05, r)),
+			C: u,
+			h: d
+		}));
+	}
+	return l;
+}
+//#endregion
+export { v as a, u as c, _ as i, m as n, p as o, y as r, d as s, f as t };

package/dist/color.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./color-rkK4RMx2.js";
-export { i as cssToOklch, n as defaultBlobColorResolver, r as oklchStopToHex, t as oklchToGammaRgb, e as oklchToLinear };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./color-DjJCAQ6f.js";
+export { s as cssToOklch, r as defaultBlobColorResolver, a as deriveBlobPalette, n as deriveHue, e as gamutMapStop, i as oklchStopToHex, o as oklchToGammaRgb, t as oklchToLinear };

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-BiVyqipe.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-CY0aQTz5.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/compile-iM4IUB66.js

@@ -0,0 +1,158 @@
+//#region src/composables/glass/webgl/shaders/procedural-color.glsl.ts
+var e = "\nfloat srgbToLinearCh(float c) {\n    return c <= 0.04045 ? c / 12.92 : pow((c + 0.055) / 1.055, 2.4);\n}\nvec3 srgbToLinear(vec3 c) {\n    return vec3(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfloat linearToSrgbCh(float c) {\n    return c <= 0.0031308 ? c * 12.92 : 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nvec3 linearToSrgb(vec3 c) {\n    return vec3(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", t = "const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);", n = "\n// value.js LINEAR_SRGB_TO_LMS (constants.ts), row-major; written here as GLSL\n// columns (= the transpose) so mat3 * vec3 evaluates the row-major M·v.\nconst mat3 LINEAR_SRGB_TO_LMS = mat3(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS→OKLab coefficients (gamut.ts lines 295-297 —\n// these differ at the ~1e-9 digit from LMS_TO_OKLAB_MATRIX; use the inline ones to\n// mirror the exact value.js path), row-major → GLSL columns.\nconst mat3 LMS_TO_OKLAB = mat3(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF (constants.ts), row-major → GLSL columns. Rows:\n// l = [1, 0.3963377774, 0.2158037573], m = [1, -0.1055613458, -0.0638541728],\n// s = [1, -0.0894841775, -1.2914855480].\nconst mat3 OKLAB_TO_LMS = mat3(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB (constants.ts), row-major → GLSL columns.\nconst mat3 LMS_TO_LINEAR_SRGB = mat3(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nvec3 srgbToOklab(vec3 c) {\n    vec3 lin = srgbToLinear(c);\n    vec3 lms = LINEAR_SRGB_TO_LMS * lin;\n    vec3 lmsCbrt = sign(lms) * pow(abs(lms), vec3(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nvec3 oklabToLinearSrgb(vec3 lab) {\n    vec3 lms_ = OKLAB_TO_LMS * lab;\n    vec3 lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS. Mirrors value.js rawOklabToOklch (which returns\n// degrees; we stay in radians and only fold to [0, 2pi)).\nvec3 oklabToOklch(vec3 lab) {\n    float C = length(lab.yz);\n    float H = atan(lab.z, lab.y);\n    if (H < 0.0) H += 2.0 * PI;\n    return vec3(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nvec3 oklchToOklab(vec3 lch) {\n    return vec3(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}", r = "\nfn srgbToLinearCh(c: f32) -> f32 {\n    return select(pow((c + 0.055) / 1.055, 2.4), c / 12.92, c <= 0.04045);\n}\nfn srgbToLinear(c: vec3f) -> vec3f {\n    return vec3f(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\nfn linearToSrgbCh(c: f32) -> f32 {\n    return select(1.055 * pow(c, 1.0 / 2.4) - 0.055, c * 12.92, c <= 0.0031308);\n}\nfn linearToSrgb(c: vec3f) -> vec3f {\n    return vec3f(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", i = "const FBM_ROT: mat2x2f = mat2x2f(0.8, 0.6, -0.6, 0.8);", a = "\nconst LINEAR_SRGB_TO_LMS: mat3x3f = mat3x3f(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\nconst LMS_TO_OKLAB: mat3x3f = mat3x3f(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\nconst OKLAB_TO_LMS: mat3x3f = mat3x3f(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\nconst LMS_TO_LINEAR_SRGB: mat3x3f = mat3x3f(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn srgbToOklab(c: vec3f) -> vec3f {\n    let lin = srgbToLinear(c);\n    let lms = LINEAR_SRGB_TO_LMS * lin;\n    let lmsCbrt = sign(lms) * pow(abs(lms), vec3f(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\nfn oklabToLinearSrgb(lab: vec3f) -> vec3f {\n    let lms_ = OKLAB_TO_LMS * lab;\n    let lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\nfn oklabToOklch(lab: vec3f) -> vec3f {\n    let C = length(lab.yz);\n    var H = atan2(lab.z, lab.y);\n    if (H < 0.0) { H = H + 2.0 * PI; }\n    return vec3f(lab.x, C, H);\n}\nfn oklchToOklab(lch: vec3f) -> vec3f {\n    return vec3f(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}";
+function o(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function s() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, 2);
+}
+//#endregion
+//#region src/composables/glass/webgl/createCanvasLifecycle.ts
+function c(e) {
+	let { canvas: t, buildContext: n, resize: r } = e, i = e.respectReducedMotion ?? e.mode !== "capture", a = /* @__PURE__ */ new Set();
+	e.mode === "capture" && a.add("manual");
+	let o = () => a.size === 0, s = 0, c = typeof performance < "u" ? performance.now() : 0, l = null, u = !1, d = !1, f = i && typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, p = f?.matches ?? !1;
+	function m() {
+		if (!o() || !l) return;
+		let e = (performance.now() - c) / 1e3, t = l.time ? l.time(e) : e;
+		l.frame(t), s = !p && l.shouldContinue() ? requestAnimationFrame(m) : 0;
+	}
+	function h() {
+		u && o() && !s && l && (s = requestAnimationFrame(m));
+	}
+	function g() {
+		let e = f?.matches ?? !1;
+		e !== p && (p = e, e || (c = performance.now()), h());
+	}
+	f?.addEventListener("change", g);
+	function _(e = "manual") {
+		let t = o();
+		a.add(e), t && !o() && (cancelAnimationFrame(s), s = 0);
+	}
+	function v(e = "manual") {
+		let t = !o();
+		a.delete(e), t && o() && u && l && (c = performance.now() - 1e3, m());
+	}
+	let y = typeof document < "u";
+	function b() {
+		document.hidden ? _("tab-hidden") : v("tab-hidden");
+	}
+	y && document.addEventListener("visibilitychange", b), y && document.hidden && a.add("tab-hidden");
+	let x = null;
+	function S(e) {
+		e.skipped ? _("off-screen") : v("off-screen");
+	}
+	function C() {
+		if (x) return;
+		let e = t.parentElement;
+		e && (x = e, e.addEventListener("contentvisibilityautostatechange", S));
+	}
+	function w() {
+		x?.removeEventListener("contentvisibilityautostatechange", S), x = null;
+	}
+	function T() {
+		l = n(), r();
+	}
+	function E() {
+		u || d || (e.bindContextEvents?.(() => {
+			d || (T(), o() && h());
+		}, () => {
+			l = null, cancelAnimationFrame(s), s = 0;
+		}), T(), C(), u = !0, c = performance.now(), o() && (s = requestAnimationFrame(m)));
+	}
+	function D(e) {
+		u || E(), l?.frame(e);
+	}
+	function O() {
+		d = !0, cancelAnimationFrame(s), s = 0, y && document.removeEventListener("visibilitychange", b), f?.removeEventListener("change", g), w(), e.unbindContextEvents?.(), l?.teardown?.(), l = null, a.clear();
+	}
+	return e.mode === "capture" && E(), {
+		arm: E,
+		suspend: _,
+		resume: v,
+		wake: h,
+		renderAt: D,
+		dispose: O,
+		get armed() {
+			return u;
+		},
+		get disposed() {
+			return d;
+		},
+		get running() {
+			return o();
+		},
+		get reducedMotion() {
+			return p;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgl/useWebGLCanvas.ts
+function l(e, t) {
+	let { setup: n, contextAttrs: r } = t, i = null, a = null, o = null;
+	function s() {
+		let t = e.getContext("webgl2", r ?? void 0);
+		if (!t) throw Error("[useWebGLCanvas] WebGL2 unavailable");
+		return i = t, o = n(i), a || (a = new ResizeObserver(() => o?.resize()), a.observe(e)), {
+			frame: o.frame,
+			shouldContinue: o.shouldContinue,
+			time: o.time,
+			teardown: () => {
+				o?.teardown?.(), i?.getExtension("WEBGL_lose_context")?.loseContext(), a?.disconnect(), a = null, i = null, o = null;
+			}
+		};
+	}
+	let l = null, u = null;
+	function d(e) {
+		e.preventDefault(), i = null, o = null, u?.();
+	}
+	let f = c({
+		canvas: e,
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		buildContext: s,
+		resize: () => o?.resize(),
+		bindContextEvents: (t, n) => {
+			l = t, u = n, e.addEventListener("webglcontextlost", d, !1), e.addEventListener("webglcontextrestored", l, !1);
+		},
+		unbindContextEvents: () => {
+			e.removeEventListener("webglcontextlost", d, !1), l && e.removeEventListener("webglcontextrestored", l, !1);
+		}
+	});
+	return {
+		arm: f.arm,
+		suspend: f.suspend,
+		resume: f.resume,
+		wake: f.wake,
+		renderAt: f.renderAt,
+		dispose: f.dispose,
+		get gl() {
+			return i;
+		},
+		get reducedMotion() {
+			return f.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgl/compile.ts
+function u(e, t, n, r = "[glass-ui:webgl]") {
+	let i = e.createShader(t);
+	if (e.shaderSource(i, n), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)) {
+		let t = e.getShaderInfoLog(i) ?? "unknown";
+		throw e.deleteShader(i), Error(`${r} shader compile failed:\n${t}`);
+	}
+	return i;
+}
+function d(e, t, n, r = "[glass-ui:webgl]") {
+	let i = e.createProgram();
+	if (e.attachShader(i, t), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)) {
+		let t = e.getProgramInfoLog(i) ?? "unknown";
+		throw e.deleteProgram(i), Error(`${r} program link failed:\n${t}`);
+	}
+	return i;
+}
+//#endregion
+export { o as a, i as c, n as d, a as f, c as i, e as l, d as n, s as o, l as r, t as s, u as t, r as u };

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

@@ -82,6 +82,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     setCursor: (x: number, y: number, strength?: number) => void;
     clearCursor: () => void;
     setCursorRadius: (r: number) => void;
+    injectCursorVelocity: (dx: number, dy: number) => void;
     renderAt: (t: number) => void;
     pause: () => void;
     resume: () => void;

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

@@ -0,0 +1,60 @@
+/**
+ * AW.W6 — the aurora "atoms of control" door: a PURE, TOTAL mapper from ≤7 intuitive
+ * atoms to the full `AuroraConfig`. The thin consumer surface over the ~28-field
+ * author schema (the Stripe/paper.design two-tier model) — nothing is removed from
+ * `AuroraConfig`; the full schema stays whole as the progressive-disclosure
+ * "Advanced" escape hatch. `resolveAtoms` is the NEW door, NOT a parallel config path.
+ *
+ * Contract (machine-asserted by proof:aurora-atoms-roundtrip):
+ *   - TOTAL — every atom combination produces a VALID in-range `AuroraConfig`
+ *     respecting every `budget.ts` cap (no NaN, no out-of-range field).
+ *   - DEFAULT-PRESERVING — `resolveAtoms(DEFAULT_ATOMS)` deep-equals
+ *     `DEFAULT_AURORA_CONFIG` (the wispy-sky default survives the new door).
+ *
+ * Mechanism: clone `DEFAULT_AURORA_CONFIG` and apply ONLY the atoms that are PRESENT
+ * as clamped overrides. An absent atom keeps the default's value, so the empty atom
+ * set (`DEFAULT_ATOMS`) resolves to exactly the wispy-sky default by construction.
+ */
+import { type AuroraConfig, type AuroraMedium, type OklchStop } from "../constants/presets";
+import { type AuroraHarmony } from "./color";
+/** The mood/energy poles — one slider fans to the co-varying energy axes. */
+export type AuroraMoodAtom = "calm" | "balanced" | "vivid";
+/** The motion atom — the three motion registers. */
+export type AuroraMotionAtom = "still" | "breathing" | "drifting";
+/**
+ * The Tier-1 atoms of control (≤7). EVERY atom is OPTIONAL — an absent atom keeps the
+ * wispy-sky default's value for the fields it would drive, so `DEFAULT_ATOMS` (the
+ * empty set) resolves to `DEFAULT_AURORA_CONFIG`. The full `AuroraConfig` stays whole
+ * as the progressive-disclosure "Advanced" tier.
+ */
+export interface AuroraAtoms {
+    /** A seed color (CSS string or an OklchStop anchor) → drives the derived palette. */
+    seed?: string | OklchStop;
+    /** The hue scheme across the derived ramp. Default `analogous` (when a seed is set). */
+    harmony?: AuroraHarmony;
+    /** calm ↔ vivid (one knob) — fans to saturation + warpAmount + valueVariance + breath. */
+    mood?: AuroraMoodAtom;
+    /** The painterly medium. */
+    medium?: AuroraMedium;
+    /** 0..1 — the medium's dominant texture knob (strokeAmount / wetEdge / canvasGrain). */
+    textureAmount?: number;
+    /** still | breathing | drifting — the three motion registers. */
+    motion?: AuroraMotionAtom;
+    /** 2..6 — the number of color zones (nuclei), auto-arranged on a rule-of-thirds prior. */
+    zones?: number;
+    /** The pointer/scroll interactivity axes (default OFF — declared at W6, wired at W8). */
+    interactivity?: AuroraConfig["interactivity"];
+}
+/**
+ * The default atoms — the EMPTY set. `resolveAtoms(DEFAULT_ATOMS)` deep-equals the
+ * wispy-sky `DEFAULT_AURORA_CONFIG` (machine-asserted). The user explicitly asked the
+ * default to be preserved; the empty-atom pass-through is how the new door honors it.
+ */
+export declare const DEFAULT_ATOMS: AuroraAtoms;
+/**
+ * Expand the ≤7 Tier-1 atoms into a full, valid, in-range `AuroraConfig`. A PURE,
+ * TOTAL function: clones the wispy-sky default and applies ONLY the present atoms as
+ * clamped overrides, so the empty atom set resolves to exactly `DEFAULT_AURORA_CONFIG`
+ * and every atom combination yields a config respecting every `budget.ts` cap.
+ */
+export declare function resolveAtoms(atoms?: AuroraAtoms): AuroraConfig;

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

@@ -1,6 +1,8 @@
-import { type OklchStop } from "../../../../composables/color";
+import { type AuroraConfig } from "../constants/presets";
+import { type ColorHarmony, type OklchStop } from "../../../../composables/color";
 export { cssToOklch, oklchStopToHex, oklchToLinear, } from "../../../../composables/color";
 export type { OklchStop } from "../../../../composables/color";
+export type { ColorHarmony } from "../../../../composables/color";
 /**
  * Pack up to `maxStops` OklchStops into linear-sRGB triples. When `out` is
  * provided the buffer is filled in place (no allocation) — the runtime owns a
@@ -25,15 +27,19 @@ export declare function flattenPalette(stops: OklchStop[], maxStops?: number, ou
 export declare function paletteToCssGradient(stops: OklchStop[]): string;
 export declare function hexToOklchStop(hex: string): OklchStop;
 /**
- * Harmony schemes for {@link deriveAurora}. Each maps the seed hue onto the
- * derived stops differently:
- * - `analogous` — the ramp walks the seed hue ± a small spread (neighbouring
- *   hues; the painterly default).
- * - `complementary` — stops split between the seed hue and its opposite (+180°).
- * - `triad` — stops distributed across the seed hue and its two 120° partners.
- * - `monochrome` — every stop holds the seed hue; only L and C travel.
+ * Harmony schemes for {@link deriveAurora} — the PUBLIC alias of the shared
+ * `ColorHarmony` vocabulary hoisted to the `/color` leaf (AW.W11.b). The blob and
+ * aurora derive from this ONE union; aurora keeps the `AuroraHarmony` name for
+ * surface preservation. See `ColorHarmony` for the per-scheme semantics.
  */
-export type AuroraHarmony = "analogous" | "complementary" | "triad" | "monochrome";
+export type AuroraHarmony = ColorHarmony;
+/**
+ * Eased L/C journey shapes for the derived ramp. `bell` (the W5 default for chroma)
+ * peaks the chroma in the mids and desaturates the extremes — the painterly
+ * "saturated body, calm edges" curve. `linear` is the prior monotone falloff
+ * (the named pre-W5 branch — NOT a back-compat alias, a first-class choice).
+ */
+export type DeriveEasing = "linear" | "sine" | "bell";
 export interface DeriveAuroraOptions {
     /** Number of stops to produce. Default 4; clamped to [2, MAX_STOPS]. */
     stopCount?: number;
@@ -45,6 +51,16 @@ export interface DeriveAuroraOptions {
     chromaFalloff?: number;
     /** Hue walk in degrees for analogous; ignored by monochrome. Default ~28. */
     hueSpread?: number;
+    /** L-ramp easing across the band. Default `linear` (monotone ascent). */
+    lightnessEasing?: DeriveEasing;
+    /** C-ramp easing. Default `bell` (peak in the mids — the W5 painterly default). */
+    chromaEasing?: DeriveEasing;
+    /**
+     * Warm-light / cool-shadow temperature coupling (0..1). A hue delta that warms
+     * the lights and cools the shadows — the single most-cited painting rule, the
+     * fold that makes the oil/oil-pastel mediums read as mixed paint. Default 0.
+     */
+    temperatureShift?: number;
 }
 /**
  * Seed ONE color into a harmonious, gamut-safe N-stop aurora palette.
@@ -63,3 +79,14 @@ export interface DeriveAuroraOptions {
  * @param options ramp shape — stop count, harmony, L/C/h spreads.
  */
 export declare function deriveAurora(seed: string | OklchStop, options?: DeriveAuroraOptions): OklchStop[];
+/** Atmospheric mood words for {@link deriveScene}. */
+export type AuroraMood = "atmospheric" | "painterly" | "vivid" | "muted";
+/**
+ * Seed ONE color + a mood word into a WHOLE `AuroraConfig` — palette (via
+ * `deriveAurora`), nuclei layout (a rule-of-thirds/golden prior), medium, and the
+ * motion/output knobs the mood implies. A SUPERSET front door over `deriveAurora`:
+ * a consumer hands a seed + `"painterly"` and gets a coherent backdrop, not just a
+ * palette. The base is the wispy-sky `DEFAULT_AURORA_CONFIG` (every field the mood
+ * does not touch stays the library default).
+ */
+export declare function deriveScene(seed: string | OklchStop, mood?: AuroraMood): AuroraConfig;

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

@@ -20,6 +20,14 @@ export declare const CURSOR_DECAY_PER_FRAME = 0.992;
  * below this the next frame is visually identical, so the loop may park.
  */
 export declare const CURSOR_REST_EPSILON = 0.001;
+/**
+ * AW.W8.1 — the velocity-burst decay per frame. A fast pointer flick injects a
+ * transient `burst` that eases out over ~1s (≈0.96^60 ≈ 0.09 after 1s at 60fps),
+ * distinct from the steady attraction. The velocity itself eases faster (it tracks
+ * the live pointer delta, not a lingering field).
+ */
+export declare const CURSOR_BURST_DECAY_PER_FRAME = 0.96;
+export declare const CURSOR_VELOCITY_LERP = 0.3;
 /** The mutable eased-cursor state. `strength` ramps in; `targetStrength` decays. */
 export interface CursorState {
     x: number;
@@ -29,14 +37,39 @@ export interface CursorState {
     strength: number;
     targetStrength: number;
     radius: number;
+    /**
+     * AW.W8.1 — the smoothed pointer velocity (delta per move, eased). The
+     * velocity-reactive flow consumes its magnitude; a fast flick spikes it. Units
+     * are normalized-screen per move (clamped to avoid a teleport spike).
+     */
+    velX: number;
+    velY: number;
+    /**
+     * AW.W8.1 — the transient swirl-BURST a fast flick injects (decays over ~1s).
+     * The flow shader reads this as a decaying velocity-driven term, distinct from
+     * the steady `strength` attraction.
+     */
+    burst: number;
 }
 /** A fresh at-rest cursor (centred, no attraction, default radius). */
 export declare function createCursorState(): CursorState;
 /**
  * Advance the cursor easing one frame — snappy approach toward the target
- * position, gentle decay of the attraction strength when idle.
+ * position, gentle decay of the attraction strength when idle. AW.W8.1: also eases
+ * the velocity toward zero and decays the swirl-burst. `tempo` (the master tempo
+ * scalar, default 1; 0 under PRM/pause) scales the velocity + burst toward stillness
+ * so the whole interactive stack freezes when tempo is 0 — `tempo` multiplies the
+ * retained fraction, NOT `uTime` (scaling the clock makes the flow jump; the
+ * integration step scales, the absolute clock keeps marching — the W11 discipline).
+ */
+export declare function advanceCursor(cursor: CursorState, tempo?: number): void;
+/**
+ * AW.W8.1 — feed a pointer delta into the velocity + burst. Called from the
+ * `pointermove` listener, which MUST early-out on reduced-motion BEFORE calling this
+ * (the cursor write-path PRM check — the listener fires independent of the rAF loop).
+ * The delta is clamped so a teleport (tab-in, scroll jump) does not spike a giant burst.
  */
-export declare function advanceCursor(cursor: CursorState): void;
+export declare function injectCursorVelocity(cursor: CursorState, dx: number, dy: number): void;
 /**
  * True while the cursor is still easing (position not yet at target, or strength
  * not yet decayed below ε). The render-demand gate ORs this with the config drift

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

@@ -9,7 +9,7 @@
  * shader-uniform boundary: a NEW uniform name must be added here, and the cache is
  * keyed off it, so a fresh uniform always gets a location slot.
  */
-export declare const UNIFORM_NAMES: readonly ["uTime", "uPalette", "uStopCount", "uNucleiCount", "uNucleiPos", "uNucleiRadius", "uNucleiPaletteBias", "uNucleiValueBias", "uNucleiDriftRadius", "uNucleiDriftPhase", "uNucleiElong", "uNucleiAngle", "uSoftmaxBeta", "uValueVariance", "uWarpAmount", "uWarpScale", "uWarpDrift", "uWarpMode", "uNoiseOctaves", "uMedium", "uFlowPattern", "uFlowFocal", "uFlowAngle", "uFlowCurl", "uCursor", "uCursorStrength", "uCursorRadius", "uStrokeAmount", "uStrokeScale", "uStrokeAnisotropy", "uStrokeLayers", "uStrokeMode", "uWetEdge", "uGranulation", "uImpasto", "uBrokenColor", "uCanvasGrain", "uNucleiDrift", "uPaletteDrift", "uBreathDepth", "uBreathPeriod", "uSaturation", "uPaperGrain", "uAlpha"];
+export declare const UNIFORM_NAMES: readonly ["uTime", "uPalette", "uStopCount", "uNucleiCount", "uNucleiPos", "uNucleiRadius", "uNucleiPaletteBias", "uNucleiValueBias", "uNucleiDriftRadius", "uNucleiDriftPhase", "uNucleiElong", "uNucleiAngle", "uSoftmaxBeta", "uValueVariance", "uWarpAmount", "uWarpScale", "uWarpDrift", "uWarpMode", "uNoiseOctaves", "uMedium", "uHuePath", "uFlowPattern", "uFlowFocal", "uFlowAngle", "uFlowCurl", "uCursor", "uCursorStrength", "uCursorRadius", "uCursorVelocity", "uCursorBurst", "uStrokeAmount", "uStrokeScale", "uStrokeAnisotropy", "uStrokeLayers", "uStrokeMode", "uStrokeOrient", "uLightDir", "uLightColor", "uWetEdge", "uGranulation", "uImpasto", "uBrokenColor", "uCanvasGrain", "uNucleiDrift", "uPaletteDrift", "uBreathDepth", "uBreathPeriod", "uSaturation", "uPaperGrain", "uAlpha"];
 export type UniformName = (typeof UNIFORM_NAMES)[number];
 export type UniformLocations = Record<UniformName, WebGLUniformLocation | null>;
 export interface GlProgram {

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

@@ -0,0 +1,16 @@
+import type { GPUCanvasFrame, GPUCanvasSetupArgs } from "../../../../composables/glass/createGPUCanvas";
+import type { CursorState } from "./cursorModel";
+import type { AuroraConfig } from "../constants/presets";
+export interface GPUAuroraDeps {
+    canvas: HTMLCanvasElement;
+    getConfig: () => AuroraConfig;
+    cursor: CursorState;
+    getReducedMotion: () => boolean;
+    /** The frozen frame-time offset under reduced motion (matches the WebGL2 path). */
+    frozenOffset: number;
+}
+/**
+ * The `setup` callback for `createGPUCanvas`. Builds the pipeline once on the device,
+ * returns the frame hooks. The single render pass draws the WGSL aurora base field.
+ */
+export declare function createGPUAuroraSetup(deps: GPUAuroraDeps): ({ device, context, format }: GPUCanvasSetupArgs) => GPUCanvasFrame;