@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/{button-DS3ULf5i.js → button-Ckn3eDfB.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
-import { Primitive as c } from "reka-ui";
-import { cva as l } from "class-variance-authority";
+import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
+import { Primitive as l } from "reka-ui";
+import { cva as u } from "class-variance-authority";
 //#endregion
 //#region src/components/ui/button/Button.vue
-var u = /* @__PURE__ */ n({
+var d = /* @__PURE__ */ r({
 	__name: "Button",
 	props: {
 		variant: {},
@@ -16,30 +16,34 @@ var u = /* @__PURE__ */ n({
 			Object,
 			Array
 		] },
+		type: {},
+		disabled: { type: [Boolean, String] },
 		asChild: { type: Boolean },
 		as: { default: "button" }
 	},
-	setup(n) {
-		let l = n;
-		return (u, f) => (i(), t(o(c), {
-			as: n.as,
-			"as-child": n.asChild,
-			"data-size": n.size,
-			class: r(o(e)(o(d)({
-				variant: n.variant,
-				size: n.size
-			}), l.class))
-		}, {
-			default: s(() => [a(u.$slots, "default")]),
+	setup(r) {
+		let u = r, d = t(() => ({
+			type: u.type,
+			disabled: u.disabled
+		}));
+		return (t, p) => (a(), n(s(l), i({
+			as: r.as,
+			"as-child": r.asChild,
+			"data-size": r.size
+		}, d.value, { class: s(e)(s(f)({
+			variant: r.variant,
+			size: r.size
+		}), u.class) }), {
+			default: c(() => [o(t.$slots, "default")]),
 			_: 3
-		}, 8, [
+		}, 16, [
 			"as",
 			"as-child",
 			"data-size",
 			"class"
 		]));
 	}
-}), d = l("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 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", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
@@ -50,8 +54,8 @@ var u = /* @__PURE__ */ n({
 			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 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",
+			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",
 			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"
 		},
@@ -60,7 +64,8 @@ var u = /* @__PURE__ */ n({
 			xs: "h-7 rounded-pill px-2 text-xs",
 			sm: "h-9 rounded-pill px-3",
 			lg: "h-11 rounded-pill px-8",
-			icon: "h-10 w-10 p-0"
+			icon: "h-10 w-10 p-0",
+			"icon-sm": "h-7 w-7 p-0"
 		}
 	},
 	defaultVariants: {
@@ -69,4 +74,4 @@ var u = /* @__PURE__ */ n({
 	}
 });
 //#endregion
-export { u as n, d as t };
+export { d as n, f as t };

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-DS3ULf5i.js";
+import { n as e, t } from "./button-Ckn3eDfB.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-3-VGho1J.js";
+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 };

package/dist/carousel.js

@@ -3,7 +3,7 @@ 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-DS3ULf5i.js";
+import { n as a } from "./button-Ckn3eDfB.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";
@@ -165,7 +165,7 @@ var P = /* @__PURE__ */ p({
 			"aria-label": `Go to slide ${t}`,
 			"data-active": t - 1 === a.value ? "" : void 0,
 			"data-slot": "carousel-dot",
-			class: h(["focus-ring rounded-pill cursor-pointer transition-[background-color,transform,width,height,box-shadow] duration-[var(--duration-fast)]", C(e)(C(i) === "vertical" ? "w-1.5" : "h-1.5", t - 1 === a.value ? C(i) === "vertical" ? "h-6 bg-foreground scale-[var(--scale-hover)]" : "w-6 bg-foreground scale-[var(--scale-hover)]" : C(i) === "vertical" ? "h-1.5 bg-[var(--muted-medium)] hover:bg-foreground/50" : "w-1.5 bg-[var(--muted-medium)] hover:bg-foreground/50")]),
+			class: h(["focus-ring rounded-pill cursor-pointer transition-[background-color,transform,width,height,box-shadow] duration-fast", C(e)(C(i) === "vertical" ? "w-1.5" : "h-1.5", t - 1 === a.value ? C(i) === "vertical" ? "h-6 bg-foreground scale-[var(--scale-hover)]" : "w-6 bg-foreground scale-[var(--scale-hover)]" : C(i) === "vertical" ? "h-1.5 bg-muted-medium hover:bg-foreground/50" : "w-1.5 bg-muted-medium hover:bg-foreground/50")]),
 			onClick: (e) => d(t - 1)
 		}, null, 10, L))), 128))], 10, I)) : l("", !0);
 	}

