@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/carousel.js

@@ -1,30 +1,12 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DydS2qgk.js";
-import { t as n } from "./chevron-down-DKkxb4VV.js";
-import { t as r } from "./chevron-right-CPXbqQQz.js";
-import { t as i } from "./chevron-up-n_24SqI-.js";
-import { n as a } from "./button-ChXMfsud.js";
-import { t as o } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
-import { createInjectionState as D } from "@vueuse/core";
-import O from "embla-carousel-vue";
-var k = t("arrow-left", [["path", {
-	d: "m12 19-7-7 7-7",
-	key: "1l729n"
-}], ["path", {
-	d: "M19 12H5",
-	key: "x3x0zl"
-}]]), A = t("arrow-right", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "m12 5 7 7-7 7",
-	key: "xquz4c"
-}]]), j = t("chevron-left", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), [M, N] = D(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = O({
+import { C as t, S as n, _ as r, b as i, v as a, y as o } from "./vendor-CKmzio-i.js";
+import { n as s } from "./button-DYCUa-tH.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
+import { createInjectionState as E } from "@vueuse/core";
+import D from "embla-carousel-vue";
+//#region src/components/ui/carousel/useCarousel.ts
+var [O, k] = E(({ opts: e, orientation: t, plugins: n }, r) => {
+	let [i, a] = D({
 		...e,
 		axis: t === "horizontal" ? "x" : "y"
 	}, n);
@@ -50,14 +32,14 @@ var k = t("arrow-left", [["path", {
 		orientation: t
 	};
 });
-function P() {
-	let e = N();
+function A() {
+	let e = k();
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
 //#region src/components/ui/carousel/Carousel.vue
-var F = /* @__PURE__ */ m({
+var j = /* @__PURE__ */ m({
 	__name: "Carousel",
 	props: {
 		opts: {},
@@ -73,7 +55,7 @@ var F = /* @__PURE__ */ m({
 	},
 	emits: ["init-api"],
 	setup(t, { expose: n, emit: r }) {
-		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: u, scrollPrev: f } = M(i, r);
+		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: u, scrollPrev: f } = O(i, r);
 		n({
 			canScrollNext: a,
 			canScrollPrev: o,
@@ -93,22 +75,22 @@ var F = /* @__PURE__ */ m({
 		}
 		return (t, n) => (v(), d("div", {
 			"data-slot": "carousel",
-			class: g(w(e)("relative", i.class)),
+			class: g(C(e)("relative", i.class)),
 			role: "region",
 			"aria-roledescription": "carousel",
 			tabindex: "0",
 			onKeydown: p
-		}, [x(t.$slots, "default", {
-			canScrollNext: w(a),
-			canScrollPrev: w(o),
-			carouselApi: w(s),
-			carouselRef: w(c),
-			orientation: w(l),
-			scrollNext: w(u),
-			scrollPrev: w(f)
+		}, [b(t.$slots, "default", {
+			canScrollNext: C(a),
+			canScrollPrev: C(o),
+			carouselApi: C(s),
+			carouselRef: C(c),
+			orientation: C(l),
+			scrollNext: C(u),
+			scrollPrev: C(f)
 		})], 34));
 	}
-}), I = /* @__PURE__ */ m({
+}), M = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "CarouselContent",
 	props: { class: { type: [
@@ -119,58 +101,15 @@ var F = /* @__PURE__ */ m({
 		Array
 	] } },
 	setup(t, { expose: n }) {
-		let r = t, { carouselRef: i, orientation: a } = P();
+		let r = t, { carouselRef: i, orientation: a } = A();
 		return n({ carouselRef: i }), (t, n) => (v(), d("div", {
 			ref_key: "carouselRef",
 			ref: i,
 			"data-slot": "carousel-content",
 			class: "overflow-hidden"
-		}, [f("div", h({ class: w(e)("flex", w(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class) }, t.$attrs), [x(t.$slots, "default")], 16)], 512));
+		}, [f("div", h({ class: C(e)("flex", C(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class) }, t.$attrs), [b(t.$slots, "default")], 16)], 512));
 	}
-}), L = ["aria-orientation"], R = [
-	"aria-selected",
-	"aria-label",
-	"data-active",
-	"onClick"
-], z = /* @__PURE__ */ o(/* @__PURE__ */ m({
-	__name: "CarouselDots",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t, { carouselApi: r, orientation: i } = P(), a = y(0), o = y(0);
-		function c() {
-			let e = r.value;
-			e && (a.value = e.selectedScrollSnap(), o.value = e.scrollSnapList().length);
-		}
-		function l(e) {
-			r.value?.scrollTo(e);
-		}
-		return T(r, (e) => {
-			e && (c(), e.on("select", c), e.on("reInit", c));
-		}, { immediate: !0 }), _(c), (t, r) => o.value > 0 ? (v(), d("div", {
-			key: 0,
-			"data-slot": "carousel-dots",
-			role: "tablist",
-			"aria-orientation": w(i),
-			class: g(w(e)("carousel-dots inline-flex items-center justify-center gap-1.5", w(i) === "vertical" && "flex-col", n.class))
-		}, [(v(!0), d(s, null, b(o.value, (e) => (v(), d("button", {
-			key: e - 1,
-			type: "button",
-			role: "tab",
-			"aria-selected": e - 1 === a.value,
-			"aria-label": `Go to slide ${e}`,
-			"data-active": e - 1 === a.value ? "" : void 0,
-			"data-slot": "carousel-dot",
-			class: "carousel-dot focus-ring tap-squish",
-			onClick: (t) => l(e - 1)
-		}, null, 8, R))), 128))], 10, L)) : u("", !0);
-	}
-}), [["__scopeId", "data-v-e87db23f"]]), B = /* @__PURE__ */ m({
+}), N = /* @__PURE__ */ m({
 	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
@@ -180,15 +119,15 @@ var F = /* @__PURE__ */ m({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { orientation: r } = P();
+		let n = t, { orientation: r } = A();
 		return (t, i) => (v(), d("div", {
 			"data-slot": "carousel-item",
 			role: "group",
 			"aria-roledescription": "slide",
-			class: g(w(e)("min-w-0 shrink-0 grow-0 basis-full", w(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
-		}, [x(t.$slots, "default")], 2));
+			class: g(C(e)("min-w-0 shrink-0 grow-0 basis-full", C(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
+		}, [b(t.$slots, "default")], 2));
 	}
-}), V = /* @__PURE__ */ m({
+}), P = /* @__PURE__ */ m({
 	__name: "CarouselNext",
 	props: {
 		variant: { default: "outline" },
@@ -202,16 +141,16 @@ var F = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = P();
-		return (s, c) => (v(), l(w(a), {
+		let r = t, { orientation: i, canScrollNext: a, scrollNext: o } = A();
+		return (c, u) => (v(), l(C(s), {
 			"data-slot": "carousel-next",
-			disabled: !w(i),
-			class: g(w(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", w(r) === "horizontal" ? "top-1/2 -translate-y-1/2 right-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 bottom-[calc(-1*var(--carousel-nav-offset))]", n.class)),
+			disabled: !C(a),
+			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(i) === "horizontal" ? "top-1/2 -translate-y-1/2 right-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 bottom-[calc(-1*var(--carousel-nav-offset))]", r.class)),
 			variant: t.variant,
 			size: t.size,
-			onClick: w(o)
+			onClick: C(o)
 		}, {
-			default: E(() => [x(s.$slots, "default", {}, () => [p(w(A)), c[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			default: T(() => [b(c.$slots, "default", {}, () => [p(C(n)), u[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -221,11 +160,11 @@ var F = /* @__PURE__ */ m({
 			"onClick"
 		]));
 	}
-}), H = {
+}), F = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
-	class: "rounded-pill border border-border bg-card px-3 py-1 text-mono-caption tabular-nums"
-}, U = /* @__PURE__ */ m({
+	class: "glass-pager-ring text-mono-caption tabular-nums"
+}, I = /* @__PURE__ */ m({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -241,44 +180,44 @@ var F = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let o = t, { carouselApi: s, canScrollNext: f, canScrollPrev: m, orientation: h, scrollNext: b, scrollPrev: x } = P(), D = y(0), O = y(0);
-		function k() {
-			let e = s.value;
-			e && (D.value = e.selectedScrollSnap(), O.value = e.scrollSnapList().length);
+		let n = t, { carouselApi: f, canScrollNext: m, canScrollPrev: h, orientation: b, scrollNext: E, scrollPrev: D } = A(), O = y(0), k = y(0);
+		function j() {
+			let e = f.value;
+			e && (O.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
 		}
-		T(s, (e) => {
-			e && (k(), e.on("select", k), e.on("reInit", k));
-		}, { immediate: !0 }), _(k);
-		let A = c(() => h === "vertical" ? i : j), M = c(() => h === "vertical" ? n : r);
-		return (n, r) => (v(), d("div", {
+		w(f, (e) => {
+			e && (j(), e.on("select", j), e.on("reInit", j));
+		}, { immediate: !0 }), _(j);
+		let M = c(() => b === "vertical" ? r : o), N = c(() => b === "vertical" ? i : a);
+		return (r, i) => (v(), d("div", {
 			"data-slot": "carousel-pager",
-			class: g(w(e)("inline-flex items-center gap-2", w(h) === "vertical" && "flex-col", o.class))
+			class: g(C(e)("inline-flex items-center gap-2", C(b) === "vertical" && "flex-col", n.class))
 		}, [
-			p(w(a), {
+			p(C(s), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !w(m),
-				"aria-label": w(h) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !C(h),
+				"aria-label": C(b) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: w(x)
+				onClick: C(D)
 			}, {
-				default: E(() => [(v(), l(S(A.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(M.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"aria-label",
 				"onClick"
 			]),
-			t.showCounter && O.value > 0 ? (v(), d("span", H, C(D.value + 1) + " / " + C(O.value), 1)) : u("", !0),
-			p(w(a), {
+			t.showCounter && k.value > 0 ? (v(), d("span", F, S(O.value + 1) + " / " + S(k.value), 1)) : u("", !0),
+			p(C(s), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !w(f),
-				"aria-label": w(h) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !C(m),
+				"aria-label": C(b) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: w(b)
+				onClick: C(E)
 			}, {
-				default: E(() => [(v(), l(S(M.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(N.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
@@ -287,7 +226,7 @@ var F = /* @__PURE__ */ m({
 			])
 		], 2));
 	}
-}), W = /* @__PURE__ */ m({
+}), L = /* @__PURE__ */ m({
 	__name: "CarouselPrevious",
 	props: {
 		variant: { default: "outline" },
@@ -300,17 +239,17 @@ var F = /* @__PURE__ */ m({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = P();
-		return (s, c) => (v(), l(w(a), {
+	setup(n) {
+		let r = n, { orientation: i, canScrollPrev: a, scrollPrev: o } = A();
+		return (c, u) => (v(), l(C(s), {
 			"data-slot": "carousel-previous",
-			disabled: !w(i),
-			class: g(w(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", w(r) === "horizontal" ? "top-1/2 -translate-y-1/2 left-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 top-[calc(-1*var(--carousel-nav-offset))]", n.class)),
-			variant: t.variant,
-			size: t.size,
-			onClick: w(o)
+			disabled: !C(a),
+			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(i) === "horizontal" ? "top-1/2 -translate-y-1/2 left-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 top-[calc(-1*var(--carousel-nav-offset))]", r.class)),
+			variant: n.variant,
+			size: n.size,
+			onClick: C(o)
 		}, {
-			default: E(() => [x(s.$slots, "default", {}, () => [p(w(k)), c[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			default: T(() => [b(c.$slots, "default", {}, () => [p(C(t)), u[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -320,11 +259,11 @@ var F = /* @__PURE__ */ m({
 			"onClick"
 		]));
 	}
-}), G = {
+}), R = {
 	key: 0,
 	"data-slot": "glass-carousel-pager-counter",
 	class: "rounded-pill border border-border bg-card px-3 py-1 text-mono-caption tabular-nums shadow-cartoon-sm"
-}, K = /* @__PURE__ */ m({
+}, z = /* @__PURE__ */ m({
 	__name: "GlassCarouselPager",
 	props: {
 		index: {},
@@ -351,45 +290,45 @@ var F = /* @__PURE__ */ m({
 		"next",
 		"select"
 	],
-	setup(t, { emit: o }) {
-		let s = t, f = o, m = c(() => s.loop ? s.total > 1 : s.index > 0), h = c(() => s.loop ? s.total > 1 : s.index < s.total - 1);
-		function _() {
-			m.value && (s.loop ? f("select", (s.index - 1 + s.total) % s.total) : (f("prev"), f("select", Math.max(0, s.index - 1))));
-		}
+	setup(t, { emit: n }) {
+		let f = t, m = n, h = c(() => f.loop ? f.total > 1 : f.index > 0), _ = c(() => f.loop ? f.total > 1 : f.index < f.total - 1);
 		function y() {
-			h.value && (s.loop ? f("select", (s.index + 1) % s.total) : (f("next"), f("select", Math.min(s.total - 1, s.index + 1))));
+			h.value && (f.loop ? m("select", (f.index - 1 + f.total) % f.total) : (m("prev"), m("select", Math.max(0, f.index - 1))));
 		}
-		let b = c(() => s.orientation === "vertical" ? i : j), T = c(() => s.orientation === "vertical" ? n : r);
+		function w() {
+			_.value && (f.loop ? m("select", (f.index + 1) % f.total) : (m("next"), m("select", Math.min(f.total - 1, f.index + 1))));
+		}
+		let E = c(() => f.orientation === "vertical" ? r : o), D = c(() => f.orientation === "vertical" ? i : a);
 		return (n, r) => (v(), d("div", {
 			"data-slot": "glass-carousel-pager",
-			class: g(w(e)("inline-flex items-center gap-2", t.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", s.class))
+			class: g(C(e)("inline-flex items-center gap-2", t.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", f.class))
 		}, [
-			p(w(a), {
+			p(C(s), {
 				variant: "outline",
 				size: "icon",
-				disabled: !m.value,
+				disabled: !h.value,
 				"aria-label": t.orientation === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "glass-carousel-pager-prev",
-				onClick: _
+				onClick: y
 			}, {
-				default: E(() => [(v(), l(S(b.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(E.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			t.showCounter && t.total > 0 ? (v(), d("span", G, C(t.index + 1) + " / " + C(t.total), 1)) : u("", !0),
-			p(w(a), {
+			t.showCounter && t.total > 0 ? (v(), d("span", R, S(t.index + 1) + " / " + S(t.total), 1)) : u("", !0),
+			p(C(s), {
 				variant: "outline",
 				size: "icon",
-				disabled: !h.value,
+				disabled: !_.value,
 				"aria-label": t.orientation === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "glass-carousel-pager-next",
-				onClick: y
+				onClick: w
 			}, {
-				default: E(() => [(v(), l(S(T.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(D.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			x(n.$slots, "trailing")
+			b(n.$slots, "trailing")
 		], 2));
 	}
 });
 //#endregion
-export { F as Carousel, I as CarouselContent, z as CarouselDots, B as CarouselItem, V as CarouselNext, U as CarouselPager, W as CarouselPrevious, K as GlassCarouselPager, P as useCarousel };
+export { j as Carousel, M as CarouselContent, N as CarouselItem, P as CarouselNext, I as CarouselPager, L as CarouselPrevious, z as GlassCarouselPager, A as useCarousel };

package/dist/collapsible.js

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

package/dist/color-swatch.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/color-swatch";

package/dist/color-swatch.js

@@ -0,0 +1,47 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f, useModel as p } from "vue";
+//#region src/components/custom/color-swatch/ColorSwatch.vue?vue&type=script&setup=true&lang.ts
+var m = ["value"], h = {
+	key: 0,
+	class: "color-swatch__hex text-mono-caption tabular-nums uppercase text-muted-foreground"
+}, g = /* @__PURE__ */ a({
+	name: "ColorSwatch",
+	inheritAttrs: !1,
+	__name: "ColorSwatch",
+	props: /* @__PURE__ */ o({
+		size: { default: "md" },
+		showHex: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: { default: "#000000" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = a, g = p(a, "modelValue"), _ = t(() => o.size === "sm" ? "h-7 w-7" : "h-8 w-8"), v = t(() => g.value.toUpperCase());
+		function y(e) {
+			g.value = e.target.value;
+		}
+		return (t, p) => (u(), r("span", { class: c(f(e)("color-swatch inline-flex items-center gap-2 align-middle", o.class)) }, [i("span", {
+			class: c(["color-swatch__chip relative inline-flex shrink-0 cursor-pointer overflow-hidden rounded-control border border-(--configurator-divider-section)", _.value]),
+			style: l({ backgroundColor: g.value })
+		}, [i("input", s({
+			type: "color",
+			value: g.value
+		}, t.$attrs, {
+			class: "color-swatch__input absolute inset-0 h-full w-full cursor-pointer appearance-none border-0 bg-transparent p-0 opacity-0",
+			onInput: y
+		}), null, 16, m)], 6), a.showHex ? (u(), r("code", h, d(v.value), 1)) : n("", !0)], 2));
+	}
+});
+//#endregion
+export { g as ColorSwatch };

package/dist/color.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./color-CUYeFbgd.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 "./color-DweYl7pE.js";
 export { c as cssToOklch, i as defaultBlobColorResolver, o as deriveBlobPalette, n as deriveHue, e as gamutMapStop, a as oklchStopToHex, s as oklchToGammaRgb, t as oklchToLinear, r as warmCatchLight };

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-RowNEO6i.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-DvZNQ_HF.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-CQEFRTmx.js

@@ -0,0 +1,19 @@
+//#region src/composables/glass/webgl/compile.ts
+function e(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 t(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 n, e as t };

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

@@ -0,0 +1,39 @@
+import { type AuroraConfig, type AuroraMedium } from "../constants/presets";
+import type { AuroraMotionAtom } from "./atoms";
+/** Linear interpolation over a co-varying axis (the continuous curve, not a LUT). */
+export declare function lerp(a: number, b: number, t: number): number;
+/** The motion atom → the three motion fields. */
+export interface MotionFields {
+    nucleiDrift: number;
+    paletteDrift: number;
+    warpDrift: number;
+    breathDepth: number;
+}
+/** The calm↔vivid poles for each co-varying COLOR-energy axis. */
+export declare const COLOR_ENERGY: {
+    readonly saturation: {
+        readonly calm: 0.85;
+        readonly vivid: 1.2;
+    };
+    readonly valueVariance: {
+        readonly calm: 0.04;
+        readonly vivid: 0.14;
+    };
+    readonly breathDepth: {
+        readonly calm: 0.03;
+        readonly vivid: 0.08;
+    };
+    readonly temperatureShift: {
+        readonly calm: 0.15;
+        readonly vivid: 0.5;
+    };
+};
+export declare const MOTION_FIELDS: Record<AuroraMotionAtom, MotionFields>;
+/** The textured medium → its dominant texture knob. Only reached for a textured medium. */
+export declare function applyTexture(cfg: AuroraConfig, medium: Exclude<AuroraMedium, "smooth">, amount: number): void;
+/** Read back the textured medium's dominant texture amount (the applyTexture inverse). */
+export declare function textureAmountFor(cfg: AuroraConfig, kind: Exclude<AuroraMedium, "smooth">): number;
+/** Classify the motion atom from the config's drift fields (the resolveAtoms forward map). */
+export declare function motionFor(cfg: AuroraConfig): AuroraMotionAtom;
+/** Invert a clamped lerp(calm, vivid, t) back to t∈[0,1] (the energy/noise inverses). */
+export declare function unlerp(value: number, lo: number, hi: number): number;

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

@@ -0,0 +1,108 @@
+/**
+ * Aurora luminance-faithful fallback ground (BB.W-AURORA-SWRASTER).
+ *
+ * The headless / software-raster substrate cannot run the live WebGL field, but
+ * speedtest's CI/witness harness must still certify text-on-aurora AA contrast
+ * floors HEADLESS (no `--use-gl=angle`). The flat `paletteToCssGradient`
+ * placeholder (`color.ts`) is a deliberate "visually-adjacent approximation" — a
+ * gamma-sRGB-stop `linear-gradient(135deg, …)` band whose MEAN luminance and
+ * SPATIAL distribution both diverge from the shader's nuclei-field composite, so a
+ * contrast capture against it certifies the WRONG floor. This module REPLACES it,
+ * in the software-raster / capture substrate, with a FIELD-SAMPLED ground derived
+ * from the SAME inputs the shader uploads (the palette stops + the nuclei field),
+ * matching the composite's mean + per-quadrant luminance within the certify band.
+ *
+ * THE FIELD MATH IS MIRRORED CPU-SIDE, NOT RE-INVENTED. `sampleAuroraField`
+ * reproduces the shader's STATIC (t=0) composite — `composition.glsl.ts`'s
+ * `nucleiField` (the softmax-Gaussian over the nuclei → paletteId + valueMod) +
+ * `samplePalette` (the linear-sRGB LUT lerp of the CPU-baked endpoints) + the
+ * `valueVariance` modulation + the Khronos PBR-Neutral tonemap (`tonemap.glsl.ts`'s
+ * `aces()`) + the mandatory `linearToSrgb` OETF (`proof:aurora-space-gamma`). The
+ * palette LUT is `oklchToLinear` (the SAME value.js Ottosson bake `flattenPalette`
+ * feeds the GPU) — ONE color source, no re-implemented OKLCh math. The
+ * between-endpoint interpolation runs in LINEAR (the linear-baked endpoints the
+ * shader's LUT also reads); the shader's OKLCh between-stop refinement is a
+ * sub-perceptual luminance delta on adjacent stops, well inside the certify band.
+ *
+ * THE GROUND IS A ONE-SHOT 2D-CANVAS RASTER (the "CSS/2D fallback" the brief names
+ * verbatim — option b, the higher-faithfulness path). A low-res `<canvas>` 2D
+ * context paints the downsampled nuclei-field raster (each texel its `sampleAuroraField`
+ * color), exported ONCE as a `data:` URI and CSS-upscaled (`image-rendering` smooth →
+ * bilinear, which preserves the per-quadrant MEAN luminance) — so the painted ground
+ * reproduces the composite's SPATIAL luminance, not a partial-alpha approximation. It
+ * paints once at mount and parks (no rAF, zero ongoing GPU). When no `document` is
+ * available (SSR / happy-dom) it degrades to a deterministic pure-CSS layered
+ * `radial-gradient` stack (zero canvas) — the same field samples, the SSR-safe form.
+ * The luminance metrics (mean + the 4-quadrant relative luminance) are returned
+ * alongside so the gate / π can MEASURE the faithfulness claim rather than assert it.
+ */
+import type { AuroraConfig, AuroraNucleus } from "../constants/presets";
+/** A linear-sRGB triple in [0,1]. */
+type Lin = [number, number, number];
+/** Linear-sRGB relative luminance (Rec.709 / WCAG), the contrast-floor metric. */
+export declare function relativeLuminance([r, g, b]: Lin): number;
+/**
+ * The static (t=0) nuclei field at normalized `(x, y)` — mirrors
+ * `composition.glsl.ts`'s `nucleiField`. At t=0 the drift orbit term vanishes
+ * (cos 0 / sin 0 → the nucleus sits at its authored position), so the field is a
+ * pure softmax-Gaussian over the static nuclei: `w_i = exp(-β·d2_i/r_i²)`,
+ * `paletteId = Σ(w_i·bias_i)/Σw_i`, `valueMod = Σ(w_i·vbias_i)/Σw_i`. The
+ * anisotropic-ellipse local-frame rotation (elongation + angle) is reproduced.
+ *
+ * NOTE the Y convention: the shader flips Y at the uniform boundary
+ * (`uniformBridge.flipY`) so a CSS-top-origin `nucleus.y` becomes a shader
+ * bottom-origin position, AND the fragment samples `vUv` (bottom-origin). Sampling
+ * here in CSS-top-origin against the AUTHORED (un-flipped) positions reproduces the
+ * same field in the SAME visual frame — the two Y flips cancel, so the emitted CSS
+ * ground (top-origin) matches the rendered surface visually.
+ */
+export declare function nucleiFieldStatic(nuclei: readonly AuroraNucleus[], softmaxBeta: number, x: number, y: number): {
+    paletteId: number;
+    valueMod: number;
+};
+/**
+ * Sample the aurora's STATIC composite at normalized `(x, y)` → a gamma-sRGB
+ * `[r,g,b]` in [0,1]. The full CPU mirror of the shader main() output transfer:
+ * field → linear palette LUT → valueVariance modulation → PBR-Neutral tonemap →
+ * the `clamp(col*0.985 + 0.008)` toe → the `linearToSrgb` OETF. The drift / breath
+ * / cursor / medium-texture terms are STATIC (t=0, no cursor, the atmospheric
+ * smooth pole) — the luminance ground the certify reads, not the live animation.
+ */
+export declare function sampleAuroraField(config: AuroraConfig, x: number, y: number): Lin;
+/** The luminance metrics the gate / π MEASURES the faithfulness against. */
+export interface AuroraGroundMetrics {
+    /** Mean relative luminance over the sample grid (gamma → relative-luminance). */
+    mean: number;
+    /** The 4-quadrant mean relative luminance, [topLeft, topRight, bottomLeft, bottomRight]. */
+    quadrants: [number, number, number, number];
+}
+export interface AuroraFallbackGroundOptions {
+    /** Field-sample grid resolution per axis (default 8 → an 8×8 = 64-sample ground). */
+    grid?: number;
+}
+export interface AuroraFallbackGround {
+    /** The CSS `background-image` value — a layered radial-gradient nuclei-glow field. */
+    backgroundImage: string;
+    /** The CSS `background-color` base fill (the field-mean color — the luminance anchor). */
+    backgroundColor: string;
+    /** The measured luminance metrics (mean + per-quadrant) for the certify band. */
+    metrics: AuroraGroundMetrics;
+}
+/**
+ * Build the luminance-faithful CSS fallback ground for an aurora config.
+ *
+ * Samples the static field at a `grid × grid` lattice (the SAME `sampleAuroraField`
+ * the gate / π measures), emits a stack of soft `radial-gradient` layers — one per
+ * sample cell, centred on the cell, fading to transparent at ~the cell radius — over
+ * a base fill at the FIELD-MEAN color. The base fill anchors the global luminance;
+ * the radial layers paint the spatial nuclei-glow distribution, so the ground reads
+ * as the same atmosphere the composite paints, not a flat diagonal band. Pure CSS,
+ * zero canvas, deterministic from the config (palette + nuclei) — a re-run with the
+ * same config reproduces it byte-for-byte.
+ *
+ * The returned `metrics` are computed over the SAME sample lattice the layers paint,
+ * so the gate's certify-band assertion measures the ground the consumer actually
+ * sees (not a separate idealization).
+ */
+export declare function auroraFallbackGround(config: AuroraConfig, options?: AuroraFallbackGroundOptions): AuroraFallbackGround;
+export {};