@mkbabb/glass-ui 3.1.1 → 3.3.0

package/dist/glyph-face.js

@@ -1,3 +1,3 @@
-import { n as e, r as t, t as n } from "./keys-CaTQS-vx.js";
-import { t as r } from "./GlyphFace-BRS8vUb7.js";
+import { n as e, r as t, t as n } from "./keys-BFoma9vm.js";
+import { t as r } from "./GlyphFace-B_7vOmYn.js";
 export { n as GLYPH_FACE_SILHOUETTE_KEY, r as GlyphFace, e as provideGlyphFaceSilhouette, t as useOptionalGlyphFaceSilhouette };

package/dist/goo-blob.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/goo-blob";

package/dist/goo-blob.js

@@ -0,0 +1,538 @@
+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";
+//#region src/components/custom/goo-blob/types.ts
+var C = {
+	canvasSize: 200,
+	bodyRadius: .25,
+	satelliteCount: 3,
+	satelliteRadius: .13,
+	orbitRadius: .35,
+	smoothK: .22,
+	noiseAmp: .025,
+	noiseFreq: 3.5,
+	noiseSpeed: .08,
+	pulseFreq: .3,
+	pulseAmp: .008,
+	hueRange: 5,
+	satShift: 0,
+	brightnessShift: 0,
+	colorNoiseFreq: 2,
+	colorNoiseSpeed: .05,
+	pointerAttraction: 0,
+	pointerStrength: .08,
+	eccentricity: .25,
+	orbitSpeedScale: 1,
+	wobbleScale: 1,
+	mergeRate: 1,
+	mergeDuration: 1800,
+	absorbedDuration: [2e3, 4e3],
+	emergeDuration: 2200,
+	orbitDuration: [8e3, 14e3]
+}, w = Symbol("blobConfig");
+//#endregion
+//#region src/components/custom/goo-blob/composables/easing.ts
+function T(e) {
+	return e < .5 ? 2 * e * e : 1 - 2 * (1 - e) * (1 - e);
+}
+function E(e) {
+	return e * e;
+}
+function ee(e) {
+	return 1 - (1 - e) * (1 - e);
+}
+//#endregion
+//#region src/components/custom/goo-blob/composables/useBlobMood.ts
+var D = {
+	idle: {
+		orbitSpeedScale: 1,
+		wobbleScale: 1,
+		pulseFreq: .3,
+		pulseAmp: .015,
+		noiseAmp: .025,
+		hueRange: 5,
+		satShift: 0,
+		brightnessShift: 0,
+		smoothK: .22,
+		pointerAttraction: 0,
+		mergeRate: 1
+	},
+	happy: {
+		orbitSpeedScale: 1.4,
+		wobbleScale: 1.3,
+		pulseFreq: .8,
+		pulseAmp: .03,
+		noiseAmp: .035,
+		hueRange: 15,
+		satShift: .05,
+		brightnessShift: .05,
+		smoothK: .28,
+		pointerAttraction: .3,
+		mergeRate: .6
+	},
+	curious: {
+		orbitSpeedScale: .8,
+		wobbleScale: 1.5,
+		pulseFreq: .5,
+		pulseAmp: .02,
+		noiseAmp: .03,
+		hueRange: 10,
+		satShift: .03,
+		brightnessShift: .02,
+		smoothK: .25,
+		pointerAttraction: .6,
+		mergeRate: 1.2
+	},
+	sleepy: {
+		orbitSpeedScale: .4,
+		wobbleScale: .5,
+		pulseFreq: .15,
+		pulseAmp: .008,
+		noiseAmp: .015,
+		hueRange: 3,
+		satShift: -.05,
+		brightnessShift: -.03,
+		smoothK: .16,
+		pointerAttraction: -.2,
+		mergeRate: 2
+	},
+	excited: {
+		orbitSpeedScale: 2.2,
+		wobbleScale: 2,
+		pulseFreq: 1.5,
+		pulseAmp: .05,
+		noiseAmp: .045,
+		hueRange: 25,
+		satShift: .1,
+		brightnessShift: .08,
+		smoothK: .32,
+		pointerAttraction: .1,
+		mergeRate: .3
+	}
+}, O = {
+	idle: 1500,
+	happy: 1200,
+	curious: 800,
+	sleepy: 2500,
+	excited: 600
+};
+function k(e, t, n) {
+	let r = (e, t) => e + (t - e) * n;
+	return {
+		orbitSpeedScale: r(e.orbitSpeedScale, t.orbitSpeedScale),
+		wobbleScale: r(e.wobbleScale, t.wobbleScale),
+		pulseFreq: r(e.pulseFreq, t.pulseFreq),
+		pulseAmp: r(e.pulseAmp, t.pulseAmp),
+		noiseAmp: r(e.noiseAmp, t.noiseAmp),
+		hueRange: r(e.hueRange, t.hueRange),
+		satShift: r(e.satShift, t.satShift),
+		brightnessShift: r(e.brightnessShift, t.brightnessShift),
+		smoothK: r(e.smoothK, t.smoothK),
+		pointerAttraction: r(e.pointerAttraction, t.pointerAttraction),
+		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 s(s) {
+		s === e.value && !o || (e.value = s, n = { ...t.value }, r = D[s], a = O[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);
+	}
+	return {
+		currentMood: v(e),
+		params: v(t),
+		setMood: s,
+		tick: c
+	};
+}
+//#endregion
+//#region src/components/custom/goo-blob/composables/useBlobPointer.ts
+var j = .12;
+function M(e) {
+	let t = y({
+		x: 0,
+		y: 0
+	}), n = y(!1), r = 0, i = 0, a = 0, o = 0;
+	function s(t) {
+		let a = e.value;
+		if (!a) return;
+		let o = a.getBoundingClientRect();
+		r = (t.clientX - o.left) / o.width * 2 - 1, i = (t.clientY - o.top) / o.height * 2 - 1, n.value = !0;
+	}
+	function c() {
+		n.value = !1;
+	}
+	let l = null;
+	S(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?.());
+	function u() {
+		n.value ? (a += (r - a) * j, o += (i - o) * j) : (a *= 1 - j, o *= 1 - j), t.value = {
+			x: a,
+			y: o
+		};
+	}
+	return {
+		pointer: v(t),
+		active: v(n),
+		tick: u
+	};
+}
+//#endregion
+//#region src/components/custom/goo-blob/composables/useBlobSatellites.ts
+function N(e, t, n) {
+	return t + e() * (n - t);
+}
+function P(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function F(e, t, n) {
+	return e + (t - e) * n;
+}
+function I(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",
+		phaseStart: i,
+		phaseDuration: 6e3 + e() * 1e4,
+		timeOrigin: i,
+		angularSpeed: .08 + e() * .16,
+		phaseOffset: a,
+		baseRadiusX: o * (1 - s),
+		baseRadiusY: o * (1 + s),
+		wobbleAmp1: .02 + e() * .06,
+		wobbleFreq1: .08 + e() * .22,
+		wobbleAmp2: .015 + e() * .04,
+		wobbleFreq2: .18 + e() * .32,
+		pertXAmp: .03 + e() * .05,
+		pertXFreq: .06 + e() * .18,
+		pertXPhase: e() * Math.PI * 2,
+		pertYAmp: .03 + e() * .05,
+		pertYFreq: .07 + e() * .17,
+		pertYPhase: e() * Math.PI * 2,
+		startX: 0,
+		startY: 0,
+		endX: 0,
+		endY: 0
+	};
+}
+function L(e, t, n, r) {
+	e.phase = t, e.phaseStart = n, e.phaseDuration = r;
+}
+function R(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) {
+	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) {
+	let n = l(u(t + "goo")), r = [], i = [], a = [], o = -Infinity, s = e.orbitRadius;
+	function c() {
+		let t = e.orbitRadius;
+		if (t !== s && s > 0) {
+			let e = t / s;
+			for (let t of r) t.baseRadiusX *= e, t.baseRadiusY *= e;
+			s = t;
+		}
+	}
+	function d() {
+		let t = e.satelliteCount;
+		for (; r.length < t;) r.push(I(n, r.length, e.orbitRadius, e.eccentricity)), i.push({
+			x: 0,
+			y: 0,
+			radius: e.satelliteRadius,
+			opacity: 0
+		}), a.push({
+			x: 0,
+			y: 0,
+			start: 0
+		});
+		r.length > t && (r.length = t, i.length = t, a.length = t);
+	}
+	d();
+	function f(t, s) {
+		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);
+			switch (c.phase) {
+				case "orbiting":
+					if (d >= 1) if (t - o < 3e3 * u) c.phaseStart = t, c.phaseDuration = N(n, h[0], h[1]);
+					else {
+						let e = R(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;
+					}
+					break;
+				case "merging":
+					d >= 1 && L(c, "absorbed", t, N(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);
+						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);
+					}
+					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]));
+					}
+					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);
+					} else _ = e.x, v = e.y;
+					y = B, 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);
+					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);
+					break;
+				}
+			}
+			let x = i[s];
+			x.x = _, x.y = v, x.radius = f * b, x.opacity = y;
+		}
+	}
+	function p() {
+		for (let e of r) e.phaseOffset += (n() - .5) * .6, e.pertXPhase += n() * Math.PI, e.pertYPhase += n() * Math.PI;
+	}
+	function m(e) {
+		n = l(u(e + "goo"));
+	}
+	return {
+		sources: i,
+		tick: f,
+		nudge: p,
+		reseed: m
+	};
+}
+//#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}
+
+` + K + J + W + J + `
+// --- Color (Ottosson OKLab/OKLCh — value.js EXACT constants, transposed) ---
+//
+// The OETF (srgbToLinear/linearToSrgb) + the four Ottosson matrices + their space
+// conversions are SPLICED from the shared chunk (AV.W2 —
+// src/composables/glass/webgl/shaders/procedural-color.glsl.ts). They live there
+// ONCE so the OETF can never diverge from aurora's; the line-for-line TS port
+// (__tests__/metaball-color.glsl-port.ts) mirrors that chunk. The gamut-clamp
+// below stays blob-local (aurora has no in-shader OKLCh path).
+${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 = [
+	"uResolution",
+	"uTime",
+	"uBaseColor",
+	"uPointer",
+	"uPointerActive",
+	"uPointerAttraction",
+	"uPointerStrength",
+	"uBodyRadius",
+	"uPulsePhase",
+	"uPulseAmp",
+	"uNoiseAmp",
+	"uNoiseFreq",
+	"uNoiseSpeed",
+	"uSmoothK",
+	"uHueRange",
+	"uSatShift",
+	"uBrightnessShift",
+	"uColorNoiseFreq",
+	"uColorNoiseSpeed",
+	"uSatCount"
+];
+function $(e) {
+	let { canvasRef: t, color: i, mood: o, pointer: l, satellites: u, config: d, colorResolver: f } = e;
+	if (typeof f != "function") throw Error("[GooBlob] a `colorResolver` is required. Pass `defaultBlobColorResolver` from `@mkbabb/glass-ui/color` (or your own `ColorResolver`) — the blob resolves its base CSS color through this seam and will not paint without it.");
+	let p = 0, m = /* @__PURE__ */ new Map();
+	function h(e) {
+		let t = m.get(e);
+		if (t) return t;
+		let n = f(e);
+		return m.size > 256 && m.clear(), m.set(e, n), n;
+	}
+	let _ = null, v = !1;
+	c(t, {
+		pause: () => _?.suspend("off-screen"),
+		resume: () => _?.resume("off-screen")
+	}, {
+		rootMargin: "200px",
+		pauseWhenHidden: !1
+	});
+	function y(e) {
+		_ = a(e, {
+			contextAttrs: {
+				alpha: !0,
+				premultipliedAlpha: !0,
+				antialias: !1,
+				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);
+				t.useProgram(f);
+				let m = t.createVertexArray();
+				t.bindVertexArray(m);
+				let g = t.createBuffer();
+				t.bindBuffer(t.ARRAY_BUFFER, g), t.bufferData(t.ARRAY_BUFFER, new Float32Array([
+					-1,
+					-1,
+					1,
+					-1,
+					-1,
+					1,
+					-1,
+					1,
+					1,
+					-1,
+					1,
+					1
+				]), t.STATIC_DRAW);
+				let _ = t.getAttribLocation(f, "aPosition");
+				t.enableVertexAttribArray(_), t.vertexAttribPointer(_, 2, t.FLOAT, !1, 0, 0);
+				let y = {};
+				for (let e of te) 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);
+				function C() {
+					let r = n(), i = e.clientWidth || d.canvasSize, a = e.clientHeight || d.canvasSize, o = Math.round(i * r), s = Math.round(a * r);
+					(e.width !== o || e.height !== s) && (e.width = o, e.height = s), t.viewport(0, 0, o, s);
+				}
+				function w(n) {
+					let r = performance.now(), a = p ? (n - p) * 1e3 : 16;
+					p = n, o.tick(a), l.tick(), u.tick(r, o.params.value);
+					let s = o.params.value, c = h(i.value);
+					t.useProgram(f), t.bindVertexArray(m), t.uniform2f(y.uResolution, e.width, e.height), t.uniform1f(y.uTime, n), t.uniform3f(y.uBaseColor, c[0], c[1], c[2]);
+					let g = l.pointer.value;
+					t.uniform2f(y.uPointer, g.x * .5 * Q, g.y * .5 * Q), t.uniform1f(y.uPointerActive, +!!l.active.value), t.uniform1f(y.uPointerAttraction, d.pointerAttraction + s.pointerAttraction), t.uniform1f(y.uPointerStrength, d.pointerStrength * Q), t.uniform1f(y.uBodyRadius, d.bodyRadius * Q), t.uniform1f(y.uPulsePhase, n * d.pulseFreq * s.pulseFreq * Math.PI * 2), t.uniform1f(y.uPulseAmp, d.pulseAmp * s.pulseAmp / .015 * Q), t.uniform1f(y.uNoiseAmp, d.noiseAmp * s.noiseAmp / .025 * Q), t.uniform1f(y.uNoiseFreq, d.noiseFreq), t.uniform1f(y.uNoiseSpeed, d.noiseSpeed), t.uniform1f(y.uSmoothK, d.smoothK * s.smoothK / .22 * Q), t.uniform1f(y.uHueRange, d.hueRange + s.hueRange), t.uniform1f(y.uSatShift, d.satShift + s.satShift), t.uniform1f(y.uBrightnessShift, d.brightnessShift + s.brightnessShift), t.uniform1f(y.uColorNoiseFreq, d.colorNoiseFreq), t.uniform1f(y.uColorNoiseSpeed, d.colorNoiseSpeed);
+					let _ = u.sources;
+					t.uniform1i(y.uSatCount, _.length);
+					for (let e = 0; e < X; e++) {
+						let n = b[e] ?? null, r = x[e] ?? null, i = S[e] ?? null, a = _[e];
+						a ? (t.uniform2f(n, a.x * Q, a.y * Q), t.uniform1f(r, a.radius * Q), t.uniform1f(i, a.opacity)) : (t.uniform2f(n, 0, 0), t.uniform1f(r, 0), t.uniform1f(i, 0));
+					}
+					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 {
+					frame: w,
+					shouldContinue: T,
+					resize: C,
+					teardown: () => {
+						t.deleteProgram(f), t.deleteShader(a), t.deleteShader(c), t.deleteBuffer(g), t.deleteVertexArray(m);
+					}
+				};
+			}
+		}), _.arm();
+	}
+	return S(t, (e) => {
+		e && !_ && y(e);
+	}, { immediate: !0 }), S(i, () => _?.wake()), g(() => {
+		_?.dispose(), _ = null;
+	}), {
+		pause: () => {
+			v = !0, _?.suspend("manual");
+		},
+		resume: () => {
+			v = !1, _?.resume("manual");
+		}
+	};
+}
+//#endregion
+//#region src/components/custom/goo-blob/GooBlob.vue
+var ne = /* @__PURE__ */ e(/* @__PURE__ */ p({
+	__name: "GooBlob",
+	props: {
+		color: {},
+		colorResolver: { type: Function },
+		config: {},
+		seed: { default: "" }
+	},
+	emits: ["click"],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = m(w, 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);
+		$({
+			canvasRef: o,
+			color: p,
+			mood: c,
+			pointer: l,
+			satellites: u,
+			config: a,
+			colorResolver: e.colorResolver
+		}), S(p, (t) => {
+			u.reseed(t + e.seed);
+		});
+		function g() {
+			u.nudge();
+		}
+		function v(e) {
+			c.setMood(e);
+		}
+		return t({
+			nudge: g,
+			setMood: v,
+			currentMood: c.currentMood
+		}), (t, n) => (_(), d("div", {
+			ref_key: "wrapperRef",
+			ref: s,
+			class: "goo-blob-wrapper",
+			style: h({ "--blob-color": e.color }),
+			onClick: n[0] ||= (e) => r("click")
+		}, [f("canvas", {
+			ref_key: "canvasRef",
+			ref: o,
+			class: "goo-blob-canvas",
+			"aria-hidden": "true",
+			"data-testid": "goo-blob-canvas"
+		}, null, 512)], 4));
+	}
+}), [["__scopeId", "data-v-ff366d67"]]);
+//#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 };

