shaders 2.3.49 → 2.3.50

package/dist/core/ConcentricSpin-CLTGx_sN.js

@@ -0,0 +1,173 @@
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { Fn, convertToTexture, cos, float, floor, fract, mix, mod, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "ConcentricSpin",
+	category: "Distortions",
+	description: "Concentric rings that each rotate the underlying image by different amounts",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 20,
+			description: "Maximum rotation angle per ring",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Intensity",
+				group: "Effect"
+			}
+		},
+		rings: {
+			default: 8,
+			description: "Number of concentric rings",
+			ui: {
+				type: "range",
+				min: 1,
+				max: 30,
+				step: 1,
+				label: "Rings",
+				group: "Effect"
+			}
+		},
+		smoothness: {
+			default: .03,
+			description: "Softness of transitions between rings",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Smoothness",
+				group: "Effect"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Randomization seed for per-ring rotation variation",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Effect"
+			}
+		},
+		speed: {
+			default: .1,
+			description: "Speed of continuous ring rotation",
+			ui: {
+				type: "range",
+				min: -5,
+				max: 5,
+				step: .1,
+				label: "Speed",
+				group: "Animation"
+			}
+		},
+		speedRandomness: {
+			default: .5,
+			description: "How much each ring varies in rotation speed and direction",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Speed Randomness",
+				group: "Animation"
+			}
+		},
+		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",
+				group: "Effect"
+			}
+		},
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Center point of the concentric rings",
+			ui: {
+				type: "position",
+				label: "Center Position",
+				group: "Position"
+			}
+		}
+	},
+	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 center = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
+		const maxAngle = uniforms.intensity.uniform.mul(.01745);
+		const rings = uniforms.rings.uniform;
+		const edgeSoftness = uniforms.smoothness.uniform;
+		const seed = uniforms.seed.uniform;
+		const speedRandomness = uniforms.speedRandomness.uniform;
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const animTime = createAnimatedTime(params, uniforms.speed);
+		const hash = (x) => fract(sin(x.mul(12.9898)).mul(43758.5453)).sub(.5).mul(2);
+		return Fn(() => {
+			const uv$1 = screenUV;
+			const dx = uv$1.x.sub(center.x).mul(aspect);
+			const dy = uv$1.y.sub(center.y);
+			const ringCoord = vec2(dx, dy).length().mul(rings);
+			const ringIndex = floor(ringCoord);
+			const ringFrac = fract(ringCoord);
+			const seedOffset = seed.mul(.137);
+			const staticA = hash(ringIndex.add(seedOffset)).mul(maxAngle);
+			const staticB = hash(ringIndex.add(1).add(seedOffset)).mul(maxAngle);
+			const ringSpeedA = mix(float(1), hash(ringIndex.add(42.7)), speedRandomness);
+			const ringSpeedB = mix(float(1), hash(ringIndex.add(1).add(42.7)), speedRandomness);
+			const animA = animTime.mul(.25).mul(ringSpeedA);
+			const animB = animTime.mul(.25).mul(ringSpeedB);
+			const totalA = staticA.add(animA);
+			const totalB = staticB.add(animB);
+			const TWO_PI = float(Math.PI * 2);
+			const diff = mod(totalB.sub(totalA).add(Math.PI), TWO_PI).sub(Math.PI);
+			const halfEdge = edgeSoftness.mul(.5).add(.001);
+			const blend = smoothstep(float(.5).sub(halfEdge), float(.5).add(halfEdge), ringFrac);
+			const angle = totalA.add(diff.mul(blend));
+			const cosA = cos(angle);
+			const sinA = sin(angle);
+			const rotX = dx.mul(cosA).sub(dy.mul(sinA));
+			const rotY = dx.mul(sinA).add(dy.mul(cosA));
+			const distortedUV = vec2(rotX.div(aspect).add(center.x), rotY.add(center.y));
+			return applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform);
+		})();
+	}
+};
+var ConcentricSpin_default = componentDefinition;
+export { componentDefinition as n, ConcentricSpin_default as t };

package/dist/core/registry.js

