@wave3d/core 0.2.1 → 0.3.0

package/dist/standalone/wave3d.standalone.js

@@ -11575,24 +11575,97 @@ function Ol(e) {
 		x: 10,
 		y: 10,
 		z: 7
-	}, typeof e.blendMode != "string" && (e.blendMode = "squared"), typeof e.speed != "number" && (e.speed = .04), typeof e.opacity != "number" && (e.opacity = 1), typeof e.seed != "number" && (e.seed = 0);
+	}, typeof e.blendMode != "string" && (e.blendMode = "squared"), typeof e.speed != "number" && (e.speed = .04), typeof e.opacity != "number" && (e.opacity = 1), typeof e.seed != "number" && (e.seed = 0), e.interaction && Nl(e);
 }
 function kl(e) {
 	El(e), Dl(e), typeof e.ambient != "number" && (e.ambient = .45), Array.isArray(e.lights) || (e.lights = []), typeof e.quality != "number" && (e.quality = 1), typeof e.dprMax != "number" && (e.dprMax = 2), typeof e.grain != "number" && (e.grain = 1.1), typeof e.blur != "number" && (e.blur = .02), typeof e.blurSamples != "number" && (e.blurSamples = 6), typeof e.bloomStrength != "number" && (e.bloomStrength = 0), typeof e.bloomRadius != "number" && (e.bloomRadius = .4), typeof e.bloomThreshold != "number" && (e.bloomThreshold = .85), typeof e.showCameraRig != "boolean" && (e.showCameraRig = !1), typeof e.paused != "boolean" && (e.paused = !1), typeof e.loopSeconds != "number" && (e.loopSeconds = 0), typeof e.mirrorH != "boolean" && (e.mirrorH = !1), typeof e.mirrorV != "boolean" && (e.mirrorV = !1);
 }
