@mkbabb/glass-ui 3.6.0 → 3.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "3.6.0",
+    "version": "3.7.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
@@ -52,6 +52,9 @@
             "color": [
                 "dist/color.d.ts"
             ],
+            "fourier-field": [
+                "dist/fourier-field.d.ts"
+            ],
             "goo-blob": [
                 "dist/goo-blob.d.ts"
             ],
@@ -293,6 +296,10 @@
             "types": "./dist/color.d.ts",
             "import": "./dist/color.js"
         },
+        "./fourier-field": {
+            "types": "./dist/fourier-field.d.ts",
+            "import": "./dist/fourier-field.js"
+        },
         "./goo-blob": {
             "types": "./dist/goo-blob.d.ts",
             "import": "./dist/goo-blob.js"
@@ -584,7 +591,10 @@
         "proof:frostShader-deleted": "node scripts/proof-frostshader-deleted.mjs",
         "proof:slider-two-only": "node scripts/proof-slider-two-only.mjs",
         "proof:storybook-ia": "node scripts/proof-storybook-ia.mjs",
+        "proof:storybook-complete": "node scripts/proof-storybook-complete.mjs",
         "proof:no-orphan-demo-route": "node scripts/proof-no-orphan-demo-route.mjs",
+        "proof:demo-dock-nav": "node scripts/proof-demo-dock-nav.mjs",
+        "proof:demo-dock-nav-runtime": "node scripts/proof-demo-dock-nav-runtime.mjs",
         "proof:font-canon": "node scripts/proof-font-canon.mjs",
         "proof:webgl-substrate-single": "node scripts/proof-webgl-substrate-single.mjs",
         "proof:blob-value-free": "node scripts/proof-blob-value-free.mjs",
@@ -592,9 +602,24 @@
         "proof:motion-value-free": "node scripts/proof-motion-value-free.mjs",
         "proof:no-value-default": "node scripts/proof-no-value-default.mjs",
         "proof:blob-space-gamma": "node scripts/proof-blob-space-gamma.mjs",
+        "proof:blob-smin-normalized": "node scripts/proof-blob-smin-normalized.mjs",
+        "proof:blob-gradient-unit-length": "node scripts/proof-blob-gradient-unit-length.mjs",
+        "proof:blob-spec-premult": "node scripts/proof-blob-spec-premult.mjs",
+        "proof:blob-interaction-prm": "node scripts/proof-blob-interaction-prm.mjs",
+        "proof:blob-mood-resolved": "node scripts/proof-blob-mood-resolved.mjs",
+        "proof:blob-tempo-suppression": "node scripts/proof-blob-tempo-suppression.mjs",
         "proof:aurora-space-gamma": "node scripts/proof-aurora-space-gamma.mjs",
         "proof:aurora-oklch-interp": "node scripts/proof-aurora-oklch-interp.mjs",
         "proof:aurora-derive-gamut": "vitest run tests/components/custom/aurora/derive-color.test.ts",
+        "proof:aurora-tensor-field": "node scripts/proof-aurora-tensor-field.mjs && vitest run tests/components/custom/aurora/painterly.test.ts",
+        "proof:aurora-impasto-relight": "node scripts/proof-aurora-impasto-relight.mjs",
+        "proof:aurora-vangogh-preset": "node scripts/proof-aurora-vangogh-preset.mjs",
+        "proof:aurora-oilpastel-medium": "node scripts/proof-aurora-oilpastel-medium.mjs",
+        "proof:aurora-atoms-roundtrip": "node scripts/proof-aurora-atoms-roundtrip.mjs",
+        "proof:aurora-wgsl-equivalence": "node scripts/proof-aurora-wgsl-equivalence.mjs",
+        "proof:aurora-backend-fallback": "node scripts/proof-aurora-backend-fallback.mjs",
+        "proof:webgpu-substrate-single": "node scripts/proof-webgpu-substrate-single.mjs",
+        "proof:aurora-interaction-prm": "node scripts/proof-aurora-interaction-prm.mjs",
         "proof:shader-shared-source": "node scripts/proof-shader-shared-source.mjs",
         "proof:blob-color-equivalence": "vitest run tests/components/custom/goo-blob/blob-color-equivalence.test.ts",
         "proof:fail-explicit": "node scripts/proof-fail-explicit.mjs",
@@ -620,6 +645,9 @@
         "proof:glass-card-tiers": "node scripts/proof-glass-card-tiers.mjs",
         "proof:primitive-affordance": "node scripts/proof-primitive-affordance.mjs",
         "proof:reka-binding-idiom": "node scripts/proof-reka-binding-idiom.mjs",
+        "proof:animation-coherence": "node scripts/proof-animation-coherence.mjs",
+        "proof:design-md-current": "node scripts/proof-design-md-current.mjs",
+        "proof:naming-consistency": "node scripts/proof-naming-consistency.mjs",
         "proof:all": "node scripts/gates.mjs --run local",
         "gates:verify-ci": "node scripts/gates.mjs --verify-ci",
         "profile:bundle": "node scripts/profile-bundle.mjs",

package/src/styles/theme.css

@@ -47,6 +47,15 @@
     --radius-dialog:  var(--radius-2xl);
     --radius-input:   var(--radius);
     --radius-button:  var(--radius);
+    /* AW.W25 — form-radius unification. `--radius-field` is the non-pill field
+       rung the multi-line / stepper form atoms (Textarea, NumberFieldInput)
+       resolve so a multi-line box stops inheriting the `9999px` stadium pill;
+       single-line controls (Input, SelectTrigger) keep the pill. `--radius-control`
+       is the semantic control-corner rung that retires the raw `rounded-sm` (4px)
+       on Checkbox + base Tabs onto a softer, named radius. One geometry language
+       across the form family — token + class only, no new primitive. */
+    --radius-field:   var(--radius-2xl);
+    --radius-control: var(--radius-md);
     --radius-badge:   var(--radius-pill);
     --radius-dock:    var(--radius-pill);
     /* AW.W3b — the big-dock card shell's default (comfortable-density) radius.
@@ -416,6 +425,46 @@
        ═══════════════════════════════════════════════ */
     --opacity-disabled:   0.5;
     --opacity-icon-muted: 0.8;
+
+    /* ═══════════════════════════════════════════════
+       text-shadow → text-shadow-* utilities (AW.W26)
+
+       text-shadow is the lone shadow family that shipped no `@theme` bridge
+       (Tailwind v4.1 minted the `text-shadow-{2xs,xs,sm,md,lg}` utilities). The
+       rungs are warm-`--shadow-color`-derived via `color-mix` per the box-shadow
+       ladder (tokens.css §7) + the cartoon-shadow precept's one-source chain, so
+       they re-tint under `.dark` BY CONSTRUCTION — `--shadow-color: var(--foreground)`
+       flips light→dark with no hardcoded `.dark` re-declaration. The hand-rolled
+       multi-stop `text-shadow:` literals in `.depth-text` (utilities.css) +
+       `.text-engraved` (typography.css) now compose these tokens. */
+    --text-shadow-2xs: 0 1px 0 color-mix(in srgb, var(--shadow-color) 12%, transparent);
+    --text-shadow-xs:  0 1px 1px color-mix(in srgb, var(--shadow-color) 16%, transparent);
+    --text-shadow-sm:  0 1px 0 color-mix(in srgb, var(--shadow-color) 14%, transparent),
+                       0 2px 3px color-mix(in srgb, var(--shadow-color) 18%, transparent);
+    --text-shadow-md:  0 1px 0 color-mix(in srgb, var(--shadow-color) 16%, transparent),
+                       0 2px 4px color-mix(in srgb, var(--shadow-color) 20%, transparent),
+                       0 4px 8px color-mix(in srgb, var(--shadow-color) 14%, transparent);
+    --text-shadow-lg:  0 1px 0 color-mix(in srgb, var(--shadow-color) 18%, transparent),
+                       0 2px 4px color-mix(in srgb, var(--shadow-color) 22%, transparent),
+                       0 6px 12px color-mix(in srgb, var(--shadow-color) 18%, transparent);
+
+    /* Two IDENTITY text-shadow tokens — the hard offset STAMP (`.depth-text`)
+       + the two-stop EMBOSS (`.text-engraved`). These hold the multi-stop
+       literals INSIDE the `@theme` defs so the utilities compose `var(--text-shadow-*)`
+       and no raw `text-shadow:` literal survives in `utilities.css`/`typography.css`
+       (AW.W26 gate 4). Both are `--shadow-color`/surface-tint-derived, so they
+       re-tint under `.dark` BY CONSTRUCTION. */
+    --text-shadow-depth: 1px 1px 0 var(--shadow),
+                         2px 2px 0 var(--shadow),
+                         3px 3px 0 var(--shadow),
+                         4px 4px 0 var(--shadow),
+                         5px 5px 0 var(--shadow),
+                         5px 5px 1px color-mix(in srgb, var(--shadow-color) 10%, transparent),
+                         2px 2px 2px color-mix(in srgb, var(--shadow-color) 20%, transparent),
+                         4px 4px 5px color-mix(in srgb, var(--shadow-color) 25%, transparent),
+                         6px 6px 10px color-mix(in srgb, var(--shadow-color) 15%, transparent);
+    --text-shadow-engraved: 0 1px 0 color-mix(in srgb, var(--background) 30%, transparent),
+                            0 -1px 0 var(--surface-tint-8);
 }
 
 /* Class-based dark mode */

