shaders 2.3.52 → 2.3.53

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/registry.js

@@ -18,63 +18,64 @@ 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 { n as componentDefinition$70 } from "./VideoTexture-OrpXuUNQ.js";
+import { n as componentDefinition$71 } from "./WaveDistortion-BAxVvc8B.js";
+import { n as componentDefinition$72 } from "./WebcamTexture-D2CHXtkO.js";
+import { n as componentDefinition$73 } from "./ZoomBlur-D--sEenn.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -94,63 +95,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 = {};

package/dist/core/shaderRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA6GD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA6EA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA8GD,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}

package/dist/core/shaders/CursorRipples/index.d.ts

@@ -0,0 +1,42 @@
+import { ComponentDefinition } from '../../types';
+
+export interface ComponentProps {
+    /**
+     * Strength of the ripple distortion
+     *
+     * Accepts a number between 0 and 20.
+     * @default 10
+     */
+    intensity: number;
+    /**
+     * How quickly ripples fade (higher = faster)
+     *
+     * Accepts a number between 0 and 20.
+     * @default 10
+     */
+    decay: number;
+    /**
+     * Radius of cursor influence
+     *
+     * Accepts a number between 0.1 and 1.
+     * @default 0.5
+     */
+    radius: number;
+    /**
+     * RGB channel separation along ripple edges
+     *
+     * Accepts a number between 0 and 3.
+     * @default 1
+     */
+    chromaticSplit: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "stretch"
+     */
+    edges: string;
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/shaders/CursorRipples/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/CursorRipples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;CAChB;AAID,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAuMnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/CursorRipples/index.js

@@ -0,0 +1,4 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-CC_c-QAT.js";
+import { n as componentDefinition, t as CursorRipples_default } from "../../CursorRipples-Dn_rE8nA.js";
+export { componentDefinition, CursorRipples_default as default };

package/dist/core/shaders/CursorTrail/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-CC_c-QAT.js";
 import "../../colorMixing-Ehw-Hfs_.js";
-import { n as componentDefinition, t as CursorTrail_default } from "../../CursorTrail-DpegyvgZ.js";
+import { n as componentDefinition, t as CursorTrail_default } from "../../CursorTrail-DD4YxAqo.js";
 export { componentDefinition, CursorTrail_default as default };

package/dist/core/shaders/DiffuseBlur/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as DiffuseBlur_default } from "../../DiffuseBlur-BXcJHOEK.js";
+import { n as componentDefinition, t as DiffuseBlur_default } from "../../DiffuseBlur-GlibDd8O.js";
 export { componentDefinition, DiffuseBlur_default as default };

package/dist/core/shaders/Dither/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as Dither_default } from "../../Dither-BKUz66yF.js";
+import { n as componentDefinition, t as Dither_default } from "../../Dither-BOWyA2dp.js";
 export { componentDefinition, Dither_default as default };

package/dist/core/shaders/DotGrid/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as DotGrid_default } from "../../DotGrid-CQ3Bqk7F.js";
+import { n as componentDefinition, t as DotGrid_default } from "../../DotGrid-Cm-wz6WU.js";
 export { componentDefinition, DotGrid_default as default };

package/dist/core/shaders/Duotone/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-CC_c-QAT.js";
 import "../../colorMixing-Ehw-Hfs_.js";
-import { n as componentDefinition, t as Duotone_default } from "../../Duotone-BW1JYEPc.js";
+import { n as componentDefinition, t as Duotone_default } from "../../Duotone-C8mRw_1e.js";
 export { componentDefinition, Duotone_default as default };

package/dist/core/shaders/FilmGrain/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-GEWzNIxN.js";
+import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-BzD2zoUK.js";
 export { componentDefinition, FilmGrain_default as default };

package/dist/core/shaders/FloatingParticles/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-CC_c-QAT.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles--9Vfk8l7.js";
+import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-GkVY1twT.js";
 export { componentDefinition, FloatingParticles_default as default };

