shaders 2.2.46 → 2.2.48

package/dist/core/FlowField-BJFGOUZL.js

@@ -0,0 +1,103 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { convertToTexture, cos, float, length, max, mx_noise_float, screenUV, sin, vec2, vec3, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "FlowField",
+	category: "Distortions",
+	description: "Fluid-like distortion with constant smooth motion",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		strength: {
+			default: .15,
+			description: "Intensity of the flow distortion",
+			ui: {
+				type: "range",
+				min: 0,
+				max: .5,
+				step: .05,
+				label: "Strength"
+			}
+		},
+		detail: {
+			default: 2,
+			description: "Scale of the flow patterns",
+			ui: {
+				type: "range",
+				min: .5,
+				max: 5,
+				step: .1,
+				label: "Detail"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Speed of the flow",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 5,
+				step: .1,
+				label: "Speed"
+			}
+		},
+		edges: {
+			default: "mirror",
+			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"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms, childNode, onCleanup } = params;
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const time$1 = createAnimatedTime(params, uniforms.speed).mul(.1);
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectCorrectedUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const scale = uniforms.detail.uniform;
+		const strength = uniforms.strength.uniform;
+		const drift1 = time$1.mul(.7);
+		const angle1 = mx_noise_float(vec3(aspectCorrectedUV.x.mul(scale).add(drift1.mul(.3)), aspectCorrectedUV.y.mul(scale).add(drift1.mul(.5)), drift1.mul(.2))).mul(Math.PI * 2);
+		const flow1 = vec2(cos(angle1), sin(angle1));
+		const drift2 = time$1.mul(.5);
+		const angle2 = mx_noise_float(vec3(aspectCorrectedUV.x.mul(scale.mul(2.3)).add(drift2.mul(-.4)).add(173.5), aspectCorrectedUV.y.mul(scale.mul(2.3)).add(drift2.mul(.3)).add(291.7), drift2.mul(.15).add(50))).mul(Math.PI * 2);
+		const flow2 = vec2(cos(angle2), sin(angle2));
+		const drift3 = time$1.mul(.3);
+		const angle3 = mx_noise_float(vec3(aspectCorrectedUV.x.mul(scale.mul(4.7)).add(drift3.mul(.2)).add(527.3), aspectCorrectedUV.y.mul(scale.mul(4.7)).add(drift3.mul(-.6)).add(839.1), drift3.mul(.1).add(100))).mul(Math.PI * 2);
+		const flow3 = vec2(cos(angle3), sin(angle3));
+		const combinedFlow = flow1.add(flow2.mul(.5)).add(flow3.mul(.25));
+		const flowLength = max(length(combinedFlow), float(.001));
+		const normalizedFlow = combinedFlow.div(flowLength);
+		const finalFlow = vec2(normalizedFlow.x.mul(strength).div(aspect), normalizedFlow.y.mul(strength));
+		const distortedUV = vec2(screenUV.x.add(finalFlow.x), screenUV.y.add(finalFlow.y));
+		return applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform);
+	}
+};
+var FlowField_default = componentDefinition;
+export { componentDefinition as n, FlowField_default as t };

package/dist/core/Kaleidoscope-Dr-ja0XH.js

@@ -0,0 +1,97 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { atan2, convertToTexture, cos, float, length, mod, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Kaleidoscope",
+	category: "Distortions",
+	description: "Create a kaleidoscope effect with radial mirrored segments",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "The center point of the kaleidoscope effect",
+			ui: {
+				type: "position",
+				label: "Center"
+			}
+		},
+		segments: {
+			default: 6,
+			description: "Number of radial segments in the kaleidoscope",
+			ui: {
+				type: "range",
+				min: 2,
+				max: 24,
+				step: 1,
+				label: "Segments"
+			}
+		},
+		angle: {
+			default: 0,
+			description: "Rotation offset for the entire kaleidoscope pattern",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Angle"
+			}
+		},
+		edges: {
+			default: "mirror",
+			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"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectCorrectedUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
+		const delta = aspectCorrectedUV.sub(centerPos);
+		const radius = length(delta);
+		const currentAngle = atan2(delta.y, delta.x);
+		const rotationRad = uniforms.angle.uniform.mul(Math.PI / 180);
+		const rotatedAngle = currentAngle.add(rotationRad);
+		const segmentAngle = float(Math.PI * 2).div(uniforms.segments.uniform);
+		const wrappedAngle = mod(rotatedAngle, segmentAngle.mul(2));
+		const finalAngle = wrappedAngle.greaterThan(segmentAngle).select(segmentAngle.mul(2).sub(wrappedAngle), wrappedAngle);
+		const kaleidoscopeDelta = vec2(cos(finalAngle).mul(radius), sin(finalAngle).mul(radius));
+		const kaleidoscopePos = centerPos.add(kaleidoscopeDelta);
+		const finalUV = vec2(kaleidoscopePos.x.div(aspect), kaleidoscopePos.y);
+		return applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform);
+	}
+};
+var Kaleidoscope_default = componentDefinition;
+export { componentDefinition as n, Kaleidoscope_default as t };