package/src/styles/typography.css

@@ -486,8 +486,8 @@ body {
        surface read as a fade, not as engraving. */
     .text-engraved {
         color: var(--muted-foreground);
-        text-shadow:
-            0 1px 0 color-mix(in srgb, var(--background) 30%, transparent),
-            0 -1px 0 var(--surface-tint-8);
+        /* AW.W26 — composes the `--text-shadow-engraved` @theme identity token
+           (the two-stop emboss) instead of a hand-rolled literal (gate 4). */
+        text-shadow: var(--text-shadow-engraved);
     }
 }

package/src/styles/utilities.css

@@ -173,7 +173,12 @@
         box-shadow: var(--focus-ring-shadow);
     }
     .interactive-item:active {
-        scale: 0.98;
+        /* AW.W31.a — fold the residual literal press scale onto the canonical
+           `--scale-press*` cohort (the prior `0.98` was the sole per-atom press
+           literal surviving the W2/W3/W25 sweeps). `--scale-press-sm` (0.97) is
+           the soft press rung the button + slider recipes consume — ONE press
+           vocabulary, no per-atom literal. The 0.98→0.97 delta is sub-perceptual. */
+        scale: var(--scale-press-sm);
     }
     .interactive-item:disabled,
     .interactive-item[data-disabled] {
@@ -227,22 +232,16 @@
             background var(--duration-fast) var(--ease-standard),
             box-shadow var(--duration-fast) var(--ease-standard);
     }