package/dist/collapsible.js

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

package/dist/color-rkK4RMx2.js

@@ -0,0 +1,33 @@
+import { colorUnit2 as e, oklabToLinearSRGB as t, oklabToRgb255 as n, parseCSSColor as r, rawOklabToOklch as i, rawOklchToOklab as a, srgbToOKLab as o } from "@mkbabb/value.js";
+//#region src/composables/color/index.ts
+function s(e) {
+	let [n, r, i] = a(e.L, e.C, e.h), [o, s, c] = t(n, r, i);
+	return [
+		Math.max(0, o),
+		Math.max(0, s),
+		Math.max(0, c)
+	];
+}
+function c(e) {
+	let [t, r, i] = a(e.L, e.C, e.h), [o, s, c] = n(t, r, i), l = (e) => Math.min(1, Math.max(0, e / 255));
+	return [
+		l(o),
+		l(s),
+		l(c)
+	];
+}
+function l(t) {
+	let n = e(r(t), "rgb").value, [a, s, c] = o(Number(n.r), Number(n.g), Number(n.b)), [l, u, d] = i(a, s, c);
+	return {
+		L: l,
+		C: u,
+		h: d
+	};
+}
+function u(e) {
+	let [t, r, i] = a(e.L, e.C, e.h), [o, s, c] = n(t, r, i), l = (e) => Math.round(e).toString(16).padStart(2, "0");
+	return `#${l(o)}${l(s)}${l(c)}`;
+}
+var d = (e) => c(l(e));
+//#endregion
+export { s as a, c as i, d as n, u as r, l as t };

package/dist/color.d.ts

@@ -0,0 +1 @@
+export * from "./composables/color";

package/dist/color.js

@@ -0,0 +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 };

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-C6lsz3pG.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-BiVyqipe.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-DVgAxagk.js

