shaders 2.3.52 → 2.3.54

package/dist/core/{Blob-BgN4aVOR.js → Blob-CunyZ0A6.js}

@@ -186,7 +186,6 @@ const componentDefinition = {
 		const highlightColor = uniforms.highlightColor.uniform;
 		const edgeWidth = softness.mul(float(.3));
 		const edgeCurve = softness.mul(float(2)).add(float(.5));
-		const edgeComplexity = float(.5);
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(baseUV.x.mul(aspect), baseUV.y);
 		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
@@ -195,12 +194,10 @@ const componentDefinition = {
 		const baseRadius = size;
 		const noiseScale = float(4);
 		const noise1 = sin(uv$1.x.mul(noiseScale.mul(float(.8))).add(animTime.mul(float(.8)))).mul(sin(uv$1.y.mul(noiseScale.mul(float(.7))).add(animTime.mul(float(.6))))).add(sin(uv$1.x.mul(noiseScale.mul(float(1.2))).sub(uv$1.y.mul(noiseScale.mul(float(.9))).add(animTime.mul(float(.4)))))).mul(float(.15)).mul(deformation);
-		const noise2 = sin(uv$1.x.mul(noiseScale.mul(float(1.4))).sub(animTime.mul(float(.5)))).mul(sin(uv$1.y.mul(noiseScale.mul(float(1.1))).add(animTime.mul(float(.7))))).mul(float(.12)).mul(deformation).mul(smoothstep(float(.15), float(.25), edgeComplexity));
-		const noise3 = sin(uv$1.x.mul(noiseScale.mul(float(1.8))).add(uv$1.y.mul(noiseScale.mul(float(1.6))).add(animTime.mul(float(.3))))).add(sin(uv$1.x.mul(noiseScale.mul(float(.6))).sub(animTime.mul(float(.9))))).mul(float(.1)).mul(deformation).mul(smoothstep(float(.3), float(.4), edgeComplexity));
-		const noise4 = sin(uv$1.x.mul(noiseScale.mul(float(2.2))).add(animTime.mul(float(.2)))).mul(sin(uv$1.y.mul(noiseScale.mul(float(1.9))).sub(animTime.mul(float(.8))))).mul(float(.08)).mul(deformation).mul(smoothstep(float(.45), float(.55), edgeComplexity));
-		const noise5 = sin(uv$1.x.mul(noiseScale.mul(float(2.8))).sub(uv$1.y.mul(noiseScale.mul(float(2.4))).add(animTime.mul(float(.6))))).mul(float(.06)).mul(deformation).mul(smoothstep(float(.6), float(.7), edgeComplexity));
-		const noise6 = sin(uv$1.x.mul(noiseScale.mul(float(3.2))).add(animTime.mul(float(1.1)))).add(sin(uv$1.y.mul(noiseScale.mul(float(3.5))).sub(animTime.mul(float(.4))))).mul(float(.04)).mul(deformation).mul(smoothstep(float(.75), float(.85), edgeComplexity));
-		const noiseAmount = noise1.add(noise2).add(noise3).add(noise4).add(noise5).add(noise6);
+		const noise2 = sin(uv$1.x.mul(noiseScale.mul(float(1.4))).sub(animTime.mul(float(.5)))).mul(sin(uv$1.y.mul(noiseScale.mul(float(1.1))).add(animTime.mul(float(.7))))).mul(float(.12)).mul(deformation);
+		const noise3 = sin(uv$1.x.mul(noiseScale.mul(float(1.8))).add(uv$1.y.mul(noiseScale.mul(float(1.6))).add(animTime.mul(float(.3))))).add(sin(uv$1.x.mul(noiseScale.mul(float(.6))).sub(animTime.mul(float(.9))))).mul(float(.1)).mul(deformation);
+		const noise4 = sin(uv$1.x.mul(noiseScale.mul(float(2.2))).add(animTime.mul(float(.2)))).mul(sin(uv$1.y.mul(noiseScale.mul(float(1.9))).sub(animTime.mul(float(.8))))).mul(float(.04)).mul(deformation);
+		const noiseAmount = noise1.add(noise2).add(noise3).add(noise4);
 		const organicRadius = baseRadius.add(noiseAmount);
 		const blobMask = pow(smoothstep(organicRadius.sub(edgeWidth), organicRadius.add(edgeWidth), dist).oneMinus(), edgeCurve);
 		const distFromCenter = length(uv$1);

package/dist/core/CursorRipples-Dn_rE8nA.js

@@ -0,0 +1,177 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges } from "./transformations-CC_c-QAT.js";
+import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
+import { convertToTexture, float, screenUV, texture, vec2, vec4 } from "three/tsl";
+var GRID_SIZE = 128;
+const componentDefinition = {
+	name: "CursorRipples",
+	category: "Interactive",
+	description: "Fluid-like ripple distortion",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 10,
+			description: "Strength of the ripple distortion",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 20,
+				step: .1,
+				label: "Intensity",
+				group: "Effect"
+			}
+		},
+		decay: {
+			default: 10,
+			description: "How quickly ripples fade (higher = faster)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 20,
+				step: .1,
+				label: "Decay",
+				group: "Effect"
+			}
+		},
+		radius: {
+			default: .5,
+			description: "Radius of cursor influence",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 1,
+				step: .1,
+				label: "Radius",
+				group: "Effect"
+			}
+		},
+		chromaticSplit: {
+			default: 1,
+			description: "RGB channel separation along ripple edges",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 3,
+				step: .1,
+				label: "Chromatic Split",
+				group: "Effect"
+			}
+		},
+		edges: {
+			default: "stretch",
+			description: "How to handle edges when distortion pushes content out of bounds",
+			transform: transformEdges,
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Stretch",
+						value: "stretch"
+					},
+					{
+						label: "Transparent",
+						value: "transparent"
+					},
+					{
+						label: "Mirror",
+						value: "mirror"
+					},
+					{
+						label: "Wrap",
+						value: "wrap"
+					}
+				],
+				label: "Edges",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup, dimensions }) => {
+		const buffers = [new Float32Array(GRID_SIZE * GRID_SIZE), new Float32Array(GRID_SIZE * GRID_SIZE)];
+		let currentBuffer = 0;
+		const displacementData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
+		const displacementTexture = new DataTexture(displacementData, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
+		displacementTexture.magFilter = LinearFilter;
+		displacementTexture.minFilter = LinearFilter;
+		displacementTexture.needsUpdate = true;
+		const displacementField = texture(displacementTexture);
+		let prevX = .5;
+		let prevY = .5;
+		let lastTime = Date.now();
+		onBeforeRender(({ pointer }) => {
+			const currentTime = Date.now();
+			const dt = Math.min((currentTime - lastTime) / 1e3, .016);
+			lastTime = currentTime;
+			const aspect = dimensions.width / dimensions.height;
+			const substeps = 1;
+			const decay = uniforms.decay.uniform.value;
+			const radius = uniforms.radius.uniform.value * .05;
+			const rawVelX = dt > 0 ? (pointer.x - prevX) / dt : 0;
+			const rawVelY = dt > 0 ? (pointer.y - prevY) / dt : 0;
+			const mouseSpeed = Math.min(Math.sqrt(rawVelX * rawVelX + rawVelY * rawVelY), 2);
+			const dampFactor = 1 - decay * .004;
+			for (let s = 0; s < substeps; s++) {
+				const curr$1 = buffers[currentBuffer];
+				const prev = buffers[1 - currentBuffer];
+				if (s === 0 && mouseSpeed > .01) {
+					const influenceRadius = radius * 3;
+					const minJ = Math.max(1, Math.floor((pointer.x - influenceRadius) * GRID_SIZE));
+					const maxJ = Math.min(GRID_SIZE - 2, Math.ceil((pointer.x + influenceRadius) * GRID_SIZE));
+					const minI = Math.max(1, Math.floor((pointer.y - influenceRadius) * GRID_SIZE));
+					const maxI = Math.min(GRID_SIZE - 2, Math.ceil((pointer.y + influenceRadius) * GRID_SIZE));
+					for (let i = minI; i <= maxI; i++) for (let j = minJ; j <= maxJ; j++) {
+						const idx = i * GRID_SIZE + j;
+						const cellX = (j + .5) / GRID_SIZE;
+						const cellY = (i + .5) / GRID_SIZE;
+						const ddx = aspect >= 1 ? (cellX - pointer.x) * aspect : cellX - pointer.x;
+						const ddy = aspect >= 1 ? cellY - pointer.y : (cellY - pointer.y) / aspect;
+						const dist = Math.sqrt(ddx * ddx + ddy * ddy);
+						if (dist < influenceRadius) {
+							const influence = Math.exp(-dist * dist / (radius * radius));
+							curr$1[idx] -= influence * mouseSpeed * dt * 3;
+						}
+					}
+				}
+				for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
+					const idx = i * GRID_SIZE + j;
+					prev[idx] = ((curr$1[idx - 1] + curr$1[idx + 1] + curr$1[idx - GRID_SIZE] + curr$1[idx + GRID_SIZE]) * .5 - prev[idx]) * dampFactor;
+				}
+				currentBuffer = 1 - currentBuffer;
+			}
+			const curr = buffers[currentBuffer];
+			for (let i = 1; i < GRID_SIZE - 1; i++) for (let j = 1; j < GRID_SIZE - 1; j++) {
+				const idx = i * GRID_SIZE + j;
+				const dIdx = idx * 2;
+				displacementData[dIdx] = (curr[idx + 1] - curr[idx - 1]) * .5;
+				displacementData[dIdx + 1] = (curr[idx + GRID_SIZE] - curr[idx - GRID_SIZE]) * .5;
+			}
+			displacementTexture.needsUpdate = true;
+			prevX = pointer.x;
+			prevY = pointer.y;
+		});
+		onCleanup(() => {
+			displacementTexture.dispose();
+		});
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const displacement = displacementField.sample(screenUV).xy;
+		const intensityScale = uniforms.intensity.uniform.mul(.1);
+		const scaledDisplacement = displacement.mul(intensityScale);
+		const maxDisp = float(.15);
+		const clampedDisplacement = scaledDisplacement.clamp(vec2(maxDisp.negate(), maxDisp.negate()), vec2(maxDisp, maxDisp));
+		const chromaticScale = uniforms.chromaticSplit.uniform.mul(.1);
+		const rUV = screenUV.sub(clampedDisplacement.mul(float(1).add(chromaticScale)));
+		const gUV = screenUV.sub(clampedDisplacement);
+		const bUV = screenUV.sub(clampedDisplacement.mul(float(1).sub(chromaticScale)));
+		const rSample = applyEdgeHandling(rUV, childTexture.sample(rUV), childTexture, uniforms.edges.uniform);
+		const gSample = applyEdgeHandling(gUV, childTexture.sample(gUV), childTexture, uniforms.edges.uniform);
+		const bSample = applyEdgeHandling(bUV, childTexture.sample(bUV), childTexture, uniforms.edges.uniform);
+		return vec4(rSample.r, gSample.g, bSample.b, gSample.a);
+	}
+};
+var CursorRipples_default = componentDefinition;
+export { componentDefinition as n, CursorRipples_default as t };