@@ -14,64 +14,65 @@ import { n as componentDefinition$8 } from "./Checkerboard-ChbG4nPC.js";
 import { n as componentDefinition$9 } from "./ChromaFlow-DyqU1igx.js";
 import { n as componentDefinition$10 } from "./ChromaticAberration-9nlFN2h0.js";
 import { n as componentDefinition$11 } from "./Circle-DSQ_9vPx.js";
-import { n as componentDefinition$12 } from "./ContourLines-NASMUR3G.js";
-import { n as componentDefinition$13 } from "./CRTScreen-BJJhBQ3D.js";
-import { n as componentDefinition$14 } from "./CursorTrail-DT7Q3TzC.js";
-import { n as componentDefinition$15 } from "./DiffuseBlur-dJ8C3PKh.js";
-import { n as componentDefinition$16 } from "./Dither-Bac0W21a.js";
-import { n as componentDefinition$17 } from "./DotGrid-Cedu_WEn.js";
-import { n as componentDefinition$18 } from "./Duotone-DL9vhoyo.js";
-import { n as componentDefinition$19 } from "./FilmGrain-BzdJM5vN.js";
-import { n as componentDefinition$20 } from "./FloatingParticles-DoB1DI8t.js";
-import { n as componentDefinition$21 } from "./FlowField-BZ-ZbMzR.js";
-import { n as componentDefinition$22 } from "./GlassTiles-BQL2Id5c.js";
-import { n as componentDefinition$23 } from "./Glitch-DmF8pHjd.js";
-import { n as componentDefinition$24 } from "./Glow-Bxpj34sE.js";
-import { n as componentDefinition$25 } from "./Godrays-DqB-88ds.js";
-import { n as componentDefinition$26 } from "./Grayscale-CAuZTuZN.js";
-import { n as componentDefinition$27 } from "./Grid-B6Hf5dZa.js";
-import { n as componentDefinition$28 } from "./GridDistortion-DmwIHrXF.js";
-import { n as componentDefinition$29 } from "./Group-DYtNH5QD.js";
-import { n as componentDefinition$30 } from "./Halftone-vy2WIxyN.js";
-import { n as componentDefinition$31 } from "./HueShift-C4E-S49G.js";
-import { n as componentDefinition$32 } from "./ImageTexture-B40GVvXK.js";
-import { n as componentDefinition$33 } from "./Invert-ec-nb8PE.js";
-import { n as componentDefinition$34 } from "./Kaleidoscope-BO3WUc5P.js";
-import { n as componentDefinition$35 } from "./LensFlare-BoaXy9ZE.js";
-import { n as componentDefinition$36 } from "./LinearBlur-BHaYZoXd.js";
-import { n as componentDefinition$37 } from "./LinearGradient-C8nueF-8.js";
-import { n as componentDefinition$38 } from "./Liquify-JsuLWWkx.js";
-import { n as componentDefinition$39 } from "./Mirror--f1QXEID.js";
-import { n as componentDefinition$40 } from "./Perspective-Dyj4iJMR.js";
-import { n as componentDefinition$41 } from "./Pixelate-CzXp_BwM.js";
-import { n as componentDefinition$42 } from "./Plasma-FfOwR9cP.js";
-import { n as componentDefinition$43 } from "./PolarCoordinates-CfuvmwZm.js";
-import { n as componentDefinition$44 } from "./Posterize-IUwDieMu.js";
-import { n as componentDefinition$45 } from "./ProgressiveBlur-BTGKywKM.js";
-import { n as componentDefinition$46 } from "./RadialGradient-DbcPAwI7.js";
-import { n as componentDefinition$47 } from "./RectangularCoordinates-OOpDHjTM.js";
-import { n as componentDefinition$48 } from "./Ripples-CGhzc9or.js";
-import { n as componentDefinition$49 } from "./Saturation-ssiNVXIp.js";
-import { n as componentDefinition$50 } from "./Sharpness-B-nN0G5P.js";
-import { n as componentDefinition$51 } from "./Shatter-CryQHkSZ.js";
-import { n as componentDefinition$52 } from "./SimplexNoise-B-tDGmzX.js";
-import { n as componentDefinition$53 } from "./SineWave-C6MpmU6E.js";
-import { n as componentDefinition$54 } from "./SolidColor-BjLy2eJx.js";
-import { n as componentDefinition$55 } from "./Spherize-Mtl4w0Lc.js";
-import { n as componentDefinition$56 } from "./Spiral-Bl67ud0b.js";
-import { n as componentDefinition$57 } from "./Strands-BNxk94tR.js";
-import { n as componentDefinition$58 } from "./Stretch-DROTOuvH.js";
-import { n as componentDefinition$59 } from "./Stripes-IMsC1G-g.js";
-import { n as componentDefinition$60 } from "./Swirl-C9xCY4TA.js";
-import { n as componentDefinition$61 } from "./TiltShift-CFhc4M-Z.js";
-import { n as componentDefinition$62 } from "./Tint-DS1FvtQc.js";
-import { n as componentDefinition$63 } from "./Tritone-CesYYNTz.js";
-import { n as componentDefinition$64 } from "./Twirl-8C-m04yw.js";
-import { n as componentDefinition$65 } from "./Vibrance-Cbr-9ds2.js";
-import { n as componentDefinition$66 } from "./VideoTexture-DKnQrDkq.js";
-import { n as componentDefinition$67 } from "./WaveDistortion-D-TGqE0a.js";
-import { n as componentDefinition$68 } from "./WebcamTexture-C3EtpWf2.js";
-import { n as componentDefinition$69 } from "./ZoomBlur-DmMiy4FJ.js";
+import { n as componentDefinition$12 } from "./ConcentricSpin-CLTGx_sN.js";
+import { n as componentDefinition$13 } from "./ContourLines-Dc5J7iw5.js";
+import { n as componentDefinition$14 } from "./CRTScreen-D6qh6DnD.js";
+import { n as componentDefinition$15 } from "./CursorTrail-COnyRZH9.js";
+import { n as componentDefinition$16 } from "./DiffuseBlur-DcV8M7hN.js";
+import { n as componentDefinition$17 } from "./Dither-C-w0ugGX.js";
+import { n as componentDefinition$18 } from "./DotGrid-wXnfcjrM.js";
+import { n as componentDefinition$19 } from "./Duotone-B8dYgrFR.js";
+import { n as componentDefinition$20 } from "./FilmGrain-D_6m7GJ4.js";
+import { n as componentDefinition$21 } from "./FloatingParticles-YuuXeICf.js";
+import { n as componentDefinition$22 } from "./FlowField-Dx2eqOcU.js";
+import { n as componentDefinition$23 } from "./GlassTiles-hnt2pUQN.js";
+import { n as componentDefinition$24 } from "./Glitch-DfPXeSlL.js";
+import { n as componentDefinition$25 } from "./Glow-CQv_dRPj.js";
+import { n as componentDefinition$26 } from "./Godrays-B_-HliEA.js";
+import { n as componentDefinition$27 } from "./Grayscale-DRFXhxr4.js";
+import { n as componentDefinition$28 } from "./Grid-DKSUwEIe.js";
+import { n as componentDefinition$29 } from "./GridDistortion-DahXljLX.js";
+import { n as componentDefinition$30 } from "./Group-r9gMBd5y.js";
+import { n as componentDefinition$31 } from "./Halftone-ZVjwkjaQ.js";
+import { n as componentDefinition$32 } from "./HueShift-gZlNBwNE.js";
+import { n as componentDefinition$33 } from "./ImageTexture-DuXMku_O.js";
+import { n as componentDefinition$34 } from "./Invert-gUjZNHF3.js";
+import { n as componentDefinition$35 } from "./Kaleidoscope-COKZ0BDb.js";
+import { n as componentDefinition$36 } from "./LensFlare-D6jy4M7G.js";
+import { n as componentDefinition$37 } from "./LinearBlur-CArDQIhs.js";
+import { n as componentDefinition$38 } from "./LinearGradient-BkB_3gVV.js";
+import { n as componentDefinition$39 } from "./Liquify-BrIB9ajS.js";
+import { n as componentDefinition$40 } from "./Mirror-BRPYfVAr.js";
+import { n as componentDefinition$41 } from "./Perspective-CglPLWTZ.js";
+import { n as componentDefinition$42 } from "./Pixelate-CwnuDc5L.js";
+import { n as componentDefinition$43 } from "./Plasma-CuW-GOI_.js";
+import { n as componentDefinition$44 } from "./PolarCoordinates-9AFXKnSC.js";
+import { n as componentDefinition$45 } from "./Posterize-DU2yrydV.js";
+import { n as componentDefinition$46 } from "./ProgressiveBlur-BXv2mob_.js";
+import { n as componentDefinition$47 } from "./RadialGradient-Dd21Be-_.js";
+import { n as componentDefinition$48 } from "./RectangularCoordinates-DAOGnX2p.js";
+import { n as componentDefinition$49 } from "./Ripples-Nk5is8WX.js";
+import { n as componentDefinition$50 } from "./Saturation-KoiVB92Y.js";
+import { n as componentDefinition$51 } from "./Sharpness-CK-zaDVc.js";
+import { n as componentDefinition$52 } from "./Shatter-EEzkIXGb.js";
+import { n as componentDefinition$53 } from "./SimplexNoise-DKov4Yho.js";
+import { n as componentDefinition$54 } from "./SineWave-Cy0wWKUU.js";
+import { n as componentDefinition$55 } from "./SolidColor-P4OKglCC.js";
+import { n as componentDefinition$56 } from "./Spherize-BLEvqakM.js";
+import { n as componentDefinition$57 } from "./Spiral-DXuKs26n.js";
+import { n as componentDefinition$58 } from "./Strands-DsdASoV4.js";
+import { n as componentDefinition$59 } from "./Stretch-By8f2wmJ.js";
+import { n as componentDefinition$60 } from "./Stripes-D8HSlP1H.js";
+import { n as componentDefinition$61 } from "./Swirl-DO8dNtED.js";
+import { n as componentDefinition$62 } from "./TiltShift-4QnOmvZ7.js";
+import { n as componentDefinition$63 } from "./Tint-Qc-4l2re.js";
+import { n as componentDefinition$64 } from "./Tritone-COUPuEp_.js";
+import { n as componentDefinition$65 } from "./Twirl-Se1glQAi.js";
+import { n as componentDefinition$66 } from "./Vibrance-CUTMlggU.js";
+import { n as componentDefinition$67 } from "./VideoTexture-DsvlYXHz.js";
+import { n as componentDefinition$68 } from "./WaveDistortion-D75I7wpE.js";
+import { n as componentDefinition$69 } from "./WebcamTexture-Cj0_V3MP.js";
+import { n as componentDefinition$70 } from "./ZoomBlur-Cq6lhjH5.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -87,64 +88,65 @@ var createShaderRegistry = () => {
 		ChromaFlow: componentDefinition$9,
 		ChromaticAberration: componentDefinition$10,
 		Circle: componentDefinition$11,
