@mkbabb/glass-ui 3.4.0 → 3.5.1

package/dist/goo-blob.js

@@ -2,9 +2,9 @@ import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./compile-DVgAxagk.js";
 import { t as c } from "./useIntersectionPause-DAdVPVp4.js";
 import { n as l, t as u } from "./prng-Bz_1Tydc.js";
-import { createElementBlock as d, createElementVNode as f, defineComponent as p, inject as m, normalizeStyle as h, onUnmounted as g, openBlock as _, readonly as v, ref as y, toRef as b, useTemplateRef as x, watch as S } from "vue";
+import { computed as d, createElementBlock as f, createElementVNode as p, defineComponent as m, inject as h, normalizeStyle as g, onScopeDispose as _, onUnmounted as v, openBlock as y, readonly as b, ref as x, useTemplateRef as S, watch as C } from "vue";
 //#region src/components/custom/goo-blob/types.ts
-var C = {
+var w = {
 	canvasSize: 200,
 	bodyRadius: .25,
 	satelliteCount: 3,
@@ -31,13 +31,13 @@ var C = {
 	absorbedDuration: [2e3, 4e3],
 	emergeDuration: 2200,
 	orbitDuration: [8e3, 14e3]
-}, w = Symbol("blobConfig");
+}, T = Symbol("blobConfig");
 //#endregion
 //#region src/components/custom/goo-blob/composables/easing.ts
-function T(e) {
+function E(e) {
 	return e < .5 ? 2 * e * e : 1 - 2 * (1 - e) * (1 - e);
 }
-function E(e) {
+function D(e) {
 	return e * e;
 }
 function ee(e) {
@@ -45,7 +45,7 @@ function ee(e) {
 }
 //#endregion
 //#region src/components/custom/goo-blob/composables/useBlobMood.ts
-var D = {
+var O = {
 	idle: {
 		orbitSpeedScale: 1,
 		wobbleScale: 1,
@@ -111,14 +111,14 @@ var D = {
 		pointerAttraction: .1,
 		mergeRate: .3
 	}
-}, O = {
+}, k = {
 	idle: 1500,
 	happy: 1200,
 	curious: 800,
 	sleepy: 2500,
 	excited: 600
 };
-function k(e, t, n) {
+function A(e, t, n) {
 	let r = (e, t) => e + (t - e) * n;
 	return {
 		orbitSpeedScale: r(e.orbitSpeedScale, t.orbitSpeedScale),
@@ -134,32 +134,32 @@ function k(e, t, n) {
 		mergeRate: r(e.mergeRate, t.mergeRate)
 	};
 }
-function A() {
-	let e = y("idle"), t = y({ ...D.idle }), n = { ...D.idle }, r = { ...D.idle }, i = 0, a = 0, o = !1;
+function j() {
+	let e = x("idle"), t = x({ ...O.idle }), n = { ...O.idle }, r = { ...O.idle }, i = 0, a = 0, o = !1;
 	function s(s) {
-		s === e.value && !o || (e.value = s, n = { ...t.value }, r = D[s], a = O[s], i = 0, o = !0);
+		s === e.value && !o || (e.value = s, n = { ...t.value }, r = O[s], a = k[s], i = 0, o = !0);
 	}
 	function c(e) {
 		if (!o) return;
 		i += e;
-		let s = Math.min(i / a, 1), c = T(s);
-		t.value = k(n, r, c), s >= 1 && (o = !1);
+		let s = Math.min(i / a, 1), c = E(s);
+		t.value = A(n, r, c), s >= 1 && (o = !1);
 	}
 	return {
-		currentMood: v(e),
-		params: v(t),
+		currentMood: b(e),
+		params: b(t),
 		setMood: s,
 		tick: c
 	};
 }
 //#endregion
 //#region src/components/custom/goo-blob/composables/useBlobPointer.ts
-var j = .12;
-function M(e) {
-	let t = y({
+var M = .12;
+function N(e) {
+	let t = x({
 		x: 0,
 		y: 0
-	}), n = y(!1), r = 0, i = 0, a = 0, o = 0;
+	}), n = x(!1), r = 0, i = 0, a = 0, o = 0;
 	function s(t) {
 		let a = e.value;
 		if (!a) return;
@@ -170,35 +170,35 @@ function M(e) {
 		n.value = !1;
 	}
 	let l = null;
-	S(e, (e) => {
+	C(e, (e) => {
 		l &&= (l(), null), e && (e.addEventListener("pointermove", s), e.addEventListener("pointerleave", c), l = () => {
 			e.removeEventListener("pointermove", s), e.removeEventListener("pointerleave", c);
 		});
-	}, { immediate: !0 }), g(() => l?.());
+	}, { immediate: !0 }), v(() => l?.());
 	function u() {
-		n.value ? (a += (r - a) * j, o += (i - o) * j) : (a *= 1 - j, o *= 1 - j), t.value = {
+		n.value ? (a += (r - a) * M, o += (i - o) * M) : (a *= 1 - M, o *= 1 - M), t.value = {
 			x: a,
 			y: o
 		};
 	}
 	return {
-		pointer: v(t),
-		active: v(n),
+		pointer: b(t),
+		active: b(n),
 		tick: u
 	};
 }
 //#endregion
 //#region src/components/custom/goo-blob/composables/useBlobSatellites.ts
-function N(e, t, n) {
+function P(e, t, n) {
 	return t + e() * (n - t);
 }
-function P(e) {
+function F(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function F(e, t, n) {
+function I(e, t, n) {
 	return e + (t - e) * n;
 }
-function I(e, t, n, r) {
+function L(e, t, n, r) {
 	let i = performance.now(), a = t / 4 * Math.PI * 2 + (e() - .5) * Math.PI, o = n * (.8 + e() * .4), s = r * (.3 + e() * .7);
 	return {
 		phase: "orbiting",
@@ -225,23 +225,23 @@ function I(e, t, n, r) {
 		endY: 0
 	};
 }
-function L(e, t, n, r) {
+function R(e, t, n, r) {
 	e.phase = t, e.phaseStart = n, e.phaseDuration = r;
 }
-function R(e, t) {
+function z(e, t) {
 	let n = (t - e.timeOrigin) / 1e3, r = e.angularSpeed * n + e.phaseOffset, i = e.wobbleAmp1 * Math.sin(e.wobbleFreq1 * n) + e.wobbleAmp2 * Math.sin(e.wobbleFreq2 * n + 1.3);
 	return {
 		x: (e.baseRadiusX + i) * Math.cos(r) + e.pertXAmp * Math.sin(e.pertXFreq * n + e.pertXPhase),
 		y: (e.baseRadiusY + i) * Math.sin(r) + e.pertYAmp * Math.cos(e.pertYFreq * n + e.pertYPhase)
 	};
 }
-function z(e, t, n, r, i) {
+function B(e, t, n, r, i) {
 	e.timeOrigin = i, e.angularSpeed = .08 + t() * .16, e.phaseOffset = t() * Math.PI * 2;
 	let a = n * (.8 + t() * .4), o = r * (.3 + t() * .7);
 	e.baseRadiusX = a * (1 - o), e.baseRadiusY = a * (1 + o), e.wobbleAmp1 = .02 + t() * .06, e.wobbleFreq1 = .08 + t() * .22, e.wobbleAmp2 = .015 + t() * .04, e.wobbleFreq2 = .18 + t() * .32, e.pertXAmp = .03 + t() * .05, e.pertXFreq = .06 + t() * .18, e.pertXPhase = t() * Math.PI * 2, e.pertYAmp = .03 + t() * .05, e.pertYFreq = .07 + t() * .17, e.pertYPhase = t() * Math.PI * 2;
 }
-var B = .75, V = 2e3;
-function H(e, t) {
+var V = .75, H = 2e3;
+function U(e, t) {
 	let n = l(u(t + "goo")), r = [], i = [], a = [], o = -Infinity, s = e.orbitRadius;
 	function c() {
 		let t = e.orbitRadius;
@@ -253,7 +253,7 @@ function H(e, t) {
 	}
 	function d() {
 		let t = e.satelliteCount;
-		for (; r.length < t;) r.push(I(n, r.length, e.orbitRadius, e.eccentricity)), i.push({
+		for (; r.length < t;) r.push(L(n, r.length, e.orbitRadius, e.eccentricity)), i.push({
 			x: 0,
 			y: 0,
 			radius: e.satelliteRadius,
@@ -270,62 +270,62 @@ function H(e, t) {
 		d(), c();
 		let l = r.length, u = s.mergeRate, f = e.satelliteRadius, p = e.mergeDuration, m = e.emergeDuration, h = e.orbitDuration, g = e.absorbedDuration;
 		for (let s = 0; s < l; s++) {
-			let c = r[s], l = t - c.phaseStart, d = P(c.phaseDuration > 0 ? l / c.phaseDuration : 1);
+			let c = r[s], l = t - c.phaseStart, d = F(c.phaseDuration > 0 ? l / c.phaseDuration : 1);
 			switch (c.phase) {
 				case "orbiting":
-					if (d >= 1) if (t - o < 3e3 * u) c.phaseStart = t, c.phaseDuration = N(n, h[0], h[1]);
+					if (d >= 1) if (t - o < 3e3 * u) c.phaseStart = t, c.phaseDuration = P(n, h[0], h[1]);
 					else {
-						let e = R(c, t);
+						let e = z(c, t);
 						c.startX = e.x, c.startY = e.y;
 						let n = Math.hypot(e.x, e.y), r = n > .01 ? .08 / n : 0;
-						c.endX = e.x * r, c.endY = e.y * r, L(c, "merging", t, p), o = t;
+						c.endX = e.x * r, c.endY = e.y * r, R(c, "merging", t, p), o = t;
 					}
 					break;
 				case "merging":
-					d >= 1 && L(c, "absorbed", t, N(n, g[0], g[1]));
+					d >= 1 && R(c, "absorbed", t, P(n, g[0], g[1]));
 					break;
 				case "absorbed":
 					if (d >= 1) {
-						z(c, n, e.orbitRadius, e.eccentricity, t);
-						let r = R(c, t + 3e3);
+						B(c, n, e.orbitRadius, e.eccentricity, t);
+						let r = z(c, t + 3e3);
 						c.endX = r.x, c.endY = r.y;
 						let i = Math.hypot(r.x, r.y), a = i > .01 ? .08 / i : 0;
-						c.startX = r.x * a, c.startY = r.y * a, L(c, "emerging", t, m);
+						c.startX = r.x * a, c.startY = r.y * a, R(c, "emerging", t, m);
 					}
 					break;
 				case "emerging":
 					if (d >= 1) {
 						let e = a[s];
-						e.x = c.endX, e.y = c.endY, e.start = t, c.timeOrigin = t, c.phaseOffset = Math.atan2(c.endY, c.endX), L(c, "orbiting", t, N(n, h[0], h[1]));
+						e.x = c.endX, e.y = c.endY, e.start = t, c.timeOrigin = t, c.phaseOffset = Math.atan2(c.endY, c.endX), R(c, "orbiting", t, P(n, h[0], h[1]));
 					}
 					break;
 			}
 			let _, v, y, b;
 			switch (c.phase) {
 				case "orbiting": {
-					let e = R(c, t), n = a[s], r = t - n.start;
-					if (n.start > 0 && r < V) {
-						let t = P(r / V), i = t * t * (3 - 2 * t);
-						_ = F(n.x, e.x, i), v = F(n.y, e.y, i);
+					let e = z(c, t), n = a[s], r = t - n.start;
+					if (n.start > 0 && r < H) {
+						let t = F(r / H), i = t * t * (3 - 2 * t);
+						_ = I(n.x, e.x, i), v = I(n.y, e.y, i);
 					} else _ = e.x, v = e.y;
-					y = B, b = 1;
+					y = V, b = 1;
 					break;
 				}
 				case "merging": {
-					let e = E(P((t - c.phaseStart) / c.phaseDuration));
-					_ = F(c.startX, c.endX, e), v = F(c.startY, c.endY, e);
-					let n = P((t - c.phaseStart) / c.phaseDuration);
-					y = n > .85 ? F(B, 0, (n - .85) / .15) : B, b = F(1, .65, e);
+					let e = D(F((t - c.phaseStart) / c.phaseDuration));
+					_ = I(c.startX, c.endX, e), v = I(c.startY, c.endY, e);
+					let n = F((t - c.phaseStart) / c.phaseDuration);
+					y = n > .85 ? I(V, 0, (n - .85) / .15) : V, b = I(1, .65, e);
 					break;
 				}
 				case "absorbed":
 					_ = 0, v = 0, y = 0, b = .5;
 					break;
 				case "emerging": {
-					let e = ee(P((t - c.phaseStart) / c.phaseDuration));
-					_ = F(c.startX, c.endX, e), v = F(c.startY, c.endY, e);
-					let n = P((t - c.phaseStart) / c.phaseDuration);
-					y = n < .1 ? F(0, B, n / .1) : B, b = F(.65, 1, e);
+					let e = ee(F((t - c.phaseStart) / c.phaseDuration));
+					_ = I(c.startX, c.endX, e), v = I(c.startY, c.endY, e);
+					let n = F((t - c.phaseStart) / c.phaseDuration);
+					y = n < .1 ? I(0, V, n / .1) : V, b = I(.65, 1, e);
 					break;
 				}
 			}
@@ -348,7 +348,7 @@ function H(e, t) {
 }
 //#endregion
 //#region src/components/custom/goo-blob/shaders/metaball.vert.ts
-var U = "#version 300 es\n\nin vec2 aPosition;\nout vec2 vUv;\n\nvoid main() {\n    vUv = 0.5 * (aPosition + 1.0);\n    gl_Position = vec4(aPosition, 0.0, 1.0);\n}", W = "// --- SDF ---\n\nfloat sdCircle(vec2 p, vec2 center, float radius) {\n    return length(p - center) - radius;\n}\n\n// Edit #2 — Inigo Quilez quadratic polynomial smin (same uSmoothK uniform). The\n// quadratic h*h*k*0.25 form has a cleaner C1 seam than the prior cubic smin.\nfloat smin(float a, float b, float k) {\n    float h = max(k - abs(a - b), 0.0) / k;\n    return min(a, b) - h * h * k * 0.25;\n}", G = "// --- Noise ---\n\nfloat hash21(vec2 p) {\n    vec3 p3 = fract(vec3(p.xyx) * 0.1031);\n    p3 += dot(p3, p3.yzx + 33.33);\n    return fract((p3.x + p3.y) * p3.z);\n}\n\nfloat valueNoise(vec2 p) {\n    vec2 i = floor(p);\n    vec2 f = fract(p);\n    f = f * f * (3.0 - 2.0 * f);\n\n    float a = hash21(i);\n    float b = hash21(i + vec2(1.0, 0.0));\n    float c = hash21(i + vec2(0.0, 1.0));\n    float d = hash21(i + vec2(1.0, 1.0));\n\n    return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);\n}\n\n// Edit #3 — rotated-octave FBM: a fixed ~0.5 rad 2x2 rotation between octaves\n// breaks the axis-aligned banding the un-rotated lattice noise produces. The\n// rotation CONSTANT is spliced from the shared chunk (AV.W2 — the one FBM_ROT);\n// the loop below stays blob-local (param octaves + 2.0 lacunarity, per §3a).", K = "float fbm(vec2 p, int octaves) {\n    float value = 0.0;\n    float amp = 0.5;\n    float freq = 1.0;\n    for (int i = 0; i < 4; i++) {\n        if (i >= octaves) break;\n        value += amp * valueNoise(p * freq);\n        p = FBM_ROT * p;\n        freq *= 2.0;\n        amp *= 0.5;\n    }\n    return value;\n}\n", q = "// Edit #4's gamut step — hue-preserving inward chroma clamp. If the linear result\n// is out of [0,1], bisect chroma toward 0 (L + h fixed) until in gamut. Preserves\n// hue exactly (only C shrinks). 16 steps resolve C to < 2^-16 of its span.\nbool inGamut(vec3 lin) {\n    return all(greaterThanEqual(lin, vec3(0.0))) && all(lessThanEqual(lin, vec3(1.0)));\n}\nvec3 gamutClampOklch(vec3 lch) {\n    vec3 lin = oklabToLinearSrgb(oklchToOklab(lch));\n    if (inGamut(lin)) return lch;\n    float lo = 0.0;\n    float hi = lch.y;\n    for (int i = 0; i < 16; i++) {\n        float mid = 0.5 * (lo + hi);\n        vec3 test = vec3(lch.x, mid, lch.z);\n        if (inGamut(oklabToLinearSrgb(oklchToOklab(test)))) {\n            lo = mid;\n        } else {\n            hi = mid;\n        }\n    }\n    return vec3(lch.x, lo, lch.z);\n}", J = "\n", Y = "#version 300 es\nprecision highp float;\n\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform vec2 uResolution;\nuniform float uTime;\nuniform vec3 uBaseColor;\n\n// Pointer\nuniform vec2 uPointer;\nuniform float uPointerActive;\nuniform float uPointerAttraction;\nuniform float uPointerStrength;\n\n// Main body\nuniform float uBodyRadius;\n\n// Pulsation\nuniform float uPulsePhase;\nuniform float uPulseAmp;\n\n// Surface noise\nuniform float uNoiseAmp;\nuniform float uNoiseFreq;\nuniform float uNoiseSpeed;\n\n// Gooey\nuniform float uSmoothK;\n\n// Color perturbation (perceptually uniform — OKLCh L/C/h)\nuniform float uHueRange;        // degrees of hue swing (converted to radians)\nuniform float uSatShift;        // OKLCh chroma swing\nuniform float uBrightnessShift; // OKLCh lightness bias\nuniform float uColorNoiseFreq;\nuniform float uColorNoiseSpeed;\n\n// Satellites (max 4)\n#define MAX_SATS 4\nuniform int uSatCount;\nuniform vec2 uSatPos[MAX_SATS];\nuniform float uSatRadius[MAX_SATS];\nuniform float uSatOpacity[MAX_SATS];\n\nconst float PI = 3.141592653589793;\n\n" + G + J + `${t}
+var te = "#version 300 es\n\nin vec2 aPosition;\nout vec2 vUv;\n\nvoid main() {\n    vUv = 0.5 * (aPosition + 1.0);\n    gl_Position = vec4(aPosition, 0.0, 1.0);\n}", W = "// --- SDF ---\n\nfloat sdCircle(vec2 p, vec2 center, float radius) {\n    return length(p - center) - radius;\n}\n\n// Edit #2 — Inigo Quilez quadratic polynomial smin (same uSmoothK uniform). The\n// quadratic h*h*k*0.25 form has a cleaner C1 seam than the prior cubic smin.\nfloat smin(float a, float b, float k) {\n    float h = max(k - abs(a - b), 0.0) / k;\n    return min(a, b) - h * h * k * 0.25;\n}", G = "// --- Noise ---\n\nfloat hash21(vec2 p) {\n    vec3 p3 = fract(vec3(p.xyx) * 0.1031);\n    p3 += dot(p3, p3.yzx + 33.33);\n    return fract((p3.x + p3.y) * p3.z);\n}\n\nfloat valueNoise(vec2 p) {\n    vec2 i = floor(p);\n    vec2 f = fract(p);\n    f = f * f * (3.0 - 2.0 * f);\n\n    float a = hash21(i);\n    float b = hash21(i + vec2(1.0, 0.0));\n    float c = hash21(i + vec2(0.0, 1.0));\n    float d = hash21(i + vec2(1.0, 1.0));\n\n    return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);\n}\n\n// Edit #3 — rotated-octave FBM: a fixed ~0.5 rad 2x2 rotation between octaves\n// breaks the axis-aligned banding the un-rotated lattice noise produces. The\n// rotation CONSTANT is spliced from the shared chunk (AV.W2 — the one FBM_ROT);\n// the loop below stays blob-local (param octaves + 2.0 lacunarity, per §3a).", K = "float fbm(vec2 p, int octaves) {\n    float value = 0.0;\n    float amp = 0.5;\n    float freq = 1.0;\n    for (int i = 0; i < 4; i++) {\n        if (i >= octaves) break;\n        value += amp * valueNoise(p * freq);\n        p = FBM_ROT * p;\n        freq *= 2.0;\n        amp *= 0.5;\n    }\n    return value;\n}\n", q = "// Edit #4's gamut step — hue-preserving inward chroma clamp. If the linear result\n// is out of [0,1], bisect chroma toward 0 (L + h fixed) until in gamut. Preserves\n// hue exactly (only C shrinks). 16 steps resolve C to < 2^-16 of its span.\nbool inGamut(vec3 lin) {\n    return all(greaterThanEqual(lin, vec3(0.0))) && all(lessThanEqual(lin, vec3(1.0)));\n}\nvec3 gamutClampOklch(vec3 lch) {\n    vec3 lin = oklabToLinearSrgb(oklchToOklab(lch));\n    if (inGamut(lin)) return lch;\n    float lo = 0.0;\n    float hi = lch.y;\n    for (int i = 0; i < 16; i++) {\n        float mid = 0.5 * (lo + hi);\n        vec3 test = vec3(lch.x, mid, lch.z);\n        if (inGamut(oklabToLinearSrgb(oklchToOklab(test)))) {\n            lo = mid;\n        } else {\n            hi = mid;\n        }\n    }\n    return vec3(lch.x, lo, lch.z);\n}", J = "\n", Y = "#version 300 es\nprecision highp float;\n\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform vec2 uResolution;\nuniform float uTime;\nuniform vec3 uBaseColor;\n\n// Pointer\nuniform vec2 uPointer;\nuniform float uPointerActive;\nuniform float uPointerAttraction;\nuniform float uPointerStrength;\n\n// Main body\nuniform float uBodyRadius;\n\n// Pulsation\nuniform float uPulsePhase;\nuniform float uPulseAmp;\n\n// Surface noise\nuniform float uNoiseAmp;\nuniform float uNoiseFreq;\nuniform float uNoiseSpeed;\n\n// Gooey\nuniform float uSmoothK;\n\n// Color perturbation (perceptually uniform — OKLCh L/C/h)\nuniform float uHueRange;        // degrees of hue swing (converted to radians)\nuniform float uSatShift;        // OKLCh chroma swing\nuniform float uBrightnessShift; // OKLCh lightness bias\nuniform float uColorNoiseFreq;\nuniform float uColorNoiseSpeed;\n\n// Satellites (max 4)\n#define MAX_SATS 4\nuniform int uSatCount;\nuniform vec2 uSatPos[MAX_SATS];\nuniform float uSatRadius[MAX_SATS];\nuniform float uSatOpacity[MAX_SATS];\n\nconst float PI = 3.141592653589793;\n\n" + G + J + `${t}
 
 ` + K + J + W + J + `
 // --- Color (Ottosson OKLab/OKLCh — value.js EXACT constants, transposed) ---
@@ -362,7 +362,7 @@ var U = "#version 300 es\n\nin vec2 aPosition;\nout vec2 vUv;\n\nvoid main() {\n
 ${i}
 ${o}
 
-` + q + J + "\nvoid main() {\n    vec2 uv = vUv - 0.5;\n\n    // Pointer deformation\n    if (uPointerActive > 0.5) {\n        vec2 pointerDir = uPointer - uv;\n        float pointerDist = length(pointerDir);\n        float influence = smoothstep(0.4, 0.0, pointerDist) * uPointerAttraction * uPointerStrength;\n        uv -= normalize(pointerDir + 1e-6) * influence;\n    }\n\n    // Main body with pulsation\n    float bodyR = uBodyRadius + sin(uPulsePhase) * uPulseAmp;\n\n    // FBM displacement for organic watercolor edge\n    float noiseVal = fbm(uv * uNoiseFreq + uTime * uNoiseSpeed, 3);\n    float bodyDisplacement = (noiseVal - 0.5) * uNoiseAmp;\n\n    float d = sdCircle(uv, vec2(0.0), bodyR + bodyDisplacement);\n\n    // Satellites\n    for (int i = 0; i < MAX_SATS; i++) {\n        if (i >= uSatCount) break;\n        float satD = sdCircle(uv, uSatPos[i], uSatRadius[i]);\n        satD += (1.0 - uSatOpacity[i]) * 0.3;\n        d = smin(d, satD, uSmoothK);\n    }\n\n    // Edit #1 — fwidth-based anti-aliased edge: derive the smoothstep half-width\n    // from the SDF screen-space gradient so the edge stays ~1px regardless of zoom.\n    float aa = max(fwidth(d), 1e-6);\n    float alpha = 1.0 - smoothstep(-aa, aa, d);\n\n    if (alpha < 0.001) {\n        fragColor = vec4(0.0);\n        return;\n    }\n\n    // Edit #4 — perceptually-uniform OKLCh variation. Gamma base → linear → OKLab\n    // → OKLCh; perturb L/C/h; OKLCh → OKLab → linear; hue-preserving gamut clamp.\n    vec3 oklch = oklabToOklch(srgbToOklab(uBaseColor));\n\n    float colorNoise = fbm(uv * uColorNoiseFreq + uTime * uColorNoiseSpeed, 3);\n    oklch.z += (colorNoise - 0.5) * uHueRange * (PI / 180.0);     // hue swing, radians\n    oklch.y = max(oklch.y + (colorNoise - 0.5) * uSatShift, 0.0); // chroma swing\n    oklch.x = clamp(oklch.x + uBrightnessShift, 0.0, 1.0);        // lightness bias\n\n    // Subtle inner glow near the edge — lifts OKLCh lightness inward.\n    float edgeGlow = smoothstep(0.0, -bodyR * 0.6, d);\n    oklch.x = mix(oklch.x, min(oklch.x + 0.06, 1.0), 1.0 - edgeGlow);\n\n    oklch = gamutClampOklch(oklch);\n\n    vec3 lin = oklabToLinearSrgb(oklchToOklab(oklch));\n    vec3 rgb = clamp(linearToSrgb(lin), 0.0, 1.0); // MANDATORY OETF — closes the seam\n\n    // Edit #8 — premultiply AFTER the OETF: straight-alpha gamma → premultiplied.\n    fragColor = vec4(rgb * alpha, alpha);\n}", X = 4, Z = "[GooBlob]", Q = 1 / 1.6, te = [
+` + q + J + "\nvoid main() {\n    vec2 uv = vUv - 0.5;\n\n    // Pointer deformation\n    if (uPointerActive > 0.5) {\n        vec2 pointerDir = uPointer - uv;\n        float pointerDist = length(pointerDir);\n        float influence = smoothstep(0.4, 0.0, pointerDist) * uPointerAttraction * uPointerStrength;\n        uv -= normalize(pointerDir + 1e-6) * influence;\n    }\n\n    // Main body with pulsation\n    float bodyR = uBodyRadius + sin(uPulsePhase) * uPulseAmp;\n\n    // FBM displacement for organic watercolor edge\n    float noiseVal = fbm(uv * uNoiseFreq + uTime * uNoiseSpeed, 3);\n    float bodyDisplacement = (noiseVal - 0.5) * uNoiseAmp;\n\n    float d = sdCircle(uv, vec2(0.0), bodyR + bodyDisplacement);\n\n    // Satellites\n    for (int i = 0; i < MAX_SATS; i++) {\n        if (i >= uSatCount) break;\n        float satD = sdCircle(uv, uSatPos[i], uSatRadius[i]);\n        satD += (1.0 - uSatOpacity[i]) * 0.3;\n        d = smin(d, satD, uSmoothK);\n    }\n\n    // Edit #1 — fwidth-based anti-aliased edge: derive the smoothstep half-width\n    // from the SDF screen-space gradient so the edge stays ~1px regardless of zoom.\n    float aa = max(fwidth(d), 1e-6);\n    float alpha = 1.0 - smoothstep(-aa, aa, d);\n\n    if (alpha < 0.001) {\n        fragColor = vec4(0.0);\n        return;\n    }\n\n    // Edit #4 — perceptually-uniform OKLCh variation. Gamma base → linear → OKLab\n    // → OKLCh; perturb L/C/h; OKLCh → OKLab → linear; hue-preserving gamut clamp.\n    vec3 oklch = oklabToOklch(srgbToOklab(uBaseColor));\n\n    float colorNoise = fbm(uv * uColorNoiseFreq + uTime * uColorNoiseSpeed, 3);\n    oklch.z += (colorNoise - 0.5) * uHueRange * (PI / 180.0);     // hue swing, radians\n    oklch.y = max(oklch.y + (colorNoise - 0.5) * uSatShift, 0.0); // chroma swing\n    oklch.x = clamp(oklch.x + uBrightnessShift, 0.0, 1.0);        // lightness bias\n\n    // Subtle inner glow near the edge — lifts OKLCh lightness inward.\n    float edgeGlow = smoothstep(0.0, -bodyR * 0.6, d);\n    oklch.x = mix(oklch.x, min(oklch.x + 0.06, 1.0), 1.0 - edgeGlow);\n\n    oklch = gamutClampOklch(oklch);\n\n    vec3 lin = oklabToLinearSrgb(oklchToOklab(oklch));\n    vec3 rgb = clamp(linearToSrgb(lin), 0.0, 1.0); // MANDATORY OETF — closes the seam\n\n    // Edit #8 — premultiply AFTER the OETF: straight-alpha gamma → premultiplied.\n    fragColor = vec4(rgb * alpha, alpha);\n}", X = 4, Z = "[GooBlob]", Q = 1 / 1.6, ne = [
 	"uResolution",
 	"uTime",
 	"uBaseColor",
@@ -394,16 +394,16 @@ function $(e) {
 		let n = f(e);
 		return m.size > 256 && m.clear(), m.set(e, n), n;
 	}
-	let _ = null, v = !1;
+	let g = null, _ = !1;
 	c(t, {
-		pause: () => _?.suspend("off-screen"),
-		resume: () => _?.resume("off-screen")
+		pause: () => g?.suspend("off-screen"),
+		resume: () => g?.resume("off-screen")
 	}, {
 		rootMargin: "200px",
 		pauseWhenHidden: !1
 	});
 	function y(e) {
-		_ = a(e, {
+		g = a(e, {
 			contextAttrs: {
 				alpha: !0,
 				premultipliedAlpha: !0,
@@ -411,7 +411,7 @@ function $(e) {
 				preserveDrawingBuffer: !1
 			},
 			setup: (t) => {
-				let a = s(t, t.VERTEX_SHADER, U, Z), c = s(t, t.FRAGMENT_SHADER, Y, Z), f = r(t, a, c, Z);
+				let a = s(t, t.VERTEX_SHADER, te, Z), c = s(t, t.FRAGMENT_SHADER, Y, Z), f = r(t, a, c, Z);
 				t.useProgram(f);
 				let m = t.createVertexArray();
 				t.bindVertexArray(m);
@@ -430,10 +430,10 @@ function $(e) {
 					1,
 					1
 				]), t.STATIC_DRAW);
-				let _ = t.getAttribLocation(f, "aPosition");
-				t.enableVertexAttribArray(_), t.vertexAttribPointer(_, 2, t.FLOAT, !1, 0, 0);
+				let v = t.getAttribLocation(f, "aPosition");
+				t.enableVertexAttribArray(v), t.vertexAttribPointer(v, 2, t.FLOAT, !1, 0, 0);
 				let y = {};
-				for (let e of te) y[e] = t.getUniformLocation(f, e);
+				for (let e of ne) y[e] = t.getUniformLocation(f, e);
 				let b = [], x = [], S = [];
 				for (let e = 0; e < X; e++) b.push(t.getUniformLocation(f, `uSatPos[${e}]`)), x.push(t.getUniformLocation(f, `uSatRadius[${e}]`)), S.push(t.getUniformLocation(f, `uSatOpacity[${e}]`));
 				t.enable(t.BLEND), t.blendFunc(t.ONE, t.ONE_MINUS_SRC_ALPHA);
@@ -457,7 +457,7 @@ function $(e) {
 					t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT), t.drawArrays(t.TRIANGLES, 0, 6), t.bindVertexArray(null);
 				}
 				function T() {
-					return !v;
+					return !_;
 				}
 				return {
 					frame: w,
@@ -468,24 +468,24 @@ function $(e) {
 					}
 				};
 			}
-		}), _.arm();
+		}), g.arm();
 	}
-	return S(t, (e) => {
-		e && !_ && y(e);
-	}, { immediate: !0 }), S(i, () => _?.wake()), g(() => {
-		_?.dispose(), _ = null;
+	return C(t, (e) => {
+		e && !g && y(e);
+	}, { immediate: !0 }), C(i, () => g?.wake()), v(() => {
+		g?.dispose(), g = null;
 	}), {
 		pause: () => {
-			v = !0, _?.suspend("manual");
+			_ = !0, g?.suspend("manual");
 		},
 		resume: () => {
-			v = !1, _?.resume("manual");
+			_ = !1, g?.resume("manual");
 		}
 	};
 }
 //#endregion
 //#region src/components/custom/goo-blob/GooBlob.vue
-var ne = /* @__PURE__ */ e(/* @__PURE__ */ p({
+var re = /* @__PURE__ */ e(/* @__PURE__ */ m({
 	__name: "GooBlob",
 	props: {
 		color: {},
@@ -495,37 +495,56 @@ var ne = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	},
 	emits: ["click"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = m(w, null), a = e.config ?? i;
+		let r = n, i = h(T, null), a = e.config ?? i;
 		if (!a) throw Error("[glass-ui] GooBlob: no blob config. Pass an explicit `config` prop (e.g. BLOB_CONFIG_DEFAULTS) or provide(BLOB_CONFIG_KEY, cfg) from an ancestor. There is no silent defaults synthesis.");
-		let o = x("canvasRef"), s = x("wrapperRef"), c = A(), l = M(s), u = H(a, e.color + e.seed), p = b(() => e.color);
+		let o = S("canvasRef"), s = S("wrapperRef"), c = j(), l = N(s), u = U(a, e.color + e.seed), m = x(e.color);
+		function v(e) {
+			if (!e.includes("var(")) return e;
+			let t = s.value;
+			if (typeof window > "u" || !t) return e;
+			let n = t.style.color;
+			t.style.color = e;
+			let r = getComputedStyle(t).color;
+			return t.style.color = n, r || e;
+		}
+		function b() {
+			m.value = v(e.color);
+		}
 		$({
 			canvasRef: o,
-			color: p,
+			color: m,
 			mood: c,
 			pointer: l,
 			satellites: u,
 			config: a,
 			colorResolver: e.colorResolver
-		}), S(p, (t) => {
-			u.reseed(t + e.seed);
+		}), C(s, b, { immediate: !0 });
+		let w = null;
+		typeof document < "u" && (w = new MutationObserver(b), w.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		})), C(d(() => e.color), (t) => {
+			b(), u.reseed(t + e.seed);
+		}), _(() => {
+			w?.disconnect(), w = null;
 		});
-		function g() {
+		function E() {
 			u.nudge();
 		}
-		function v(e) {
+		function D(e) {
 			c.setMood(e);
 		}
 		return t({
-			nudge: g,
-			setMood: v,
+			nudge: E,
+			setMood: D,
 			currentMood: c.currentMood
-		}), (t, n) => (_(), d("div", {
+		}), (t, n) => (y(), f("div", {
 			ref_key: "wrapperRef",
 			ref: s,
 			class: "goo-blob-wrapper",
-			style: h({ "--blob-color": e.color }),
+			style: g({ "--blob-color": e.color }),
 			onClick: n[0] ||= (e) => r("click")
-		}, [f("canvas", {
+		}, [p("canvas", {
 			ref_key: "canvasRef",
 			ref: o,
 			class: "goo-blob-canvas",
@@ -533,6 +552,6 @@ var ne = /* @__PURE__ */ e(/* @__PURE__ */ p({
 			"data-testid": "goo-blob-canvas"
 		}, null, 512)], 4));
 	}
-}), [["__scopeId", "data-v-ff366d67"]]);
+}), [["__scopeId", "data-v-bb3e5830"]]);
 //#endregion
-export { C as BLOB_CONFIG_DEFAULTS, w as BLOB_CONFIG_KEY, ne as GooBlob, A as useBlobMood, M as useBlobPointer, H as useBlobSatellites, $ as useMetaballRenderer };
+export { w as BLOB_CONFIG_DEFAULTS, T as BLOB_CONFIG_KEY, re as GooBlob, j as useBlobMood, N as useBlobPointer, U as useBlobSatellites, $ as useMetaballRenderer };

package/dist/index.d.ts

@@ -42,6 +42,7 @@ export * from "./components/custom/disco-glyph";
 export * from "./components/custom/hover-popover";
 export * from "./components/custom/configurator";
 export * from "./components/custom/scrolling-text";
+export * from "./components/custom/deck-progress";
 export * from "./composables/reactive";
 export * from "./composables/dom";
 export * from "./composables/glass";

package/dist/labeled-field.js

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-BGn3rjs9.js";
 import { t as o } from "./SelectGroup-CMdoCjRE.js";
-import { n as s } from "./slider-BOh8ycfZ.js";
+import { n as s } from "./slider-CgNzRSh6.js";
 import { t as c } from "./Switch-x8n6husW.js";
 import { t as l } from "./Input-CU9CNKmo.js";
 import { t as u } from "./IconTooltip-BTyYn4mr.js";