package/dist/core/{VideoTexture-CH9n_1hI.js → VideoTexture-DfsNWCXk.js}

@@ -1,4 +1,5 @@
-import { SRGBColorSpace, VideoTexture } from "three/webgpu";
+import { t as needsVideoCanvasWorkaround } from "./browser-Dcr7w1AA.js";
+import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "VideoTexture",
@@ -67,19 +68,29 @@ const componentDefinition = {
 	fragmentNode: ({ uniforms, onCleanup, onBeforeRender }) => {
 		const baseUV = screenUV;
 		let videoElement = null;
-		let videoTexture = null;
 		let currentUrl = "";
 		let isLoading = false;
 		let isDisposed = false;
 		const videoAspectUniform = uniform(1);
 		const videoWidthUniform = uniform(640);
 		const videoHeightUniform = uniform(480);
-		const placeholderVideo = document.createElement("video");
-		placeholderVideo.playsInline = true;
-		placeholderVideo.muted = true;
-		videoTexture = new VideoTexture(placeholderVideo);
-		videoTexture.colorSpace = SRGBColorSpace;
-		const textureNode = texture(videoTexture);
+		let canvas = null;
+		let ctx = null;
+		let activeTexture;
+		if (needsVideoCanvasWorkaround()) {
+			canvas = document.createElement("canvas");
+			canvas.width = 640;
+			canvas.height = 480;
+			ctx = canvas.getContext("2d");
+			activeTexture = new CanvasTexture(canvas);
+		} else {
+			const placeholderVideo = document.createElement("video");
+			placeholderVideo.playsInline = true;
+			placeholderVideo.muted = true;
+			activeTexture = new VideoTexture(placeholderVideo);
+		}
+		activeTexture.colorSpace = SRGBColorSpace;
+		const textureNode = texture(activeTexture);
 		const loadVideo = async (url) => {
 			if (!url || url.trim() === "" || isLoading || isDisposed) return;
 			isLoading = true;
@@ -115,10 +126,6 @@ const componentDefinition = {
 					videoElement.src = "";
 					videoElement = null;
 				}
-				if (videoTexture) videoTexture.dispose();
-				videoTexture = new VideoTexture(video);
-				videoTexture.colorSpace = SRGBColorSpace;
-				textureNode.value = videoTexture;
 				videoElement = video;
 				currentUrl = url;
 				try {
@@ -126,6 +133,14 @@ const componentDefinition = {
 				} catch (error) {
 					console.warn("[VideoTexture] Autoplay failed (browser policy):", error);
 				}
+				activeTexture.dispose();
+				if (needsVideoCanvasWorkaround()) {
+					canvas.width = width;
+					canvas.height = height;
+					activeTexture = new CanvasTexture(canvas);
+				} else activeTexture = new VideoTexture(video);
+				activeTexture.colorSpace = SRGBColorSpace;
+				textureNode.value = activeTexture;
 				isLoading = false;
 			} catch (error) {
 				console.error("[VideoTexture] Failed to load video:", error);
@@ -142,6 +157,10 @@ const componentDefinition = {
 			if (videoElement) {
 				const loopValue = uniforms.loop?.uniform?.value ?? true;
 				if (videoElement.loop !== loopValue) videoElement.loop = loopValue;
+				if (needsVideoCanvasWorkaround() && !videoElement.paused && videoElement.readyState >= 2) {
+					ctx.drawImage(videoElement, 0, 0, canvas.width, canvas.height);
+					activeTexture.needsUpdate = true;
+				}
 			}
 		});
 		onCleanup(() => {
@@ -151,11 +170,7 @@ const componentDefinition = {
 				videoElement.src = "";
 				videoElement = null;
 			}
-			if (videoTexture) {
-				videoTexture.dispose();
-				videoTexture = null;
-			}
-			placeholderVideo.src = "";
+			activeTexture.dispose();
 			currentUrl = "";
 		});
 		const uv$1 = baseUV;

package/dist/core/{WebcamTexture-wlrwZXeq.js → WebcamTexture-Cxppkhiu.js}

@@ -1,4 +1,5 @@
-import { SRGBColorSpace, VideoTexture } from "three/webgpu";
+import { t as needsVideoCanvasWorkaround } from "./browser-Dcr7w1AA.js";
+import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "WebcamTexture",
@@ -55,22 +56,32 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, onCleanup }) => {
+	fragmentNode: ({ uniforms, onCleanup, onBeforeRender }) => {
 		const baseUV = screenUV;
 		let mediaStream = null;
 		let videoElement = null;
-		let videoTexture = null;
 		let isInitialized = false;
 		let isDisposed = false;
 		const videoAspectUniform = uniform(1);
 		const videoWidthUniform = uniform(640);
 		const videoHeightUniform = uniform(480);
-		const placeholderVideo = document.createElement("video");
-		placeholderVideo.playsInline = true;
-		placeholderVideo.muted = true;
-		videoTexture = new VideoTexture(placeholderVideo);
-		videoTexture.colorSpace = SRGBColorSpace;
-		const textureNode = texture(videoTexture);
+		let canvas = null;
+		let ctx = null;
+		let activeTexture;
+		if (needsVideoCanvasWorkaround()) {
+			canvas = document.createElement("canvas");
+			canvas.width = 640;
+			canvas.height = 480;
+			ctx = canvas.getContext("2d");
+			activeTexture = new CanvasTexture(canvas);
+		} else {
+			const placeholderVideo = document.createElement("video");
+			placeholderVideo.playsInline = true;
+			placeholderVideo.muted = true;
+			activeTexture = new VideoTexture(placeholderVideo);
+		}
+		activeTexture.colorSpace = SRGBColorSpace;
+		const textureNode = texture(activeTexture);
 		const startWebcam = async () => {
 			if (isInitialized || isDisposed) return;
 			try {
@@ -108,10 +119,14 @@ const componentDefinition = {
 				videoAspectUniform.value = width / height;
 				videoWidthUniform.value = width;
 				videoHeightUniform.value = height;
-				if (videoTexture) videoTexture.dispose();
-				videoTexture = new VideoTexture(videoElement);
-				videoTexture.colorSpace = SRGBColorSpace;
-				textureNode.value = videoTexture;
+				activeTexture.dispose();
+				if (needsVideoCanvasWorkaround()) {
+					canvas.width = width;
+					canvas.height = height;
+					activeTexture = new CanvasTexture(canvas);
+				} else activeTexture = new VideoTexture(videoElement);
+				activeTexture.colorSpace = SRGBColorSpace;
+				textureNode.value = activeTexture;
 				isInitialized = true;
 				console.log(`[WebcamTexture] Webcam started: ${width}x${height}`);
 			} catch (error) {
@@ -123,21 +138,23 @@ const componentDefinition = {
 			}
 		};
 		startWebcam();
+		onBeforeRender(() => {
+			if (needsVideoCanvasWorkaround() && videoElement && isInitialized && !videoElement.paused && videoElement.readyState >= 2) {
+				ctx.drawImage(videoElement, 0, 0, canvas.width, canvas.height);
+				activeTexture.needsUpdate = true;
+			}
+		});
 		onCleanup(() => {
 			isDisposed = true;
 			if (mediaStream) {
 				mediaStream.getTracks().forEach((track) => track.stop());
 				mediaStream = null;
 			}
-			if (videoTexture) {
-				videoTexture.dispose();
-				videoTexture = null;
-			}
 			if (videoElement) {
 				videoElement.srcObject = null;
 				videoElement = null;
 			}
-			placeholderVideo.srcObject = null;
+			activeTexture.dispose();
 			isInitialized = false;
 		});
 		const uv$1 = baseUV;

package/dist/core/browser-Dcr7w1AA.js

@@ -0,0 +1,6 @@
+var _needsCanvasWorkaround = null;
+function needsVideoCanvasWorkaround() {
+	if (_needsCanvasWorkaround === null) _needsCanvasWorkaround = typeof navigator !== "undefined" && /Firefox/.test(navigator.userAgent);
+	return _needsCanvasWorkaround;
+}
+export { needsVideoCanvasWorkaround as t };

package/dist/core/registry.js

@@ -6,7 +6,7 @@ import { n as componentDefinition$1 } from "./Ascii-BmSlALjq.js";
 import "./colorMixing-Ehw-Hfs_.js";
 import { n as componentDefinition$2 } from "./Aurora-BDnL1XdK.js";
 import { n as componentDefinition$3 } from "./Beam-CyRoRQEj.js";
-import { n as componentDefinition$4 } from "./Blob-BgN4aVOR.js";
+import { n as componentDefinition$4 } from "./Blob-CunyZ0A6.js";
 import { n as componentDefinition$5 } from "./Blur-NNElJwzj.js";
 import { n as componentDefinition$6 } from "./BrightnessContrast-FdkKMaQQ.js";
 import { n as componentDefinition$7 } from "./Bulge-Ca9hW7y4.js";
@@ -18,63 +18,65 @@ import { n as componentDefinition$12 } from "./Circle-C9DYXDnD.js";
 import { n as componentDefinition$13 } from "./ConcentricSpin-CnuAW_6I.js";
 import { n as componentDefinition$14 } from "./ContourLines-DJ0R9q6Y.js";
 import { n as componentDefinition$15 } from "./CRTScreen-BHKDJ9_0.js";
-import { n as componentDefinition$16 } from "./CursorTrail-DpegyvgZ.js";
-import { n as componentDefinition$17 } from "./DiffuseBlur-BXcJHOEK.js";
-import { n as componentDefinition$18 } from "./Dither-BKUz66yF.js";
-import { n as componentDefinition$19 } from "./DotGrid-CQ3Bqk7F.js";
-import { n as componentDefinition$20 } from "./Duotone-BW1JYEPc.js";
-import { n as componentDefinition$21 } from "./FilmGrain-GEWzNIxN.js";
-import { n as componentDefinition$22 } from "./FloatingParticles--9Vfk8l7.js";
-import { n as componentDefinition$23 } from "./FlowField-cpaUwFHC.js";
-import { n as componentDefinition$24 } from "./GlassTiles-BdeSNj7g.js";
-import { n as componentDefinition$25 } from "./Glitch-CROTuIoh.js";
-import { n as componentDefinition$26 } from "./Glow-DQDMXgcr.js";
-import { n as componentDefinition$27 } from "./Godrays-ByIS3bRa.js";
-import { n as componentDefinition$28 } from "./Grayscale-DpKuVrqO.js";
-import { n as componentDefinition$29 } from "./Grid-CkcYMWZi.js";
-import { n as componentDefinition$30 } from "./GridDistortion-CATS8be1.js";
-import { n as componentDefinition$31 } from "./Group-DqEcpVau.js";
-import { n as componentDefinition$32 } from "./Halftone-DPnEJWAR.js";
-import { n as componentDefinition$33 } from "./HueShift-BuAL_IUD.js";
-import { n as componentDefinition$34 } from "./ImageTexture-BxUmKJDM.js";
-import { n as componentDefinition$35 } from "./Invert-CnrYMYHq.js";
-import { n as componentDefinition$36 } from "./Kaleidoscope-w7bcRTGG.js";
-import { n as componentDefinition$37 } from "./LensFlare-D42C5m1g.js";
-import { n as componentDefinition$38 } from "./LinearBlur-PB7AuAdN.js";
-import { n as componentDefinition$39 } from "./LinearGradient-xd6zdc9k.js";
-import { n as componentDefinition$40 } from "./Liquify-BfUbY9Aa.js";
-import { n as componentDefinition$41 } from "./Mirror-CBuDbabq.js";
-import { n as componentDefinition$42 } from "./Perspective-BWEoTtAq.js";
-import { n as componentDefinition$43 } from "./Pixelate-C1kcXBSy.js";
-import { n as componentDefinition$44 } from "./Plasma-BaKvTyBi.js";
-import { n as componentDefinition$45 } from "./PolarCoordinates-tXYdB1hR.js";
-import { n as componentDefinition$46 } from "./Posterize-D4f1xM4m.js";
-import { n as componentDefinition$47 } from "./ProgressiveBlur-CmBI0c7e.js";
-import { n as componentDefinition$48 } from "./RadialGradient-BOWu2cE6.js";
-import { n as componentDefinition$49 } from "./RectangularCoordinates-C2KYwree.js";
-import { n as componentDefinition$50 } from "./Ripples-C3rm4Nv6.js";
-import { n as componentDefinition$51 } from "./Saturation-Bw3ToVIJ.js";
-import { n as componentDefinition$52 } from "./Sharpness-Dm4dZVlk.js";
-import { n as componentDefinition$53 } from "./Shatter-C5oF85Mn.js";
-import { n as componentDefinition$54 } from "./SimplexNoise-CzJ9JuBO.js";
-import { n as componentDefinition$55 } from "./SineWave-DMogWzg5.js";
-import { n as componentDefinition$56 } from "./SolidColor-CmqDLEvX.js";
-import { n as componentDefinition$57 } from "./Spherize-BmA6-b8n.js";
-import { n as componentDefinition$58 } from "./Spiral-DmYzx8BO.js";
-import { n as componentDefinition$59 } from "./Strands-CmEblLfF.js";
-import { n as componentDefinition$60 } from "./Stretch-szy_xiYc.js";
-import { n as componentDefinition$61 } from "./Stripes-Bze5bkdm.js";
-import { n as componentDefinition$62 } from "./StudioBackground-Ci26l_Xb.js";
-import { n as componentDefinition$63 } from "./Swirl-BUKxPesY.js";
-import { n as componentDefinition$64 } from "./TiltShift-YxZeQ5Et.js";
-import { n as componentDefinition$65 } from "./Tint-Bss3hfZG.js";
-import { n as componentDefinition$66 } from "./Tritone-CVr6_qy3.js";
-import { n as componentDefinition$67 } from "./Twirl-CKwGdb3_.js";
-import { n as componentDefinition$68 } from "./Vibrance-BiW7HP94.js";
-import { n as componentDefinition$69 } from "./VideoTexture-CH9n_1hI.js";
-import { n as componentDefinition$70 } from "./WaveDistortion-BYmLNaT1.js";
-import { n as componentDefinition$71 } from "./WebcamTexture-wlrwZXeq.js";
-import { n as componentDefinition$72 } from "./ZoomBlur-BtGAMd_0.js";
+import { n as componentDefinition$16 } from "./CursorRipples-Dn_rE8nA.js";
+import { n as componentDefinition$17 } from "./CursorTrail-DD4YxAqo.js";
+import { n as componentDefinition$18 } from "./DiffuseBlur-GlibDd8O.js";
+import { n as componentDefinition$19 } from "./Dither-BOWyA2dp.js";
+import { n as componentDefinition$20 } from "./DotGrid-Cm-wz6WU.js";
+import { n as componentDefinition$21 } from "./Duotone-C8mRw_1e.js";
+import { n as componentDefinition$22 } from "./FilmGrain-BzD2zoUK.js";
+import { n as componentDefinition$23 } from "./FloatingParticles-GkVY1twT.js";
+import { n as componentDefinition$24 } from "./FlowField-S_LXjhaN.js";
+import { n as componentDefinition$25 } from "./GlassTiles--hbefQlc.js";
+import { n as componentDefinition$26 } from "./Glitch-lbgQYebN.js";
+import { n as componentDefinition$27 } from "./Glow-DM9zbhbr.js";
+import { n as componentDefinition$28 } from "./Godrays-DVo1ikUR.js";
+import { n as componentDefinition$29 } from "./Grayscale-CRYK8foe.js";
+import { n as componentDefinition$30 } from "./Grid-BmYSb6Ur.js";
+import { n as componentDefinition$31 } from "./GridDistortion-PNU8pi2I.js";
+import { n as componentDefinition$32 } from "./Group-D-QMn-Co.js";
+import { n as componentDefinition$33 } from "./Halftone-BlY2LuT8.js";
+import { n as componentDefinition$34 } from "./HueShift-p4t6HfqE.js";
+import { n as componentDefinition$35 } from "./ImageTexture-BAOtuVAy.js";
+import { n as componentDefinition$36 } from "./Invert-oYct5uwC.js";
+import { n as componentDefinition$37 } from "./Kaleidoscope-BXKsOJl2.js";
+import { n as componentDefinition$38 } from "./LensFlare-BWl8PWjv.js";
+import { n as componentDefinition$39 } from "./LinearBlur-gV1sIMuQ.js";
+import { n as componentDefinition$40 } from "./LinearGradient-C5kz9RSs.js";
+import { n as componentDefinition$41 } from "./Liquify-CtUvuV0S.js";
+import { n as componentDefinition$42 } from "./Mirror-C3Bn9m7T.js";
+import { n as componentDefinition$43 } from "./Perspective-NsMXVWAS.js";
+import { n as componentDefinition$44 } from "./Pixelate-C-LbtIjf.js";
+import { n as componentDefinition$45 } from "./Plasma-Dr516u2H.js";
+import { n as componentDefinition$46 } from "./PolarCoordinates-HVxz9oX-.js";
+import { n as componentDefinition$47 } from "./Posterize-DbPe3f5d.js";
+import { n as componentDefinition$48 } from "./ProgressiveBlur-Cf2pKf8U.js";
+import { n as componentDefinition$49 } from "./RadialGradient-Bel2cjwV.js";
+import { n as componentDefinition$50 } from "./RectangularCoordinates-BfeH7Mp6.js";
+import { n as componentDefinition$51 } from "./Ripples-DBqbjqb_.js";
+import { n as componentDefinition$52 } from "./Saturation-4L5KnzYg.js";
+import { n as componentDefinition$53 } from "./Sharpness-C5h9h3NY.js";
+import { n as componentDefinition$54 } from "./Shatter-BDTHZrbz.js";
+import { n as componentDefinition$55 } from "./SimplexNoise-DU-QPbwp.js";
+import { n as componentDefinition$56 } from "./SineWave-CsoVJf9C.js";
+import { n as componentDefinition$57 } from "./SolidColor-BOK2t0JT.js";
+import { n as componentDefinition$58 } from "./Spherize-BxUTtFAg.js";
+import { n as componentDefinition$59 } from "./Spiral-DVURsiiQ.js";
+import { n as componentDefinition$60 } from "./Strands-C2l4JaUt.js";
+import { n as componentDefinition$61 } from "./Stretch-uSJDtqi2.js";
+import { n as componentDefinition$62 } from "./Stripes-IFl3of9w.js";
+import { n as componentDefinition$63 } from "./StudioBackground-DbBGv5fk.js";
+import { n as componentDefinition$64 } from "./Swirl-C16tmwEg.js";
+import { n as componentDefinition$65 } from "./TiltShift-C5t3YMVT.js";
+import { n as componentDefinition$66 } from "./Tint-VTnDmiKF.js";
+import { n as componentDefinition$67 } from "./Tritone-v6z_O967.js";
+import { n as componentDefinition$68 } from "./Twirl-BWpsT8iI.js";
+import { n as componentDefinition$69 } from "./Vibrance-C_DSuzwf.js";
+import "./browser-Dcr7w1AA.js";
+import { n as componentDefinition$70 } from "./VideoTexture-DfsNWCXk.js";
+import { n as componentDefinition$71 } from "./WaveDistortion-xj8fjAf_.js";
+import { n as componentDefinition$72 } from "./WebcamTexture-Cxppkhiu.js";
+import { n as componentDefinition$73 } from "./ZoomBlur-BePhHTgF.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -94,63 +96,64 @@ var createShaderRegistry = () => {
 		ConcentricSpin: componentDefinition$13,
 		ContourLines: componentDefinition$14,
 		CRTScreen: componentDefinition$15,
-		CursorTrail: componentDefinition$16,
-		DiffuseBlur: componentDefinition$17,
-		Dither: componentDefinition$18,
-		DotGrid: componentDefinition$19,
-		Duotone: componentDefinition$20,
-		FilmGrain: componentDefinition$21,
-		FloatingParticles: componentDefinition$22,
-		FlowField: componentDefinition$23,
-		GlassTiles: componentDefinition$24,
-		Glitch: componentDefinition$25,
-		Glow: componentDefinition$26,
-		Godrays: componentDefinition$27,
-		Grayscale: componentDefinition$28,
-		Grid: componentDefinition$29,
-		GridDistortion: componentDefinition$30,
-		Group: componentDefinition$31,
-		Halftone: componentDefinition$32,
-		HueShift: componentDefinition$33,
-		ImageTexture: componentDefinition$34,
-		Invert: componentDefinition$35,
-		Kaleidoscope: componentDefinition$36,
-		LensFlare: componentDefinition$37,
-		LinearBlur: componentDefinition$38,
-		LinearGradient: componentDefinition$39,
-		Liquify: componentDefinition$40,
-		Mirror: componentDefinition$41,
-		Perspective: componentDefinition$42,
-		Pixelate: componentDefinition$43,
-		Plasma: componentDefinition$44,
-		PolarCoordinates: componentDefinition$45,
-		Posterize: componentDefinition$46,
-		ProgressiveBlur: componentDefinition$47,
-		RadialGradient: componentDefinition$48,
-		RectangularCoordinates: componentDefinition$49,
-		Ripples: componentDefinition$50,
-		Saturation: componentDefinition$51,
-		Sharpness: componentDefinition$52,
-		Shatter: componentDefinition$53,
-		SimplexNoise: componentDefinition$54,
-		SineWave: componentDefinition$55,
-		SolidColor: componentDefinition$56,
-		Spherize: componentDefinition$57,
-		Spiral: componentDefinition$58,
-		Strands: componentDefinition$59,
-		Stretch: componentDefinition$60,
-		Stripes: componentDefinition$61,
-		StudioBackground: componentDefinition$62,
-		Swirl: componentDefinition$63,
-		TiltShift: componentDefinition$64,
-		Tint: componentDefinition$65,
-		Tritone: componentDefinition$66,
-		Twirl: componentDefinition$67,
-		Vibrance: componentDefinition$68,
-		VideoTexture: componentDefinition$69,
-		WaveDistortion: componentDefinition$70,
-		WebcamTexture: componentDefinition$71,
-		ZoomBlur: componentDefinition$72
+		CursorRipples: componentDefinition$16,
+		CursorTrail: componentDefinition$17,
+		DiffuseBlur: componentDefinition$18,
+		Dither: componentDefinition$19,
+		DotGrid: componentDefinition$20,
+		Duotone: componentDefinition$21,
+		FilmGrain: componentDefinition$22,
+		FloatingParticles: componentDefinition$23,
+		FlowField: componentDefinition$24,
+		GlassTiles: componentDefinition$25,
+		Glitch: componentDefinition$26,
+		Glow: componentDefinition$27,
+		Godrays: componentDefinition$28,
+		Grayscale: componentDefinition$29,
+		Grid: componentDefinition$30,
+		GridDistortion: componentDefinition$31,
+		Group: componentDefinition$32,
+		Halftone: componentDefinition$33,
+		HueShift: componentDefinition$34,
+		ImageTexture: componentDefinition$35,
+		Invert: componentDefinition$36,
+		Kaleidoscope: componentDefinition$37,
+		LensFlare: componentDefinition$38,
+		LinearBlur: componentDefinition$39,
+		LinearGradient: componentDefinition$40,
+		Liquify: componentDefinition$41,
+		Mirror: componentDefinition$42,
+		Perspective: componentDefinition$43,
+		Pixelate: componentDefinition$44,
+		Plasma: componentDefinition$45,
+		PolarCoordinates: componentDefinition$46,
+		Posterize: componentDefinition$47,
+		ProgressiveBlur: componentDefinition$48,
+		RadialGradient: componentDefinition$49,
+		RectangularCoordinates: componentDefinition$50,
+		Ripples: componentDefinition$51,
+		Saturation: componentDefinition$52,
+		Sharpness: componentDefinition$53,
+		Shatter: componentDefinition$54,
+		SimplexNoise: componentDefinition$55,
+		SineWave: componentDefinition$56,
+		SolidColor: componentDefinition$57,
+		Spherize: componentDefinition$58,
+		Spiral: componentDefinition$59,
+		Strands: componentDefinition$60,
+		Stretch: componentDefinition$61,
+		Stripes: componentDefinition$62,
+		StudioBackground: componentDefinition$63,
+		Swirl: componentDefinition$64,
+		TiltShift: componentDefinition$65,
+		Tint: componentDefinition$66,
+		Tritone: componentDefinition$67,
+		Twirl: componentDefinition$68,
+		Vibrance: componentDefinition$69,
+		VideoTexture: componentDefinition$70,
+		WaveDistortion: componentDefinition$71,
+		WebcamTexture: componentDefinition$72,
+		ZoomBlur: componentDefinition$73
 	};
 	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
 		const propsMetadata = {};