-function Al(e) {
+function Al(e, t, n, r) {
+	let i = Number(e);
+	return Number.isFinite(i) ? pl(i, t, n) : r;
+}
+function jl(e) {
+	return typeof e == "string" && (Hl.includes(e) || e.startsWith("custom:") && e.length > 7);
+}
+function Ml(e, t) {
+	let n = [];
+	if (!Array.isArray(e)) return n;
+	for (let r of e) {
+		if (!r || typeof r != "object") continue;
+		let e = r;
+		if (!jl(e.source) || !t.includes(e.target)) continue;
+		let i = Number(e.to);
+		if (!Number.isFinite(i)) continue;
+		let a = {
+			source: e.source,
+			target: e.target,
+			to: i
+		};
+		if (e.from !== void 0) {
+			let t = Number(e.from);
+			Number.isFinite(t) && (a.from = t);
+		}
+		e.smoothing !== void 0 && (a.smoothing = Al(e.smoothing, 0, 2, .25)), n.push(a);
+	}
+	return n;
+}
+function Nl(e) {
+	let t = e.interaction;
+	if (!t) return;
+	let n = t.hover;
+	n && (n.agitate !== void 0 && (n.agitate = Al(n.agitate, 0, 60, 0)), n.push !== void 0 && (n.push = Al(n.push, -40, 40, 0)), n.wake !== void 0 && (n.wake = Al(n.wake, 0, 40, 0)), n.thin !== void 0 && (n.thin = Al(n.thin, 0, 1, 0)), n.hueShift !== void 0 && (n.hueShift = Al(n.hueShift, -360, 360, 0)), n.lighten !== void 0 && (n.lighten = Al(n.lighten, -1, 1, 0)), n.smoothing !== void 0 && (n.smoothing = Al(n.smoothing, 0, 2, .12))), t.press && t.press.ripple !== void 0 && (t.press.ripple = Al(t.press.ripple, 0, 60, 0)), t.bindings !== void 0 && (t.bindings = Ml(t.bindings, Ul));
+}
+function Pl(e) {
+	let t = e.interaction;
+	t && (t.radius !== void 0 && (t.radius = Al(t.radius, .02, 2, .3)), t.bindings !== void 0 && (t.bindings = Ml(t.bindings, Wl)));
+}
+function Fl(e) {
 	let t = e;
-	return kl(t), (!Array.isArray(t.waves) || t.waves.length === 0) && (t.waves = [Sl()]), t.waves.forEach(Ol), t.waveCount = t.waves.length, t;
+	return kl(t), (!Array.isArray(t.waves) || t.waves.length === 0) && (t.waves = [Sl()]), t.waves.forEach(Ol), t.waveCount = t.waves.length, t.interaction && Pl(t), t;
 }
-var jl, Ml, Nl, Pl, Fl, Il, Ll = t((() => {
-	hl(), jl = 8, Ml = 8, Nl = 8, Pl = 4, Fl = 6, Il = {
+var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
+	hl(), Il = 8, Ll = 8, Rl = 8, zl = 4, Bl = 6, Vl = {
 		x: 800,
 		y: 900,
 		z: 1100
-	};
-})), Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl, Kl = t((() => {
-	Ll(), Rl = "\nfloat xxhash(vec2 x){\n  uvec2 t = floatBitsToUint(x);\n  uint h = 0xc2b2ae3du * t.x + 0x165667b9u;\n  h = (h << 17u | h >> 15u) * 0x27d4eb2fu;\n  h += 0xc2b2ae3du * t.y;\n  h = (h << 17u | h >> 15u) * 0x27d4eb2fu;\n  h ^= h >> 15u;\n  h *= 0x85ebca77u;\n  h ^= h >> 13u;\n  h *= 0xc2b2ae3du;\n  h ^= h >> 16u;\n  return uintBitsToFloat(h >> 9u | 0x3f800000u) - 1.0;\n}\nvec2 hash(vec2 x){\n  float k = 6.283185307 * xxhash(x);\n  return vec2(cos(k), sin(k));\n}\nfloat simplexNoise(in vec2 p){\n  const float K1 = 0.366025404; // (sqrt(3)-1)/2\n  const float K2 = 0.211324865; // (3-sqrt(3))/6\n  vec2 i = floor(p + (p.x + p.y) * K1);\n  vec2 a = p - i + (i.x + i.y) * K2;\n  float m = step(a.y, a.x);\n  vec2 o = vec2(m, 1.0 - m);\n  vec2 b = a - o + K2;\n  vec2 c = a - 1.0 + 2.0 * K2;\n  vec3 h = max(0.5 - vec3(dot(a, a), dot(b, b), dot(c, c)), 0.0);\n  vec3 n = h * h * h * vec3(dot(a, hash(i + 0.0)), dot(b, hash(i + o)), dot(c, hash(i + 1.0)));\n  return dot(n, vec3(32.99)); // analytic factor (= 2916*sqrt(2)/125)\n}\n", zl = "\nuniform vec3 uColors[MAX_COLORS];\nuniform float uColorPos[MAX_COLORS];\nuniform int uColorCount;\nuniform int uGradType;\nuniform float uGradAngle;\nuniform float uGradShift;\nuniform vec2 uMeshPointPos[MAX_MESH_POINTS];\nuniform vec3 uMeshPointColor[MAX_MESH_POINTS];\nuniform float uMeshPointInfluence[MAX_MESH_POINTS];\nuniform int uMeshPointCount;\nuniform float uMeshSoftness;\nuniform sampler2D uPalette;   // baked 2D palette texture\nuniform float uUsePalette;    // >0.5 = sample the texture; else procedural grad()\nuniform float uPaletteRaw;    // >0.5 = sample palette by raw (uv.x,uv.y), not gradCoord\nuniform vec2 uPaletteScale;\nuniform vec2 uPaletteOffset;\nuniform float uPaletteRotation;\nuniform float uHueShift;\nuniform float uContrast;\nuniform float uSaturation;\nuniform float uOpacity;\nuniform float uSquared;   // 1 = square the output colour (the deep \"squared\" hero look)\n", Bl = "\nvec3 contrastFn(vec3 v, float a){ return (v - 0.5) * a + 0.5; }\nvec3 desaturate(vec3 color, float factor){\n  vec3 gray = vec3(dot(vec3(0.299, 0.587, 0.114), color));\n  return mix(color, gray, factor);\n}\nvec3 hueShift(vec3 color, float shift){\n  vec3 g = vec3(0.57735);\n  vec3 proj = g * dot(g, color);\n  vec3 U = color - proj;\n  vec3 W = cross(g, U);\n  return U * cos(shift) + W * sin(shift) + proj;\n}\n\n// Our gradient: interpolate stops by their positions (uColorPos sorted ascending).\nvec3 grad(float u){\n  u = clamp(u, 0.0, 1.0);\n  vec3 col = uColors[0];\n  for (int i = 0; i < MAX_COLORS - 1; i++){\n    if (i >= uColorCount - 1) break;\n    float p0 = uColorPos[i];\n    float p1 = uColorPos[i + 1];\n    if (u >= p0){\n      float t = clamp((u - p0) / max(p1 - p0, 1e-5), 0.0, 1.0);\n      col = mix(uColors[i], uColors[i + 1], t);\n    }\n  }\n  return col;\n}\n\n// iOS-style 2D colour field. Each control point contributes an inverse-distance\n// weight; normalising the sum fills the whole surface without dark seams.\nvec3 meshGradient(vec2 uv){\n  vec3 colorSum = vec3(0.0);\n  float weightSum = 0.0;\n  float exponent = mix(4.8, 1.35, clamp(uMeshSoftness, 0.0, 1.0));\n  for (int i = 0; i < MAX_MESH_POINTS; i++){\n    if (i >= uMeshPointCount) break;\n    float influence = max(uMeshPointInfluence[i], 0.05);\n    float distanceFromPoint = length(uv - uMeshPointPos[i]) / influence;\n    float weight = 1.0 / (pow(max(distanceFromPoint, 0.012), exponent) + 0.002);\n    colorSum += uMeshPointColor[i] * weight;\n    weightSum += weight;\n  }\n  return colorSum / max(weightSum, 0.0001);\n}\n\n// Map a surface uv to the 0–1 gradient coordinate per gradient type. uGradShift\n// adds a low-frequency simplex warp so the colour varies in 2D (along the length\n// as well as across the width) — a 2D palette feel instead\n// of flat 1-D bands.\nfloat gradCoord(vec2 uv){\n  float warp = uGradShift * simplexNoise(uv * 1.6 + 4.0);\n  if (uGradType == 1){ return clamp(length(uv - 0.5) * 2.0 + warp, 0.0, 1.0); }    // radial\n  if (uGradType == 2){ return fract(atan(uv.y - 0.5, uv.x - 0.5) / (2.0 * PI) + 0.5 + warp); } // conic\n  vec2 dir = vec2(sin(uGradAngle), cos(uGradAngle));                              // linear, angled\n  return clamp(dot(uv - 0.5, dir) + 0.5 + warp, 0.0, 1.0);\n}\n\n// One base-colour sample for the whole surface: rotate/scale/offset the raw-palette uv,\n// then pick the mesh field / baked 2D texture / procedural stops by mode. The raw palette\n// is sampled by (uv.x, uv.y) directly; the stops-generated texture is sampled via\n// gradCoord so its angle/type/warp still apply.\nvec3 waveBaseColor(vec2 uv){\n  float gc = gradCoord(uv);\n  vec2 mediaUv = uv - 0.5;\n  float mediaCos = cos(uPaletteRotation);\n  float mediaSin = sin(uPaletteRotation);\n  mediaUv = vec2(\n    mediaCos * mediaUv.x + mediaSin * mediaUv.y,\n    -mediaSin * mediaUv.x + mediaCos * mediaUv.y\n  );\n  mediaUv = mediaUv * uPaletteScale + 0.5 + uPaletteOffset;\n  vec2 puv = uPaletteRaw > 0.5\n    ? clamp(mediaUv, 0.0, 1.0)\n    : vec2(gc, clamp(uv.y, 0.0, 1.0));\n  return uGradType == 3\n    ? meshGradient(uv)\n    : (uUsePalette > 0.5 ? texture2D(uPalette, puv).rgb : grad(gc));\n}\n\n// The shared colour grade: contrast → desaturate → hue rotate (degrees).\nvec3 applyColorGrade(vec3 c){\n  c = contrastFn(c, uContrast);\n  c = desaturate(c, 1.0 - uSaturation);\n  return hueShift(c, radians(uHueShift));\n}\n", Vl = `
-${Rl}
+	}, Hl = [
+		"scroll",
+		"hover",
+		"pointerX",
+		"pointerY",
+		"pointerSpeed",
+		"press",
+		"scrollVelocity",
+		"appear"
+	], Ul = [
+		"displaceAmount",
+		"detailAmount",
+		"twistPowerX",
+		"twistPowerY",
+		"twistPowerZ",
+		"twistFrequencyX",
+		"twistFrequencyY",
+		"twistFrequencyZ",
+		"hueShift",
+		"gradientShift",
+		"colorSaturation",
+		"opacity",
+		"lineThickness",
+		"lineAmount",
+		"fiberStrength",
+		"sheen",
+		"iridescence",
+		"positionX",
+		"positionY"
+	], Wl = [
+		"timeOffset",
+		"cameraZoom",
+		"blur",
+		"grain"
+	];
+})), Kl, ql, Jl, Yl, Xl, Zl, Ql, $l, eu = t((() => {
+	Gl(), Kl = "\nfloat xxhash(vec2 x){\n  uvec2 t = floatBitsToUint(x);\n  uint h = 0xc2b2ae3du * t.x + 0x165667b9u;\n  h = (h << 17u | h >> 15u) * 0x27d4eb2fu;\n  h += 0xc2b2ae3du * t.y;\n  h = (h << 17u | h >> 15u) * 0x27d4eb2fu;\n  h ^= h >> 15u;\n  h *= 0x85ebca77u;\n  h ^= h >> 13u;\n  h *= 0xc2b2ae3du;\n  h ^= h >> 16u;\n  return uintBitsToFloat(h >> 9u | 0x3f800000u) - 1.0;\n}\nvec2 hash(vec2 x){\n  float k = 6.283185307 * xxhash(x);\n  return vec2(cos(k), sin(k));\n}\nfloat simplexNoise(in vec2 p){\n  const float K1 = 0.366025404; // (sqrt(3)-1)/2\n  const float K2 = 0.211324865; // (3-sqrt(3))/6\n  vec2 i = floor(p + (p.x + p.y) * K1);\n  vec2 a = p - i + (i.x + i.y) * K2;\n  float m = step(a.y, a.x);\n  vec2 o = vec2(m, 1.0 - m);\n  vec2 b = a - o + K2;\n  vec2 c = a - 1.0 + 2.0 * K2;\n  vec3 h = max(0.5 - vec3(dot(a, a), dot(b, b), dot(c, c)), 0.0);\n  vec3 n = h * h * h * vec3(dot(a, hash(i + 0.0)), dot(b, hash(i + o)), dot(c, hash(i + 1.0)));\n  return dot(n, vec3(32.99)); // analytic factor (= 2916*sqrt(2)/125)\n}\n", ql = "\nuniform vec3 uColors[MAX_COLORS];\nuniform float uColorPos[MAX_COLORS];\nuniform int uColorCount;\nuniform int uGradType;\nuniform float uGradAngle;\nuniform float uGradShift;\nuniform vec2 uMeshPointPos[MAX_MESH_POINTS];\nuniform vec3 uMeshPointColor[MAX_MESH_POINTS];\nuniform float uMeshPointInfluence[MAX_MESH_POINTS];\nuniform int uMeshPointCount;\nuniform float uMeshSoftness;\nuniform sampler2D uPalette;   // baked 2D palette texture\nuniform float uUsePalette;    // >0.5 = sample the texture; else procedural grad()\nuniform float uPaletteRaw;    // >0.5 = sample palette by raw (uv.x,uv.y), not gradCoord\nuniform vec2 uPaletteScale;\nuniform vec2 uPaletteOffset;\nuniform float uPaletteRotation;\nuniform float uHueShift;\nuniform float uContrast;\nuniform float uSaturation;\nuniform float uOpacity;\nuniform float uSquared;   // 1 = square the output colour (the deep \"squared\" hero look)\n", Jl = "\nvec3 contrastFn(vec3 v, float a){ return (v - 0.5) * a + 0.5; }\nvec3 desaturate(vec3 color, float factor){\n  vec3 gray = vec3(dot(vec3(0.299, 0.587, 0.114), color));\n  return mix(color, gray, factor);\n}\nvec3 hueShift(vec3 color, float shift){\n  vec3 g = vec3(0.57735);\n  vec3 proj = g * dot(g, color);\n  vec3 U = color - proj;\n  vec3 W = cross(g, U);\n  return U * cos(shift) + W * sin(shift) + proj;\n}\n\n// Our gradient: interpolate stops by their positions (uColorPos sorted ascending).\nvec3 grad(float u){\n  u = clamp(u, 0.0, 1.0);\n  vec3 col = uColors[0];\n  for (int i = 0; i < MAX_COLORS - 1; i++){\n    if (i >= uColorCount - 1) break;\n    float p0 = uColorPos[i];\n    float p1 = uColorPos[i + 1];\n    if (u >= p0){\n      float t = clamp((u - p0) / max(p1 - p0, 1e-5), 0.0, 1.0);\n      col = mix(uColors[i], uColors[i + 1], t);\n    }\n  }\n  return col;\n}\n\n// iOS-style 2D colour field. Each control point contributes an inverse-distance\n// weight; normalising the sum fills the whole surface without dark seams.\nvec3 meshGradient(vec2 uv){\n  vec3 colorSum = vec3(0.0);\n  float weightSum = 0.0;\n  float exponent = mix(4.8, 1.35, clamp(uMeshSoftness, 0.0, 1.0));\n  for (int i = 0; i < MAX_MESH_POINTS; i++){\n    if (i >= uMeshPointCount) break;\n    float influence = max(uMeshPointInfluence[i], 0.05);\n    float distanceFromPoint = length(uv - uMeshPointPos[i]) / influence;\n    float weight = 1.0 / (pow(max(distanceFromPoint, 0.012), exponent) + 0.002);\n    colorSum += uMeshPointColor[i] * weight;\n    weightSum += weight;\n  }\n  return colorSum / max(weightSum, 0.0001);\n}\n\n// Map a surface uv to the 0–1 gradient coordinate per gradient type. uGradShift\n// adds a low-frequency simplex warp so the colour varies in 2D (along the length\n// as well as across the width) — a 2D palette feel instead\n// of flat 1-D bands.\nfloat gradCoord(vec2 uv){\n  float warp = uGradShift * simplexNoise(uv * 1.6 + 4.0);\n  if (uGradType == 1){ return clamp(length(uv - 0.5) * 2.0 + warp, 0.0, 1.0); }    // radial\n  if (uGradType == 2){ return fract(atan(uv.y - 0.5, uv.x - 0.5) / (2.0 * PI) + 0.5 + warp); } // conic\n  vec2 dir = vec2(sin(uGradAngle), cos(uGradAngle));                              // linear, angled\n  return clamp(dot(uv - 0.5, dir) + 0.5 + warp, 0.0, 1.0);\n}\n\n// One base-colour sample for the whole surface: rotate/scale/offset the raw-palette uv,\n// then pick the mesh field / baked 2D texture / procedural stops by mode. The raw palette\n// is sampled by (uv.x, uv.y) directly; the stops-generated texture is sampled via\n// gradCoord so its angle/type/warp still apply.\nvec3 waveBaseColor(vec2 uv){\n  float gc = gradCoord(uv);\n  vec2 mediaUv = uv - 0.5;\n  float mediaCos = cos(uPaletteRotation);\n  float mediaSin = sin(uPaletteRotation);\n  mediaUv = vec2(\n    mediaCos * mediaUv.x + mediaSin * mediaUv.y,\n    -mediaSin * mediaUv.x + mediaCos * mediaUv.y\n  );\n  mediaUv = mediaUv * uPaletteScale + 0.5 + uPaletteOffset;\n  vec2 puv = uPaletteRaw > 0.5\n    ? clamp(mediaUv, 0.0, 1.0)\n    : vec2(gc, clamp(uv.y, 0.0, 1.0));\n  return uGradType == 3\n    ? meshGradient(uv)\n    : (uUsePalette > 0.5 ? texture2D(uPalette, puv).rgb : grad(gc));\n}\n\n// The shared colour grade: contrast → desaturate → hue rotate (degrees).\nvec3 applyColorGrade(vec3 c){\n  c = contrastFn(c, uContrast);\n  c = desaturate(c, 1.0 - uSaturation);\n  return hueShift(c, radians(uHueShift));\n}\n", Yl = `
+${Kl}
 
 uniform float uTime, uSpeed, uSeed;
 uniform float uDispFreqX, uDispFreqZ, uDispAmount;
@@ -11605,6 +11678,31 @@ varying vec3 vWorldPos;
 varying vec3 vViewDir;
 varying vec4 vClipPosition; // = gl_Position, for the wireframe theme's depth fade
 
+// Pointer field (optional, additive). ALL declarations here sit behind POINTER_FX so a wave with
+// no interaction config compiles the exact same program (JS-side uniform entries are always present
+// — see makeUniforms — but three only uploads uniforms the compiled program actually declares).
+#ifdef POINTER_FX
+uniform vec2  uPointer;        // smoothed pointer, NDC (-1..1)
+uniform float uPointerActive;  // presence ramp 0..1 × per-wave influence
+uniform float uPointerRadius;  // falloff radius in NDC-y units (config radius × 2)
+uniform float uPointerAspect;  // drawing-buffer dw/dh (circular screen falloff)
+uniform float uPointerAgitate;
+uniform float uPointerPush;    // signed membrane dome at the cursor (+ repel / − attract)
+uniform float uPointerWake;    // drag-wake trough amplitude (behind the moving cursor)
+uniform vec2  uPointerVel;     // smoothed pointer velocity, NDC/s (drag-wake direction)
+varying float vPointerFall;    // falloff × presence — consumed by both fragment themes
+#ifdef POINTER_RIPPLES
+uniform vec2  uRippleOrigin[4]; // NDC
+uniform float uRippleAge[4];    // seconds since spawn (CPU-computed)
+uniform float uRippleAmp[4];    // shared 0..1 decay envelope per slot (CPU-computed; 0 = slot free)
+uniform float uPointerRipple;   // THIS wave's ripple amplitude (scales the shared envelope)
+const float RIPPLE_WAVE_SPEED = 0.85; // NDC/s the ring crest travels outward
+const float RIPPLE_SIGMA = 0.14;      // gaussian half-width of the travelling packet (NDC)
+const float RIPPLE_FREQ = 11.0;       // oscillation within the packet (one crest + faint troughs)
+const float RIPPLE_MAX_R = 1.2;       // reach where the crest has fully left the frame
+#endif
+#endif
+
 // expStep: a falloff from 1 (at x=0) toward 0, sharpness set by n. The
 // max() guards pow(0, n) (= Infinity → NaN) so negative n is safe — negative n
 // just concentrates the twist toward the OTHER end instead.
@@ -11684,6 +11782,57 @@ void main(){
   pos = (vec4(pos, 1.0) * rotB).xyz;
   pos = (vec4(pos, 1.0) * rotC).xyz;
 
+#ifdef POINTER_FX
+  // Pointer field: displace along the wave's own (post-twist) up-axis, weighted by a circular
+  // screen-space falloff around the smoothed cursor. Everything here is ADDITIVE and fenced, so
+  // the shared path above/below is untouched and byte-identical when POINTER_FX is off.
+  vec4 preClip = projectionMatrix * viewMatrix * modelMatrix * vec4(pos, 1.0);
+  vec2 dp = (preClip.xy / max(preClip.w, 1.0e-6) - uPointer) * vec2(uPointerAspect, 1.0);
+  float fall = smoothstep(uPointerRadius, 0.0, length(dp));
+  vPointerFall = fall * uPointerActive;
+  // Displacement axis = local +Y carried through the SAME three twist rotations as pos (row-vector
+  // convention). Rotations are linear, so post-twist axis displacement equals pre-twist Y displacement.
+  vec3 dispAxis = (((vec4(0.0, 1.0, 0.0, 0.0) * rotA) * rotB) * rotC).xyz;
+  // Agitation: a fast churn octave near the cursor (additive — never rewrites base noise t, which
+  // would force restructuring the shared path). Loop-safe under both time variants.
+#ifdef LOOP_MOTION
+  float disp = uPointerAgitate * vPointerFall
+        * simplexNoise(vec2(pos.x * uDispFreqX * 3.0, pos.z * uDispFreqZ * 3.0) + loopOff * 4.0);
+#else
+  float disp = uPointerAgitate * vPointerFall
+        * simplexNoise(vec2(pos.x * uDispFreqX * 3.0 + t * 4.0, pos.z * uDispFreqZ * 3.0));
+#endif
+  // Membrane push/pull: a smooth dome (vPointerFall is the falloff) that swells toward you (+ repel)
+  // or dents away (− attract) at the cursor, riding along with the sprung field.
+  disp += uPointerPush * vPointerFall;
+  // Drag-wake: pull the surface just BEHIND the moving cursor into a trailing trough. dp points
+  // from cursor to vertex; "behind" is how far the vertex sits opposite the velocity (0 ahead → 1 a
+  // radius behind), gated by speed so it only forms while dragging and heals when the cursor stops.
+  vec2 velC = uPointerVel * vec2(uPointerAspect, 1.0);
+  float wakeSpeed = length(velC);
+  if (uPointerWake != 0.0 && wakeSpeed > 1.0e-4) {
+    float behind = clamp(dot(-dp, velC) / (wakeSpeed * uPointerRadius), 0.0, 1.0);
+    disp -= uPointerWake * vPointerFall * behind * smoothstep(0.05, 0.6, wakeSpeed);
+  }
+#ifdef POINTER_RIPPLES
+  for (int i = 0; i < 4; i++) {
+    if (uRippleAmp[i] > 0.0) {
+      float rd = length((preClip.xy / max(preClip.w, 1.0e-6) - uRippleOrigin[i]) * vec2(uPointerAspect, 1.0));
+      // A wave PACKET whose crest travels outward at RIPPLE_WAVE_SPEED: a gaussian window centred on
+      // the moving front carrying a short oscillation (a raised ring with faint trailing troughs),
+      // so the energy radiates instead of throbbing at the click point. The shared uRippleAmp
+      // envelope fades the whole packet over its lifetime; reach fades it as the crest leaves frame.
+      float front = uRippleAge[i] * RIPPLE_WAVE_SPEED;
+      float band  = rd - front;
+      float packet = exp(-band * band / (2.0 * RIPPLE_SIGMA * RIPPLE_SIGMA)) * cos(band * RIPPLE_FREQ);
+      float reach = 1.0 - smoothstep(RIPPLE_MAX_R * 0.7, RIPPLE_MAX_R, front);
+      disp += uPointerRipple * uRippleAmp[i] * packet * reach;
+    }
+  }
+#endif
+  pos += dispAxis * disp;
+#endif
+
   // The scale / rotation / position transform lives on the mesh (modelMatrix), so the
   // orientation matches THREE's Euler-XYZ rather than an in-shader rotation order.
   vec4 world = modelMatrix * vec4(pos, 1.0);
@@ -11692,16 +11841,16 @@ void main(){
   gl_Position = projectionMatrix * viewMatrix * world;
   vClipPosition = gl_Position;
 }
-`, Hl = `
+`, Xl = `
 #define MAX_COLORS 8
 #define MAX_MESH_POINTS 8
 #define MAX_LIGHTS 8
 #define MAX_NOISE_BANDS 4
 #define PI 3.14159265359
 
-${Rl}
+${Kl}
 
-${zl}
+${ql}
 uniform float uDebug;         // dev: 1 = show crease, 2 = show derivative normal
 uniform float uSheen;       // white-lift on the flat (low-crease) areas (1 = full)
 uniform float uRoundness;        // pose-robust normal-based roundness/thickness strength
@@ -11735,6 +11884,12 @@ varying vec4 vClipPosition; // clip-space depth (written by the vertex shader fo
 #ifdef EDGE_FEATHER
 uniform float uEdgeFeather; // ribbon long-edge softness (only when it differs from the 0.1 default)
 #endif
+#ifdef POINTER_FX
+uniform float uPointerThin;    // 0..1 local translucency near the cursor
+uniform float uPointerHue;     // degrees, local hue rotation near the cursor
+uniform float uPointerLighten; // -1..1 local brightness lift near the cursor
+varying float vPointerFall;    // falloff × presence, written by the vertex shader
+#endif
 
 // Cheap value hash for the optional grain overlay (distinct from the simplex hash).
 float grainHash(vec2 p){ return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453); }
@@ -11742,7 +11897,7 @@ float grainHash(vec2 p){ return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758
 float parabola(float x, float k){ return pow(4.0 * x * (1.0 - x), k); }
 float mapLinear(float v, float a, float b, float c, float d){ return c + (v - a) * (d - c) / (b - a); }
 
-${Bl}
+${Jl}
 
 // Striations: a subtle high-frequency simplex-noise grain ADDED to the
 // colour — colour-matched (weaker where blue is high), only near folds (crease), and
@@ -11799,6 +11954,12 @@ void main(){
   col = surfaceStreaks(vUv, col, crease);
   col = applyColorGrade(col);
 
+#ifdef POINTER_FX
+  // Local hue rotation + brightness lift near the cursor (both fade out with vPointerFall).
+  col = hueShift(col, radians(uPointerHue) * vPointerFall);
+  col *= 1.0 + uPointerLighten * vPointerFall;
+#endif
+
   // Iridescence: a thin-film / holographic hue that shifts with view angle. Reuses the same
   // camera-facing ratio as roundness (recomputed here, since roundness may be off): grazing parts
   // of the ribbon (low facing) shift hue most, so the colour flows as the ribbon curves. Skipped
@@ -11861,6 +12022,9 @@ void main(){
   float ribEdge = smoothstep(0.0, 0.1, vUv.y) * (1.0 - smoothstep(0.9, 1.0, vUv.y));
 #endif
   float alpha = uOpacity * ribEdge;
+#ifdef POINTER_FX
+  alpha *= clamp(1.0 - uPointerThin * vPointerFall, 0.0, 1.0); // solid: local translucency
+#endif
   if (uEdgeFade > 0.001) {
     vec2 sc = gl_FragCoord.xy / max(uResolution, vec2(1.0));
     float vig =
@@ -11882,14 +12046,14 @@ void main(){
   gl_FragColor.rgb *= gl_FragColor.a;
 #endif
 }
-`, Ul = `
+`, Zl = `
 #define MAX_COLORS 8
 #define MAX_MESH_POINTS 8
 #define PI 3.14159265359
 
-${Rl}
+${Kl}
 
-${zl}
+${ql}
 uniform float uLineAmount;          // default 425
 uniform float uLineThickness;       // default 1
 uniform float uLineDerivativePower; // default 0.95
@@ -11898,16 +12062,30 @@ uniform vec3 uClearColor;           // = page background colour (shown between t
 
 varying vec2 vUv;
 varying vec4 vClipPosition;
+#ifdef POINTER_FX
+uniform float uPointerThin;    // 0..1 — strands taper to hairlines near the cursor
+uniform float uPointerHue;     // degrees, local hue rotation near the cursor
+uniform float uPointerLighten; // -1..1 local brightness lift near the cursor
+varying float vPointerFall;    // falloff × presence, written by the vertex shader
+#endif
 
-${Bl}
+${Jl}
 
 void main(){
   // Same 2D palette sample + colour ops as the solid theme.
   vec3 color = applyColorGrade(waveBaseColor(vUv));
 
+#ifdef POINTER_FX
+  color = hueShift(color, radians(uPointerHue) * vPointerFall);
+  color *= 1.0 + uPointerLighten * vPointerFall;
+#endif
+
   // Carve into fine vertical lines; thickness from the screen-space uv derivative.
   vec2 dy = dFdy(vUv);
   float lineThickness = uLineThickness * pow(abs(dy.x * uMaxWidth), uLineDerivativePower);
+#ifdef POINTER_FX
+  lineThickness *= clamp(1.0 - uPointerThin * vPointerFall, 0.0, 1.0); // wireframe: taper strands
+#endif
   float a = abs(sin(vUv.x * uLineAmount));
   a = smoothstep(lineThickness, 0.0, a);
 
@@ -11924,9 +12102,9 @@ void main(){
   gl_FragColor.rgb *= gl_FragColor.a;
 #endif
 }
-`, Wl = "\nvarying vec2 vUv;\nvoid main(){\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n", Gl = "\nuniform sampler2D tDiffuse;\nuniform vec2 uResolution;\nuniform float uBlurAmount;\nuniform int uBlurSamples;\nuniform float uGrainAmount;\nuniform float uTime;\nvarying vec2 vUv;\n\nfloat random2(vec2 st){ return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453); }\n\n// Angular (spin) blur: rotate the sample coord around the centre and\n// accumulate — a tangential smear that grows toward the edges. Carries alpha so a\n// transparent background survives the post pass.\nvec4 blurAngular(sampler2D tex, vec2 uv, float angle, int samples){\n  vec4 total = vec4(0.0);\n  vec2 coord = uv - 0.5;\n  float dist = 1.0 / float(samples);\n  vec2 dir = vec2(cos(angle * dist), sin(angle * dist));\n  mat2 rot = mat2(dir.x, dir.y, -dir.y, dir.x);\n  for (int i = 0; i < 64; i++){\n    if (i >= samples) break;\n    total += texture2D(tex, coord + 0.5);\n    coord = coord * rot; // row-vector order (coord * rot) sets the spin direction\n  }\n  return total * dist;\n}\n\nvoid main(){\n  vec4 sceneColor = texture2D(tDiffuse, vUv);\n  vec4 blurColor = blurAngular(tDiffuse, vUv, uBlurAmount, uBlurSamples);\n  // blurPower: keep a sharp band weighted to the middle, blurring toward top & bottom.\n  float blurPower = smoothstep(0.0, 0.7, vUv.y) - smoothstep(0.2, 1.0, vUv.y);\n  vec4 color = mix(blurColor, sceneColor, blurPower);\n  // Static film grain: keyed off gl_FragCoord only (no uTime), so it doesn't flicker.\n  color.rgb += mix(uGrainAmount, -uGrainAmount, random2(gl_FragCoord.xy * 0.01)) * (4.0 / 255.0);\n  gl_FragColor = color;   // preserve alpha → transparent background works\n}\n";
-})), ql, Jl, Yl, Xl, Zl, Ql, $l = t((() => {
-	Vc(), ql = 400, Jl = 16, Yl = ql / 4, Xl = new K(1, 0, 0), Zl = new K(0, 1, 0), Ql = class {
+`, Ql = "\nvarying vec2 vUv;\nvoid main(){\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n", $l = "\nuniform sampler2D tDiffuse;\nuniform vec2 uResolution;\nuniform float uBlurAmount;\nuniform int uBlurSamples;\nuniform float uGrainAmount;\nuniform float uTime;\nvarying vec2 vUv;\n\nfloat random2(vec2 st){ return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453); }\n\n// Angular (spin) blur: rotate the sample coord around the centre and\n// accumulate — a tangential smear that grows toward the edges. Carries alpha so a\n// transparent background survives the post pass.\nvec4 blurAngular(sampler2D tex, vec2 uv, float angle, int samples){\n  vec4 total = vec4(0.0);\n  vec2 coord = uv - 0.5;\n  float dist = 1.0 / float(samples);\n  vec2 dir = vec2(cos(angle * dist), sin(angle * dist));\n  mat2 rot = mat2(dir.x, dir.y, -dir.y, dir.x);\n  for (int i = 0; i < 64; i++){\n    if (i >= samples) break;\n    total += texture2D(tex, coord + 0.5);\n    coord = coord * rot; // row-vector order (coord * rot) sets the spin direction\n  }\n  return total * dist;\n}\n\nvoid main(){\n  vec4 sceneColor = texture2D(tDiffuse, vUv);\n  vec4 blurColor = blurAngular(tDiffuse, vUv, uBlurAmount, uBlurSamples);\n  // blurPower: keep a sharp band weighted to the middle, blurring toward top & bottom.\n  float blurPower = smoothstep(0.0, 0.7, vUv.y) - smoothstep(0.2, 1.0, vUv.y);\n  vec4 color = mix(blurColor, sceneColor, blurPower);\n  // Static film grain: keyed off gl_FragCoord only (no uTime), so it doesn't flicker.\n  color.rgb += mix(uGrainAmount, -uGrainAmount, random2(gl_FragCoord.xy * 0.01)) * (4.0 / 255.0);\n  gl_FragColor = color;   // preserve alpha → transparent background works\n}\n";
+})), tu, nu, ru, iu, au, ou, su = t((() => {
+	Vc(), tu = 400, nu = 16, ru = tu / 4, iu = new K(1, 0, 0), au = new K(0, 1, 0), ou = class {
 		geometry;
 		segments = -1;
 		constructor(e) {
@@ -11935,11 +12113,11 @@ void main(){
 		resize(e) {
 			if (e === this.segments) return;
 			this.segments = e;
-			let t = Gt.clamp(Math.round(e), 48, 200), n = t * 2, r = new wi(ql, ql, t, n), i = r.attributes.position, a = r.attributes.uv, o = new K();
+			let t = Gt.clamp(Math.round(e), 48, 200), n = t * 2, r = new wi(tu, tu, t, n), i = r.attributes.position, a = r.attributes.uv, o = new K();
 			for (let e = 0; e < i.count; e++) {
 				o.fromBufferAttribute(i, e);
 				let t = a.getY(e), n = 4 - 2 * (4 * t * (1 - t)) ** 9.5;
-				o.x < -16 ? o.z += n : o.x < Jl ? (o.z = Math.cos(Gt.mapLinear(o.x, -16, Jl, 0, Math.PI)) * n, o.x = Math.cos(Gt.mapLinear(o.x, -16, Jl, -Math.PI / 2, Math.PI / 2)) * n - Jl) : (o.z -= n, o.x = -o.x), o.x += Yl, o.applyAxisAngle(Xl, -Math.PI / 2), o.applyAxisAngle(Zl, -Math.PI / 2), i.setXYZ(e, o.x, o.y, o.z);
+				o.x < -16 ? o.z += n : o.x < nu ? (o.z = Math.cos(Gt.mapLinear(o.x, -16, nu, 0, Math.PI)) * n, o.x = Math.cos(Gt.mapLinear(o.x, -16, nu, -Math.PI / 2, Math.PI / 2)) * n - nu) : (o.z -= n, o.x = -o.x), o.x += ru, o.applyAxisAngle(iu, -Math.PI / 2), o.applyAxisAngle(au, -Math.PI / 2), i.setXYZ(e, o.x, o.y, o.z);
 			}
 			i.needsUpdate = !0;
 			let s = t + 1, c = r.getIndex(), l = c ? Array.from(c.array) : [];
@@ -11959,43 +12137,356 @@ void main(){
 	};
 }));
 //#endregion
+//#region src/renderer/interaction.ts
+function cu(e, t) {
+	return e > 0 ? 1 - Math.exp(-t / e) : 1;
+}
+function lu(e, t, n, r, i, a) {
+	if (a <= 0) return;
+	let o = a > Tu ? Math.min(Math.ceil(a / Tu), Eu) : 1, s = a / o, c = r * r, l = 2 * i * r;
+	for (let r = 0; r < o; r++) t.x += (c * (n.x - e.x) - l * t.x) * s, t.y += (c * (n.y - e.y) - l * t.y) * s, e.x += t.x * s, e.y += t.y * s;
+}
+function uu(e) {
+	return e.interaction?.enabled !== !1;
+}
+function du(e) {
+	let t = e.interaction;
+	return !!t && (!!t.hover || (t.press?.ripple ?? 0) > 0);
+}
+function fu(e, t) {
+	return uu(e) && du(t);
+}
+function pu(e, t) {
+	return uu(e) && (t.interaction?.press?.ripple ?? 0) > 0;
+}
+function mu(e) {
+	return uu(e) && e.waves.some(du);
+}
+function hu(e) {
+	return uu(e) ? (e.interaction?.bindings?.length ?? 0) > 0 ? !0 : e.waves.some((e) => {
+		let t = e.interaction;
+		return !!t && (!!t.hover || (t.press?.ripple ?? 0) > 0 || (t.bindings?.length ?? 0) > 0);
+	}) : !1;
+}
+var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() => {
+	Vc(), hl(), gu = 1.5, _u = .08, vu = 4, yu = 2, bu = .15, xu = .12, Su = .25, Cu = .7, wu = .02, Tu = 1 / 120, Eu = 6, Du = (e, t) => ({
+		base: e,
+		apply: t
+	}), Ou = (e, t) => ({
+		base: e,
+		apply: t
+	}), ku = {
+		displaceAmount: Du((e) => e.displaceAmount, (e, t) => {
+			t.u.uDispAmount.value = e;
+		}),
+		detailAmount: Du((e) => e.detailAmount ?? 0, (e, t) => {
+			t.u.uDetailAmount.value = e;
+		}),
+		twistPowerX: Du((e) => e.twistPower.x, (e, t) => {
+			t.u.uTwPowX.value = e;
+		}),
+		twistPowerY: Du((e) => e.twistPower.y, (e, t) => {
+			t.u.uTwPowY.value = e;
+		}),
+		twistPowerZ: Du((e) => e.twistPower.z, (e, t) => {
+			t.u.uTwPowZ.value = e;
+		}),
+		twistFrequencyX: Du((e) => e.twistFrequency.x, (e, t) => {
+			t.u.uTwFreqX.value = e;
+		}),
+		twistFrequencyY: Du((e) => e.twistFrequency.y, (e, t) => {
+			t.u.uTwFreqY.value = e;
+		}),
+		twistFrequencyZ: Du((e) => e.twistFrequency.z, (e, t) => {
+			t.u.uTwFreqZ.value = e;
+		}),
+		hueShift: Du((e) => e.hueShift, (e, t) => {
+			t.u.uHueShift.value = e;
+		}),
+		gradientShift: Du((e) => e.gradientShift ?? 0, (e, t) => {
+			t.u.uGradShift.value = e;
+		}),
+		colorSaturation: Du((e) => e.colorSaturation, (e, t) => {
+			t.u.uSaturation.value = e;
+		}),
+		opacity: Du((e) => e.opacity, (e, t) => {
+			t.u.uOpacity.value = e;
+		}),
+		lineThickness: Du((e) => e.lineThickness ?? 1, (e, t) => {
+			t.u.uLineThickness.value = e;
+		}),
+		lineAmount: Du((e) => e.lineAmount ?? 425, (e, t) => {
+			t.u.uLineAmount.value = e;
+		}),
+		fiberStrength: Du((e) => e.fiberStrength, (e, t) => {
+			t.u.uFiberStrength.value = e;
+		}),
+		sheen: Du((e) => e.sheen ?? 1, (e, t) => {
+			t.u.uSheen.value = e;
+		}),
+		iridescence: Du((e) => e.iridescence ?? 0, (e, t) => {
+			t.u.uIridescence.value = e;
+		}),
+		positionX: Du((e) => e.position.x, (e, t) => {
+			t.mesh.position.x = e;
+		}),
+		positionY: Du((e) => e.position.y, (e, t) => {
+			t.mesh.position.y = e;
+		})
+	}, Au = {
+		timeOffset: Ou((e) => e.timeOffset ?? 0, (e, t) => {
+			t.out.timeOffset = e;
+		}),
+		cameraZoom: Ou((e) => e.cameraZoom ?? 1, (e, t) => {
+			t.out.zoom = e;
+		}),
+		blur: Ou((e) => e.blur, (e, t) => {
+			t.post.uBlurAmount.value = e;
+		}),
+		grain: Ou((e) => e.grain, (e, t) => {
+			t.post.uGrainAmount.value = e;
+		})
+	}, ju = class {
+		container;
+		cfg;
+		scrollOverride = null;
+		ndc = new G();
+		ndcTarget = new G();
+		ndcPrev = new G();
+		velNdc = new G();
+		presence = 0;
+		presenceTarget = 0;
+		press = 0;
+		pressTarget = 0;
+		pointerSpeed = 0;
+		scroll = 0;
+		scrollPrev = 0;
+		scrollVel = 0;
+		appearLatched = !1;
+		customInputs = /* @__PURE__ */ new Map();
+		ripples = [];
+		fields = [];
+		bindingState = /* @__PURE__ */ new Map();
+		seenBindings = /* @__PURE__ */ new Set();
+		out;
+		constructor(e, t) {
+			this.container = e, this.cfg = t;
+			for (let e = 0; e < 4; e++) this.ripples.push({
+				origin: new G(),
+				age: 0,
+				amp: 0,
+				active: !1
+			});
+			this.out = {
+				ndc: this.ndc,
+				presence: 0,
+				ripples: this.ripples
+			};
+			let n = { passive: !0 };
+			e.addEventListener("pointerenter", this.onPointerEnter, n), e.addEventListener("pointermove", this.onPointerMove, n), e.addEventListener("pointerleave", this.onPointerLeave, n), e.addEventListener("pointercancel", this.onPointerCancel, n), e.addEventListener("pointerdown", this.onPointerDown, n), e.addEventListener("pointerup", this.onPointerUp, n);
+		}
+		ignore(e) {
+			return e.pointerType === "touch" && this.cfg()?.interaction?.touch !== !0;
+		}
+		setNdcTarget(e) {
+			let t = this.container.getBoundingClientRect();
+			t.width <= 0 || t.height <= 0 || this.ndcTarget.set((e.clientX - t.left) / t.width * 2 - 1, -((e.clientY - t.top) / t.height * 2 - 1));
+		}
+		onPointerEnter = (e) => {
+			this.ignore(e) || (this.presenceTarget = 1, this.setNdcTarget(e));
+		};
+		onPointerMove = (e) => {
+			this.ignore(e) || e.pointerType === "touch" && this.pressTarget < .5 || (this.presenceTarget = 1, this.setNdcTarget(e));
+		};
+		onPointerLeave = (e) => {
+			this.ignore(e) || (this.presenceTarget = 0, this.ndcTarget.set(0, 0));
+		};
+		onPointerCancel = (e) => {
+			this.ignore(e) || (this.pressTarget = 0, this.presenceTarget = 0, this.ndcTarget.set(0, 0));
+		};
+		onPointerDown = (e) => {
+			if (this.ignore(e)) return;
+			this.pressTarget = 1, this.presenceTarget = 1, this.setNdcTarget(e);
+			let t = this.cfg();
+			t && t.waves.some((e) => (e.interaction?.press?.ripple ?? 0) > 0) && this.spawnRipple();
+		};
+		onPointerUp = (e) => {
+			this.ignore(e) || (this.pressTarget = 0, e.pointerType === "touch" && (this.presenceTarget = 0, this.ndcTarget.set(0, 0)));
+		};
+		spawnRipple() {
+			let e = this.ripples.find((e) => !e.active);
+			if (!e) {
+				e = this.ripples[0];
+				for (let t of this.ripples) t.age > e.age && (e = t);
+			}
+			e.origin.copy(this.ndcTarget), e.age = 0, e.amp = 1, e.active = !0;
+		}
+		update(e) {
+			let t = this.cfg();
+			if (!t) return;
+			let n = Math.max(e, 0), r = cu(xu, n);
+			if (this.ndcPrev.copy(this.ndc), this.ndc.lerp(this.ndcTarget, r), this.presence += (this.presenceTarget - this.presence) * r, this.press += (this.pressTarget - this.press) * r, n > 1e-5) {
+				let e = cu(_u, n);
+				this.velNdc.x += ((this.ndc.x - this.ndcPrev.x) / n - this.velNdc.x) * e, this.velNdc.y += ((this.ndc.y - this.ndcPrev.y) / n - this.velNdc.y) * e;
+			}
+			this.pointerSpeed = this.presence * ml(this.velNdc.length() / vu);
+			let i = t.waves;
+			this.fields.length > i.length && (this.fields.length = i.length);
+			for (let e = 0; e < i.length; e++) {
+				let t = this.fields[e];
+				t || (t = {
+					ndc: this.ndcTarget.clone(),
+					vel: new G(),
+					presence: this.presenceTarget
+				}, this.fields[e] = t);
+				let r = Math.max(i[e].interaction?.hover?.smoothing ?? xu, wu);
+				lu(t.ndc, t.vel, this.ndcTarget, 1 / r, Cu, n), t.presence += (this.presenceTarget - t.presence) * cu(r, n);
+			}
+			let a = this.scrollOverride ?? this.computeScroll();
+			if (n > 1e-5) {
+				let e = Math.abs(a - this.scrollPrev) / n;
+				this.scrollVel += (e - this.scrollVel) * cu(bu, n);
+			}
+			this.scrollPrev = a, this.scroll = a, this.appearLatched = !0;
+			for (let e of this.ripples) {
+				if (!e.active) continue;
+				e.age += n;
+				let t = Math.max(0, 1 - e.age / gu);
+				e.amp = t * t, e.amp <= 0 && (e.active = !1);
+			}
+			this.updateBindings(t, n);
+		}
+		updateBindings(e, t) {
+			let n = this.seenBindings;
+			n.clear();
+			let r = e.interaction?.bindings;
+			if (r) for (let e = 0; e < r.length; e++) this.advanceBinding(r[e], t);
+			for (let n = 0; n < e.waves.length; n++) {
+				let r = e.waves[n].interaction?.bindings;
+				if (r) for (let e = 0; e < r.length; e++) this.advanceBinding(r[e], t);
+			}
+			if (this.bindingState.size > n.size) for (let e of this.bindingState.keys()) n.has(e) || this.bindingState.delete(e);
+		}
+		advanceBinding(e, t) {
+			this.seenBindings.add(e);
+			let n = this.rawSource(e.source), r = this.bindingState.get(e);
+			(!r || r.source !== e.source) && (r = {
+				value: e.source === "appear" ? 0 : n,
+				source: e.source
+			}, this.bindingState.set(e, r)), r.value += (n - r.value) * cu(e.smoothing ?? Su, t);
+		}
+		bindingValue(e) {
+			return this.bindingState.get(e)?.value ?? 0;
+		}
+		rawSource(e) {
+			switch (e) {
+				case "scroll": return this.scroll;
+				case "hover": return this.presence;
+				case "pointerX": return (this.ndc.x + 1) * .5;
+				case "pointerY": return (this.ndc.y + 1) * .5;
+				case "pointerSpeed": return this.pointerSpeed;
+				case "press": return this.press;
+				case "scrollVelocity": return ml(this.scrollVel / yu);
+				case "appear": return +!!this.appearLatched;
+				default: return this.customInputs.get(e.slice(7)) ?? 0;
+			}
+		}
+		computeScroll() {
+			let e = this.container.getBoundingClientRect(), t = window.innerHeight || document.documentElement.clientHeight || 1;
+			return ml((t - e.top) / (t + e.height));
+		}
+		sample() {
+			return this.out.presence = this.presence, this.out;
+		}
+		fieldFor(e) {
+			return this.fields[e] ?? null;
+		}
+		pointerFlux() {
+			return this.pointerSpeed;
+		}
+		pointerVelocity() {
+			return this.velNdc;
+		}
+		setInput(e, t) {
+			typeof e != "string" || !Number.isFinite(t) || this.customInputs.set(e, t);
+		}
+		settle() {
+			this.presence = this.presenceTarget = 0, this.press = this.pressTarget = 0, this.pointerSpeed = 0, this.velNdc.set(0, 0), this.ndc.set(0, 0), this.ndcTarget.set(0, 0), this.ndcPrev.set(0, 0);
+			for (let e of this.fields) e.ndc.set(0, 0), e.vel.set(0, 0), e.presence = 0;
+			for (let e of this.ripples) e.age = 0, e.amp = 0, e.active = !1;
+			let e = this.scrollOverride ?? this.computeScroll();
+			this.scroll = this.scrollPrev = e, this.scrollVel = 0, this.appearLatched = !0;
+			let t = this.cfg();
+			if (t) {
+				this.bindingState.clear();
+				let e = (e) => {
+					this.bindingState.set(e, {
+						value: this.rawSource(e.source),
+						source: e.source
+					});
+				};
+				for (let n of t.interaction?.bindings ?? []) e(n);
+				for (let n of t.waves) for (let t of n.interaction?.bindings ?? []) e(t);
+			}
+		}
+		snapScroll() {
+			let e = this.scrollOverride ?? this.computeScroll();
+			this.scroll = this.scrollPrev = e, this.scrollVel = 0;
+			let t = this.cfg();
+			if (!t) return;
+			let n = (e) => {
+				(e.source === "scroll" || e.source === "scrollVelocity") && this.bindingState.set(e, {
+					value: this.rawSource(e.source),
+					source: e.source
+				});
+			};
+			for (let e of t.interaction?.bindings ?? []) n(e);
+			for (let e of t.waves) for (let t of e.interaction?.bindings ?? []) n(t);
+		}
+		dispose() {
+			let e = this.container;
+			e.removeEventListener("pointerenter", this.onPointerEnter), e.removeEventListener("pointermove", this.onPointerMove), e.removeEventListener("pointerleave", this.onPointerLeave), e.removeEventListener("pointercancel", this.onPointerCancel), e.removeEventListener("pointerdown", this.onPointerDown), e.removeEventListener("pointerup", this.onPointerUp), this.customInputs.clear(), this.bindingState.clear();
+		}
+	};
+}));
+//#endregion
 //#region src/renderer/palette.ts
-function eu(e) {
+function Nu(e) {
 	return e * e * (3 - 2 * e);
 }
-function tu(e, t) {
+function Pu(e, t) {
 	let n = new X(e).clone().convertLinearToSRGB();
 	return `rgba(${Math.round(n.r * 255)}, ${Math.round(n.g * 255)}, ${Math.round(n.b * 255)}, ${t})`;
 }
-function nu(e) {
+function Fu(e) {
 	let t = document.createElement("canvas");
-	t.width = xu, t.height = Su;
+	t.width = ed, t.height = td;
 	let n = t.getContext("2d");
 	if (!n) return t;
-	let r = [...e.stops].sort((e, t) => e.pos - t.pos), i = n.createLinearGradient(0, 0, xu, 0);
+	let r = [...e.stops].sort((e, t) => e.pos - t.pos), i = n.createLinearGradient(0, 0, ed, 0);
 	if (r.length === 0) i.addColorStop(0, "#ffffff");
 	else for (let e of r) i.addColorStop(ml(e.pos), e.color);
-	n.fillStyle = i, n.fillRect(0, 0, xu, Su);
+	n.fillStyle = i, n.fillRect(0, 0, ed, td);
 	let a = ml(e.edgeAmount);
 	if (a > .001) {
-		let t = n.createLinearGradient(0, 0, 0, Su);
-		t.addColorStop(0, tu(e.edgeColor, a)), t.addColorStop(.5, tu(e.edgeColor, 0)), t.addColorStop(1, tu(e.edgeColor, a)), n.fillStyle = t, n.fillRect(0, 0, xu, Su);
+		let t = n.createLinearGradient(0, 0, 0, td);
+		t.addColorStop(0, Pu(e.edgeColor, a)), t.addColorStop(.5, Pu(e.edgeColor, 0)), t.addColorStop(1, Pu(e.edgeColor, a)), n.fillStyle = t, n.fillRect(0, 0, ed, td);
 	}
 	return t;
 }
-function ru(e) {
+function Iu(e) {
 	return `${e.stops.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(",")}|${e.edgeColor}|${e.edgeAmount.toFixed(3)}`;
 }
-function iu(e) {
+function Lu(e) {
 	return e.colorSpace = At, e.minFilter = z, e.magFilter = z, e.wrapS = he, e.wrapT = he, e.generateMipmaps = !1, e;
 }
-function au(e) {
-	return iu(new yi(e));
+function Ru(e) {
+	return Lu(new yi(e));
 }
-function ou(e) {
-	return au(nu(e));
+function zu(e) {
+	return Ru(Fu(e));
 }
-function su(e) {
+function Bu(e) {
 	let t = document.createElement("canvas");
 	t.width = Math.max(1, Math.round(e.width)), t.height = Math.max(1, Math.round(e.height));
 	let n = t.getContext("2d");
@@ -12012,11 +12503,11 @@ function su(e) {
 	else for (let e of l) c.addColorStop(ml(e.pos), e.color);
 	return n.fillStyle = c, n.fillRect(0, 0, r, i), t;
 }
-function cu(e) {
+function Vu(e) {
 	let t = ml(e), n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055;
 	return Math.round(ml(n) * 255);
 }
-function lu(e, t, n, r) {
+function Hu(e, t, n, r) {
 	let i = Math.max(1, Math.round(n)), a = Math.max(1, Math.round(r)), o = new ImageData(i, a), s = o.data, c = e.length >= 2 ? e : yl(), l = c.map((e) => new X(e.color)), u = 4.8 + -3.4499999999999997 * ml(t);
 	for (let e = 0; e < a; e++) {
 		let t = 1 - e / Math.max(1, a - 1);
@@ -12027,12 +12518,12 @@ function lu(e, t, n, r) {
 				a += l[e].r * s, o += l[e].g * s, d += l[e].b * s, f += s;
 			}
 			let p = Math.max(f, 1e-4), m = (e * i + n) * 4;
-			s[m] = cu(a / p), s[m + 1] = cu(o / p), s[m + 2] = cu(d / p), s[m + 3] = 255;
+			s[m] = Vu(a / p), s[m + 1] = Vu(o / p), s[m + 2] = Vu(d / p), s[m + 3] = 255;
 		}
 	}
 	return o;
 }
-function uu(e, t, n, r) {
+function Uu(e, t, n, r) {
 	let i = document.createElement("canvas");
 	i.width = Math.max(1, Math.round(n)), i.height = Math.max(1, Math.round(r));
 	let a = i.getContext("2d");
@@ -12040,42 +12531,42 @@ function uu(e, t, n, r) {
 	let o = Math.min(1, 320 / Math.max(i.width, i.height)), s = Math.max(2, Math.round(i.width * o)), c = Math.max(2, Math.round(i.height * o)), l = document.createElement("canvas");
 	l.width = s, l.height = c;
 	let u = l.getContext("2d");
-	return u ? (u.putImageData(lu(e, t, s, c), 0, 0), a.imageSmoothingEnabled = !0, a.imageSmoothingQuality = "high", a.drawImage(l, 0, 0, s, c, 0, 0, i.width, i.height), i) : i;
+	return u ? (u.putImageData(Hu(e, t, s, c), 0, 0), a.imageSmoothingEnabled = !0, a.imageSmoothingQuality = "high", a.drawImage(l, 0, 0, s, c, 0, 0, i.width, i.height), i) : i;
 }
-function du(e, t, n, r, i, a, o, s = 1, c = 0, l = 0) {
+function Wu(e, t, n, r, i, a, o, s = 1, c = 0, l = 0) {
 	let u = document.createElement("canvas");
-	return u.width = Math.max(1, Math.round(r)), u.height = Math.max(1, Math.round(i)), fu(u, e, t, n, a, o, s, c, l), u;
+	return u.width = Math.max(1, Math.round(r)), u.height = Math.max(1, Math.round(i)), Gu(u, e, t, n, a, o, s, c, l), u;
 }
-function fu(e, t, n, r, i, a, o = 1, s = 0, c = 0) {
+function Gu(e, t, n, r, i, a, o = 1, s = 0, c = 0) {
 	let l = e.getContext("2d");
 	if (!l) return;
 	l.fillStyle = a, l.fillRect(0, 0, e.width, e.height);
 	let u = Math.max(.1, o), d = i === "stretch" ? e.width : n * (i === "contain" ? Math.min(e.width / n, e.height / r) : Math.max(e.width / n, e.height / r)), f = i === "stretch" ? e.height : r * (i === "contain" ? Math.min(e.width / n, e.height / r) : Math.max(e.width / n, e.height / r)), p = d * u, m = f * u, h = s / 100 * e.width, g = c / 100 * e.height;
 	l.drawImage(t, (e.width - p) / 2 + h, (e.height - m) / 2 + g, p, m);
 }
-function pu(e) {
+function Ku(e) {
 	let t = (t, n) => {
 		let r = t * 374761393 + n * 668265263 + e * 1442695041 | 0;
 		return r = Math.imul(r ^ r >>> 13, 1274126177), ((r ^ r >>> 16) >>> 0) / 4294967295;
 	};
 	return (e, n) => {
-		let r = Math.floor(e), i = Math.floor(n), a = eu(e - r), o = eu(n - i), s = t(r, i), c = t(r + 1, i), l = t(r, i + 1), u = t(r + 1, i + 1);
+		let r = Math.floor(e), i = Math.floor(n), a = Nu(e - r), o = Nu(n - i), s = t(r, i), c = t(r + 1, i), l = t(r, i + 1), u = t(r + 1, i + 1);
 		return s * (1 - a) * (1 - o) + c * a * (1 - o) + l * (1 - a) * o + u * a * o;
 	};
 }
-function mu(e, t, n, r) {
+function qu(e, t, n, r) {
 	let i = 0, a = .5, o = 1, s = 0;
 	for (let c = 0; c < r; c++) i += a * e(t * o, n * o), s += a, o *= 2, a *= .5;
 	return i / s;
 }
-function hu(e = 220) {
-	let t = Math.max(64, Math.min(1280, Math.round(e))), n = wu.get(t);
+function Ju(e = 220) {
+	let t = Math.max(64, Math.min(1280, Math.round(e))), n = rd.get(t);
 	if (n) return n;
 	let r = document.createElement("canvas");
 	r.width = t, r.height = t;
 	let i = r.getContext("2d");
 	if (!i) return r;
-	let a = i.createImageData(t, t), o = pu(11), s = pu(91), c = pu(47), l = [
+	let a = i.createImageData(t, t), o = Ku(11), s = Ku(91), c = Ku(47), l = [
 		[0, [
 			34,
 			26,
@@ -12119,24 +12610,24 @@ function hu(e = 220) {
 		return l[l.length - 1][1];
 	};
 	for (let e = 0; e < t; e++) for (let n = 0; n < t; n++) {
-		let r = n / t * 3, i = e / t * 3, l = r + .7 * s(r * .7 + 5, i * .7), d = i + .7 * s(r * .7, i * .7 + 9), [f, p, m] = u(mu(o, l, d, 4)), h = Math.max(0, mu(c, l * 1.6 + 3, d * 1.6, 3) - .55) * 1.7;
+		let r = n / t * 3, i = e / t * 3, l = r + .7 * s(r * .7 + 5, i * .7), d = i + .7 * s(r * .7, i * .7 + 9), [f, p, m] = u(qu(o, l, d, 4)), h = Math.max(0, qu(c, l * 1.6 + 3, d * 1.6, 3) - .55) * 1.7;
 		f = f * (1 - h) + 70 * h, p = p * (1 - h) + 210 * h, m = m * (1 - h) + 200 * h;
 		let g = (e * t + n) * 4;
 		a.data[g] = f, a.data[g + 1] = p, a.data[g + 2] = m, a.data[g + 3] = 255;
 	}
-	return i.putImageData(a, 0, 0), wu.set(t, r), r;
+	return i.putImageData(a, 0, 0), rd.set(t, r), r;
 }
-function gu(e, t, n, r) {
-	let i = `${e}|${t}x${n}`, a = Tu.get(i);
+function Yu(e, t, n, r) {
+	let i = `${e}|${t}x${n}`, a = id.get(i);
 	if (a) return a;
 	let o = document.createElement("canvas");
 	o.width = t, o.height = n;
 	let s = o.getContext("2d");
-	return s && r(s, t, n), Tu.set(i, o), o;
+	return s && r(s, t, n), id.set(i, o), o;
 }
-function _u(e = 240) {
+function Xu(e = 240) {
 	let t = Math.max(120, Math.min(2048, Math.round(e)));
-	return gu("vaporwave", t, Math.round(t * 2 / 3), (e, t, n) => {
+	return Yu("vaporwave", t, Math.round(t * 2 / 3), (e, t, n) => {
 		let r = t / 240, i = e.createLinearGradient(0, 0, 0, n);
 		i.addColorStop(0, "#120638"), i.addColorStop(.56, "#8e2de2"), i.addColorStop(1, "#ff2fa8"), e.fillStyle = i, e.fillRect(0, 0, t, n);
 		let a = n * .48, o = n * .28, s = e.createLinearGradient(0, a - o, 0, a + o);
@@ -12152,9 +12643,9 @@ function _u(e = 240) {
 		e.globalAlpha = 1;
 	});
 }
-function vu(e = 220) {
+function Zu(e = 220) {
 	let t = Math.max(110, Math.min(2048, Math.round(e)));
-	return gu("kaleidoscope", t, t, (e, t, n) => {
+	return Yu("kaleidoscope", t, t, (e, t, n) => {
 		let r = t / 220, i = [
 			"#00e5ff",
 			"#6c3bff",
@@ -12170,25 +12661,25 @@ function vu(e = 220) {
 		for (let t = 1; t <= 4; t++) e.strokeStyle = t % 2 ? "rgba(255,255,255,.55)" : "rgba(8,5,35,.6)", e.lineWidth = 5 * r, e.beginPath(), e.arc(a, o, t * 25 * r, 0, Math.PI * 2), e.stroke();
 	});
 }
-function yu(e, t) {
-	return e.build ? e.build(t) : nu({
+function Qu(e, t) {
+	return e.build ? e.build(t) : Fu({
 		stops: e.stops ?? [],
 		edgeColor: e.edgeColor ?? "#8e9dff",
 		edgeAmount: e.edgeAmount ?? 0
 	});
 }
-function bu(e) {
-	return iu(new Zi().load(e));
+function $u(e) {
+	return Lu(new Zi().load(e));
 }
-var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
-	Vc(), hl(), Ll(), xu = 256, Su = 64, Cu = (e) => e.map(([e, t]) => ({
+var ed, td, nd, rd, id, ad, od = t((() => {
+	Vc(), hl(), Gl(), ed = 256, td = 64, nd = (e) => e.map(([e, t]) => ({
 		color: e,
 		pos: t
-	})), wu = /* @__PURE__ */ new Map(), Tu = /* @__PURE__ */ new Map(), Eu = {
+	})), rd = /* @__PURE__ */ new Map(), id = /* @__PURE__ */ new Map(), ad = {
 		palestine: {
 			label: "Palestine",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#000000", 0],
 				["#f7f7f2", .34],
 				["#149954", .67],
@@ -12197,10 +12688,24 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 			edgeColor: "#e4312b",
 			edgeAmount: .22
 		},
+		spain: {
+			label: "Spain",
+			kind: "gradient",
+			stops: nd([
+				["#aa151b", 0],
+				["#aa151b", .24],
+				["#f1bf00", .34],
+				["#f1bf00", .66],
+				["#aa151b", .76],
+				["#aa151b", 1]
+			]),
+			edgeColor: "#7a0f14",
+			edgeAmount: .22
+		},
 		grandLine: {
 			label: "Grand Line",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#071b33", 0],
 				["#087ea4", .22],
 				["#45d4c5", .4],
@@ -12215,22 +12720,22 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 		vaporwave: {
 			label: "Vaporwave Sunset",
 			kind: "image",
-			build: _u
+			build: Xu
 		},
 		kaleidoscope: {
 			label: "Kaleidoscope",
 			kind: "image",
-			build: vu
+			build: Zu
 		},
 		nebula: {
 			label: "Nebula (2D)",
 			kind: "image",
-			build: hu
+			build: Ju
 		},
 		sunset: {
 			label: "Sunset",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#3b1c6b", 0],
 				["#8b2fa0", .3],
 				["#e0457a", .56],
@@ -12243,7 +12748,7 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 		aurora: {
 			label: "Aurora",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#0b3d4f", 0],
 				["#1fb89e", .3],
 				["#5ee0a0", .52],
@@ -12256,7 +12761,7 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 		ocean: {
 			label: "Ocean",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#0a1f4d", 0],
 				["#1f6fb8", .36],
 				["#2bd0d0", .66],
@@ -12268,7 +12773,7 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 		ember: {
 			label: "Ember",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#2a0707", 0],
 				["#a81e1e", .34],
 				["#ff5a2e", .64],
@@ -12280,7 +12785,7 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 		iris: {
 			label: "Iris",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#2e1065", 0],
 				["#7c3aed", .34],
 				["#db2777", .64],
@@ -12292,7 +12797,7 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 		mono: {
 			label: "Mono",
 			kind: "gradient",
-			stops: Cu([
+			stops: nd([
 				["#16161e", 0],
 				["#6b7280", .4],
 				["#c2c8d2", .72],
@@ -12305,39 +12810,39 @@ var xu, Su, Cu, wu, Tu, Eu, Du = t((() => {
 }));
 //#endregion
 //#region src/util/base64.ts
-function Ou(e) {
+function sd(e) {
 	let t = atob(e.replace(/-/g, "+").replace(/_/g, "/")), n = new Uint8Array(new ArrayBuffer(t.length));
 	for (let e = 0; e < t.length; e++) n[e] = t.charCodeAt(e);
 	return n;
 }
-var ku = t((() => {}));
+var cd = t((() => {}));
 //#endregion
 //#region src/renderer/heroPalette.ts
-function Au() {
+function ld() {
 	let e = document.createElement("canvas");
-	e.width = Mu, e.height = Mu;
+	e.width = dd, e.height = dd;
 	let t = e.getContext("2d");
 	if (t) {
-		let e = Ou(Nu);
-		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), Mu, Mu), 0, 0);
+		let e = sd(fd);
+		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), dd, dd), 0, 0);
 	}
 	return e;
 }
-function ju() {
-	let e = iu(new ci(Ou(Nu), Mu, Mu, U, Se));
+function ud() {
+	let e = Lu(new ci(sd(fd), dd, dd, U, Se));
 	return e.needsUpdate = !0, e;
 }
-var Mu, Nu, Pu = t((() => {
-	Vc(), ku(), Du(), Mu = 32, Nu = "7PP//97s///O4/7/xt77/8vc7f/Y1sr/5c2f/+/EcP/2vEX/+rQp//2xGP/+rRv//J5M//uUf//7jp7/+4a3//2Ax//9g83//4vD//2bu//5kpv/83V+//Nbb//3VnT/81Sf/+tdxf/pid3/56Pr/+a58v/q1/P/6On3/+Xy/P/o8f//2ur+/8/j/P/O4ff/1tzc/+PSr//sx4X/879d//i3Of/8siD//rEP//6vD//9nz7//JJ4//uNnP/6h7f//IDJ//yEz//+jMX//Jq8//aOnf/xa3n/9Fxq//dief/1Y5v/8G62/+2K0v/tq+b/6Lby/+rP8v/q5fb/5vH7/+Pv///X6P7/0uT6/9bi8P/h2sf/682R//LCa//3ukn/+rQs//yxGv/+sQ7//q4T//2eRP/8knv/+o2e//eIuf/6g8v/+obR//yMx//6mb3/84uh//Bnef/1YWn/+nVx//lzj//1g6X/8pjC//Gz3f/stO//6cDx/+rf9P/m8fv/3uz//9Xm/f/V4vj/3d/r/+fWtP/xyHT/9r9R//m3N//7siP//bAW//6xDv/+qxr//ZpP//yPf//4jZ//9Yq6//eHzP/4itL/+o/K//iYvv/wiab/7mZ9//Zpbv/7gG///Il+//iYk//1pa//9LTO//Cx5v/qru7/69fy/+fw+v/Y6f7/1eL7/9nb9v/h2Of/7M+n//XCW//5uj3/+7Ur//yxHf/9rhX//q8Q//6mJP/9k1f/+4x///aNnv/zjbr/9Y3N//aR1f/4lM7/+JnC//COrv/ua4f/9m5y//uGc//8k3z/+qKI//aupP/1tMT/8J3b/+iJ6v/qzfD/6O75/9fl/f/Y3vn/3NPz/+TM4P/uxpr/+LxJ//u3MP/8syX//a8c//2sF//+rBb//p8w//2OX//7ioD/9o6e//KQu//zk8//9ZjX//ec0//4nsn/85i7//B3mf/1cHz/+oZ4//uSgf/6oYX/97Kg//Wpvv/vcdH/5W7n/+vG7f/p6vf/1d78/9nX9//fyu3/6MDN//O8fv/6uDv/+7Qr//yxJf/9rB///akd//6oIP/+mz3//oxm//uMg//2kaD/8pW9//Ob0f/2oNj/+aPX//ul1P/4o83/9Iyy//d7kP/6in3/+5OB//qhgv/5rpX/9pyy/+9czf/kZ+D/7L7q/+vk9f/S0/v/2s30/+O+4//ttK3/+LRW//u0Mf/8si7//K8q//2pJv/9pSj//qMu//6WSP/+jWv/+46F//aVo//zmr//9KHS//em2v/8qNr//qra//2q2P/5n8z/+Iuv//uOjP/7loH//KGA//ukjf/5kab/8VjD/+dq2P/tt+b/7t3y/9XJ+P/gwvD/6bPa//Osmf/6sEn/+7E1//ywNf/8ri///agu//2jNf/+nz3//pRT//6Pb//8k4j/95um//Shwv/1p9T/+Krc//yr2//+rdv//q3c//yp2v/5mM3/+pKp//ubhv/8oIH//J6L//yPmv/2a7D/63fL/++z4//w1u7/48D0/+257f/zr9n/96ic//urU//8rT//+689//yyMv/9ry///qk///6jUP/+nGT//pt6//yfj//4pKz/9ajG//at1v/6r9z//azb//+u3f//r93//q7e//ug3P/6lcn/+52g//ujhP/9nIz//ZKb//qJpP/zjrr/8rHc//PN6v/zuO//+7Ts//uw4f/7qK7//KVo//ynTf/7rEb//bU0//27Jv/9tz3//bJj//6weP/+sIj//a+a//mwsv/2scn/+LTY//uz3f/9rtz//7De//6w3//+reL//aXl//ya4P/8nML//KSZ//2cm//9mrD//aGz//uitf/4r87/9sPk//u07f//tO3//rLo//ymwP/8nYL//J9g//unU//8skL//b0v//zBQP/8xHD//saJ//7FlP/9waP/+725//i5y//5u9j/+rjd//yv3f/+r9///q7i//6r5v/9quj//aTp//2e2v/9oLr//aC1//2ouv/+s7b//rSz//ywwP/6uNn//bPs//6z6//+ruP//J7G//uRmv/7knn/+51m//yrUv/9tkb//MBZ//3Lf//+0pP//tSa//7PqP/8yb7/+sLM//vC1v/6v9z/+bHd//io4v/7pej//arp//2x6P/8ren//KHg//2hxf/9p7v//rC3//+4s///u7D//rS5//2x0f//tO3//7Lr//6n3f/8ksL/+oKl//mDkf/5kXz//KNi//2vWP/+vnH//suQ//7Umv/+2Zz//tan//7SwP/9ysn//srO//vF1P/3sdH/7p7b/+2c6P/2o+3/9Kvs//Gn7f/xn+L//KXF//6uuv//sLj//7S1//+5sf/+tLn//q7Q//+z7f//sen//p/W//uEuv/5daf/9ned//aFjv/6l3f//adp//65ff/+ypr//tGh//7Vn//+1af//ta9///Rv///0r///cvD//m1uP/vn8n/5Jff/96b6//Um/H/zZvy/9Wb6v/ypc7//6+8//+xuf//tLb//7mx//22vf/+rtT//q/q//2n4v/9jsr/+3Wy//drqP/0cKL/9H2Z//iOhv/8oHT//rV///7Hnv/+zqf//tGm//7Uqv/+2Ln//9az///Xsv/90bT//MSj//m6r//tqcn/0aDh/76a8v+9m/b/vZn0/9ue4f/8q8L//rO0//+5rv/+vqn//LrB//6v2v/8qef//JnY//x7vv/6Zq3/9mSn//NtpP/ze53/94qN//yceP/+sn3//sWb//7Oqf/+0an//tas//7cuf//27D//96r//7aqv/+1Jz//tSe//rLrP/htc3/waPr/7if9v+ymvn/zJzt//eoxf/+t6D//8WV//7Kmf/8v8L//a/c//yk5f/7jtL/+224//lcqv/2X6b/9Gyj//R8mv/4jIr//J53//6zfv/+xZr//s2o//7Sqf/+2K7//uC8///htf//46z//t2m//7XnP/+2Z///tmh//XLt//Osdr/s6Lx/7Kd9v/Ro+z/9qvH//64mf//y4j//s+S//zBwf/9sNv//aHk//uI0P/7Zbf/+Feq//Vdpv/0bqD/+IKR//uWfv/+qHf//rqI//7Gnv/+zaf//tSp//7bsP/+477//+W4///mrv//3qT//tic//7Yn//+2qH//NWr/967zP+6pOj/waTt/+Gt4P/4r8j//bWi///Hiv/+zpP//cDB//6v2//9oOT/+4bR//pkuf/3WK3/9F+o//Vynf/6jIX//qR1//61fv/+v5H//seg//7Npv/+1an//t2y//7kwP//5rj//+ex///fpv/+2J3//tie//7ZoP/91qb/5r7E/8am3//Yq97/9LbN//qzxf/8sa///r+R//7MlP/9vcL//q7b//yh5f/6iNP/+Gi8//Vdr//0Zan/93qW//yXev/+rXH//rp///6/kf/+xp///s6l//7WrP/+37j//uXE///kuP//57X//+Os//7Znv/+2J3//tme//3Sof/vu7z/4KvW/+6xz//7tsP/+7PC//uruf/9rJ7//bWd//yzxv/+rtv/+6Ll//iM1P/2b77/9GWw//Vvpf/5hoz//KBy//6ya//+unn//r+Q//7HoP/+z6n//tmz//7iwv/+58j//+K2///mt//+5rT//9ui//7Wnv/+057//smg//u5rv/4ssX/+rTF//u0wP/7sL//+p+7//mRrf/5lK3/+qXL//6u2//4o+X/9JDU//R5vf/1cq7/93ud//qQhf/7pW///bJm//67dP/+wY///smj//7Sr//+3Lz//uXK//7ny///37T//+O0//7isv/+0Jb//8WH///AjP/+upf//rSh//2zsf/7tLz/+7S7//yttf/6lbX/94Oz//WEtv/2n8///a7c//Gn5f/wltH/9IO5//h+pv/7h5X/+5WD//ukcP/9smL//r1t//7Dif/+yaD//tOy//7gw//+6M3//ujM///dsv//3q3//tur//7Agf//r2j//6px//+og//+pY3//qiX//ywov/8r6f//Kei//yVo//6hKv/9Ie3//Og0P/8rtz/563k/+mZzv/zibP/+oag//qLlf/5k4n/+6Jx//2zXf/+vWL//sJ5//7Hkv/+0av//uDC//3pyv/96Mz//tux///apf/+1qb//7h+//+lZf//nGf//5dt//+Tc///lXn//qN+//unjP/5nJ3//JWb//2Knv/2i7L/8KLR//uu3P/druT/4ZXN/+2FtP/1g6X/94Wd//iMj//6nXX//a5f//64Xv/+vW3//sKB//7KmP/+2bP//ebE//3nzf/+2bH//tWf//7Vpf/+toX//5xk//+RW///iFj//4Nc//+FYv/+l2j/+599//eQmv/3iKT/94aj/++HtP/tn9H/+q7d/9aq5f/ajND/5Hq7/+13rv/yeaL/9YCU//mPgf/8oW3//q1m//60a//+uHb//sKJ//7Spv/+48D//ufO//7Xsv/+0Zr//tSk//68kv//mGn//4ZP//9+S///elD//oJa//2Qav/5kIT/9YOX//N7pP/ueK7/5nu7/+iX0//5rd3/0aXp/9KB1v/ba8P/5Wa2/+xoqf/yb5v/936M//uUef/9pWz//qxr//6ucf/+u4X//tGl//7jwv/959H//tez//7PmP/+0KL//sWh//6rh//+i2D//3xQ//59VP/+iF///It1//d9j//ybpv/7Wmn/+Zmtv/dasP/447W//es3v/LpO7/yHnd/89czf/bU8H/5VW1/+5dpv/1cJT/+419//6ibf/+pWj//qZt//63hf/+0ar//eTJ//3o1f/+1rX//c2X//3Lof/+x6b//cCh//6dev/+hlz//ohd//6TZP/8iXn/9m2V/+5apv/mVbb/20/B/89YzP/ahdv/9are/8eo8v+/eeX/xFXW/9FIzP/fSML/6VC0//Nlnv/7ioH//qFt//6jaP/+q3H//rqL//3Ssf/95s///efa//7WuP/8y5j//Mik//7FqP/9xan//a6J//6caf/+kmL//ptn//yKe//0X5//6ky2/99Ew//RQcv/wk/V/9CB4f/yq+D/x7L3/76I7f/AZOH/zFXX/9pS0P/mVsb/8Guw//mRkP/8p3z//K15//y4hP/8w5v/+9W7//vm1v/75t///NbC//nMpP/6yq7//Mmy//vIs//7vZv//LWC//yldf/8o3X/+paM//FgtP/kT8n/20zR/8pN1v+9W+D/y4jn//Cs4f/Pw/v/xqL0/8aF6//PeeT/23Xf/+V32P/uhsf/9qWs//i3mv/4v5j/+Meh//jPsv/43Mn/9+jf//fm5v/31tb/9dXB//XWyP/31sr/99XI//fOt//3yqj/98Of//e9nv/2r6//7oXO/+R63f/beeH/z3vl/8aF7P/Soe3/8bHj/w==";
+var dd, fd, pd = t((() => {
+	Vc(), cd(), od(), dd = 32, fd = "7PP//97s///O4/7/xt77/8vc7f/Y1sr/5c2f/+/EcP/2vEX/+rQp//2xGP/+rRv//J5M//uUf//7jp7/+4a3//2Ax//9g83//4vD//2bu//5kpv/83V+//Nbb//3VnT/81Sf/+tdxf/pid3/56Pr/+a58v/q1/P/6On3/+Xy/P/o8f//2ur+/8/j/P/O4ff/1tzc/+PSr//sx4X/879d//i3Of/8siD//rEP//6vD//9nz7//JJ4//uNnP/6h7f//IDJ//yEz//+jMX//Jq8//aOnf/xa3n/9Fxq//dief/1Y5v/8G62/+2K0v/tq+b/6Lby/+rP8v/q5fb/5vH7/+Pv///X6P7/0uT6/9bi8P/h2sf/682R//LCa//3ukn/+rQs//yxGv/+sQ7//q4T//2eRP/8knv/+o2e//eIuf/6g8v/+obR//yMx//6mb3/84uh//Bnef/1YWn/+nVx//lzj//1g6X/8pjC//Gz3f/stO//6cDx/+rf9P/m8fv/3uz//9Xm/f/V4vj/3d/r/+fWtP/xyHT/9r9R//m3N//7siP//bAW//6xDv/+qxr//ZpP//yPf//4jZ//9Yq6//eHzP/4itL/+o/K//iYvv/wiab/7mZ9//Zpbv/7gG///Il+//iYk//1pa//9LTO//Cx5v/qru7/69fy/+fw+v/Y6f7/1eL7/9nb9v/h2Of/7M+n//XCW//5uj3/+7Ur//yxHf/9rhX//q8Q//6mJP/9k1f/+4x///aNnv/zjbr/9Y3N//aR1f/4lM7/+JnC//COrv/ua4f/9m5y//uGc//8k3z/+qKI//aupP/1tMT/8J3b/+iJ6v/qzfD/6O75/9fl/f/Y3vn/3NPz/+TM4P/uxpr/+LxJ//u3MP/8syX//a8c//2sF//+rBb//p8w//2OX//7ioD/9o6e//KQu//zk8//9ZjX//ec0//4nsn/85i7//B3mf/1cHz/+oZ4//uSgf/6oYX/97Kg//Wpvv/vcdH/5W7n/+vG7f/p6vf/1d78/9nX9//fyu3/6MDN//O8fv/6uDv/+7Qr//yxJf/9rB///akd//6oIP/+mz3//oxm//uMg//2kaD/8pW9//Ob0f/2oNj/+aPX//ul1P/4o83/9Iyy//d7kP/6in3/+5OB//qhgv/5rpX/9pyy/+9czf/kZ+D/7L7q/+vk9f/S0/v/2s30/+O+4//ttK3/+LRW//u0Mf/8si7//K8q//2pJv/9pSj//qMu//6WSP/+jWv/+46F//aVo//zmr//9KHS//em2v/8qNr//qra//2q2P/5n8z/+Iuv//uOjP/7loH//KGA//ukjf/5kab/8VjD/+dq2P/tt+b/7t3y/9XJ+P/gwvD/6bPa//Osmf/6sEn/+7E1//ywNf/8ri///agu//2jNf/+nz3//pRT//6Pb//8k4j/95um//Shwv/1p9T/+Krc//yr2//+rdv//q3c//yp2v/5mM3/+pKp//ubhv/8oIH//J6L//yPmv/2a7D/63fL/++z4//w1u7/48D0/+257f/zr9n/96ic//urU//8rT//+689//yyMv/9ry///qk///6jUP/+nGT//pt6//yfj//4pKz/9ajG//at1v/6r9z//azb//+u3f//r93//q7e//ug3P/6lcn/+52g//ujhP/9nIz//ZKb//qJpP/zjrr/8rHc//PN6v/zuO//+7Ts//uw4f/7qK7//KVo//ynTf/7rEb//bU0//27Jv/9tz3//bJj//6weP/+sIj//a+a//mwsv/2scn/+LTY//uz3f/9rtz//7De//6w3//+reL//aXl//ya4P/8nML//KSZ//2cm//9mrD//aGz//uitf/4r87/9sPk//u07f//tO3//rLo//ymwP/8nYL//J9g//unU//8skL//b0v//zBQP/8xHD//saJ//7FlP/9waP/+725//i5y//5u9j/+rjd//yv3f/+r9///q7i//6r5v/9quj//aTp//2e2v/9oLr//aC1//2ouv/+s7b//rSz//ywwP/6uNn//bPs//6z6//+ruP//J7G//uRmv/7knn/+51m//yrUv/9tkb//MBZ//3Lf//+0pP//tSa//7PqP/8yb7/+sLM//vC1v/6v9z/+bHd//io4v/7pej//arp//2x6P/8ren//KHg//2hxf/9p7v//rC3//+4s///u7D//rS5//2x0f//tO3//7Lr//6n3f/8ksL/+oKl//mDkf/5kXz//KNi//2vWP/+vnH//suQ//7Umv/+2Zz//tan//7SwP/9ysn//srO//vF1P/3sdH/7p7b/+2c6P/2o+3/9Kvs//Gn7f/xn+L//KXF//6uuv//sLj//7S1//+5sf/+tLn//q7Q//+z7f//sen//p/W//uEuv/5daf/9ned//aFjv/6l3f//adp//65ff/+ypr//tGh//7Vn//+1af//ta9///Rv///0r///cvD//m1uP/vn8n/5Jff/96b6//Um/H/zZvy/9Wb6v/ypc7//6+8//+xuf//tLb//7mx//22vf/+rtT//q/q//2n4v/9jsr/+3Wy//drqP/0cKL/9H2Z//iOhv/8oHT//rV///7Hnv/+zqf//tGm//7Uqv/+2Ln//9az///Xsv/90bT//MSj//m6r//tqcn/0aDh/76a8v+9m/b/vZn0/9ue4f/8q8L//rO0//+5rv/+vqn//LrB//6v2v/8qef//JnY//x7vv/6Zq3/9mSn//NtpP/ze53/94qN//yceP/+sn3//sWb//7Oqf/+0an//tas//7cuf//27D//96r//7aqv/+1Jz//tSe//rLrP/htc3/waPr/7if9v+ymvn/zJzt//eoxf/+t6D//8WV//7Kmf/8v8L//a/c//yk5f/7jtL/+224//lcqv/2X6b/9Gyj//R8mv/4jIr//J53//6zfv/+xZr//s2o//7Sqf/+2K7//uC8///htf//46z//t2m//7XnP/+2Z///tmh//XLt//Osdr/s6Lx/7Kd9v/Ro+z/9qvH//64mf//y4j//s+S//zBwf/9sNv//aHk//uI0P/7Zbf/+Feq//Vdpv/0bqD/+IKR//uWfv/+qHf//rqI//7Gnv/+zaf//tSp//7bsP/+477//+W4///mrv//3qT//tic//7Yn//+2qH//NWr/967zP+6pOj/waTt/+Gt4P/4r8j//bWi///Hiv/+zpP//cDB//6v2//9oOT/+4bR//pkuf/3WK3/9F+o//Vynf/6jIX//qR1//61fv/+v5H//seg//7Npv/+1an//t2y//7kwP//5rj//+ex///fpv/+2J3//tie//7ZoP/91qb/5r7E/8am3//Yq97/9LbN//qzxf/8sa///r+R//7MlP/9vcL//q7b//yh5f/6iNP/+Gi8//Vdr//0Zan/93qW//yXev/+rXH//rp///6/kf/+xp///s6l//7WrP/+37j//uXE///kuP//57X//+Os//7Znv/+2J3//tme//3Sof/vu7z/4KvW/+6xz//7tsP/+7PC//uruf/9rJ7//bWd//yzxv/+rtv/+6Ll//iM1P/2b77/9GWw//Vvpf/5hoz//KBy//6ya//+unn//r+Q//7HoP/+z6n//tmz//7iwv/+58j//+K2///mt//+5rT//9ui//7Wnv/+057//smg//u5rv/4ssX/+rTF//u0wP/7sL//+p+7//mRrf/5lK3/+qXL//6u2//4o+X/9JDU//R5vf/1cq7/93ud//qQhf/7pW///bJm//67dP/+wY///smj//7Sr//+3Lz//uXK//7ny///37T//+O0//7isv/+0Jb//8WH///AjP/+upf//rSh//2zsf/7tLz/+7S7//yttf/6lbX/94Oz//WEtv/2n8///a7c//Gn5f/wltH/9IO5//h+pv/7h5X/+5WD//ukcP/9smL//r1t//7Dif/+yaD//tOy//7gw//+6M3//ujM///dsv//3q3//tur//7Agf//r2j//6px//+og//+pY3//qiX//ywov/8r6f//Kei//yVo//6hKv/9Ie3//Og0P/8rtz/563k/+mZzv/zibP/+oag//qLlf/5k4n/+6Jx//2zXf/+vWL//sJ5//7Hkv/+0av//uDC//3pyv/96Mz//tux///apf/+1qb//7h+//+lZf//nGf//5dt//+Tc///lXn//qN+//unjP/5nJ3//JWb//2Knv/2i7L/8KLR//uu3P/druT/4ZXN/+2FtP/1g6X/94Wd//iMj//6nXX//a5f//64Xv/+vW3//sKB//7KmP/+2bP//ebE//3nzf/+2bH//tWf//7Vpf/+toX//5xk//+RW///iFj//4Nc//+FYv/+l2j/+599//eQmv/3iKT/94aj/++HtP/tn9H/+q7d/9aq5f/ajND/5Hq7/+13rv/yeaL/9YCU//mPgf/8oW3//q1m//60a//+uHb//sKJ//7Spv/+48D//ufO//7Xsv/+0Zr//tSk//68kv//mGn//4ZP//9+S///elD//oJa//2Qav/5kIT/9YOX//N7pP/ueK7/5nu7/+iX0//5rd3/0aXp/9KB1v/ba8P/5Wa2/+xoqf/yb5v/936M//uUef/9pWz//qxr//6ucf/+u4X//tGl//7jwv/959H//tez//7PmP/+0KL//sWh//6rh//+i2D//3xQ//59VP/+iF///It1//d9j//ybpv/7Wmn/+Zmtv/dasP/447W//es3v/LpO7/yHnd/89czf/bU8H/5VW1/+5dpv/1cJT/+419//6ibf/+pWj//qZt//63hf/+0ar//eTJ//3o1f/+1rX//c2X//3Lof/+x6b//cCh//6dev/+hlz//ohd//6TZP/8iXn/9m2V/+5apv/mVbb/20/B/89YzP/ahdv/9are/8eo8v+/eeX/xFXW/9FIzP/fSML/6VC0//Nlnv/7ioH//qFt//6jaP/+q3H//rqL//3Ssf/95s///efa//7WuP/8y5j//Mik//7FqP/9xan//a6J//6caf/+kmL//ptn//yKe//0X5//6ky2/99Ew//RQcv/wk/V/9CB4f/yq+D/x7L3/76I7f/AZOH/zFXX/9pS0P/mVsb/8Guw//mRkP/8p3z//K15//y4hP/8w5v/+9W7//vm1v/75t///NbC//nMpP/6yq7//Mmy//vIs//7vZv//LWC//yldf/8o3X/+paM//FgtP/kT8n/20zR/8pN1v+9W+D/y4jn//Cs4f/Pw/v/xqL0/8aF6//PeeT/23Xf/+V32P/uhsf/9qWs//i3mv/4v5j/+Meh//jPsv/43Mn/9+jf//fm5v/31tb/9dXB//XWyP/31sr/99XI//fOt//3yqj/98Of//e9nv/2r6//7oXO/+R63f/beeH/z3vl/8aF7P/Soe3/8bHj/w==";
 }));
 //#endregion
 //#region src/renderer/WaveRenderer.ts
-function Fu(e, t) {
-	let n = zu.set(e);
+function md(e, t) {
+	let n = vd.set(e);
 	return t.set(n.r, n.g, n.b);
 }
-var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
-	Vc(), nl(), il(), cl(), Zc(), fl(), Kl(), $l(), Du(), Pu(), Ll(), Iu = 220, Lu = 1333, Ru = class {
+var hd, gd, _d, vd, yd, bd = t((() => {
+	Vc(), nl(), il(), cl(), Zc(), fl(), eu(), su(), Mu(), od(), pd(), Gl(), hd = 220, gd = 1333, _d = class {
 		makeVideo;
 		onVideoReady;
 		texture;
@@ -12350,8 +12855,8 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 		}
 		apply(e, t) {
 			let n = e.paletteVideoUrl, r = e.paletteImageUrl, i = e.paletteSource ?? "hero", a, o;
-			if (n) this.ensureVideo(n), this.video?.readyState && this.video.readyState >= 2 ? (a = "video|" + n, o = () => iu(new _i(this.video))) : (a = "video-loading|" + n, o = () => ju());
-			else if (r) this.clearVideo(), a = "url|" + r, o = () => bu(r);
+			if (n) this.ensureVideo(n), this.video?.readyState && this.video.readyState >= 2 ? (a = "video|" + n, o = () => Lu(new _i(this.video))) : (a = "video-loading|" + n, o = () => ud());
+			else if (r) this.clearVideo(), a = "url|" + r, o = () => $u(r);
 			else if (i === "stops") {
 				this.clearVideo();
 				let t = {
@@ -12359,8 +12864,8 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 					edgeColor: e.paletteEdgeColor ?? "#8e9dff",
 					edgeAmount: e.paletteEdgeAmount ?? .3
 				};
-				a = "stops|" + ru(t), o = () => ou(t);
-			} else Eu[i] ? (this.clearVideo(), a = "map|" + i, o = () => au(yu(Eu[i]))) : (this.clearVideo(), a = "hero", o = () => ju());
+				a = "stops|" + Iu(t), o = () => zu(t);
+			} else ad[i] ? (this.clearVideo(), a = "map|" + i, o = () => Ru(Qu(ad[i]))) : (this.clearVideo(), a = "hero", o = () => ud());
 			(a !== this.sig || !this.texture) && (this.texture?.dispose(), this.texture = o(), this.sig = a), t.uPalette.value = this.texture, t.uUsePalette.value = e.usePaletteTexture === !1 ? 0 : 1, t.uPaletteRaw.value = 1;
 		}
 		syncPlayback(e, t) {
@@ -12383,7 +12888,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 		dispose() {
 			this.texture?.dispose(), this.texture = void 0, this.clearVideo(), this.failedUrl = "";
 		}
-	}, zu = new X(), Bu = class {
+	}, vd = new X(), yd = class {
 		renderer;
 		scene = new Gn();
 		camera;
@@ -12411,6 +12916,13 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 		clipSphere = new Ar();
 		clipTmpA = new K();
 		clipTmpB = new K();
+		interaction;
+		interactionZoom = 1;
+		interactionTimeOffset = 0;
+		interactionSceneOut = {
+			timeOffset: 0,
+			zoom: 1
+		};
 		timer = new da();
 		time = 0;
 		rafId = 0;
@@ -12426,7 +12938,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 		capturing = !1;
 		outputSize;
 		constructor(e, t, n = {}) {
-			this.container = e, this.config = Al(t), this.respectReducedMotion = n.respectReducedMotion ?? !0, this.skipIntroRamp = n.skipIntroRamp ?? !1, this.renderer = new Bc({
+			this.container = e, this.config = Fl(t), this.respectReducedMotion = n.respectReducedMotion ?? !0, this.skipIntroRamp = n.skipIntroRamp ?? !1, this.renderer = new Bc({
 				antialias: !0,
 				alpha: !0,
 				preserveDrawingBuffer: !0,
@@ -12440,15 +12952,15 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 					uGrainAmount: { value: t.grain },
 					uTime: { value: 0 }
 				},
-				vertexShader: Wl,
-				fragmentShader: Gl
+				vertexShader: Ql,
+				fragmentShader: $l
 			}), this.composer.addPass(this.postPass), this.composer.addPass(new sl()), this.motionQuery = window.matchMedia("(prefers-reduced-motion: reduce)"), this.reducedMotion = this.respectReducedMotion && this.motionQuery.matches, this.motionQuery.addEventListener("change", this.onMotionChange), document.addEventListener("visibilitychange", this.onVisibilityChange), this.intersectionObserver = new IntersectionObserver((e) => {
 				this.visible = e[0]?.isIntersecting ?? !0, this.updateRunning();
 			}, { rootMargin: "100px" }), this.intersectionObserver.observe(e), this.resizeObserver = new ResizeObserver(this.onResize), this.resizeObserver.observe(e), this.applyBackground(), this.buildWaves(), this.resize();
 		}
 		get segments() {
 			let e = this.config.quality / Math.sqrt(Math.max(1, this.config.waves.length));
-			return Gt.clamp(Math.round(Iu * e), 24, 360);
+			return Gt.clamp(Math.round(hd * e), 24, 360);
 		}
 		makeUniforms() {
 			let e = [], t = [];
@@ -12459,6 +12971,8 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 			for (let e = 0; e < 8; e++) a.push(new K()), o.push(new K(1, 1, 1)), s.push(0);
 			let c = [], l = [], u = [];
 			for (let e = 0; e < 4; e++) c.push(new Y()), l.push(new Y()), u.push(0);
+			let d = [], f = [], p = [];
+			for (let e = 0; e < 4; e++) d.push(new G()), f.push(0), p.push(0);
 			return {
 				uTime: { value: 0 },
 				uSpeed: { value: .05 },
@@ -12525,19 +13039,36 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 				uLineThickness: { value: 1 },
 				uLineDerivativePower: { value: .95 },
 				uMaxWidth: { value: 1232 },
-				uClearColor: { value: new K(1, 1, 1) }
+				uClearColor: { value: new K(1, 1, 1) },
+				uPointer: { value: new G(0, 0) },
+				uPointerActive: { value: 0 },
+				uPointerRadius: { value: .6 },
+				uPointerAspect: { value: 1 },
+				uPointerAgitate: { value: 0 },
+				uPointerPush: { value: 0 },
+				uPointerWake: { value: 0 },
+				uPointerVel: { value: new G(0, 0) },
+				uPointerThin: { value: 0 },
+				uPointerHue: { value: 0 },
+				uPointerLighten: { value: 0 },
+				uPointerRipple: { value: 0 },
+				uRippleOrigin: { value: d },
+				uRippleAge: { value: f },
+				uRippleAmp: { value: p }
 			};
 		}
 		waveDefines(e) {
 			let t = {};
-			return e?.twistMotion && (t.TWIST_MOTION = ""), (this.config.loopSeconds ?? 0) > 0 && (t.LOOP_MOTION = ""), (e?.detailAmount ?? 0) !== 0 && (t.DETAIL_OCTAVE = ""), (e?.depthTint ?? 0) > 0 && (t.DEPTH_TINT = ""), (e?.edgeFeather ?? .1) !== .1 && (t.EDGE_FEATHER = ""), t;
+			e?.twistMotion && (t.TWIST_MOTION = ""), (this.config.loopSeconds ?? 0) > 0 && (t.LOOP_MOTION = "");
+			let n = e?.interaction?.bindings?.some((e) => e.target === "detailAmount") ?? !1;
+			return ((e?.detailAmount ?? 0) !== 0 || n) && (t.DETAIL_OCTAVE = ""), (e?.depthTint ?? 0) > 0 && (t.DEPTH_TINT = ""), (e?.edgeFeather ?? .1) !== .1 && (t.EDGE_FEATHER = ""), e && fu(this.config, e) && (t.POINTER_FX = "", pu(this.config, e) && (t.POINTER_RIPPLES = "")), t;
 		}
 		addWave() {
-			let e = new Ql(this.segments), t = this.config.waves[this.waves.length] ?? this.config.waves[0], n = new Oi({
+			let e = new ou(this.segments), t = this.config.waves[this.waves.length] ?? this.config.waves[0], n = new Oi({
 				uniforms: this.makeUniforms(),
 				defines: this.waveDefines(t),
-				vertexShader: Vl,
-				fragmentShader: t?.theme === "wireframe" ? Ul : Hl,
+				vertexShader: Yl,
+				fragmentShader: t?.theme === "wireframe" ? Zl : Xl,
 				transparent: !0,
 				depthTest: !0,
 				depthWrite: !0,
@@ -12546,7 +13077,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 			this.applyBlendMode(n, t?.blendMode ?? "squared");
 			let r = new si(e.geometry, n);
 			r.frustumCulled = !1, this.group.add(r);
-			let i = new Ru((e) => this.createLoopingVideo(e), () => {
+			let i = new _d((e) => this.createLoopingVideo(e), () => {
 				this.updatePaletteTextures(), this.syncVideoPlayback(), this.running || this.renderOnce();
 			});
 			this.waves.push({
@@ -12578,7 +13109,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 			}), this.refresh();
 		}
 		refresh() {
-			if (this.applyBackground(), this.applyPost(), !this.isCameraExternallyDriven()) {
+			if (this.applyBackground(), this.applyPost(), this.syncInteraction(), !this.isCameraExternallyDriven()) {
 				let e = this.config.cameraPosition, t = this.config.cameraTarget;
 				this.camera.position.set(e.x, e.y, e.z), this.camera.lookAt(t.x, t.y, t.z);
 			}
@@ -12587,7 +13118,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 				this.applyBlendMode(e.material, n.blendMode) && (e.material.needsUpdate = !0);
 				let i = this.waveDefines(n), a = e.material.defines ?? {};
 				Object.keys(i).sort().join(",") !== Object.keys(a).sort().join(",") && (e.material.defines = i, e.material.needsUpdate = !0);
-				let o = n.theme === "wireframe" ? Ul : Hl;
+				let o = n.theme === "wireframe" ? Zl : Xl;
 				e.material.fragmentShader !== o && (e.material.fragmentShader = o, e.material.needsUpdate = !0);
 				let s = [...n.palette].sort((e, t) => e.pos - t.pos), c = Math.max(1, Math.min(s.length, 8)), l = r.uColors.value, u = r.uColorPos.value;
 				for (let e = 0; e < 8; e++) {
@@ -12595,21 +13126,21 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 						color: "#ffffff",
 						pos: 0
 					};
-					Fu(t.color, l[e]), u[e] = t.pos;
+					md(t.color, l[e]), u[e] = t.pos;
 				}
 				r.uColorCount.value = c, r.uGradType.value = n.gradientType === "radial" ? 1 : n.gradientType === "conic" ? 2 : n.gradientType === "mesh" ? 3 : 0, r.uGradAngle.value = (n.gradientAngle ?? 0) * Math.PI / 180, r.uGradShift.value = n.gradientShift ?? 0;
 				let d = n.meshGradientPoints.slice(0, 8), f = r.uMeshPointPos.value, p = r.uMeshPointColor.value, m = r.uMeshPointInfluence.value;
 				for (let e = 0; e < 8; e++) {
 					let t = d[e] ?? d[d.length - 1];
-					t && (f[e].set(t.x, t.y), Fu(t.color, p[e]), m[e] = t.influence);
+					t && (f[e].set(t.x, t.y), md(t.color, p[e]), m[e] = t.influence);
 				}
-				r.uMeshPointCount.value = d.length, r.uMeshSoftness.value = n.meshGradientSoftness, r.uPaletteScale.value.set(n.paletteTextureScale?.x ?? 1, n.paletteTextureScale?.y ?? 1), r.uPaletteOffset.value.set(n.paletteTextureOffset?.x ?? 0, n.paletteTextureOffset?.y ?? 0), r.uPaletteRotation.value = (n.paletteTextureRotation ?? 0) * Math.PI / 180, r.uHueShift.value = n.hueShift, r.uContrast.value = n.colorContrast, r.uSaturation.value = n.colorSaturation, r.uLineAmount.value = n.lineAmount ?? 425, r.uLineThickness.value = n.lineThickness ?? 1, r.uLineDerivativePower.value = n.lineDerivativePower ?? .95, r.uMaxWidth.value = n.maxWidth ?? 1232, Fu(this.config.background, r.uClearColor.value), r.uFiberCount.value = n.fiberCount, r.uFiberStrength.value = n.fiberStrength, r.uTexture.value = n.texture, r.uCreaseLight.value = n.creaseLight, r.uCreaseSharpness.value = n.creaseSharpness, r.uCreaseSoftness.value = n.creaseSoftness, r.uSheen.value = n.sheen ?? 1, r.uRoundness.value = n.roundness ?? .35, r.uIridescence.value = n.iridescence ?? 0, r.uDepthTint.value = n.depthTint ?? 0, Fu(n.depthTintColor ?? "#0a2540", r.uDepthTintColor.value), r.uEdgeFade.value = n.edgeFade, r.uEdgeFeather.value = n.edgeFeather ?? .1;
+				r.uMeshPointCount.value = d.length, r.uMeshSoftness.value = n.meshGradientSoftness, r.uPaletteScale.value.set(n.paletteTextureScale?.x ?? 1, n.paletteTextureScale?.y ?? 1), r.uPaletteOffset.value.set(n.paletteTextureOffset?.x ?? 0, n.paletteTextureOffset?.y ?? 0), r.uPaletteRotation.value = (n.paletteTextureRotation ?? 0) * Math.PI / 180, r.uHueShift.value = n.hueShift, r.uContrast.value = n.colorContrast, r.uSaturation.value = n.colorSaturation, r.uLineAmount.value = n.lineAmount ?? 425, r.uLineThickness.value = n.lineThickness ?? 1, r.uLineDerivativePower.value = n.lineDerivativePower ?? .95, r.uMaxWidth.value = n.maxWidth ?? 1232, md(this.config.background, r.uClearColor.value), r.uFiberCount.value = n.fiberCount, r.uFiberStrength.value = n.fiberStrength, r.uTexture.value = n.texture, r.uCreaseLight.value = n.creaseLight, r.uCreaseSharpness.value = n.creaseSharpness, r.uCreaseSoftness.value = n.creaseSoftness, r.uSheen.value = n.sheen ?? 1, r.uRoundness.value = n.roundness ?? .35, r.uIridescence.value = n.iridescence ?? 0, r.uDepthTint.value = n.depthTint ?? 0, md(n.depthTintColor ?? "#0a2540", r.uDepthTintColor.value), r.uEdgeFade.value = n.edgeFade, r.uEdgeFeather.value = n.edgeFeather ?? .1;
 				let h = this.config.lights ?? [];
 				r.uAmbient.value = this.config.ambient ?? .45, r.uNumLights.value = Math.min(h.length, 8);
 				let g = r.uLightPos.value, _ = r.uLightColor.value, v = r.uLightIntensity.value;
 				for (let e = 0; e < 8; e++) {
 					let t = h[e];
-					t ? (g[e].set(t.position.x, t.position.y, t.position.z), Fu(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
+					t ? (g[e].set(t.position.x, t.position.y, t.position.z), md(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
 				}
 				let y = n.noiseBands ?? [];
 				r.uNumNoiseBands.value = Math.min(y.length, 4);
@@ -12619,6 +13150,13 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 					t && (b[e].set(t.startX, t.endX, t.startY, t.endY), x[e].set(t.feather, t.strength, t.frequency, t.colorAttenuation), S[e] = t.parabolaPower);
 				}
 				r.uSpeed.value = n.speed, r.uSeed.value = n.seed, r.uLoopSeconds.value = this.config.loopSeconds ?? 0, r.uDispFreqX.value = n.displaceFrequency.x, r.uDispFreqZ.value = n.displaceFrequency.y, r.uDispAmount.value = n.displaceAmount, r.uDetailFreq.value = n.detailFrequency ?? .04, r.uDetailAmount.value = n.detailAmount ?? 0, r.uTwFreqX.value = n.twistFrequency.x, r.uTwFreqY.value = n.twistFrequency.y, r.uTwFreqZ.value = n.twistFrequency.z, r.uTwPowX.value = n.twistPower.x, r.uTwPowY.value = n.twistPower.y, r.uTwPowZ.value = n.twistPower.z, e.mesh.scale.set(n.scale.x, n.scale.y, n.scale.z), e.mesh.rotation.set(Gt.degToRad(n.rotation.x), Gt.degToRad(n.rotation.y), Gt.degToRad(n.rotation.z)), e.mesh.position.set(n.position.x, n.position.y, n.position.z), r.uOpacity.value = n.opacity;
+			});
+			let e = (this.config.interaction?.radius ?? .3) * 2;
+			this.waves.forEach((t, n) => {
+				let r = this.config.waves[n] ?? this.config.waves[this.config.waves.length - 1];
+				if (!fu(this.config, r)) return;
+				let i = t.material.uniforms, a = r.interaction?.hover;
+				i.uPointerRadius.value = e, i.uPointerAgitate.value = a?.agitate ?? 0, i.uPointerPush.value = a?.push ?? 0, i.uPointerWake.value = a?.wake ?? 0, i.uPointerThin.value = a?.thin ?? 0, i.uPointerHue.value = a?.hueShift ?? 0, i.uPointerLighten.value = a?.lighten ?? 0, i.uPointerRipple.value = r.interaction?.press?.ripple ?? 0;
 			}), this.updatePaletteTextures(), this.syncVideoPlayback(), this.group.scale.set(this.config.mirrorH ? -1 : 1, this.config.mirrorV ? -1 : 1, 1), this.onAfterRefresh(), this.running || this.renderOnce();
 		}
 		updatePaletteTextures() {
@@ -12662,13 +13200,13 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 					t
 				].join("|");
 				if (a !== this.backgroundSig || !this.backgroundTexture) {
-					let i = uu(n, r, e, t);
-					this.backgroundTexture?.dispose(), this.backgroundTexture = au(i), this.backgroundSig = a;
+					let i = Uu(n, r, e, t);
+					this.backgroundTexture?.dispose(), this.backgroundTexture = Ru(i), this.backgroundSig = a;
 				}
 				this.scene.background = this.backgroundTexture;
 				return;
 			}
-			let r = this.config.backgroundGradientSource ?? "stops", i = Eu[r], a = r !== "stops" && i?.kind === "gradient" && i.stops ? i.stops : this.config.backgroundPalette, o = a.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(","), s = [
+			let r = this.config.backgroundGradientSource ?? "stops", i = ad[r], a = r !== "stops" && i?.kind === "gradient" && i.stops ? i.stops : this.config.backgroundPalette, o = a.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(","), s = [
 				"gradient",
 				r,
 				n,
@@ -12678,14 +13216,14 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 				t
 			].join("|");
 			if (s !== this.backgroundSig || !this.backgroundTexture) {
-				let r = su({
+				let r = Bu({
 					stops: a,
 					type: n,
 					angle: this.config.backgroundGradientAngle,
 					width: e,
 					height: t
 				});
-				this.backgroundTexture?.dispose(), this.backgroundTexture = au(r), this.backgroundSig = s;
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Ru(r), this.backgroundSig = s;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -12708,7 +13246,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 				c = this.backgroundImage, l = this.backgroundImage.naturalWidth, u = this.backgroundImage.naturalHeight, d = `custom|${s}`;
 			} else {
 				this.clearBackgroundVideo();
-				let r = this.config.backgroundImageSource ?? "vaporwave", i = r === "hero" ? Au() : Eu[r]?.kind === "image" ? yu(Eu[r], Math.max(t, n)) : null;
+				let r = this.config.backgroundImageSource ?? "vaporwave", i = r === "hero" ? ld() : ad[r]?.kind === "image" ? Qu(ad[r], Math.max(t, n)) : null;
 				if (!i) {
 					this.scene.background = e;
 					return;
@@ -12727,8 +13265,8 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 				n
 			].join("|");
 			if (f !== this.backgroundSig || !this.backgroundTexture) {
-				let e = du(c, l, u, t, n, r, this.config.background, i, a.x, a.y);
-				this.backgroundTexture?.dispose(), this.backgroundTexture = au(e), this.backgroundSig = f, this.backgroundVideoCanvas = o ? e : void 0;
+				let e = Wu(c, l, u, t, n, r, this.config.background, i, a.x, a.y);
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Ru(e), this.backgroundSig = f, this.backgroundVideoCanvas = o ? e : void 0;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -12780,7 +13318,7 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 				x: 0,
 				y: 0
 			};
-			fu(t, e, e.videoWidth, e.videoHeight, this.config.backgroundImageFit ?? "cover", this.config.background, this.config.backgroundImageZoom ?? 1, n.x, n.y), this.backgroundTexture.needsUpdate = !0;
+			Gu(t, e, e.videoWidth, e.videoHeight, this.config.backgroundImageFit ?? "cover", this.config.background, this.config.backgroundImageZoom ?? 1, n.x, n.y), this.backgroundTexture.needsUpdate = !0;
 		}
 		applyPost() {
 			let e = this.postPass.uniforms;
@@ -12833,13 +13371,16 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 		};
 		updateRunning() {
 			let e = this.started && this.visible && this.pageVisible && !this.config.paused && !this.reducedMotion;
-			e && !this.running ? (this.running = !0, this.timer.update(), this.rafId = requestAnimationFrame(this.loop)) : !e && this.running && (this.running = !1, cancelAnimationFrame(this.rafId)), this.running || (this.introTimeRamp = 1, this.renderOnce()), this.syncVideoPlayback();
+			e && !this.running ? (this.running = !0, this.timer.update(), this.rafId = requestAnimationFrame(this.loop)) : !e && this.running && (this.running = !1, cancelAnimationFrame(this.rafId)), this.running || (this.introTimeRamp = 1, this.interaction?.settle(), this.renderOnce()), this.syncVideoPlayback();
 		}
 		loop = () => {
-			this.running && (this.timer.update(), this.time += this.timer.getDelta(), this.introTimeRamp < 1 && (this.introTimeRamp = Math.min(1, this.introTimeRamp + .016)), this.renderOnce(), this.rafId = requestAnimationFrame(this.loop));
+			if (!this.running) return;
+			this.timer.update();
+			let e = this.timer.getDelta();
+			this.time += e, this.interaction?.update(e), this.introTimeRamp < 1 && (this.introTimeRamp = Math.min(1, this.introTimeRamp + .016)), this.renderOnce(), this.rafId = requestAnimationFrame(this.loop);
 		};
 		updateTime() {
-			let e = this.config.introRamp === !1 || this.skipIntroRamp ? 1 : this.introTimeRamp, t = this.time * e + (this.config.timeOffset ?? 0);
+			let e = this.config.introRamp === !1 || this.skipIntroRamp ? 1 : this.introTimeRamp, t = this.time * e + (this.config.timeOffset ?? 0) + this.interactionTimeOffset;
 			for (let e = 0; e < this.waves.length; e++) {
 				let n = this.waves[e].material.uniforms;
 				n.uTime.value = t;
@@ -12852,7 +13393,97 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 			this.postPass.uniforms.uTime.value = t;
 		}
 		renderOnce() {
-			this.updateBackgroundVideoFrame(), this.updateTime(), this.updateClipPlanes(), this.composer.render(), this.onAfterRenderFrame();
+			this.updateBackgroundVideoFrame(), this.updateTime(), this.applyInteraction(), this.updateClipPlanes(), this.composer.render(), this.onAfterRenderFrame();
+		}
+		syncInteraction() {
+			let e = hu(this.config);
+			e && !this.interaction ? this.interaction = new ju(this.container, () => this.config) : !e && this.interaction && (this.interaction.dispose(), this.interaction = void 0, this.interactionTimeOffset = 0, this.interactionZoom !== 1 && (this.interactionZoom = 1, this.applyZoom()));
+		}
+		applyInteraction() {
+			if (this.interaction) {
+				if (this.capturing) {
+					this.applyInteractionRest();
+					return;
+				}
+				mu(this.config) && this.applyPointerField(this.interaction), this.applyBindings(this.interaction);
+			}
+		}
+		applyInteractionRest() {
+			for (let e = 0; e < this.waves.length; e++) {
+				let t = this.config.waves[e] ?? this.config.waves[this.config.waves.length - 1];
+				if (!fu(this.config, t)) continue;
+				let n = this.waves[e].material.uniforms;
+				n.uPointerActive.value = 0;
+				let r = n.uRippleAmp.value;
+				for (let e = 0; e < 4; e++) r[e] = 0;
+			}
+			let e = this.config.interaction?.bindings;
+			if (e) {
+				this.interactionSceneOut.timeOffset = this.config.timeOffset ?? 0, this.interactionSceneOut.zoom = this.config.cameraZoom ?? 1;
+				let t = {
+					post: this.postPass.uniforms,
+					out: this.interactionSceneOut
+				};
+				for (let n of e) {
+					let e = Au[n.target];
+					e.apply(e.base(this.config), t);
+				}
+			}
+			this.interactionTimeOffset !== 0 && (this.interactionTimeOffset = 0, this.updateTime());
+			for (let e = 0; e < this.waves.length; e++) {
+				let t = this.config.waves[e], n = t?.interaction?.bindings;
+				if (!t || !n || n.length === 0) continue;
+				let r = this.waves[e];
+				for (let e of n) {
+					let n = ku[e.target];
+					n.apply(n.base(t), {
+						u: r.material.uniforms,
+						mesh: r.mesh
+					});
+				}
+			}
+		}
+		applyPointerField(e) {
+			let t = this.camera.right - this.camera.left, n = this.camera.top - this.camera.bottom, r = n === 0 ? 1 : t / n, i = e.sample().ripples, a = Math.min(1, .2 + .85 * e.pointerFlux()), o = e.pointerVelocity();
+			for (let t = 0; t < this.waves.length; t++) {
+				let n = this.config.waves[t] ?? this.config.waves[this.config.waves.length - 1];
+				if (!fu(this.config, n)) continue;
+				let s = this.waves[t].material.uniforms;
+				s.uPointerAgitate.value = (n.interaction?.hover?.agitate ?? 0) * a, s.uPointerVel.value.copy(o);
+				let c = e.fieldFor(t);
+				c ? (s.uPointer.value.copy(c.ndc), s.uPointerActive.value = c.presence) : s.uPointerActive.value = 0, s.uPointerAspect.value = r;
+				let l = s.uRippleOrigin.value, u = s.uRippleAge.value, d = s.uRippleAmp.value;
+				for (let e = 0; e < 4; e++) l[e].copy(i[e].origin), u[e] = i[e].age, d[e] = i[e].amp;
+			}
+		}
+		applyBindings(e) {
+			this.interactionSceneOut.timeOffset = this.config.timeOffset ?? 0, this.interactionSceneOut.zoom = this.config.cameraZoom ?? 1;
+			let t = {
+				post: this.postPass.uniforms,
+				out: this.interactionSceneOut
+			};
+			for (let n of this.config.interaction?.bindings ?? []) {
+				let r = Au[n.target], i = Gt.lerp(n.from ?? r.base(this.config), n.to, e.bindingValue(n));
+				r.apply(i, t);
+			}
+			for (let t = 0; t < this.waves.length; t++) {
+				let n = this.config.waves[t], r = n?.interaction?.bindings;
+				if (!n || !r || r.length === 0) continue;
+				let i = this.waves[t];
+				for (let t of r) {
+					let r = ku[t.target], a = Gt.lerp(t.from ?? r.base(n), t.to, e.bindingValue(t));
+					r.apply(a, {
+						u: i.material.uniforms,
+						mesh: i.mesh
+					});
+				}
+			}
+			this.interactionTimeOffset = this.interactionSceneOut.timeOffset - (this.config.timeOffset ?? 0);
+			let n = this.interactionSceneOut.zoom / (this.config.cameraZoom || 1);
+			n !== this.interactionZoom && (this.interactionZoom = n, this.applyZoom());
+		}
+		setInteractionInput(e, t) {
+			this.interaction?.setInput(e, t);
 		}
 		refreshPlayback() {
 			this.updateRunning();
@@ -12869,17 +13500,22 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 		onAfterResize() {}
 		applyZoom() {
 			let e = this.camera.right - this.camera.left, t = this.camera.top - this.camera.bottom;
-			this.camera.zoom = Math.max(e / Lu, t / 750) * (this.config.cameraZoom ?? 1), this.camera.updateProjectionMatrix();
+			this.camera.zoom = Math.max(e / gd, t / 750) * (this.config.cameraZoom ?? 1) * this.interactionZoom, this.camera.updateProjectionMatrix();
 		}
 		updateClipPlanes() {
 			this.clipBox.makeEmpty();
-			for (let e of this.waves) {
-				let t = e.mesh;
-				t.updateWorldMatrix(!0, !1);
-				let n = t.geometry.boundingSphere;
-				if (!n) continue;
-				let r = this.clipTmpA.setFromMatrixPosition(t.matrixWorld), i = Math.abs(Number(e.material.uniforms.uDispAmount.value) || 0), a = (n.center.length() + n.radius + i) * t.matrixWorld.getMaxScaleOnAxis() * 1.2;
-				this.clipBox.expandByPoint(this.clipTmpB.copy(r).addScalar(a)), this.clipBox.expandByPoint(this.clipTmpB.copy(r).addScalar(-a));
+			for (let e = 0; e < this.waves.length; e++) {
+				let t = this.waves[e], n = t.mesh;
+				n.updateWorldMatrix(!0, !1);
+				let r = n.geometry.boundingSphere;
+				if (!r) continue;
+				let i = this.clipTmpA.setFromMatrixPosition(n.matrixWorld), a = Math.abs(Number(t.material.uniforms.uDispAmount.value) || 0), o = this.config.waves[e] ?? this.config.waves[this.config.waves.length - 1], s = 0;
+				if (fu(this.config, o)) {
+					let e = o.interaction?.hover;
+					s = (e?.agitate ?? 0) + Math.abs(e?.push ?? 0) + (e?.wake ?? 0) + (o.interaction?.press?.ripple ?? 0);
+				}
+				let c = (r.center.length() + r.radius + a + s) * n.matrixWorld.getMaxScaleOnAxis() * 1.2;
+				this.clipBox.expandByPoint(this.clipTmpB.copy(i).addScalar(c)), this.clipBox.expandByPoint(this.clipTmpB.copy(i).addScalar(-c));
 			}
 			if (this.clipBox.isEmpty()) return;
 			this.clipBox.getBoundingSphere(this.clipSphere);
@@ -12891,11 +13527,11 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 			t !== i && (this.config.transparentBackground = t, this.applyBackground());
 			let a = r !== void 0, o = this.time, s = this.introTimeRamp;
 			a && (this.time = r, this.introTimeRamp = 1);
-			let c = null;
+			let c = null, l = this.camera.zoom, u = this.interactionZoom !== 1;
 			try {
-				this.capturing = !0, this.renderOnce(), c = await new Promise((t) => this.canvas.toBlob(t, e, n));
+				this.capturing = !0, u && (this.camera.zoom = l / this.interactionZoom, this.camera.updateProjectionMatrix()), this.renderOnce(), c = await new Promise((t) => this.canvas.toBlob(t, e, n));
 			} finally {
-				this.capturing = !1, t !== i && (this.config.transparentBackground = i, this.applyBackground()), a && (this.time = o, this.introTimeRamp = s), this.renderOnce();
+				this.capturing = !1, u && (this.camera.zoom = l, this.camera.updateProjectionMatrix()), t !== i && (this.config.transparentBackground = i, this.applyBackground()), a && (this.time = o, this.introTimeRamp = s), this.renderOnce();
 			}
 			if (!c || c.type !== e) throw Error(`Failed to capture ${e}`);
 			return c;
@@ -12910,25 +13546,25 @@ var Iu, Lu, Ru, zu, Bu, Vu = t((() => {
 			return this.config;
 		}
 		setConfig(e) {
-			let t = Al(e), n = t.waves.length !== this.waves.length || t.quality !== this.config.quality;
+			let t = Fl(e), n = t.waves.length !== this.waves.length || t.quality !== this.config.quality;
 			this.config = t, n ? this.rebuild() : this.refresh(), this.applyCameraFromConfig();
 		}
 		dispose() {
-			cancelAnimationFrame(this.rafId), this.running = !1, this.resizeObserver.disconnect(), this.intersectionObserver.disconnect(), this.motionQuery.removeEventListener("change", this.onMotionChange), document.removeEventListener("visibilitychange", this.onVisibilityChange), this.renderer.domElement.removeEventListener("webglcontextlost", this.onContextLost), this.renderer.domElement.removeEventListener("webglcontextrestored", this.onContextRestored), this.clearBackgroundVideo(), this.backgroundTexture?.dispose();
+			cancelAnimationFrame(this.rafId), this.running = !1, this.interaction?.dispose(), this.interaction = void 0, this.resizeObserver.disconnect(), this.intersectionObserver.disconnect(), this.motionQuery.removeEventListener("change", this.onMotionChange), document.removeEventListener("visibilitychange", this.onVisibilityChange), this.renderer.domElement.removeEventListener("webglcontextlost", this.onContextLost), this.renderer.domElement.removeEventListener("webglcontextrestored", this.onContextRestored), this.clearBackgroundVideo(), this.backgroundTexture?.dispose();
 			for (let e of this.waves) e.material.dispose(), e.geometry.dispose(), e.palette.dispose();
 			this.bloomPass?.dispose(), this.composer.dispose(), this.renderer.dispose(), this.renderer.domElement.remove();
 		}
 	};
-})), Hu = /* @__PURE__ */ n({
-	WaveRenderer: () => Bu,
+})), xd = /* @__PURE__ */ n({
+	WaveRenderer: () => yd,
 	createDefaultConfig: () => wl
 });
 //#endregion
 //#region src/shell/probe.ts
 t((() => {
-	Vu(), Ll();
+	bd(), Gl();
 }))();
-function Uu() {
+function Sd() {
 	if (typeof document > "u") return !1;
 	try {
 		let e = document.createElement("canvas"), t = { failIfMajorPerformanceCaveat: !0 }, n = e.getContext("webgl2", t) ?? e.getContext("webgl", t);
@@ -12937,122 +13573,124 @@ function Uu() {
 		return !1;
 	}
 }
-function Wu() {
+function Cd() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Gu() {
+function wd() {
 	return typeof navigator > "u" ? !1 : navigator.connection?.saveData === !0;
 }
 //#endregion
 //#region src/shell/poster.ts
-var Ku = "data-wave3d-poster";
-function qu(e) {
+var Td = "data-wave3d-poster";
+function Ed(e) {
 	getComputedStyle(e).position === "static" && (e.style.position = "relative");
 }
-function Ju(e, t) {
-	let n = e.querySelector(`img[${Ku}]`);
-	if (!n && !t) return null;
-	n || (n = document.createElement("img"), n.setAttribute(Ku, ""), n.decoding = "async", n.alt = "", n.setAttribute("aria-hidden", "true"), e.appendChild(n)), t && (n.src = t), Object.assign(n.style, {
+function Dd(e, t, n = "fill") {
+	let r = e.querySelector(`img[${Td}]`);
+	if (!r && !t) return null;
+	r || (r = document.createElement("img"), r.setAttribute(Td, ""), r.decoding = "async", r.alt = "", r.setAttribute("aria-hidden", "true"), e.appendChild(r)), t && (r.src = t), Object.assign(r.style, {
 		position: "absolute",
 		inset: "0",
 		width: "100%",
 		height: "100%",
-		objectFit: "cover",
+		objectFit: n,
 		pointerEvents: "none",
 		zIndex: "1",
 		opacity: "1",
 		visibility: "visible"
 	});
-	let r = n;
+	let i = r;
 	return {
-		el: r,
+		el: i,
 		fadeOut(e) {
 			if (e <= 0) {
-				r.style.opacity = "0", r.style.visibility = "hidden";
+				i.style.opacity = "0", i.style.visibility = "hidden";
 				return;
 			}
-			r.style.transition = `opacity ${e}ms ease`, r.offsetWidth, r.style.opacity = "0", setTimeout(() => {
-				r.style.visibility = "hidden";
+			i.style.transition = `opacity ${e}ms ease`, i.offsetWidth, i.style.opacity = "0", setTimeout(() => {
+				i.style.visibility = "hidden";
 			}, e + 50);
 		},
 		show() {
-			r.style.transition = "", r.style.opacity = "1", r.style.visibility = "visible";
+			i.style.transition = "", i.style.opacity = "1", i.style.visibility = "visible";
 		},
 		remove() {
-			r.remove();
+			i.remove();
 		}
 	};
 }
 //#endregion
 //#region src/shell/createWave.ts
-function Yu(e, t, n, r) {
+function Od(e, t, n, r) {
 	let { lazy: i = !0, rootMargin: a = "200px", webgl: o = "auto", respectReducedMotion: s = !0, reducedMotionBehavior: c = "static", respectSaveData: l = !0, fadeMs: u = 300 } = r, d = "poster", f = null, p = { ...n };
 	r.paused !== void 0 && (p.paused = r.paused);
-	let m = !1, h = null, g, _ = 0;
-	qu(t);
-	let v = Ju(t, r.poster);
-	function y(e) {
-		d !== e && (d = e, r.onStateChange?.(e));
-	}
+	let m = /* @__PURE__ */ new Map(), h = !1, g = null, _, v = 0;
+	Ed(t);
+	let y = Dd(t, r.poster, r.posterFit);
 	function b(e) {
-		y("fallback"), v?.show(), r.onFallback?.(e);
+		d !== e && (d = e, r.onStateChange?.(e));
 	}
-	function x() {
-		clearTimeout(g);
+	function x(e) {
+		b("fallback"), y?.show(), r.onFallback?.(e);
 	}
 	function S() {
-		if (_ += 1, clearTimeout(g), _ >= 2) {
-			C(), b("context-lost");
+		clearTimeout(_);
+	}
+	function C() {
+		if (v += 1, clearTimeout(_), v >= 2) {
+			w(), x("context-lost");
 			return;
 		}
-		g = setTimeout(() => {
-			C(), b("context-lost");
+		_ = setTimeout(() => {
+			w(), x("context-lost");
 		}, 4e3);
 	}
-	function C() {
+	function w() {
 		if (!f) return;
 		let e = f.renderer.domElement;
-		e.removeEventListener("webglcontextlost", S), e.removeEventListener("webglcontextrestored", x), f.dispose(), f = null;
+		e.removeEventListener("webglcontextlost", C), e.removeEventListener("webglcontextrestored", S), f.dispose(), f = null;
 	}
-	async function w() {
-		y("loading");
+	async function T() {
+		b("loading");
 		let n;
 		try {
 			n = await e();
 		} catch {
-			m || b("load-error");
+			h || x("load-error");
 			return;
 		}
-		if (m) return;
+		if (h) return;
 		let i = {
 			...n.createDefaultConfig(),
 			...p
 		}, a = { respectReducedMotion: s };
 		f = new n.WaveRenderer(t, i, a);
 		let o = f.renderer.domElement;
-		o.addEventListener("webglcontextlost", S, !1), o.addEventListener("webglcontextrestored", x, !1), f.start(), y("running"), r.onReady?.(f), v && requestAnimationFrame(() => requestAnimationFrame(() => {
-			!m && f && v.fadeOut(u);
+		o.addEventListener("webglcontextlost", C, !1), o.addEventListener("webglcontextrestored", S, !1), f.start();
+		for (let [e, t] of m) f.setInteractionInput(e, t);
+		b("running"), r.onReady?.(f), y && requestAnimationFrame(() => requestAnimationFrame(() => {
+			!h && f && y.fadeOut(u);
 		}));
 	}
-	function T() {
-		if (!m) {
-			if (o === "auto" && !Uu()) {
-				b("no-webgl");
+	function E() {
+		if (!h) {
+			if (o === "auto" && !Sd()) {
+				x("no-webgl");
 				return;
 			}
-			w();
+			T();
 		}
 	}
-	function E() {
+	function D() {
 		if (o !== "off") {
-			if (l && Gu()) return b("save-data");
-			if (s && c === "poster" && Wu()) return b("reduced-motion");
-			i && typeof IntersectionObserver < "u" ? (h = new IntersectionObserver((e) => {
-				e.some((e) => e.isIntersecting) && (h?.disconnect(), h = null, T());
-			}, { rootMargin: a }), h.observe(t)) : T();
+			if (l && wd()) return x("save-data");
+			if (s && c === "poster" && Cd()) return x("reduced-motion");
+			i && typeof IntersectionObserver < "u" ? (g = new IntersectionObserver((e) => {
+				e.some((e) => e.isIntersecting) && (g?.disconnect(), g = null, E());
+			}, { rootMargin: a }), g.observe(t)) : E();
 		}
 	}
-	return E(), {
+	return D(), {
 		get state() {
 			return d;
 		},
@@ -13073,6 +13711,9 @@ function Yu(e, t, n, r) {
 				...e
 			};
 		},
+		setInteractionInput(e, t) {
+			f ? f.setInteractionInput(e, t) : m.set(e, t);
+		},
 		play() {
 			f ? (f.getConfig().paused = !1, f.refreshPlayback()) : p.paused = !1;
 		},
@@ -13080,17 +13721,17 @@ function Yu(e, t, n, r) {
 			f ? (f.getConfig().paused = !0, f.refreshPlayback()) : p.paused = !0;
 		},
 		destroy() {
-			m = !0, h?.disconnect(), h = null, clearTimeout(g), C(), v?.remove();
+			h = !0, g?.disconnect(), g = null, clearTimeout(_), w(), y?.remove();
 		}
 	};
 }
 //#endregion
 //#region src/presets.ts
-Ll();
-var Xu = 180 / Math.PI;
-function Zu(e) {
+Gl();
+var kd = 180 / Math.PI;
+function Ad(e) {
 	let t = wl(), n = t.waves[0];
-	return n.speed = e.speed, n.colorContrast = e.contrast, n.colorSaturation = e.sat, n.hueShift = e.hueRad * Xu, n.displaceFrequency = {
+	return n.speed = e.speed, n.colorContrast = e.contrast, n.colorSaturation = e.sat, n.hueShift = e.hueRad * kd, n.displaceFrequency = {
 		x: e.dispX,
 		y: e.dispZ
 	}, n.displaceAmount = e.dispAmt, n.position = {
@@ -13098,9 +13739,9 @@ function Zu(e) {
 		y: e.pos[1],
 		z: e.pos[2]
 	}, n.rotation = {
-		x: e.rotRad[0] * Xu,
-		y: e.rotRad[1] * Xu,
-		z: e.rotRad[2] * Xu
+		x: e.rotRad[0] * kd,
+		y: e.rotRad[1] * kd,
+		z: e.rotRad[2] * kd
 	}, n.scale = {
 		x: e.scale[0],
 		y: e.scale[1],
@@ -13123,8 +13764,8 @@ function Zu(e) {
 		z: 0
 	}, t.cameraZoom = e.zoom, t;
 }
-var Qu = {
-	Hero: () => Zu({
+var jd = {
+	Hero: () => Ad({
 		speed: .04,
 		contrast: 1,
 		sat: 1,
@@ -13168,7 +13809,7 @@ var Qu = {
 		camTarget: [-420, -200]
 	}),
 	"Wave 2": () => wl(),
-	"Wave 3": () => Zu({
+	"Wave 3": () => Ad({
 		speed: .08,
 		contrast: 1,
 		sat: 1,
@@ -13211,7 +13852,7 @@ var Qu = {
 		zoom: 1.3,
 		camTarget: [-104, 13]
 	}),
-	"Wave 4": () => Zu({
+	"Wave 4": () => Ad({
 		speed: .0525,
 		contrast: .969,
 		sat: 1.383,
@@ -13291,7 +13932,7 @@ var Qu = {
 		]), t.creaseLight = 1, e.background = "#05060c", e.transparentBackground = !1, e.waves = bl(t, 3), e.waveCount = 3, e;
 	},
 	"Mesh Gradient": () => {
-		let e = Qu.Hero(), t = e.waves[0];
+		let e = jd.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a84ff",
@@ -13332,7 +13973,7 @@ var Qu = {
 		], t.meshGradientSoftness = .68, t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.06, t.colorSaturation = 1.12, t.fiberStrength = .14, e.grain = .3, e.blur = .008, e.background = "#070914", e.backgroundMode = "color", e.transparentBackground = !1, e;
 	},
 	"Solar Bloom": () => {
-		let e = Qu.Hero(), t = e.waves[0];
+		let e = jd.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "radial", t.gradientShift = .14, t.palette = [
 			{
 				color: "#fff3c4",
@@ -13361,7 +14002,7 @@ var Qu = {
 		], t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.05, t.colorSaturation = 1.18, t.fiberStrength = .12, e.grain = .3, e.blur = .01, e.background = "#0a0714", e.backgroundMode = "gradient", e.backgroundGradientType = "radial", e.backgroundGradientSource = "stops", e.backgroundPalette = vl(["#2a1330", "#08040f"]), e.transparentBackground = !1, e;
 	},
 	Holographic: () => {
-		let e = Qu.Hero(), t = e.waves[0];
+		let e = jd.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "conic", t.gradientShift = .08, t.palette = [
 			{
 				color: "#8ef6e4",
@@ -13394,7 +14035,7 @@ var Qu = {
 		], t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.04, t.colorSaturation = 1.12, t.fiberStrength = .12, e.grain = .28, e.blur = .01, e.background = "#05060c", e.backgroundMode = "gradient", e.backgroundGradientType = "linear", e.backgroundGradientAngle = 135, e.backgroundGradientSource = "stops", e.backgroundPalette = vl(["#04121a", "#0a0518"]), e.transparentBackground = !1, e;
 	},
 	Aurora: () => {
-		let e = Qu.Hero(), t = e.waves[0];
+		let e = jd.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a1f3c",
@@ -13466,27 +14107,31 @@ var Qu = {
 		], e.backgroundMeshSoftness = .75, e.transparentBackground = !1, e;
 	},
 	Palestine: () => {
-		let e = Qu.Hero(), t = e.waves[0];
+		let e = jd.Hero(), t = e.waves[0];
 		return t.paletteSource = "palestine", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1, t.colorSaturation = 1, e.grain = .35, e.background = "#f2efe8", e.transparentBackground = !0, e;
 	},
+	Spain: () => {
+		let e = jd.Hero(), t = e.waves[0];
+		return t.paletteSource = "spain", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.18, t.colorSaturation = 1.25, t.creaseLight = 1.6, e.grain = .3, e.background = "#1a0608", e.backgroundMode = "color", e.transparentBackground = !1, e;
+	},
 	"Vaporwave Sunset": () => {
-		let e = Qu.Hero(), t = e.waves[0];
-		return t.position.x = 525, t.rotation.x = -.64 * Xu, t.rotation.z = 1.68 * Xu, t.paletteSource = "vaporwave", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.08, t.colorSaturation = 1.15, t.creaseLight = 1.25, e.cameraZoom = 1.1, e.cameraTarget = {
+		let e = jd.Hero(), t = e.waves[0];
+		return t.position.x = 525, t.rotation.x = -.64 * kd, t.rotation.z = 1.68 * kd, t.paletteSource = "vaporwave", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.08, t.colorSaturation = 1.15, t.creaseLight = 1.25, e.cameraZoom = 1.1, e.cameraTarget = {
 			x: 150,
 			y: 360,
 			z: 0
 		}, e.background = "#09051f", e.transparentBackground = !1, e;
 	},
 	Kaleidoscope: () => {
-		let e = Qu["Wave 3"](), t = e.waves[0];
+		let e = jd["Wave 3"](), t = e.waves[0];
 		return t.paletteSource = "kaleidoscope", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.05, t.colorSaturation = 1.12, e.grain = .5, e;
 	}
 };
-Vu(), Ll();
-var $u = () => Promise.resolve(Hu);
-function ed(e, t = {}, n = {}) {
-	return Yu($u, e, t, n);
+bd(), Gl();
+var Md = () => Promise.resolve(xd);
+function Nd(e, t = {}, n = {}) {
+	return Od(Md, e, t, n);
 }
-var td = ed;
+var Pd = Nd;
 //#endregion
-export { Il as DEFAULT_LIGHT_POSITION, jl as MAX_COLORS, Nl as MAX_LIGHTS, Ml as MAX_MESH_POINTS, Pl as MAX_NOISE_BANDS, Fl as MAX_WAVES, Qu as PRESETS, Bu as WaveRenderer, wl as createDefaultConfig, yl as createDefaultMeshPoints, gl as createLight, _l as createNoiseBand, ed as createWave, Dl as ensureCamera, kl as ensureSceneDefaults, Al as ensureStudioConfig, vl as makeStops, Sl as makeWave, bl as makeWaveSpread, td as mountWave, El as normalizeBackground, Ol as normalizeWave, Cl as resizeWaves };
+export { Vl as DEFAULT_LIGHT_POSITION, Il as MAX_COLORS, Rl as MAX_LIGHTS, Ll as MAX_MESH_POINTS, zl as MAX_NOISE_BANDS, Bl as MAX_WAVES, jd as PRESETS, yd as WaveRenderer, wl as createDefaultConfig, yl as createDefaultMeshPoints, gl as createLight, _l as createNoiseBand, Nd as createWave, Dl as ensureCamera, kl as ensureSceneDefaults, Fl as ensureStudioConfig, vl as makeStops, Sl as makeWave, bl as makeWaveSpread, Pd as mountWave, El as normalizeBackground, Pl as normalizeSceneInteraction, Ol as normalizeWave, Nl as normalizeWaveInteraction, Cl as resizeWaves };