package/dist/core/Mirror-CnCw4TpZ.js

@@ -0,0 +1,84 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
+import { convertToTexture, cos, mix, screenUV, sin, step, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "Mirror",
+	category: "Distortions",
+	description: "Mirror content across a line defined by center point and angle",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "The point the mirror line passes through",
+			ui: {
+				type: "position",
+				label: "Center"
+			}
+		},
+		angle: {
+			default: 0,
+			description: "The angle of the mirror line in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Angle"
+			}
+		},
+		edges: {
+			default: "mirror",
+			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"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectCorrectedUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
+		const delta = aspectCorrectedUV.sub(centerPos);
+		const angleRad = uniforms.angle.uniform.mul(Math.PI / 180);
+		const lineDirection = vec2(cos(angleRad), sin(angleRad));
+		const lineNormal = vec2(lineDirection.y.negate(), lineDirection.x);
+		const signedDistance = delta.dot(lineNormal);
+		const reflectedDelta = delta.sub(lineNormal.mul(signedDistance.mul(2)));
+		const mirroredUV = centerPos.add(reflectedDelta);
+		const finalMirroredUV = vec2(mirroredUV.x.div(aspect), mirroredUV.y);
+		const shouldMirror = step(0, signedDistance);
+		return mix(childTexture.sample(screenUV), applyEdgeHandling(finalMirroredUV, childTexture.sample(finalMirroredUV), childTexture, uniforms.edges.uniform), shouldMirror);
+	}
+};
+var Mirror_default = componentDefinition;
+export { componentDefinition as n, Mirror_default as t };

package/dist/core/registry.js

@@ -22,48 +22,51 @@ import { n as componentDefinition$16 } from "./DotGrid-BZVfqUZO.js";
 import { n as componentDefinition$17 } from "./Duotone-sjvdZBlx.js";
 import { n as componentDefinition$18 } from "./FilmGrain-Cr3qP38A.js";
 import { n as componentDefinition$19 } from "./FloatingParticles-CPsVFZJl.js";
