@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/procedural-color.wgsl-B9mLK7v0.js

@@ -0,0 +1,377 @@
+import { t as e } from "./createCanvasLifecycle-hsFkQVdl.js";
+import { a as t, i as n, o as r, r as i } from "./rendererStatus-C2-zC2Q-.js";
+//#region src/composables/glass/webgl/shaders/procedural-color.glsl.ts
+var a = "\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}", o = "const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);", s = "\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}", c = "\n// value.js interpolateHue in the NORMALIZED-TURNS domain (h_rad/TAU → turns, the\n// exact .5/+1.0 branch per method, fract() wrap, *TAU back). A radians-native port\n// (PI thresholds / +TAU wrap) diverges 180° at the antipode. methods: 0 shorter,\n// 1 longer, 2 increasing, 3 decreasing.\nfloat interpolateHueTurns(float h0, float h1, float t, int method) {\n  float TAU = 2.0 * PI;\n  float a = h0 / TAU;\n  float b = h1 / TAU;\n  float i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) a += 1.0; else if (i < -0.5) b += 1.0;\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) a += 1.0; else if (i > -0.5 && i <= 0.0) b += 1.0;\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) b += 1.0;\n  } else {                        // decreasing\n    if (i > 0.0) a += 1.0;\n  }\n  float r = a + t * (b - a);\n  r = fract(r);                   // (r % 1 + 1) % 1 — fract is non-negative in GLSL\n  return r * TAU;                 // back to radians\n}\n\n// Linear-sRGB endpoint pair → OKLab-rectangular interpolation → linear sRGB. Holds\n// chroma across the ramp (no grey midpoint). The default/shorter ramp path.\nvec3 mixPaletteOklab(vec3 linA, vec3 linB, float t) {\n  vec3 labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3(1.0 / 3.0)));\n  vec3 labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3(1.0 / 3.0)));\n  vec3 lab = mix(labA, labB, t);\n  return oklabToLinearSrgb(lab);\n}\n\n// Linear-sRGB endpoint pair → OKLCh interpolation along the huePath arc → linear\n// sRGB. L and C lerp; H walks the chosen arc. The deliberate-rainbow path.\nvec3 mixPaletteOklchArc(vec3 linA, vec3 linB, float t, int method) {\n  vec3 labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3(1.0 / 3.0)));\n  vec3 labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3(1.0 / 3.0)));\n  vec3 lchA = oklabToOklch(labA);\n  vec3 lchB = oklabToOklch(labB);\n  float L = mix(lchA.x, lchB.x, t);\n  float C = mix(lchA.y, lchB.y, t);\n  float H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3(L, C, H)));\n}\n\n// The ramp dispatcher aurora's samplePalette splices. tRaw is the raw inter-stop\n// parameter [0,1]; the smoothstep ease + the huePath branch live HERE so the ramp is\n// one source. increasing(2)/decreasing(3) take the OKLCh hue-arc (rainbow sweep);\n// every other method takes the OKLab-rectangular straight line (no hue detour).\nvec3 samplePaletteRamp(vec3 a, vec3 b, float tRaw, int huePath) {\n  float t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}", l = "\n// Jarzynski PCG2D — uvec2 → uvec2 permuted-congruential hash (JCGT 2020).\nuvec2 pcg2d(uvec2 v) {\n  v = v * 1664525u + 1013904223u;\n  v.x += v.y * 1664525u;\n  v.y += v.x * 1664525u;\n  v = v ^ (v >> 16u);\n  v.x += v.y * 1664525u;\n  v.y += v.x * 1664525u;\n  v = v ^ (v >> 16u);\n  return v;\n}\n\n// Float→[0,1) scalar hash: bit-reinterpret the lattice coordinate, pcg2d it, take the\n// high word back to [0,1). Integer-bit — no sin() periodicity, no float-fract lattice.\nfloat pcgHash2(vec2 p) {\n  uvec2 u = floatBitsToUint(p);\n  return float(pcg2d(u).x) * (1.0 / 4294967296.0);\n}\n\n// Integer-lattice gradient: pcg2d the integer cell, fold the hash to an angle, return\n// the unit gradient vector. The gradient basis (not a scalar value) is what makes the\n// noise zero at the nodes (no value-noise plateaus).\nvec2 pcgGrad2(ivec2 cell) {\n  uvec2 h = pcg2d(uvec2(cell));\n  float ang = float(h.x) * (1.0 / 4294967296.0) * 6.28318530717958647692;\n  return vec2(cos(ang), sin(ang));\n}\n\n// 2D SIMPLEX gradient noise (Gustavson skew). The skew transform F2/G2 maps the square\n// lattice onto a simplex (triangular) grid — no axis-aligned directional bias. Each of\n// the three simplex corners contributes grad·offset shaped by a radial (0.5 - r²)⁴\n// falloff. Output is ~[-1, 1]; callers remap to [0,1] via 0.5 + 0.5*gnoise.\nfloat gnoise(vec2 p) {\n  const float F2 = 0.36602540378443864676; // (sqrt(3) - 1) / 2\n  const float G2 = 0.21132486540518711775; // (3 - sqrt(3)) / 6\n  float s = (p.x + p.y) * F2;\n  vec2 i = floor(p + s);\n  float tt = (i.x + i.y) * G2;\n  vec2 x0 = p - (i - tt);                    // offset from the simplex origin corner\n  ivec2 i1 = (x0.x > x0.y) ? ivec2(1, 0) : ivec2(0, 1);\n  vec2 x1 = x0 - vec2(i1) + G2;\n  vec2 x2 = x0 - 1.0 + 2.0 * G2;\n  ivec2 ii = ivec2(i);\n  float n = 0.0;\n  float t0 = 0.5 - dot(x0, x0);\n  if (t0 > 0.0) { t0 *= t0; n += t0 * t0 * dot(pcgGrad2(ii), x0); }\n  float t1 = 0.5 - dot(x1, x1);\n  if (t1 > 0.0) { t1 *= t1; n += t1 * t1 * dot(pcgGrad2(ii + i1), x1); }\n  float t2 = 0.5 - dot(x2, x2);\n  if (t2 > 0.0) { t2 *= t2; n += t2 * t2 * dot(pcgGrad2(ii + ivec2(1, 1)), x2); }\n  return 70.0 * n;                           // normalize to ~[-1, 1]\n}", u = 1.5;
+function d(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function f() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, 2);
+}
+function p() {
+	let e = typeof window < "u" && window.devicePixelRatio || 1;
+	return Math.min(e, u);
+}
+//#endregion
+//#region src/composables/glass/webgl/useWebGLCanvas.ts
+function m() {
+	if (typeof document > "u") return null;
+	let e = null;
+	try {
+		if (e = document.createElement("canvas").getContext("webgl2"), !e) return null;
+		let t = e.getExtension("WEBGL_debug_renderer_info");
+		return t ? String(e.getParameter(t.UNMASKED_RENDERER_WEBGL) ?? "").toLowerCase() : null;
+	} catch {
+		return null;
+	} finally {
+		e?.getExtension("WEBGL_lose_context")?.loseContext();
+	}
+}
+function h(e) {
+	try {
+		return e.getContext("webgl2") != null;
+	} catch {
+		return !1;
+	}
+}
+function g(t, n) {
+	let { setup: r, contextAttrs: i } = n, a = null, o = null;
+	function s() {
+		let e = t.getContext("webgl2", i ?? void 0);
+		if (!e) throw Error("[useWebGLCanvas] WebGL2 unavailable");
+		return a = e, o = r(a), {
+			frame: o.frame,
+			shouldContinue: o.shouldContinue,
+			time: o.time,
+			teardown: () => {
+				o?.teardown?.(), a?.getExtension("WEBGL_lose_context")?.loseContext(), a = null, o = null;
+			}
+		};
+	}
+	let c = null, l = null;
+	function u(e) {
+		e.preventDefault(), a = null, o = null, l?.();
+	}
+	let d = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		buildContext: s,
+		resize: (e) => o?.resize(e),
+		bindContextEvents: (e, n) => {
+			c = e, l = n, t.addEventListener("webglcontextlost", u, !1), t.addEventListener("webglcontextrestored", c, !1);
+		},
+		unbindContextEvents: () => {
+			t.removeEventListener("webglcontextlost", u, !1), c && t.removeEventListener("webglcontextrestored", c, !1);
+		}
+	});
+	return {
+		arm: d.arm,
+		presize: d.presize,
+		suspend: d.suspend,
+		resume: d.resume,
+		wake: d.wake,
+		renderAt: d.renderAt,
+		dispose: d.dispose,
+		get gl() {
+			return a;
+		},
+		get reducedMotion() {
+			return d.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/webgpuDevice.ts
+var _ = class extends Error {
+	kind;
+	constructor(e, t, n) {
+		super(t), this.name = "WebGPUInitError", this.kind = e, n !== void 0 && (this.cause = n);
+	}
+};
+function v(e) {
+	try {
+		let t = e.info;
+		if (t?.isFallbackAdapter || e.isFallbackAdapter) return !0;
+		if (!t) return !1;
+		let n = [
+			t.vendor,
+			t.architecture,
+			t.description
+		].filter((e) => typeof e == "string").join(" ").toLowerCase();
+		return n.includes("swiftshader") || n.includes("llvmpipe") || n.includes("software") || n.includes("basic render") || n.includes("microsoft basic");
+	} catch {
+		return !1;
+	}
+}
+var y = 6e3;
+function b(e, t) {
+	if (typeof setTimeout > "u") return e;
+	let n, r = new Promise((e, r) => {
+		n = setTimeout(() => {
+			r(new _("acquire-timeout", `[useWebGPUCanvas] ${t}() did not settle within ${y}ms — falling to the WebGL2 net`));
+		}, y);
+	});
+	return Promise.race([e, r]).finally(() => clearTimeout(n));
+}
+//#endregion
+//#region src/composables/glass/webgpu/useWebGPUCanvas.ts
+function x() {
+	return typeof navigator < "u" && "gpu" in navigator && navigator.gpu != null;
+}
+var S = null;
+function C(e, t) {
+	if (S) return S;
+	if (!x()) return Promise.reject(new _("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable"));
+	let r = (async () => {
+		let i = await b(navigator.gpu.requestAdapter(e), "requestAdapter");
+		if (!i) throw new _("no-adapter", "[useWebGPUCanvas] no GPU adapter");
+		if (v(i)) throw new _("software-adapter", "[useWebGPUCanvas] software WebGPU adapter (SwiftShader/llvmpipe/fallback) — falling to the WebGL2 net");
+		let a;
+		try {
+			a = await b(i.requestDevice(t), "requestDevice");
+		} catch (e) {
+			throw e instanceof _ ? e : new _("device-request", "[useWebGPUCanvas] requestDevice rejected", e);
+		}
+		return a.lost.then(() => {
+			S === r && (S = null);
+		}), {
+			device: a,
+			adapterClass: n(i.info)
+		};
+	})();
+	return r.catch(() => {
+		S === r && (S = null);
+	}), S = r, r;
+}
+function w(t, n) {
+	let { setup: r } = n, i = n.alphaMode ?? "premultiplied", a = null, o = null, s = "bgra8unorm", c = null, l = !1, u = null, d = "Acquiring adapter", f = null, p = null, m = null;
+	function h() {
+		if (!a) throw Error("[useWebGPUCanvas] device not acquired");
+		let e = t.getContext("webgpu");
+		if (!e) throw Error("[useWebGPUCanvas] WebGPU context unavailable");
+		return o = e, s = navigator.gpu.getPreferredCanvasFormat(), e.configure({
+			device: a,
+			format: s,
+			alphaMode: i
+		}), a.pushErrorScope("validation"), a.addEventListener("uncapturederror", g), c = r(a, o, s), v(), m = a.popErrorScope(), m.then((e) => {
+			e && n.onInitError?.(e);
+		}), {
+			frame: (e) => c?.frame(e),
+			shouldContinue: () => c?.shouldContinue() ?? !1,
+			time: (e) => c?.time?.(e) ?? e,
+			teardown: () => {
+				c?.teardown?.(), a?.removeEventListener("uncapturederror", g), o = null, c = null, m = null;
+			}
+		};
+	}
+	function g(e) {
+		let t = e.error;
+		n.onInitError?.(t);
+	}
+	function v() {
+		try {
+			c?.resize(), c?.frame(0);
+		} catch {}
+	}
+	let y = e({
+		canvas: t,
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		buildContext: h,
+		resize: (e) => c?.resize(e),
+		bindContextEvents: (e, t) => {
+			f = e, p = t;
+		},
+		unbindContextEvents: () => {
+			f = null, p = null;
+		}
+	});
+	async function b() {
+		if (!x()) throw new _("no-navigator-gpu", "[useWebGPUCanvas] navigator.gpu unavailable");
+		let e = await C(n.adapterOptions, n.deviceDescriptor);
+		a = e.device, d = e.adapterClass, S(e.device);
+	}
+	function S(e) {
+		e.lost.then((e) => {
+			l || (p?.(), a = null, e.reason !== "destroyed" && b().then(() => {
+				l || f?.();
+			}).catch((e) => n.onInitError?.(e)));
+		});
+	}
+	async function w() {
+		if (!l) {
+			if (u) return u;
+			if (a) {
+				y.arm();
+				return;
+			}
+			return y.presize(), u = (async () => {
+				try {
+					if (await b(), l) return;
+					if (y.arm(), m) {
+						let e = n.mode !== "capture";
+						e && y.suspend("manual");
+						let t = await m;
+						if (l) return;
+						if (t) throw new _("pipeline-validation", `[useWebGPUCanvas] pipeline failed validation (${t.message}) — falling to the WebGL2 net`);
+						e && y.resume("manual");
+					}
+				} catch (e) {
+					throw e instanceof _ || n.onInitError?.(e), e;
+				} finally {
+					u = null;
+				}
+			})(), u;
+		}
+	}
+	return {
+		armAsync: w,
+		arm: () => {
+			a && y.arm();
+		},
+		presize: y.presize,
+		suspend: y.suspend,
+		resume: y.resume,
+		wake: y.wake,
+		renderAt: y.renderAt,
+		dispose: () => {
+			l = !0, y.dispose(), a = null;
+		},
+		get device() {
+			return a;
+		},
+		get adapterClass() {
+			return d;
+		},
+		get reducedMotion() {
+			return y.reducedMotion;
+		}
+	};
+}
+//#endregion
+//#region src/composables/glass/webgpu/useGpuSubstrate.ts
+function T(e, t) {
+	return g(e, {
+		mode: t.mode,
+		respectReducedMotion: t.respectReducedMotion,
+		contextAttrs: t.contextAttrs,
+		dprPolicy: t.dprPolicy,
+		composeIntersectionPark: t.composeIntersectionPark,
+		intersectionRootMargin: t.intersectionRootMargin,
+		revealBloom: t.revealBloom,
+		setup: t.setupGL
+	});
+}
+function E(e) {
+	let t = e.parentNode;
+	if (!t || typeof document > "u" || h(e)) return e;
+	let n = e.cloneNode(!1);
+	return t.replaceChild(n, e), n;
+}
+function D(e, n) {
+	let a = x() && n.setupWGPU != null, o = null, s = null, c = a ? "webgpu" : "webgl2", l = !1, u = e, d = (e) => n.onStatus?.(e);
+	d(t(c)), a ? o = w(e, {
+		mode: n.mode,
+		respectReducedMotion: n.respectReducedMotion,
+		dprPolicy: n.dprPolicy,
+		composeIntersectionPark: n.composeIntersectionPark,
+		intersectionRootMargin: n.intersectionRootMargin,
+		revealBloom: n.revealBloom,
+		setup: n.setupWGPU,
+		alphaMode: n.alphaMode,
+		adapterOptions: n.adapterOptions,
+		deviceDescriptor: n.deviceDescriptor,
+		onInitError: n.onInitError
+	}) : s = T(e, n);
+	function f(e) {
+		o?.dispose(), o = null, c = "webgl2", d(t("webgl2")), u = E(u), n.onBackendFallback?.({
+			from: "webgpu",
+			to: "webgl2",
+			error: e
+		});
+		try {
+			s = T(u, n), s.arm(), d({
+				phase: "ready",
+				engine: "webgl2",
+				adapter: i(s.gl)
+			});
+		} catch (e) {
+			throw s = null, d(r("webgl2", "WebGL 2 context", e)), n.onInitError?.(e), e;
+		}
+	}
+	async function p() {
+		if (!l) {
+			if (m(), o) try {
+				await o.armAsync(), d({
+					phase: "ready",
+					engine: "webgpu",
+					adapter: o.adapterClass
+				});
+				return;
+			} catch (e) {
+				if (l) return;
+				if (e instanceof _ && e.kind !== "pipeline-validation") {
+					f(e);
+					return;
+				}
+				throw d(r("webgpu", o.adapterClass, e)), e;
+			}
+			try {
+				s?.arm(), d({
+					phase: "ready",
+					engine: "webgl2",
+					adapter: i(s?.gl ?? null)
+				});
+			} catch (e) {
+				throw d(r("webgl2", "WebGL 2 context", e)), n.onInitError?.(e), e;
+			}
+		}
+	}
+	function m() {
+		l || (o?.presize(), s?.presize());
+	}
+	function h() {
+		l || (m(), o?.arm(), s?.arm());
+	}
+	return {
+		get backend() {
+			return c;
+		},
+		armAsync: p,
+		arm: h,
+		presize: m,
+		suspend: (e) => {
+			o?.suspend(e), s?.suspend(e);
+		},
+		resume: (e) => {
+			o?.resume(e), s?.resume(e);
+		},
+		wake: () => {
+			o?.wake(), s?.wake();
+		},
+		renderAt: (e) => {
+			o?.renderAt(e), s?.renderAt(e);
+		},
+		dispose: () => {
+			l = !0, o?.dispose(), s?.dispose(), o = null, s = null;
+		},
+		get reducedMotion() {
+			return (o ?? s)?.reducedMotion ?? !1;
+		}
+	};
+}
+//#endregion
+//#region src/components/aurora/constants/shaders/procedural-color.wgsl.ts
+var O = "\nfn srgbToLinearCh(c: f32) -> f32 {\n  if (c <= 0.04045) { return c / 12.92; }\n  return pow((c + 0.055) / 1.055, 2.4);\n}\nfn srgbToLinear(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfn linearToSrgbCh(c: f32) -> f32 {\n  if (c <= 0.0031308) { return c * 12.92; }\n  return 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nfn linearToSrgb(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", k = "const FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);", A = "\n// value.js LINEAR_SRGB_TO_LMS, row-major → WGSL columns (= the transpose).\nconst LINEAR_SRGB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\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, row-major → WGSL columns.\nconst LMS_TO_OKLAB: mat3x3<f32> = mat3x3<f32>(\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, row-major → WGSL columns.\nconst OKLAB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\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, row-major → WGSL columns.\nconst LMS_TO_LINEAR_SRGB: mat3x3<f32> = mat3x3<f32>(\n  4.0767416621, -1.2684380046, -0.0041960863,\n  -3.3077115913, 2.6097574011, -0.7034186147,\n  0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn cbrt3(v: vec3<f32>) -> vec3<f32> {\n  return sign(v) * pow(abs(v), vec3<f32>(1.0 / 3.0));\n}\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nfn srgbToOklab(c: vec3<f32>) -> vec3<f32> {\n  let lin = srgbToLinear(c);\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nfn oklabToLinearSrgb(lab: vec3<f32>) -> vec3<f32> {\n  let lms_ = OKLAB_TO_LMS * lab;\n  let lms = lms_ * lms_ * lms_;\n  return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS, folded to [0, 2pi). Mirrors value.js rawOklabToOklch.\nfn oklabToOklch(lab: vec3<f32>) -> vec3<f32> {\n  let C = length(lab.yz);\n  var H = atan2(lab.z, lab.y);\n  if (H < 0.0) { H = H + 2.0 * PI; }\n  return vec3<f32>(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nfn oklchToOklab(lch: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}", j = "\n// value.js interpolateHue in the NORMALIZED-TURNS domain. methods: 0 shorter,\n// 1 longer, 2 increasing, 3 decreasing.\nfn interpolateHueTurns(h0: f32, h1: f32, t: f32, method: i32) -> f32 {\n  let TAU = 2.0 * PI;\n  var a = h0 / TAU;\n  var b = h1 / TAU;\n  let i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) { a = a + 1.0; } else if (i < -0.5) { b = b + 1.0; }\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) { a = a + 1.0; } else if (i > -0.5 && i <= 0.0) { b = b + 1.0; }\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) { b = b + 1.0; }\n  } else {                        // decreasing\n    if (i > 0.0) { a = a + 1.0; }\n  }\n  var r = a + t * (b - a);\n  r = fract(r);                   // fract is non-negative in WGSL\n  return r * TAU;                 // back to radians\n}\n\n// Linear-sRGB endpoint pair → OKLab-rectangular interpolation → linear sRGB.\nfn mixPaletteOklab(linA: vec3<f32>, linB: vec3<f32>, t: f32) -> vec3<f32> {\n  let labA = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linA);\n  let labB = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linB);\n  let lab = mix(labA, labB, t);\n  return oklabToLinearSrgb(lab);\n}\n\n// Linear-sRGB endpoint pair → OKLCh hue-arc interpolation → linear sRGB.\nfn mixPaletteOklchArc(linA: vec3<f32>, linB: vec3<f32>, t: f32, method: i32) -> vec3<f32> {\n  let labA = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linA);\n  let labB = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linB);\n  let lchA = oklabToOklch(labA);\n  let lchB = oklabToOklch(labB);\n  let L = mix(lchA.x, lchB.x, t);\n  let C = mix(lchA.y, lchB.y, t);\n  let H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3<f32>(L, C, H)));\n}\n\n// The ramp dispatcher (the samplePalette splices it). tRaw is the raw inter-stop\n// parameter [0,1]; the smoothstep ease + the huePath branch live here so the ramp is\n// one source. increasing(2)/decreasing(3) take the OKLCh hue-arc; every other method\n// takes the OKLab-rectangular straight line.\nfn samplePaletteRamp(a: vec3<f32>, b: vec3<f32>, tRaw: f32, huePath: i32) -> vec3<f32> {\n  let t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}";
+//#endregion
+export { D as a, p as c, a as d, s as f, j as i, f as l, l as m, O as n, m as o, c as p, A as r, d as s, k as t, o as u };

package/dist/progress-C-HHuFZy.js

@@ -0,0 +1,192 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n, t as r } from "./valueDomain-B8L04u3U.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeStyle as f, openBlock as p, renderList as m, unref as h, watchEffect as g, withCtx as _ } from "vue";
+import { ProgressIndicator as v, ProgressRoot as y } from "reka-ui";
+//#region src/components/progress/ProgressDefault.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 0,
+	class: "progress-value-marks",
+	"aria-hidden": "true"
+}, x = /* @__PURE__ */ u({
+	__name: "ProgressDefault",
+	props: {
+		modelValue: {},
+		max: {},
+		getValueLabel: { type: Function },
+		getValueText: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		marks: {}
+	},
+	setup(t) {
+		let u = t, g = a(() => u.max ?? 100), x = a(() => r(u.modelValue, 0, g.value)), S = a(() => n(u.marks, 0, g.value)), C = a(() => ({ "--progress-value-percent": `${x.value * 100}%` })), w = a(() => {
+			let { class: e, marks: t, ...n } = u;
+			return n;
+		});
+		return (t, n) => (p(), o(h(y), d({ "data-slot": "progress" }, w.value, {
+			class: h(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))]", u.class),
+			style: C.value
+		}), {
+			default: _(() => [S.value.length ? (p(), c("span", b, [(p(!0), c(i, null, m(S.value, (e) => (p(), c("span", {
+				key: e.value,
+				class: "progress-value-mark",
+				style: f({ "--value-mark-position": `${e.position * 100}%` })
+			}, null, 4))), 128))])) : s("", !0), l(h(v), { class: "progress-value-fill h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform" })]),
+			_: 1
+		}, 16, ["class", "style"]));
+	}
+}), S = {
+	key: 0,
+	class: "progress-value-marks",
+	"aria-hidden": "true"
+}, C = /* @__PURE__ */ t(/* @__PURE__ */ u({
+	__name: "ProgressGradient",
+	props: {
+		modelValue: {},
+		max: {},
+		getValueLabel: { type: Function },
+		getValueText: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		marks: {},
+		indeterminate: { type: Boolean }
+	},
+	setup(t) {
+		let u = t, g = a(() => {
+			let { class: e, marks: t, indeterminate: n, ...r } = u;
+			return r;
+		}), b = a(() => u.max ?? 100), x = a(() => r(u.modelValue, 0, b.value)), C = a(() => n(u.marks, 0, b.value)), w = a(() => {
+			if (u.indeterminate) return "idle";
+			let e = x.value;
+			return e <= 0 ? "idle" : e >= 1 ? "complete" : e < .05 ? "loading" : "progressing";
+		}), T = a(() => {
+			let e = Math.min(1, Math.max(0, (x.value - .85) / .15));
+			return {
+				"--progress-value-percent": `${x.value * 100}%`,
+				"--progress-crescendo": `${u.indeterminate ? 0 : e * 100}%`
+			};
+		});
+		return (n, r) => (p(), o(h(y), d({ "data-slot": "progress" }, g.value, {
+			"model-value": u.indeterminate ? null : u.modelValue,
+			class: h(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))] progress-gradient-rail", u.class),
+			"data-lifecycle": w.value,
+			"data-indeterminate": t.indeterminate || void 0,
+			style: T.value
+		}), {
+			default: _(() => [C.value.length ? (p(), c("span", S, [(p(!0), c(i, null, m(C.value, (e) => (p(), c("span", {
+				key: e.value,
+				class: "progress-value-mark",
+				style: f({ "--value-mark-position": `${e.position * 100}%` })
+			}, null, 4))), 128))])) : s("", !0), l(h(v), { class: "progress-value-fill h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform" })]),
+			_: 1
+		}, 16, [
+			"model-value",
+			"class",
+			"data-lifecycle",
+			"data-indeterminate",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-c8e02283"]]), w = {
+	key: 0,
+	class: "progress-value-marks",
+	"aria-hidden": "true"
+}, T = /* @__PURE__ */ t(/* @__PURE__ */ u({
+	__name: "ProgressLiquid",
+	props: {
+		modelValue: {},
+		max: {},
+		getValueLabel: { type: Function },
+		getValueText: { type: Function },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		marks: {}
+	},
+	setup(t) {
+		let u = t, g = a(() => u.max ?? 100), b = a(() => r(u.modelValue, 0, g.value)), x = a(() => n(u.marks, 0, g.value)), S = a(() => ({ "--progress-value-percent": `${b.value * 100}%` })), C = a(() => {
+			let { class: e, marks: t, ...n } = u;
+			return n;
+		});
+		return (t, n) => (p(), o(h(y), d({ "data-slot": "progress" }, C.value, {
+			class: h(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))]", u.class),
+			style: S.value
+		}), {
+			default: _(() => [x.value.length ? (p(), c("span", w, [(p(!0), c(i, null, m(x.value, (e) => (p(), c("span", {
+				key: e.value,
+				class: "progress-value-mark",
+				style: f({ "--value-mark-position": `${e.position * 100}%` })
+			}, null, 4))), 128))])) : s("", !0), l(h(v), { class: "glass-liquid-fill progress-liquid-fill progress-value-fill h-full w-full flex-1 transition-transform" })]),
+			_: 1
+		}, 16, ["class", "style"]));
+	}
+}), [["__scopeId", "data-v-9fc9bcde"]]), E = /* @__PURE__ */ u({
+	__name: "Progress",
+	props: {
+		modelValue: { default: 0 },
+		max: {},
+		getValueLabel: {},
+		getValueText: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		marks: { default: () => [] },
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = a(() => {
+			let { class: e, variant: n, marks: r, indeterminate: i, ...a } = t;
+			return a;
+		});
+		return g(() => {
+			t.indeterminate && t.marks.length && console.error("[glass-ui] Progress: `marks` require determinate progress.");
+		}), (e, r) => t.variant === "gradient" ? (p(), o(C, d({ key: 0 }, n.value, {
+			indeterminate: t.indeterminate,
+			marks: t.marks,
+			class: t.class
+		}), null, 16, [
+			"indeterminate",
+			"marks",
+			"class"
+		])) : t.variant === "liquid" ? (p(), o(T, d({ key: 1 }, n.value, {
+			marks: t.marks,
+			class: t.class
+		}), null, 16, ["marks", "class"])) : (p(), o(x, d({ key: 2 }, n.value, {
+			marks: t.marks,
+			class: t.class
+		}), null, 16, ["marks", "class"]));
+	}
+});
+//#endregion
+export { E as t };

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./Progress-uWLyXE7J.js";
-export { a as Progress, r as ProgressDefault, e as ProgressGradient, t as ProgressLiquid, n as ProgressSectioned, i as useProgressGeometry };
+import { t as e } from "./progress-C-HHuFZy.js";
+export { e as Progress };

package/dist/pulse.js

@@ -41,6 +41,8 @@ var f = {
 			"aria-hidden": "true"
 		}, null, 6)) : (l(), a("div", {
 			key: 1,
+			role: "status",
+			"aria-label": "Loading",
 			class: s(d(e)("inline-flex items-center", t.variant === "dots" && "gap-1", o.class)),
 			style: c({ "--pulse-duration": m.value })
 		}, [t.variant === "dots" ? (l(!0), a(n, { key: 0 }, u(p.value, (e) => (l(), a("span", {
@@ -49,6 +51,6 @@ var f = {
 			style: c({ "--pulse-index": e })
 		}, null, 4))), 128)) : t.variant === "ring" ? (l(), a("span", f)) : i("", !0)], 6));
 	}