package/dist/header-ribbon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, openBlock as c, ref as l, renderSlot as u } from "vue";
 //#region src/components/custom/header-ribbon/HeaderRibbon.vue?vue&type=script&setup=true&lang.ts
 var d = {
@@ -35,7 +35,7 @@ var d = {
 			isVisible: v,
 			isToggled: h
 		}), (t, a) => (c(), r("div", {
-			class: o(["fixed z-[var(--z-dock)] pointer-events-none w-fit flex items-center px-4 pt-4 pb-2", e.position === "left" ? "top-0 left-0" : "top-0 right-0"]),
+			class: o(["fixed z-dock pointer-events-none w-fit flex items-center px-4 pt-4 pb-2", e.position === "left" ? "top-0 left-0" : "top-0 right-0"]),
 			onMouseleave: S
 		}, [t.$slots.left ? (c(), r("div", d, [u(t.$slots, "left", {}, void 0, !0)])) : n("", !0), i("div", {
 			class: "pointer-events-auto flex items-center h-6",
@@ -58,6 +58,6 @@ var d = {
 			}, [u(t.$slots, "items", {}, void 0, !0)], 2)) : n("", !0)
 		], 32)], 34));
 	}
-}), [["__scopeId", "data-v-4ec8212f"]]);
+}), [["__scopeId", "data-v-7f77154a"]]);
 //#endregion
 export { f as HeaderRibbon };