-import { n as componentDefinition$20 } from "./GlassTiles-C6LLjlnB.js";
-import { n as componentDefinition$21 } from "./Glow-C2avDr73.js";
-import { n as componentDefinition$22 } from "./Godrays-RVh5ylQ-.js";
-import { n as componentDefinition$23 } from "./Grayscale-BH3tLDGN.js";
-import { n as componentDefinition$24 } from "./Grid-CdslWvoH.js";
-import { n as componentDefinition$25 } from "./GridDistortion-fimECOse.js";
-import { n as componentDefinition$26 } from "./Group-ByGv48Lm.js";
-import { n as componentDefinition$27 } from "./Halftone-Cb5yrPnj.js";
-import { n as componentDefinition$28 } from "./HueShift-DQ2WgImx.js";
-import { n as componentDefinition$29 } from "./ImageTexture-DKFb8ze3.js";
-import { n as componentDefinition$30 } from "./Invert-w9duGaUu.js";
-import { n as componentDefinition$31 } from "./LinearBlur-CfMT259a.js";
-import { n as componentDefinition$32 } from "./LinearGradient-Cn7w-umQ.js";
-import { n as componentDefinition$33 } from "./Liquify-BCkIt0A1.js";
-import { n as componentDefinition$34 } from "./Perspective-CJOFHxEC.js";
-import { n as componentDefinition$35 } from "./Pixelate-BhNAxBsT.js";
-import { n as componentDefinition$36 } from "./PolarCoordinates-DLs3K__1.js";
-import { n as componentDefinition$37 } from "./Posterize-XoAqPWv2.js";
-import { n as componentDefinition$38 } from "./ProgressiveBlur-BIZSnUjp.js";
-import { n as componentDefinition$39 } from "./RadialGradient-sQgXXXQk.js";
-import { n as componentDefinition$40 } from "./RectangularCoordinates-CyarkXn0.js";
-import { n as componentDefinition$41 } from "./Ripples-Djjw66Bn.js";
-import { n as componentDefinition$42 } from "./Saturation-DLHW_GP6.js";
-import { n as componentDefinition$43 } from "./Sharpness-DkGuV_dy.js";
-import { n as componentDefinition$44 } from "./Shatter-DVgj2Ea3.js";
-import { n as componentDefinition$45 } from "./SimplexNoise-BXtLTcAr.js";
-import { n as componentDefinition$46 } from "./SineWave-BxqFasFh.js";
-import { n as componentDefinition$47 } from "./SolidColor-DFkDBFq3.js";
-import { n as componentDefinition$48 } from "./Spherize-DIJ4c_EG.js";
-import { n as componentDefinition$49 } from "./Spiral-BBtmU1Fv.js";
-import { n as componentDefinition$50 } from "./Strands-D6UOhX0L.js";
-import { n as componentDefinition$51 } from "./Stretch-DLpz8Ofm.js";
-import { n as componentDefinition$52 } from "./Stripes-Bre3Z2m_.js";
-import { n as componentDefinition$53 } from "./Swirl-CfsYsr4X.js";
-import { n as componentDefinition$54 } from "./TiltShift-BPpXBzBg.js";
-import { n as componentDefinition$55 } from "./Tint-BazvezVn.js";
-import { n as componentDefinition$56 } from "./Tritone-w0h2ebDB.js";
-import { n as componentDefinition$57 } from "./Twirl-dmfYS2Eo.js";
-import { n as componentDefinition$58 } from "./Vibrance-BpWyAK9W.js";
-import { n as componentDefinition$59 } from "./WaveDistortion-hWdvaZmT.js";
-import { n as componentDefinition$60 } from "./WebcamTexture-D4Uv7Plz.js";
-import { n as componentDefinition$61 } from "./ZoomBlur-DCI4uHOL.js";
+import { n as componentDefinition$20 } from "./FlowField-BJFGOUZL.js";
+import { n as componentDefinition$21 } from "./GlassTiles-DzYvo92U.js";
+import { n as componentDefinition$22 } from "./Glow-C4JrnNxe.js";
+import { n as componentDefinition$23 } from "./Godrays-CPWOcLmc.js";
+import { n as componentDefinition$24 } from "./Grayscale-BFS-Abdh.js";
+import { n as componentDefinition$25 } from "./Grid-CsIIl3LT.js";
+import { n as componentDefinition$26 } from "./GridDistortion-Cq3hRKXK.js";
+import { n as componentDefinition$27 } from "./Group-DHokCeZ1.js";
+import { n as componentDefinition$28 } from "./Halftone-BQsMiTyE.js";
+import { n as componentDefinition$29 } from "./HueShift-BTjEGl3Z.js";
+import { n as componentDefinition$30 } from "./ImageTexture-CY8Q8h_o.js";
+import { n as componentDefinition$31 } from "./Invert-B8vSeK8d.js";
+import { n as componentDefinition$32 } from "./Kaleidoscope-Dr-ja0XH.js";
+import { n as componentDefinition$33 } from "./LinearBlur-DgT4B0nH.js";
+import { n as componentDefinition$34 } from "./LinearGradient-DTifAwSC.js";
+import { n as componentDefinition$35 } from "./Liquify-_eLJRjd7.js";
+import { n as componentDefinition$36 } from "./Mirror-CnCw4TpZ.js";
+import { n as componentDefinition$37 } from "./Perspective-BpgcHA7E.js";
+import { n as componentDefinition$38 } from "./Pixelate-Bt2jxIDd.js";
+import { n as componentDefinition$39 } from "./PolarCoordinates-BJ8-cfC7.js";
+import { n as componentDefinition$40 } from "./Posterize-Bs-iNEVB.js";
+import { n as componentDefinition$41 } from "./ProgressiveBlur-DELpd9wJ.js";
+import { n as componentDefinition$42 } from "./RadialGradient-DQ4JGS5G.js";
+import { n as componentDefinition$43 } from "./RectangularCoordinates-DXSP_gdW.js";
+import { n as componentDefinition$44 } from "./Ripples-DwDKIvtQ.js";
+import { n as componentDefinition$45 } from "./Saturation-ekyl1D9y.js";
+import { n as componentDefinition$46 } from "./Sharpness-DlWZ-yPe.js";
+import { n as componentDefinition$47 } from "./Shatter-BeD72o80.js";
+import { n as componentDefinition$48 } from "./SimplexNoise-DIo9v2-R.js";
+import { n as componentDefinition$49 } from "./SineWave-DFNnXFYQ.js";
+import { n as componentDefinition$50 } from "./SolidColor-B4eYGf_i.js";
+import { n as componentDefinition$51 } from "./Spherize-BIVrRcZG.js";
+import { n as componentDefinition$52 } from "./Spiral-CqjRxq1I.js";
+import { n as componentDefinition$53 } from "./Strands-B-a2SQB2.js";
+import { n as componentDefinition$54 } from "./Stretch-CZv3u-3X.js";
+import { n as componentDefinition$55 } from "./Stripes-CXUFg1Gt.js";
+import { n as componentDefinition$56 } from "./Swirl-BcEmYjJs.js";
+import { n as componentDefinition$57 } from "./TiltShift-679S-uVs.js";
+import { n as componentDefinition$58 } from "./Tint-DS7IJWfS.js";
+import { n as componentDefinition$59 } from "./Tritone-m_0hwkvN.js";
+import { n as componentDefinition$60 } from "./Twirl-DcuGsZAB.js";
+import { n as componentDefinition$61 } from "./Vibrance-BafFCMLv.js";
+import { n as componentDefinition$62 } from "./WaveDistortion-CQkMSDMg.js";
+import { n as componentDefinition$63 } from "./WebcamTexture-C5oIVQlF.js";
+import { n as componentDefinition$64 } from "./ZoomBlur-pFDohu2G.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -87,48 +90,51 @@ var createShaderRegistry = () => {
 		Duotone: componentDefinition$17,
 		FilmGrain: componentDefinition$18,
 		FloatingParticles: componentDefinition$19,