-    /* ── Depth text (layered shadow with customizable colors) ── */
+    /* ── Depth text (layered offset stamp) ──
+       AW.W26 — composes the `--text-shadow-depth` @theme identity token (the
+       hard offset stack + soft ambient tail) instead of a hand-rolled multi-stop
+       literal. The token holds the stack inside the `@theme` defs (gate 4) and
+       re-tints under `.dark` via `--shadow`/`--shadow-color` BY CONSTRUCTION. */
     .depth-text {
         --depth-color-primary: var(--primary);
-        --depth-color-shadow: var(--shadow);
 
         color: var(--depth-color-primary);
-        text-shadow:
-            1px 1px 0 var(--depth-color-shadow),
-            2px 2px 0 var(--depth-color-shadow),
-            3px 3px 0 var(--depth-color-shadow),
-            4px 4px 0 var(--depth-color-shadow),
-            5px 5px 0 var(--depth-color-shadow),
-            5px 5px 1px color-mix(in srgb, var(--shadow-color) 10%, transparent),
-            2px 2px 2px color-mix(in srgb, var(--shadow-color) 20%, transparent),
-            4px 4px 5px color-mix(in srgb, var(--shadow-color) 25%, transparent),
-            6px 6px 10px color-mix(in srgb, var(--shadow-color) 15%, transparent);
+        text-shadow: var(--text-shadow-depth);
     }
 
     /* ── 3D preserve ── */