-		ContourLines: componentDefinition$12,
-		CRTScreen: componentDefinition$13,
-		CursorTrail: componentDefinition$14,
-		DiffuseBlur: componentDefinition$15,
-		Dither: componentDefinition$16,
-		DotGrid: componentDefinition$17,
-		Duotone: componentDefinition$18,
-		FilmGrain: componentDefinition$19,
-		FloatingParticles: componentDefinition$20,
-		FlowField: componentDefinition$21,
-		GlassTiles: componentDefinition$22,
-		Glitch: componentDefinition$23,
-		Glow: componentDefinition$24,
-		Godrays: componentDefinition$25,
-		Grayscale: componentDefinition$26,
-		Grid: componentDefinition$27,
-		GridDistortion: componentDefinition$28,
-		Group: componentDefinition$29,
-		Halftone: componentDefinition$30,
-		HueShift: componentDefinition$31,
-		ImageTexture: componentDefinition$32,
-		Invert: componentDefinition$33,
-		Kaleidoscope: componentDefinition$34,
-		LensFlare: componentDefinition$35,
-		LinearBlur: componentDefinition$36,
-		LinearGradient: componentDefinition$37,
-		Liquify: componentDefinition$38,
-		Mirror: componentDefinition$39,
-		Perspective: componentDefinition$40,
-		Pixelate: componentDefinition$41,
-		Plasma: componentDefinition$42,
-		PolarCoordinates: componentDefinition$43,
-		Posterize: componentDefinition$44,
-		ProgressiveBlur: componentDefinition$45,
-		RadialGradient: componentDefinition$46,
-		RectangularCoordinates: componentDefinition$47,
-		Ripples: componentDefinition$48,
-		Saturation: componentDefinition$49,
-		Sharpness: componentDefinition$50,
-		Shatter: componentDefinition$51,
-		SimplexNoise: componentDefinition$52,
-		SineWave: componentDefinition$53,
-		SolidColor: componentDefinition$54,
-		Spherize: componentDefinition$55,
-		Spiral: componentDefinition$56,
-		Strands: componentDefinition$57,
-		Stretch: componentDefinition$58,
-		Stripes: componentDefinition$59,
-		Swirl: componentDefinition$60,
-		TiltShift: componentDefinition$61,
-		Tint: componentDefinition$62,
-		Tritone: componentDefinition$63,
-		Twirl: componentDefinition$64,
-		Vibrance: componentDefinition$65,
-		VideoTexture: componentDefinition$66,
-		WaveDistortion: componentDefinition$67,
-		WebcamTexture: componentDefinition$68,
-		ZoomBlur: componentDefinition$69
+		ConcentricSpin: componentDefinition$12,
+		ContourLines: componentDefinition$13,
+		CRTScreen: componentDefinition$14,
+		CursorTrail: componentDefinition$15,
+		DiffuseBlur: componentDefinition$16,
+		Dither: componentDefinition$17,
+		DotGrid: componentDefinition$18,
+		Duotone: componentDefinition$19,
+		FilmGrain: componentDefinition$20,
+		FloatingParticles: componentDefinition$21,
+		FlowField: componentDefinition$22,
+		GlassTiles: componentDefinition$23,
+		Glitch: componentDefinition$24,
+		Glow: componentDefinition$25,
+		Godrays: componentDefinition$26,
+		Grayscale: componentDefinition$27,
+		Grid: componentDefinition$28,
+		GridDistortion: componentDefinition$29,
+		Group: componentDefinition$30,
+		Halftone: componentDefinition$31,
+		HueShift: componentDefinition$32,
+		ImageTexture: componentDefinition$33,
+		Invert: componentDefinition$34,
+		Kaleidoscope: componentDefinition$35,
+		LensFlare: componentDefinition$36,
+		LinearBlur: componentDefinition$37,
+		LinearGradient: componentDefinition$38,
+		Liquify: componentDefinition$39,
+		Mirror: componentDefinition$40,
+		Perspective: componentDefinition$41,
+		Pixelate: componentDefinition$42,
+		Plasma: componentDefinition$43,
+		PolarCoordinates: componentDefinition$44,
+		Posterize: componentDefinition$45,
+		ProgressiveBlur: componentDefinition$46,
+		RadialGradient: componentDefinition$47,
+		RectangularCoordinates: componentDefinition$48,
+		Ripples: componentDefinition$49,
+		Saturation: componentDefinition$50,
+		Sharpness: componentDefinition$51,
+		Shatter: componentDefinition$52,
+		SimplexNoise: componentDefinition$53,
+		SineWave: componentDefinition$54,
+		SolidColor: componentDefinition$55,
+		Spherize: componentDefinition$56,
+		Spiral: componentDefinition$57,
+		Strands: componentDefinition$58,
+		Stretch: componentDefinition$59,
+		Stripes: componentDefinition$60,
+		Swirl: componentDefinition$61,
+		TiltShift: componentDefinition$62,
+		Tint: componentDefinition$63,
+		Tritone: componentDefinition$64,
+		Twirl: componentDefinition$65,
+		Vibrance: componentDefinition$66,
+		VideoTexture: componentDefinition$67,
+		WaveDistortion: componentDefinition$68,
+		WebcamTexture: componentDefinition$69,
+		ZoomBlur: componentDefinition$70
 	};
 	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":"AAyEA,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;AA0GD,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":"AA0EA,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;AA2GD,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/CRTScreen/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as CRTScreen_default } from "../../CRTScreen-BJJhBQ3D.js";