-		GlassTiles: componentDefinition$20,
-		Glow: componentDefinition$21,
-		Godrays: componentDefinition$22,
-		Grayscale: componentDefinition$23,
-		Grid: componentDefinition$24,
-		GridDistortion: componentDefinition$25,
-		Group: componentDefinition$26,
-		Halftone: componentDefinition$27,
-		HueShift: componentDefinition$28,
-		ImageTexture: componentDefinition$29,
-		Invert: componentDefinition$30,
-		LinearBlur: componentDefinition$31,
-		LinearGradient: componentDefinition$32,
-		Liquify: componentDefinition$33,
-		Perspective: componentDefinition$34,
-		Pixelate: componentDefinition$35,
-		PolarCoordinates: componentDefinition$36,
-		Posterize: componentDefinition$37,
-		ProgressiveBlur: componentDefinition$38,
-		RadialGradient: componentDefinition$39,
-		RectangularCoordinates: componentDefinition$40,
-		Ripples: componentDefinition$41,
-		Saturation: componentDefinition$42,
-		Sharpness: componentDefinition$43,
-		Shatter: componentDefinition$44,
-		SimplexNoise: componentDefinition$45,
-		SineWave: componentDefinition$46,
-		SolidColor: componentDefinition$47,
-		Spherize: componentDefinition$48,
-		Spiral: componentDefinition$49,
-		Strands: componentDefinition$50,
-		Stretch: componentDefinition$51,
-		Stripes: componentDefinition$52,
-		Swirl: componentDefinition$53,
-		TiltShift: componentDefinition$54,
-		Tint: componentDefinition$55,
-		Tritone: componentDefinition$56,
-		Twirl: componentDefinition$57,
-		Vibrance: componentDefinition$58,
-		WaveDistortion: componentDefinition$59,
-		WebcamTexture: componentDefinition$60,
-		ZoomBlur: componentDefinition$61
+		FlowField: componentDefinition$20,
+		GlassTiles: componentDefinition$21,
+		Glow: componentDefinition$22,
+		Godrays: componentDefinition$23,
+		Grayscale: componentDefinition$24,
+		Grid: componentDefinition$25,
+		GridDistortion: componentDefinition$26,
+		Group: componentDefinition$27,
+		Halftone: componentDefinition$28,
+		HueShift: componentDefinition$29,
+		ImageTexture: componentDefinition$30,
+		Invert: componentDefinition$31,
+		Kaleidoscope: componentDefinition$32,
+		LinearBlur: componentDefinition$33,
+		LinearGradient: componentDefinition$34,
+		Liquify: componentDefinition$35,
+		Mirror: componentDefinition$36,
+		Perspective: componentDefinition$37,
+		Pixelate: componentDefinition$38,
+		PolarCoordinates: componentDefinition$39,
+		Posterize: componentDefinition$40,
+		ProgressiveBlur: componentDefinition$41,
+		RadialGradient: componentDefinition$42,
+		RectangularCoordinates: componentDefinition$43,
+		Ripples: componentDefinition$44,
+		Saturation: componentDefinition$45,
+		Sharpness: componentDefinition$46,
+		Shatter: componentDefinition$47,
+		SimplexNoise: componentDefinition$48,
+		SineWave: componentDefinition$49,
+		SolidColor: componentDefinition$50,
+		Spherize: componentDefinition$51,
+		Spiral: componentDefinition$52,
+		Strands: componentDefinition$53,
+		Stretch: componentDefinition$54,
+		Stripes: componentDefinition$55,
+		Swirl: componentDefinition$56,
+		TiltShift: componentDefinition$57,
+		Tint: componentDefinition$58,
+		Tritone: componentDefinition$59,
+		Twirl: componentDefinition$60,
+		Vibrance: componentDefinition$61,
+		WaveDistortion: componentDefinition$62,
+		WebcamTexture: componentDefinition$63,
+		ZoomBlur: componentDefinition$64
 	};
 	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":"AAiEA,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;AAkGD,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":"AAoEA,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;AAqGD,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/FlowField/index.d.ts