@@ -0,0 +1,106 @@
+//#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}";
+function r() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, 2);
+}
+//#endregion
+//#region src/composables/glass/webgl/useWebGLCanvas.ts
+function i(e, t) {
+	let { setup: n, contextAttrs: r } = t, i = t.respectReducedMotion ?? t.mode !== "capture", a = /* @__PURE__ */ new Set();
+	t.mode === "capture" && a.add("manual");
+	let o = () => a.size === 0, s = 0, c = typeof performance < "u" ? performance.now() : 0, l = null, u = null, d = !1, f = !1, p = i && typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, m = p?.matches ?? !1;
+	function h() {
+		if (!o() || !u) return;
+		let e = (performance.now() - c) / 1e3, t = u.time ? u.time(e) : e;
+		u.frame(t), s = !m && u.shouldContinue() ? requestAnimationFrame(h) : 0;
+	}
+	function g() {
+		d && o() && !s && u && (s = requestAnimationFrame(h));
+	}
+	function _() {
+		let e = p?.matches ?? !1;
+		e !== m && (m = e, e || (c = performance.now()), g());
+	}
+	p?.addEventListener("change", _);
+	function v(e = "manual") {
+		let t = o();
+		a.add(e), t && !o() && (cancelAnimationFrame(s), s = 0);
+	}
+	function y(e = "manual") {
+		let t = !o();
+		a.delete(e), t && o() && d && u && (c = performance.now() - 1e3, h());
+	}
+	let b = typeof document < "u";
+	function x() {
+		document.hidden ? v("tab-hidden") : y("tab-hidden");
+	}
+	b && document.addEventListener("visibilitychange", x), b && document.hidden && a.add("tab-hidden");
+	let S = null;
+	function C(e) {
+		e.skipped ? v("off-screen") : y("off-screen");
+	}
+	function w() {
+		if (S) return;
+		let t = e.parentElement;
+		t && (S = t, t.addEventListener("contentvisibilityautostatechange", C));
+	}
+	function T() {
+		S?.removeEventListener("contentvisibilityautostatechange", C), S = null;
+	}
+	let E = null;
+	function D(e) {
+		e.preventDefault(), cancelAnimationFrame(s), s = 0, u = null, l = null;
+	}
+	function O() {
+		f || (k(), o() && g());
+	}
+	function k() {
+		let t = e.getContext("webgl2", r ?? void 0);
+		if (!t) throw Error("[useWebGLCanvas] WebGL2 unavailable");
+		l = t, u = n(l), u.resize(), E || (E = new ResizeObserver(() => u?.resize()), E.observe(e));
+	}
+	function A() {
+		d || f || (e.addEventListener("webglcontextlost", D, !1), e.addEventListener("webglcontextrestored", O, !1), k(), w(), d = !0, c = performance.now(), o() && (s = requestAnimationFrame(h)));
+	}
+	function j(e) {
+		d || A(), u?.frame(e);
+	}
+	function M() {
+		f = !0, cancelAnimationFrame(s), s = 0, b && document.removeEventListener("visibilitychange", x), p?.removeEventListener("change", _), T(), e.removeEventListener("webglcontextlost", D, !1), e.removeEventListener("webglcontextrestored", O, !1), E?.disconnect(), E = null, u?.teardown?.(), u = null, l?.getExtension("WEBGL_lose_context")?.loseContext(), l = null, a.clear();
+	}
+	return t.mode === "capture" && A(), {
+		arm: A,
+		suspend: v,
+		resume: y,
+		wake: g,
+		renderAt: j,
+		dispose: M,
+		get gl() {
+			return l;
+		},
+		get reducedMotion() {
+			return m;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgl/compile.ts
+function a(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 o(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 { t as a, r as i, o as n, e as o, i as r, n as s, a as t };

package/dist/components/custom/animated-digit/AnimatedDigit.vue.d.ts

@@ -16,10 +16,10 @@ import type { HTMLAttributes } from "vue";
  *    `String(Math.round(v))`.
  *  - `placeholder`: glyph for null/empty (default "—").
  *  - `digitCount`: optional knob exposed to the consumer via the
- *    `--digit-count` CSS custom property on the host. Pairs with
- *    MetricRow's `--digit-count` clamp so the value cell shrinks
- *    proportionally as the rendered digits widen. When omitted the
- *    primitive computes it from the formatted string length.
+ *    `--digit-count` CSS custom property on the host. A consumer's
+ *    width-clamp can read this so the value cell shrinks proportionally
+ *    as the rendered digits widen. When omitted the primitive computes
+ *    it from the formatted string length.
  *  - `mode`: `"absolute"` (default) or `"progress"` — passes through to
  *    `useAnimatedNumber`.
  */
@@ -30,8 +30,8 @@ export interface AnimatedDigitProps {
     placeholder?: string;
     /**
      * Override the auto-derived digit-count. When unset the primitive
-     * publishes the formatted-string length to `--digit-count` so
-     * MetricRow's clamp math reads from a single source of truth.
+     * publishes the formatted-string length to `--digit-count` so a
+     * consumer's width-clamp reads from a single source of truth.
      */
     digitCount?: number;
     /** Tag forwarded to `useAnimatedNumber`. */
@@ -41,8 +41,8 @@ export interface AnimatedDigitProps {
     class?: HTMLAttributes["class"];
 }
 declare const __VLS_export: import("vue").DefineComponent<AnimatedDigitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnimatedDigitProps> & Readonly<{}>, {
-    placeholder: string;
     mode: AnimatedDigitMode;
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { AuroraRuntimeOptions } from "./composables/runtime";
-import { type AuroraConfig } from "./presets";
-import { type AuroraRenderMode } from "./renderMode";
+import { type AuroraConfig } from "./constants/presets";
+import { type AuroraRenderMode } from "./constants/renderMode";
 /**
  * Aurora — a painterly WebGL2 background.
  *
@@ -37,7 +37,7 @@ type __VLS_Props = {
      * Aurora field configuration (palette, nuclei, warp, media). Optional —
      * omit it and the canonical `DEFAULT_AURORA_CONFIG` painterly look
      * renders (gap 11, AM.W1). Pass a full config to author a custom field,
-     * or a preset object from `./presets`. The default is supplied via a
+     * or a preset object from `./constants/presets`. The default is supplied via a
      * `withDefaults` factory so each mount gets its own (un-shared) object.
      */
     config?: AuroraConfig;

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

@@ -1,15 +1,6 @@
-import type { OklchStop } from "../presets";
-/**
- * OKLCh stop to linear-sRGB in [0, 1] — bundle-canonical bake target.
- * The shader ACES-tonemaps in linear, so the LUT must stay linear.
- *
- * The OKLCh→linear math is value.js's canonical Ottosson path
- * (`rawOklchToOklab` → `oklabToLinearSRGB`, inv-K-2). The `Math.max(0, ·)` wrap
- * is aurora's OWN ACES-in-linear contract — value.js's `oklabToLinearSRGB` does
- * not clamp negative linear (an out-of-gamut stop yields negatives; the wrap
- * keeps them off the GPU). The equivalence test asserts the COMPOSED path.
- */
-export declare function oklchToLinear(stop: OklchStop): [number, number, number];
+import { type OklchStop } from "../../../../composables/color";
+export { cssToOklch, oklchStopToHex, oklchToLinear, } from "../../../../composables/color";
+export type { OklchStop } 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
@@ -32,20 +23,7 @@ export declare function flattenPalette(stops: OklchStop[], maxStops?: number, ou
  * fades in over it once armed).
  */
 export declare function paletteToCssGradient(stops: OklchStop[]): string;
-export declare function oklchStopToHex(s: OklchStop): string;
 export declare function hexToOklchStop(hex: string): OklchStop;
-/**
- * Resolve any CSS color string to an OKLCh stop via value.js's parser — the
- * single canonical core (inv-K-2). Replaces the former 1×1-canvas `cssToRgb`
- * DOM trick, so this now works in SSR / happy-dom (no `document` required).
- *
- * Semantics differ from the old canvas path (which masked them): an INVALID
- * string THROWS (the canvas silently returned gray); ALPHA is dropped (OklchStop
- * has no alpha; the canvas blended against a gray pre-fill); out-of-gamut inputs
- * are NOT byte-clamped. Callers feeding user-supplied / possibly-transparent
- * strings should wrap in try/catch and decide an alpha policy.
- */
-export declare function cssToOklch(css: string): OklchStop;
 /**
  * Harmony schemes for {@link deriveAurora}. Each maps the seed hue onto the
  * derived stops differently:

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

@@ -0,0 +1,45 @@
+/**
+ * Aurora cursor model — the eased pointer-attraction state.
+ *
+ * The cursor x/y in 0..1 ease toward their targets; `strength` ramps in while the
+ * pointer is active and decays per-frame once it lifts. Exported ONCE here so any
+ * CPU mirror (a consumer reproducing the cursor model) imports these constants
+ * rather than re-declaring them — the shader and the CPU side stay in lockstep.
+ */
+/**
+ * Cursor easing constants. Authored to feel "snappy on entry, gentle decay";
+ * documented in DESIGN.md §4. Higher lerp = faster ramp; smaller decay = longer
+ * tail.
+ */
+export declare const CURSOR_POS_LERP = 0.22;
+export declare const CURSOR_STRENGTH_LERP = 0.18;
+export declare const CURSOR_DECAY_PER_FRAME = 0.992;
+/**
+ * At-rest epsilon for the demand-driven loop. The cursor is "settled" once its
+ * eased position is within ε of its target AND its strength has decayed below ε —
+ * below this the next frame is visually identical, so the loop may park.
+ */
+export declare const CURSOR_REST_EPSILON = 0.001;
+/** The mutable eased-cursor state. `strength` ramps in; `targetStrength` decays. */
+export interface CursorState {
+    x: number;
+    y: number;
+    targetX: number;
+    targetY: number;
+    strength: number;
+    targetStrength: number;
+    radius: 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.
+ */
+export declare function advanceCursor(cursor: CursorState): 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
+ * check — when both are false the next frame is pixel-identical, so the loop parks.
+ */
+export declare function cursorIsLive(cursor: CursorState): boolean;

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

@@ -0,0 +1,30 @@
+/**
+ * Aurora frame loop — the per-frame draw + the render-demand gate.
+ *
+ * `drawFrame` re-sends the per-frame cursor + time uniforms and issues the single
+ * full-screen-triangle draw. `needsAnimation` is the demand gate: it returns
+ * `false` under reduced-motion (the static frame draws once, then the loop parks),
+ * `false` at steady-state (all four drift uniforms 0 AND the cursor settled within
+ * ε — the next frame would be pixel-identical), and `true` while drift is live or
+ * the cursor is still easing.
+ */
+import type { UniformLocations } from "./glSetup";
+import { type CursorState } from "./cursorModel";
+import type { AuroraConfig } from "../constants/presets";
+export interface FrameLoopDeps {
+    gl: WebGL2RenderingContext;
+    prog: WebGLProgram;
+    uniforms: UniformLocations;
+    cursor: CursorState;
+    /** The live config (drift uniforms gate the demand loop). */
+    getConfig: () => AuroraConfig;
+    /** Reduced-motion intent — parks the loop after one static frame. */
+    getReducedMotion: () => boolean;
+}
+export interface FrameLoop {
+    /** Advance the cursor easing THEN draw — the per-frame step. */
+    frame: (timeSec: number) => void;
+    /** Demand gate — is there live motion to render on the next frame? */
+    needsAnimation: () => boolean;
+}
+export declare function createFrameLoop(deps: FrameLoopDeps): FrameLoop;

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

@@ -0,0 +1,29 @@
+/**
+ * Aurora GL setup seam — shader compile/link + geometry + the uniform location
+ * cache. The GL-lifecycle orchestrator (`runtime.ts`) calls `createGlProgram` on a
+ * fresh context (on arm AND on every webglcontextrestored), so a GPU context loss
+ * self-heals: each call rebuilds the program + the full-screen triangle + the
+ * `UNIFORM_NAMES` location cache against the fresh `gl`.
+ *
+ * The `UNIFORM_NAMES` const-assertion is the single source of truth for the
+ * 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 type UniformName = (typeof UNIFORM_NAMES)[number];
+export type UniformLocations = Record<UniformName, WebGLUniformLocation | null>;
+export interface GlProgram {
+    program: WebGLProgram;
+    vs: WebGLShader;
+    fs: WebGLShader;
+    uniforms: UniformLocations;
+    geometry: {
+        vao: WebGLVertexArrayObject;
+        buf: WebGLBuffer;
+    };
+}
+/**
+ * Compile + link the shader pair, build the full-screen triangle (one draw covers
+ * the viewport), and resolve the uniform location cache. Leaves the program bound.
+ */
+export declare function createGlProgram(gl: WebGL2RenderingContext, vertexSrc: string, fragmentSrc: string): GlProgram;

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

@@ -1,23 +1,34 @@
 /**
- * Aurora v4.1 runtime — port of bundle `runtime.js` to TypeScript.
+ * Aurora v4.1 runtime — the GL-lifecycle orchestrator over the `useWebGLCanvas`
+ * substrate (AU.W6, the DEC-AT-1 transposition).
  *
- * Compiles the shader, owns the WebGL2 context and RAF loop, translates a
- * reactive `AuroraConfig` into uniforms, and exposes an imperative cursor API
- * plus a side-effect-safe `renderAt(t)` method for capture baking.
+ * This module composes four cohesive seams atop the substrate:
+ *   - glSetup       — compile/link + geometry + the uniform location cache
+ *   - uniformBridge — the reactive-config → GL-uniform translation + enum dispatch
+ *   - cursorModel   — the eased pointer-attraction state + advance
+ *   - frameLoop     — the per-frame draw + the render-demand gate
  *
- * Y-origin convention: config authoring is CSS-top-origin (0 = top). The
- * runtime flips Y at the uniform boundary (see AUTHOR_Y_ORIGIN_IS_TOP marks).
+ * It owns ONLY the aurora-specific glue: threading the seams through the
+ * substrate's `setup`/`frame`/`shouldContinue`/`resize`/`time`/`teardown`
+ * callbacks, the reduced-motion frozen-t, the DPR policy, and the imperative
+ * setters/pause/resume. The generic WebGL2 lifecycle — context creation, the
+ * three-reason suspend/resume model, the demand-driven rAF loop, the tab-visibility
+ * owner, the ResizeObserver, and the webglcontextlost/restored robustness — lives
+ * in the substrate.
+ *
+ * Y-origin convention: config authoring is CSS-top-origin (0 = top). The seams
+ * flip Y at the uniform boundary (`flipY` in uniformBridge/frameLoop).
  */
-import { type AuroraConfig, type AuroraInstance } from "../presets";
+import type { AuroraConfig, AuroraInstance } from "../constants/presets";
 export type AuroraRuntimeMode = "live" | "capture";
 /**
- * The three independent reasons the RAF loop may be suspended. The runtime
- * tracks them in a `Set<SuspendReason>` rather than one boolean, so the loop
- * runs IFF the set is empty and each reason is cleared ONLY by the source that
- * set it. This makes resume-while-still-suspended structurally unreachable — a
- * `resume("tab-hidden")` cannot lift an `"off-screen"` suspension.
+ * The three independent reasons the rAF loop may be suspended. Owned by the
+ * `useWebGLCanvas` substrate as a `Set<reason>`: the loop runs IFF the set is
+ * empty and each reason is cleared ONLY by the source that set it. This makes
+ * resume-while-still-suspended structurally unreachable — a `resume("tab-hidden")`
+ * cannot lift an `"off-screen"` suspension.
  *
- * - `"tab-hidden"` — the runtime's own `document.visibilitychange` owner.
+ * - `"tab-hidden"` — the substrate's `document.visibilitychange` owner.
  * - `"off-screen"` — viewport-intersection, driven by `useIntersectionPause`.
  * - `"manual"` — the public `pause()`/`resume()` API (and capture-mode seed).
  */
@@ -26,15 +37,14 @@ export type SuspendReason = "tab-hidden" | "off-screen" | "manual";
  * When the expensive WebGL path (context creation, shader compile + GPU link,
  * first uniform upload, rAF arm) actually runs.
  *
- * - `"deferred"` (default) — `createAurora` constructs a cheap, un-armed
- *   instance and returns immediately; the GL work is invoked later via
- *   `instance.arm()`. The Vue wrapper `useAurora` schedules `arm()` past first
- *   paint on an idle tick, gated on canvas visibility — so the shader
- *   compile-link never lands on the consumer's first-paint critical path.
- * - `"eager"` — `createAurora` arms synchronously before returning, exactly
- *   as a pre-lazy-arm runtime did. Capture / thumbnail-baking consumers need
- *   this: `renderAt` must draw a real frame the instant `createAurora`
- *   returns. `mode: "capture"` forces eager regardless of this field.
+ * - `"deferred"` (default) — `createAurora` constructs a cheap, un-armed instance
+ *   and returns immediately; the GL work is invoked later via `instance.arm()`.
+ *   The Vue wrapper `useAurora` schedules `arm()` past first paint on an idle
+ *   tick, gated on canvas visibility — so the shader compile-link never lands on
+ *   the consumer's first-paint critical path.
+ * - `"eager"` — `createAurora` arms synchronously before returning. Capture /
+ *   thumbnail-baking consumers need this: `renderAt` must draw a real frame the
+ *   instant `createAurora` returns. `mode: "capture"` forces eager regardless.
  */
 export type AuroraInitStrategy = "eager" | "deferred";
 export interface AuroraRuntimeOptions {
@@ -49,25 +59,25 @@ export interface AuroraRuntimeOptions {
     /**
      * Init-failure handler. A WebGL2/shader-compile/link failure is a
      * library-internal contract violation (O invariant 24). On the EAGER path
-     * `createAurora` throws synchronously and `useAurora` rethrows by default
-     * so the signal reaches the consumer's error boundary / dev console. On
-     * the DEFERRED path the failure happens on an idle tick — outside any
-     * mount-time boundary — so the runtime routes it here, and `useAurora`
-     * re-surfaces it on the microtask queue (so it still reaches the dev
-     * console / `app.config.errorHandler`) when no handler is supplied.
-     * Provide this callback to opt into silent handling on either path.
+     * `createAurora` throws synchronously and `useAurora` rethrows by default so
+     * the signal reaches the consumer's error boundary / dev console. On the
+     * DEFERRED path the failure happens on an idle tick — outside any mount-time
+     * boundary — so the runtime routes it here, and `useAurora` re-surfaces it on
+     * the microtask queue (so it still reaches the dev console /
+     * `app.config.errorHandler`) when no handler is supplied. Provide this
+     * callback to opt into silent handling on either path.
      *
-     * NOTE: this is the `useAurora` Vue-wrapper contract surface. The
-     * imperative `createAurora(...)` runtime throws on eager init failure and
-     * — for `instance.arm()` on the deferred path — rethrows from `arm()`.
+     * NOTE: this is the `useAurora` Vue-wrapper contract surface. The imperative
+     * `createAurora(...)` runtime throws on eager init failure and — for
+     * `instance.arm()` on the deferred path — rethrows from `arm()`.
      */
     onInitError?: (err: Error) => void;
 }
 /**
  * The concrete `createAurora` return shape. It IS an {@link AuroraInstance}
- * (structurally assignable — every member matches) but widens `pause`/`resume`
- * to carry an optional {@link SuspendReason}, defaulting to `"manual"`. The
- * Vue wrapper passes `"off-screen"` for the intersection seam; a bare
+ * (structurally assignable — every member matches) but widens `pause`/`resume` to
+ * carry an optional {@link SuspendReason}, defaulting to `"manual"`. The Vue
+ * wrapper passes `"off-screen"` for the intersection seam; a bare
  * `pause()`/`resume()` reads identically to the `AuroraInstance` contract.
  */
 export interface AuroraRuntime extends Omit<AuroraInstance, "pause" | "resume"> {