package/dist/core/shaders/FlowField/index.js

@@ -1,5 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-CC_c-QAT.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as FlowField_default } from "../../FlowField-cpaUwFHC.js";
+import { n as componentDefinition, t as FlowField_default } from "../../FlowField-S_LXjhaN.js";
 export { componentDefinition, FlowField_default as default };

package/dist/core/shaders/GlassTiles/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-BdeSNj7g.js";
+import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles--hbefQlc.js";
 export { componentDefinition, GlassTiles_default as default };

package/dist/core/shaders/Glitch/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Glitch_default } from "../../Glitch-CROTuIoh.js";
+import { n as componentDefinition, t as Glitch_default } from "../../Glitch-lbgQYebN.js";
 export { componentDefinition, Glitch_default as default };

package/dist/core/shaders/Glow/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Glow_default } from "../../Glow-DQDMXgcr.js";
+import { n as componentDefinition, t as Glow_default } from "../../Glow-DM9zbhbr.js";
 export { componentDefinition, Glow_default as default };

package/dist/core/shaders/Godrays/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-CC_c-QAT.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as Godrays_default } from "../../Godrays-ByIS3bRa.js";
+import { n as componentDefinition, t as Godrays_default } from "../../Godrays-DVo1ikUR.js";
 export { componentDefinition, Godrays_default as default };

package/dist/core/shaders/Grayscale/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-DpKuVrqO.js";
+import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-CRYK8foe.js";
 export { componentDefinition, Grayscale_default as default };

package/dist/core/shaders/Grid/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as Grid_default } from "../../Grid-CkcYMWZi.js";
+import { n as componentDefinition, t as Grid_default } from "../../Grid-BmYSb6Ur.js";
 export { componentDefinition, Grid_default as default };

package/dist/core/shaders/GridDistortion/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-CATS8be1.js";
+import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-PNU8pi2I.js";
 export { componentDefinition, GridDistortion_default as default };

package/dist/core/shaders/Group/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Group_default } from "../../Group-DqEcpVau.js";
+import { n as componentDefinition, t as Group_default } from "../../Group-D-QMn-Co.js";
 export { componentDefinition, Group_default as default };

package/dist/core/shaders/Halftone/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as Halftone_default } from "../../Halftone-DPnEJWAR.js";
+import { n as componentDefinition, t as Halftone_default } from "../../Halftone-BlY2LuT8.js";
 export { componentDefinition, Halftone_default as default };

package/dist/core/shaders/HueShift/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as HueShift_default } from "../../HueShift-BuAL_IUD.js";
+import { n as componentDefinition, t as HueShift_default } from "../../HueShift-p4t6HfqE.js";
 export { componentDefinition, HueShift_default as default };

package/dist/core/shaders/ImageTexture/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as ImageTexture_default } from "../../ImageTexture-BxUmKJDM.js";
+import { n as componentDefinition, t as ImageTexture_default } from "../../ImageTexture-BAOtuVAy.js";
 export { componentDefinition, ImageTexture_default as default };

package/dist/core/shaders/Invert/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Invert_default } from "../../Invert-CnrYMYHq.js";
+import { n as componentDefinition, t as Invert_default } from "../../Invert-oYct5uwC.js";
 export { componentDefinition, Invert_default as default };

package/dist/core/shaders/Kaleidoscope/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-w7bcRTGG.js";
+import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-BXKsOJl2.js";
 export { componentDefinition, Kaleidoscope_default as default };

package/dist/core/shaders/LensFlare/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-CC_c-QAT.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as LensFlare_default } from "../../LensFlare-D42C5m1g.js";
+import { n as componentDefinition, t as LensFlare_default } from "../../LensFlare-BWl8PWjv.js";
 export { componentDefinition, LensFlare_default as default };

package/dist/core/shaders/LinearBlur/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-PB7AuAdN.js";
+import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-gV1sIMuQ.js";
 export { componentDefinition, LinearBlur_default as default };