+import { n as componentDefinition, t as CRTScreen_default } from "../../CRTScreen-D6qh6DnD.js";
 export { componentDefinition, CRTScreen_default as default };

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

@@ -0,0 +1,64 @@
+import { ComponentDefinition } from '../../types';
+import { transformPosition } from '../../utilities/transformations';
+
+export interface ComponentProps {
+    /**
+     * Maximum rotation angle per ring
+     *
+     * Accepts a number between 0 and 100.
+     * @default 20
+     */
+    intensity: number;
+    /**
+     * Number of concentric rings
+     *
+     * Accepts a number between 1 and 30.
+     * @default 8
+     */
+    rings: number;
+    /**
+     * Softness of transitions between rings
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0.03
+     */
+    smoothness: number;
+    /**
+     * Randomization seed for per-ring rotation variation
+     *
+     * Accepts a number between 0 and 100.
+     * @default 0
+     */
+    seed: number;
+    /**
+     * Speed of continuous ring rotation
+     *
+     * Accepts a number between -5 and 5.
+     * @default 0.1
+     */
+    speed: number;
+    /**
+     * How much each ring varies in rotation speed and direction
+     *
+     * Accepts a number between 0 and 1.
+     * @default 0.5
+     */
+    speedRandomness: number;
+    /**
+     * How to handle edges when distortion pushes content out of bounds
+     *
+     * Accepts one of: `"stretch"`, `"transparent"`, `"mirror"`, `"wrap"`.
+     * @default "mirror"
+     */
+    edges: string;
+    /**
+     * Center point of the concentric rings
+     *
+     * 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];
+}
+export declare const componentDefinition: ComponentDefinition<ComponentProps>;
+export default componentDefinition;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/ConcentricSpin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAiB,MAAM,qCAAqC,CAAA;AAIrF,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyInE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,5 @@
+import "../../edges-Bd7GP4s2.js";
+import "../../transformations-CC_c-QAT.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as ConcentricSpin_default } from "../../ConcentricSpin-CLTGx_sN.js";
+export { componentDefinition, ConcentricSpin_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as ContourLines_default } from "../../ContourLines-NASMUR3G.js";
+import { n as componentDefinition, t as ContourLines_default } from "../../ContourLines-Dc5J7iw5.js";
 export { componentDefinition, ContourLines_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-DT7Q3TzC.js";
+import { n as componentDefinition, t as CursorTrail_default } from "../../CursorTrail-COnyRZH9.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-dJ8C3PKh.js";
+import { n as componentDefinition, t as DiffuseBlur_default } from "../../DiffuseBlur-DcV8M7hN.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-Bac0W21a.js";
+import { n as componentDefinition, t as Dither_default } from "../../Dither-C-w0ugGX.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-Cedu_WEn.js";
+import { n as componentDefinition, t as DotGrid_default } from "../../DotGrid-wXnfcjrM.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-DL9vhoyo.js";
+import { n as componentDefinition, t as Duotone_default } from "../../Duotone-B8dYgrFR.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-BzdJM5vN.js";
+import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-D_6m7GJ4.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-DoB1DI8t.js";
+import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-YuuXeICf.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-BZ-ZbMzR.js";
+import { n as componentDefinition, t as FlowField_default } from "../../FlowField-Dx2eqOcU.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-BQL2Id5c.js";
+import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-hnt2pUQN.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-DmF8pHjd.js";
+import { n as componentDefinition, t as Glitch_default } from "../../Glitch-DfPXeSlL.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-Bxpj34sE.js";
+import { n as componentDefinition, t as Glow_default } from "../../Glow-CQv_dRPj.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-DqB-88ds.js";
+import { n as componentDefinition, t as Godrays_default } from "../../Godrays-B_-HliEA.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-CAuZTuZN.js";
+import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-DRFXhxr4.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-B6Hf5dZa.js";
+import { n as componentDefinition, t as Grid_default } from "../../Grid-DKSUwEIe.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-DmwIHrXF.js";
+import { n as componentDefinition, t as GridDistortion_default } from "../../GridDistortion-DahXljLX.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-DYtNH5QD.js";
+import { n as componentDefinition, t as Group_default } from "../../Group-r9gMBd5y.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-vy2WIxyN.js";
+import { n as componentDefinition, t as Halftone_default } from "../../Halftone-ZVjwkjaQ.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-C4E-S49G.js";
+import { n as componentDefinition, t as HueShift_default } from "../../HueShift-gZlNBwNE.js";
 export { componentDefinition, HueShift_default as default };