@@ -397,6 +396,11 @@
 
     .metric-badge > span {
         line-height: 1;
+        /* AW.W26 — `wrap-anywhere` (overflow-wrap: anywhere) on the value slot:
+           a long metric value breaks WITHIN the badge rather than being clipped
+           by the host `overflow: hidden`. v4.1 `wrap-anywhere` / mwg css §7.
+           Scoped to the value span, NOT a universal selector (mwg perf caveat). */
+        overflow-wrap: anywhere;
     }
 
     .metric-badge:hover {

package/dist/CardFooter-C390imy7.js

@@ -1,129 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { createBlock as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { Primitive as u } from "reka-ui";
-var d = /* @__PURE__ */ i({
-	__name: "Card",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		shadow: {
-			type: Boolean,
-			default: !0
-		},
-		grain: {
-			type: Boolean,
-			default: !0
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(t) {
-		let r = t;
-		return (i, d) => (o(), n(c(u), {
-			"data-slot": "card",
-			"data-tier": t.tier,
-			"data-surface": t.surface,
-			"data-grain": t.grain,
-			as: t.as,
-			"as-child": t.asChild,
-			class: a(c(e)("rounded-card text-card-foreground scrollbar-hidden", `glass-${t.tier}`, t.surface === "glass" && "glass-specular-track", t.surface === "cartoon" && "cartoon-surface", t.shadow && t.surface === "glass" && "shadow-card", !t.grain && "[&::after]:hidden", r.class))
-		}, {
-			default: l(() => [s(i.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"data-tier",
-			"data-surface",
-			"data-grain",
-			"as",
-			"as-child",
-			"class"
-		]));
-	}
-}), f = /* @__PURE__ */ t(/* @__PURE__ */ i({
-	__name: "CardHeader",
-	props: {
-		shrink: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (i, l) => (o(), r("div", {
-			"data-slot": "card-header",
-			class: a(c(e)("flex flex-col gap-y-1.5 p-6", t.shrink && "card-header--shrink", n.class))
-		}, [s(i.$slots, "default", {}, void 0, !0)], 2));
-	}
-}), [["__scopeId", "data-v-522d190a"]]), p = /* @__PURE__ */ i({
-	__name: "CardTitle",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("h3", {
-			"data-slot": "card-title",
-			class: a(c(e)("text-heading leading-none tracking-tight", n.class))
-		}, [s(t.$slots, "default")], 2));
-	}
-}), m = /* @__PURE__ */ i({
-	__name: "CardDescription",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("p", {
-			"data-slot": "card-description",
-			class: a(c(e)("text-sm text-muted-foreground-strong", n.class))
-		}, [s(t.$slots, "default")], 2));
-	}
-}), h = /* @__PURE__ */ i({
-	__name: "CardContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("div", { class: a(c(e)("p-6", n.class)) }, [s(t.$slots, "default")], 2));
-	}
-}), g = /* @__PURE__ */ i({
-	__name: "CardFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, i) => (o(), r("div", { class: a(c(e)("flex items-center p-6 pt-0", n.class)) }, [s(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { f as a, p as i, h as n, d as o, m as r, g as t };

package/dist/CollapsibleContent-cauTbZEM.js

@@ -1,52 +0,0 @@
-import { createBlock as e, defineComponent as t, guardReactiveProps as n, mergeProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
-import { CollapsibleContent as l, CollapsibleRoot as u, CollapsibleTrigger as d, useForwardPropsEmits as f } from "reka-ui";
-//#endregion
-//#region src/components/ui/collapsible/Collapsible.vue
-var p = /* @__PURE__ */ t({
-	__name: "Collapsible",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		disabled: { type: Boolean },
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:open"],
-	setup(t, { emit: r }) {
-		let l = f(t, r);
-		return (t, r) => (a(), e(s(u), i(n(s(l))), {
-			default: c(({ open: e }) => [o(t.$slots, "default", { open: e })]),
-			_: 3
-		}, 16));
-	}
-}), m = /* @__PURE__ */ t({
-	__name: "CollapsibleTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(t) {
-		let r = t;
-		return (t, l) => (a(), e(s(d), i(n(r)), {
-			default: c(() => [o(t.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), h = /* @__PURE__ */ t({
-	__name: "CollapsibleContent",
-	props: {
-		forceMount: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(t) {
-		let n = t;
-		return (t, i) => (a(), e(s(l), r(n, { class: "overflow-hidden transition-collapse data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
-			default: c(() => [o(t.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-});
-//#endregion
-export { m as n, p as r, h as t };

package/dist/TabsIndicator-DA0x9gPr.js

@@ -1,97 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, defineComponent as r, guardReactiveProps as i, mergeProps as a, normalizeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
-import { TabsIndicator as d, TabsList as f, TabsRoot as p, TabsTrigger as m, useForwardProps as h, useForwardPropsEmits as g } from "reka-ui";
-//#endregion
-//#region src/components/ui/tabs/Tabs.vue
-var _ = /* @__PURE__ */ r({
-	__name: "Tabs",
-	props: {
-		defaultValue: {},
-		orientation: {},
-		dir: {},
-		activationMode: {},
-		modelValue: {},
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = g(e, t);
-		return (e, t) => (s(), n(l(p), o(i(l(r))), {
-			default: u(() => [c(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), v = /* @__PURE__ */ r({
-	__name: "TabsTrigger",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, o = h(t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (t, r) => (s(), n(l(m), a(l(o), { class: l(e)("focus-ring inline-flex items-center justify-center whitespace-nowrap rounded-sm p-1 px-3 text-sm font-medium transition-control disabled:pointer-events-none disabled:opacity-disabled data-[state=active]:text-[var(--active-tab-color,var(--foreground))] hover:text-foreground/70", i.class) }), {
-			default: u(() => [c(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), y = /* @__PURE__ */ r({
-	__name: "TabsList",
-	props: {
-		loop: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, o = t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		});
-		return (t, r) => (s(), n(l(f), a(o.value, { class: l(e)("inline-flex h-10 items-center justify-center rounded-input p-1 text-muted-foreground", i.class) }), {
-			default: u(() => [c(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), b = /* @__PURE__ */ r({
-	__name: "TabsIndicator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, o = t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		});
-		return (t, r) => (s(), n(l(d), a(o.value, { class: l(e)("absolute left-0 h-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-secondary/80 transition-[width,transform] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { _ as i, y as n, v as r, b as t };

package/dist/color-DS-iLRVM.js

@@ -1,33 +0,0 @@
-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/compile-C62K_FpC.js

@@ -1,106 +0,0 @@
-//#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 };