@mkbabb/glass-ui 3.1.1 → 3.3.0

package/dist/badge.js

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

package/dist/{button-C0aHmBbt.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-C0aHmBbt.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-CSGcJkqa.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

@@ -1,9 +1,9 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-Bn9a1b70.js";
-import { t as n } from "./chevron-down-DILQA1t6.js";
-import { t as r } from "./chevron-right-fS7fal2t.js";
-import { t as i } from "./chevron-up-BtYjYQOS.js";
-import { n as a } from "./button-C0aHmBbt.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-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/{check-dwgetki8.js → check-CdkxGxXJ.js}

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+import { t as e } from "./createLucideIcon-DuDoe_ra.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-CVMOcYlV.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-DWT19a2Y.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,16 +1,6 @@
-import type { OklchStop } from "../presets";
-export declare function clamp(v: number, min: number, max: number): number;
-export declare function srgbToOKLab(r: number, g: number, b: number): [number, number, number];
-export declare function oklabToOklch(L: number, a: number, b: number): [number, number, number];
-export declare function oklchToOklab(L: number, C: number, H: number): [number, number, number];
-export declare function oklabToRgb255(L: number, a: number, b: number): [number, number, number];
-export declare function rgbToOklch(r: number, g: number, b: number): [number, number, number];
-export declare function oklchToRgb(L: number, C: number, H: number): [number, number, number];
-/**
- * OKLCh stop to linear-sRGB in [0, 1] — bundle-canonical bake target.
- * The shader ACES-tonemaps in linear, so the LUT must stay linear.
- */
-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
@@ -33,7 +23,43 @@ 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;
-export declare function cssToRgb(css: string): [number, number, number];
-export declare function cssToOklch(css: 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.
+ */
+export type AuroraHarmony = "analogous" | "complementary" | "triad" | "monochrome";
+export interface DeriveAuroraOptions {
+    /** Number of stops to produce. Default 4; clamped to [2, MAX_STOPS]. */
+    stopCount?: number;
+    /** Hue scheme across the ramp. Default "analogous". */
+    harmony?: AuroraHarmony;
+    /** Total L travel across the ramp, in OKLCh L units. Default ~0.32. */
+    lightnessSpread?: number;
+    /** C multiplier at the pale apex (toward 1 = no falloff). Default ~0.85. */
+    chromaFalloff?: number;
+    /** Hue walk in degrees for analogous; ignored by monochrome. Default ~28. */
+    hueSpread?: number;
+}
+/**
+ * Seed ONE color into a harmonious, gamut-safe N-stop aurora palette.
+ *
+ * A thin COMPOSING producer over the shipped value.js Ottosson core (inv J-10:
+ * no color math is re-implemented here). The seed's `{L,C,h}` is the anchor; the
+ * ramp spreads L across a painterly band, falls C off toward the pale apex, and
+ * walks the hue per `harmony`. EVERY derived stop is gamut-mapped through
+ * value.js's `gamutMapOKLab` so none falls outside sRGB.
+ *
+ * Deterministic and DOM-free (SSR / happy-dom safe — `cssToOklch` is the only
+ * string path and it parses via value.js, not a canvas). The returned length is
+ * clamped to `[2, MAX_STOPS]`; L is monotonic ascending across the ramp.
+ *
+ * @param seed any CSS color string OR an `OklchStop` anchor.
+ * @param options ramp shape — stop count, harmony, L/C/h spreads.
+ */
+export declare function deriveAurora(seed: string | OklchStop, options?: DeriveAuroraOptions): OklchStop[];

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;