package/dist/hover-card.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./HoverCardContent-DaGrgJBO.js";
+import { n as e, r as t, t as n } from "./HoverCardContent-ICfIMZX1.js";
 export { t as HoverCard, n as HoverCardContent, e as HoverCardTrigger };

package/dist/hover-popover.js

@@ -1,2 +1,2 @@
-import { t as e } from "./HoverPopover-CWFCfLx3.js";
+import { t as e } from "./HoverPopover-DTSYkJtw.js";
 export { e as HoverPopover };

package/dist/icon-tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconTooltip-BkaA7tZ2.js";
+import { t as e } from "./IconTooltip-BTyYn4mr.js";
 export { e as IconTooltip };

package/dist/index.d.ts

@@ -47,4 +47,5 @@ export * from "./composables/dom";
 export * from "./composables/glass";
 export * from "./composables/sortable";
 export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/useViewTransition";
+export { vReveal } from "./composables/motion/vReveal";
 export * from "./utils";

package/dist/instrument-chassis.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./InstrumentChassis-CnHTMxds.js";
+import { n as e, t } from "./InstrumentChassis-DaHIZCqy.js";
 export { e as ChassisDivider, t as InstrumentChassis };

package/dist/instrument-rail.js

@@ -1,2 +1,2 @@
-import { t as e } from "./InstrumentRail-C6dEbi8E.js";
+import { t as e } from "./InstrumentRail-B0qqLFN0.js";
 export { e as InstrumentRail };

package/dist/keyboard.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-Dpw_RUcB.js";
+import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-BQfnAHHW.js";
 export { i as formatCombo, n as formatComboParts, r as isMac, t as registerShortcut, e as useRegisteredShortcuts };

package/dist/keys-BFoma9vm.js

@@ -0,0 +1,9 @@
+import { t as e } from "./createContext-DBMGRlx4.js";
+//#region src/components/custom/glyph-face/keys.ts
+var t = e("glass-ui:glyph-face-silhouette"), n = t.KEY;
+function r(e) {
+	t.provide(e);
+}
+var i = t.use;
+//#endregion
+export { r as n, i as r, n as t };

package/dist/label.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Label-DJty89bp.js";
+import { t as e } from "./Label-CZk-3nTc.js";
 export { e as Label };