-}), [["__scopeId", "data-v-b5b07ef9"]]);
+}), [["__scopeId", "data-v-50dacf34"]]);
 //#endregion
 export { p as Pulse };

package/dist/reactive.js

@@ -1,3 +1,19 @@
-import { t as e } from "./useTimer-CkDV8SC2.js";
-import { t } from "./useInterval-ZATRi-1T.js";
-export { t as useInterval, e as useTimer };
+import { t as e } from "./useTimer-D8koDvJS.js";
+import { getCurrentScope as t, onScopeDispose as n, readonly as r, ref as i } from "vue";
+//#region src/composables/reactive/useInterval.ts
+function a(e, a = 0, o = {}) {
+	let s = i(!1), c = a, l = null, u = () => {
+		l !== null && (clearInterval(l), l = null, s.value = !1);
+	}, d = (t = c) => {
+		c = t, u(), s.value = !0, l = setInterval(e, c);
+	};
+	return t() && n(u), o.immediate !== !1 && d(a), {
+		isActive: r(s),
+		start: d,
+		restart: d,
+		stop: u,
+		clear: u
+	};
+}
+//#endregion
+export { a as useInterval, e as useTimer };

package/dist/rendererStatus-C2-zC2Q-.js

@@ -0,0 +1,40 @@
+//#region src/composables/glass/webgpu/rendererStatus.ts
+var e = (e) => ({
+	phase: "initializing",
+	engine: e,
+	adapter: e === "webgpu" ? "Acquiring adapter" : "Acquiring context"
+}), t = () => ({
+	phase: "ready",
+	engine: "canvas2d",
+	adapter: "CPU raster"
+}), n = () => ({
+	phase: "ready",
+	engine: "css",
+	adapter: "Static paint"
+});
+function r(e) {
+	return e && [
+		e.vendor,
+		e.architecture,
+		e.description
+	].filter((e) => !!e?.trim()).filter((e, t, n) => n.indexOf(e) === t).join(" · ") || "Hardware adapter";
+}
+function i(e) {
+	if (!e) return "WebGL 2 context";
+	try {
+		let t = e.getExtension("WEBGL_debug_renderer_info"), n = t ? e.getParameter(t.UNMASKED_RENDERER_WEBGL) : e.getParameter(e.RENDERER);
+		return String(n || "WebGL 2 context");
+	} catch {
+		return "WebGL 2 context";
+	}
+}
+function a(e, t, n) {
+	return {
+		phase: "error",
+		engine: e,
+		adapter: t,
+		error: n instanceof Error ? n.message : String(n)
+	};
+}
+//#endregion
+export { e as a, r as i, n, a as o, i as r, t };

package/dist/{resolveCanvasColor-B3L-akX0.js → resolveCanvasColor-yarP5bdk.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createCanvasLifecycle-DlrcvWbb.js";
+import { t as e } from "./createCanvasLifecycle-hsFkQVdl.js";
 import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
 //#region src/composables/glass/canvas2d/useCanvas2D.ts
 var i = "200px";