@@ -0,0 +1,36 @@
+import { ComponentDefinition } from '../../types';
+import { transformEdges } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Intensity of the flow distortion
+     *
+     * Accepts a number between 0 and 0.5.
+     * @default 0.15
+     */
+    strength: number;
+    /**
+     * Scale of the flow patterns
+     *
+     * Accepts a number between 0.5 and 5.
+     * @default 2
+     */
+    detail: number;
+    /**
+     * Speed of the flow
+     *
+     * Accepts a number between 0 and 5.
+     * @default 1
+     */
+    speed: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "mirror"
+     */
+    edges: Parameters<typeof transformEdges>[0];
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FlowField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAIlE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA6InE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,5 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-YbhRK-rd.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as FlowField_default } from "../../FlowField-BJFGOUZL.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-C6LLjlnB.js";
+import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-DzYvo92U.js";
 export { componentDefinition, GlassTiles_default as default };

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

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

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as Godrays_default } from "../../Godrays-RVh5ylQ-.js";
+import { n as componentDefinition, t as Godrays_default } from "../../Godrays-CPWOcLmc.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-BH3tLDGN.js";
+import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-BFS-Abdh.js";
 export { componentDefinition, Grayscale_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Grid_default } from "../../Grid-CdslWvoH.js";
+import { n as componentDefinition, t as Grid_default } from "../../Grid-CsIIl3LT.js";
 export { componentDefinition, Grid_default as default };

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

@@ -1,4 +1,4 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-fimECOse.js";
+import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-Cq3hRKXK.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-ByGv48Lm.js";
+import { n as componentDefinition, t as Group_default } from "../../Group-DHokCeZ1.js";
 export { componentDefinition, Group_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Halftone_default } from "../../Halftone-Cb5yrPnj.js";
+import { n as componentDefinition, t as Halftone_default } from "../../Halftone-BQsMiTyE.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-DQ2WgImx.js";
+import { n as componentDefinition, t as HueShift_default } from "../../HueShift-BTjEGl3Z.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-DKFb8ze3.js";
+import { n as componentDefinition, t as ImageTexture_default } from "../../ImageTexture-CY8Q8h_o.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-w9duGaUu.js";
+import { n as componentDefinition, t as Invert_default } from "../../Invert-B8vSeK8d.js";
 export { componentDefinition, Invert_default as default };

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

@@ -0,0 +1,36 @@
+import { ComponentDefinition } from '../../types';
+import { transformPosition, transformEdges } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * The center point of the kaleidoscope effect
+     *
+     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
+     * @default {"x":0.5,"y":0.5}
+     */
+    center: Parameters<typeof transformPosition>[0];
+    /**
+     * Number of radial segments in the kaleidoscope
+     *
+     * Accepts a number between 2 and 24.
+     * @default 6
+     */
+    segments: number;
+    /**
+     * Rotation offset for the entire kaleidoscope pattern
+     *
+     * Accepts a number between 0 and 360.
+     * @default 0
+     */
+    angle: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "mirror"
+     */
+    edges: Parameters<typeof transformEdges>[0];
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Kaleidoscope/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAGrF,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwGnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,4 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Kaleidoscope_default } from "../../Kaleidoscope-Dr-ja0XH.js";
+export { componentDefinition, Kaleidoscope_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-CfMT259a.js";
+import { n as componentDefinition, t as LinearBlur_default } from "../../LinearBlur-DgT4B0nH.js";
 export { componentDefinition, LinearBlur_default as default };