shaders 2.2.30 → 2.2.31

package/dist/core/{Beam-DCaOPIk_.js → Beam-CbG4MkLo.js}

@@ -5,7 +5,6 @@ const componentDefinition = {
 	name: "Beam",
 	category: "Base Layers",
 	description: "A beam of light from one point to another.",
-	acceptsUVContext: true,
 	props: {
 		startPosition: {
 			default: {
@@ -104,8 +103,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const baseUV = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const baseUV = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const startPos = vec2(uniforms.startPosition.uniform.x, uniforms.startPosition.uniform.y.oneMinus());
 		const endPos = vec2(uniforms.endPosition.uniform.x, uniforms.endPosition.uniform.y.oneMinus());

package/dist/core/{Blob-8YqXuE5v.js → Blob-C_fYRjJF.js}

@@ -6,7 +6,6 @@ const componentDefinition = {
 	name: "Blob",
 	category: "Base Layers",
 	description: "Organic animated blob with 3D lighting and gradients",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#ff6b35",
@@ -158,8 +157,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const baseUV = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const baseUV = screenUV;
 		const animTime = createAnimatedTime(params, uniforms.speed, uniforms.seed);
 		const colorA = uniforms.colorA.uniform;
 		const colorB = uniforms.colorB.uniform;

package/dist/core/{Bulge-D9mLn8-p.js → Bulge-C8-_hIFp.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { convertToTexture, float, length, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -81,25 +81,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const aspect = viewportSize$1.x.div(viewportSize$1.y);
-		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
-		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
-		const delta = aspectCorrectedUV.sub(centerPos);
-		const distance$1 = length(delta);
-		const effectRadius = uniforms.radius.uniform.mul(.5);
-		const falloffAmount = uniforms.falloff.uniform;
-		const smoothFalloff = smoothstep(effectRadius.mul(float(1).sub(falloffAmount).sub(float(.001)).max(float(0))), effectRadius, distance$1).oneMinus();
-		const normalizedDist = distance$1.div(effectRadius);
-		const distSq = normalizedDist.mul(normalizedDist);
-		const quadraticFalloff = max(float(0), float(1).sub(distSq));
-		const falloff = smoothFalloff.mul(quadraticFalloff);
-		const displacementAmount = uniforms.strength.uniform.negate().mul(falloff);
-		const scaleFactor = float(1).add(displacementAmount);
-		const bulgedDelta = delta.mul(scaleFactor);
-		const bulgedUV = centerPos.add(bulgedDelta);
-		return vec2(bulgedUV.x.div(aspect), bulgedUV.y);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{Checkerboard-DjrQsDvl.js → Checkerboard-D_H3XYbF.js}

@@ -5,7 +5,6 @@ const componentDefinition = {
 	name: "Checkerboard",
 	category: "Base Layers",
 	description: "Classic checkerboard pattern with two alternating colors",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#cccccc",
@@ -58,8 +57,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const correctedUV = vec2(uv$1.x.mul(aspect), uv$1.y.oneMinus());
 		const cells = uniforms.cells.uniform;

package/dist/core/{Circle-BSAdYHYZ.js → Circle-DI0gXpyD.js}

@@ -4,7 +4,6 @@ const componentDefinition = {
 	name: "Circle",
 	category: "Base Layers",
 	description: "Generate a circle with adjustable size and softness",
-	acceptsUVContext: true,
 	props: {
 		color: {
 			default: "#ffffff",
@@ -50,8 +49,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
 		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());

package/dist/core/{DiffuseBlur-B-QHWSjt.js → DiffuseBlur-Cg7AsB3W.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges } from "./transformations-YbhRK-rd.js";
 import { convertToTexture, dot, fract, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -47,17 +47,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const hash = (p) => {
-			return fract(sin(dot(p, vec2(12.9898, 78.233).mul(2))).mul(43758.5453));
-		};
-		const pixelSize = vec2(1).div(viewportSize$1);
-		const seed = uv$1.mul(1e3);
-		const rand1 = hash(seed);
-		const rand2 = hash(seed.add(vec2(73.2, 41.9)));
-		const offset = vec2(rand1.mul(2).sub(1), rand2.mul(2).sub(1)).mul(uniforms.intensity.uniform).mul(pixelSize);
-		return uv$1.add(offset);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{DotGrid-BJyEY7YH.js → DotGrid-B2DXsjFE.js}

@@ -4,7 +4,6 @@ const componentDefinition = {
 	name: "DotGrid",
 	category: "Base Layers",
 	description: "Grid of dots with optional twinkling animation",
-	acceptsUVContext: true,
 	props: {
 		color: {
 			default: "#ffffff",
@@ -49,8 +48,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uvCoords = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uvCoords = screenUV;
 		const density = uniforms.density.uniform;
 		const dotSize = uniforms.dotSize.uniform;
 		const dotColor = uniforms.color.uniform;

package/dist/core/{FilmGrain-osBGk_b9.js → FilmGrain-CY4ZO9UI.js}

@@ -4,7 +4,6 @@ const componentDefinition = {
 	category: "Stylize",
 	description: "Analog film grain texture overlay",
 	requiresChild: true,
-	acceptsUVContext: true,
 	props: { strength: {
 		default: .5,
 		description: "Intensity of the film grain noise",
@@ -16,10 +15,10 @@ const componentDefinition = {
 			label: "Strength"
 		}
 	} },
-	fragmentNode: ({ uniforms, childNode, uvContext }) => {
+	fragmentNode: ({ uniforms, childNode }) => {
 		const strength = uniforms.strength.uniform;
 		const sourceColor = childNode || vec4(0, 0, 0, 0);
-		const grainIntensity = fract(sin(dot(uvContext ?? screenUV, vec2(float(12.9898), float(78.233)).mul(float(2)))).mul(float(43758.5453))).mul(float(2)).sub(float(1)).mul(strength.mul(float(.1)));
+		const grainIntensity = fract(sin(dot(screenUV, vec2(float(12.9898), float(78.233)).mul(float(2)))).mul(float(43758.5453))).mul(float(2)).sub(float(1)).mul(strength.mul(float(.1)));
 		return vec4(sourceColor.rgb.add(grainIntensity), sourceColor.a);
 	}
 };

package/dist/core/{FloatingParticles-Ct7GMVzZ.js → FloatingParticles-BduIDXKd.js}

@@ -24,7 +24,6 @@ const componentDefinition = {
 	category: "Base Layers",
 	description: "Animated floating particles with twinkle effects",
 	requiresRTT: false,
-	acceptsUVContext: true,
 	props: {
 		randomness: {
 			default: .25,
@@ -146,8 +145,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, childNode, uvContext }) => {
-		const baseUV = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms, childNode }) => {
+		const baseUV = screenUV;
 		const renderParticle = Fn(([uv$2]) => {
 			const rootUV = floor(uv$2);
 			const localPos = fract(uv$2);

package/dist/core/{GlassTiles-CA90XrNT.js → GlassTiles-uW7j91uC.js}

@@ -1,4 +1,4 @@
-import { add, convertToTexture, div, floor, mul, screenUV, select, sub, uniform, vec2, vec4 } from "three/tsl";
+import { add, convertToTexture, div, floor, mul, screenUV, sub, uniform, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "GlassTiles",
 	category: "Distortions",
@@ -29,18 +29,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const intensity = uniforms.intensity.uniform;
-		const baseTileCount = uniforms.tileCount.uniform;
-		const aspectRatio = viewportSize$1.x.div(viewportSize$1.y);
-		const tileCount = vec2(select(aspectRatio.greaterThanEqual(1), baseTileCount.mul(aspectRatio), baseTileCount), select(aspectRatio.lessThan(1), baseTileCount.div(aspectRatio), baseTileCount));
-		const cellCoord = floor(uv$1.mul(tileCount)).div(tileCount);
-		const localUV = uv$1.sub(cellCoord);
-		const distortionCenter = vec2(.5, .5);
-		const distortionFactor = intensity.mul(.025);
-		const distortion = localUV.div(vec2(1, 1).div(tileCount)).sub(distortionCenter).mul(distortionFactor);
-		return localUV.add(distortion).add(cellCoord);
-	},
 	fragmentNode: ({ uniforms, childNode, dimensions, onCleanup }) => {
 		if (!childNode) {
 			console.error("You must pass a child component into the Glass Tiles shader.");

package/dist/core/{Godrays-fJIUiGke.js → Godrays-ChqiT2zn.js}

@@ -5,7 +5,6 @@ const componentDefinition = {
 	category: "Base Layers",
 	description: "Volumetric light rays emanating from a point",
 	requiresRTT: false,
-	acceptsUVContext: true,
 	props: {
 		center: {
 			default: {
@@ -82,8 +81,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
 		const shapeUV = uv$1.sub(centerPos);
 		const valueNoise = Fn(([st]) => {

package/dist/core/{Grid-o_nFs0CE.js → Grid-DazyiX15.js}

@@ -4,7 +4,6 @@ const componentDefinition = {
 	name: "Grid",
 	category: "Base Layers",
 	description: "Simple grid lines pattern with adjustable thickness",
-	acceptsUVContext: true,
 	props: {
 		color: {
 			default: "#ffffff",
@@ -38,8 +37,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const correctedUV = vec2(uv$1.x.mul(aspect), uv$1.y.oneMinus());
 		const cells = uniforms.cells.uniform;

package/dist/core/{GridDistortion-xuUXyMGP.js → GridDistortion-CYQUwuXw.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges } from "./transformations-YbhRK-rd.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { convertToTexture, float, screenUV, texture, uniform, vec2, vec4 } from "three/tsl";

package/dist/core/{ImageTexture-D9OMwqAs.js → ImageTexture-D0xwHmkW.js}

@@ -4,7 +4,6 @@ const componentDefinition = {
 	name: "ImageTexture",
 	category: "Base Layers",
 	description: "Display an image with customizable object-fit modes",
-	acceptsUVContext: true,
 	props: {
 		url: {
 			default: "https://shaders.com/sample.jpg",
@@ -54,8 +53,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, onCleanup, onBeforeRender, uvContext }) => {
-		const baseUV = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms, onCleanup, onBeforeRender }) => {
+		const baseUV = screenUV;
 		const loader = new TextureLoader();
 		let currentUrl = "";
 		let isLoading = false;

package/dist/core/{LinearGradient-DN_FYXL2.js → LinearGradient-B6ySxWpU.js}

@@ -5,7 +5,6 @@ const componentDefinition = {
 	name: "LinearGradient",
 	category: "Base Layers",
 	description: "Create smooth linear color gradients",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#1aff00",
@@ -99,8 +98,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const startPos = vec2(uniforms.start.uniform[0], uniforms.start.uniform[1].oneMinus());
 		const endPos = vec2(uniforms.end.uniform[0], uniforms.end.uniform[1].oneMinus());
 		const gradientVector = endPos.sub(startPos);

package/dist/core/{Liquify-Qm_y-apj.js → Liquify-yoKWSK0F.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges } from "./transformations-YbhRK-rd.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { convertToTexture, float, screenUV, texture, uniform, vec2, vec4 } from "three/tsl";
@@ -101,12 +101,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms }) => {
-		const displacement = getOrCreateDisplacementState(uniforms).tslNode.sample(uv$1).xy;
-		const maxDisplacement = float(.2);
-		const clampedDisplacement = displacement.clamp(vec2(maxDisplacement.negate(), maxDisplacement.negate()), vec2(maxDisplacement, maxDisplacement));
-		return uv$1.sub(clampedDisplacement);
-	},
 	fragmentNode: ({ uniforms, onBeforeRender, childNode, onCleanup }) => {
 		const { dataTexture: displacementTexture, data: displacementData, tslNode: displacementField } = getOrCreateDisplacementState(uniforms);
 		const mouseVelX = uniform(0);

package/dist/core/{Pixelate-_pyYeLRP.js → Pixelate-BmE_Zryn.js}

@@ -16,10 +16,6 @@ const componentDefinition = {
 			label: "Scale"
 		}
 	} },
-	uvTransformNode: ({ uv: uv$1, uniforms }) => {
-		const pixelSize = uniforms.scale.uniform;
-		return floor(uv$1.mul(pixelSize)).div(pixelSize);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{PolarCoordinates-DfjOpgDQ.js → PolarCoordinates-PLyS00-P.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { PI, atan, convertToTexture, length, mix, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -81,15 +81,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const aspect = viewportSize$1.x.div(viewportSize$1.y);
-		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
-		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
-		const delta = aspectCorrectedUV.sub(centerPos);
-		const normalizedAngle = atan(delta.y, delta.x).add(PI).div(PI.mul(2));
-		const r = length(delta);
-		return mix(uv$1, vec2(normalizedAngle.mul(uniforms.wrap.uniform), r.mul(uniforms.radius.uniform)), uniforms.intensity.uniform);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{RadialGradient-DGmfTA60.js → RadialGradient-pwKyDUBu.js}

@@ -5,7 +5,6 @@ const componentDefinition = {
 	name: "RadialGradient",
 	category: "Base Layers",
 	description: "Radial gradient radiating from a center point",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#ff0000",
@@ -59,8 +58,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const t = distance(vec2(uv$1.x.mul(aspect), uv$1.y), vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus())).div(uniforms.radius.uniform).clamp(float(0), float(1));
 		return mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, t, uniforms.colorSpace.uniform);

package/dist/core/{RectangularCoordinates-TM8tkEBk.js → RectangularCoordinates-Dq2JrmOX.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { PI, convertToTexture, cos, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -70,15 +70,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const theta = uv$1.x.mul(PI.mul(2)).sub(PI);
-		const r = uv$1.y.mul(uniforms.scale.uniform);
-		const rectX = r.mul(cos(theta));
-		const rectY = r.mul(sin(theta));
-		const aspect = viewportSize$1.x.div(viewportSize$1.y);
-		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
-		return mix(uv$1, vec2(rectX.div(aspect).add(centerPos.x), rectY.add(centerPos.y)), uniforms.intensity.uniform);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{Ripples-D60vIa8s.js → Ripples-Ot1rx8kL.js}

@@ -6,7 +6,6 @@ const componentDefinition = {
 	name: "Ripples",
 	category: "Base Layers",
 	description: "Concentric animated ripples emanating from a point",
-	acceptsUVContext: true,
 	props: {
 		center: {
 			default: {
@@ -95,8 +94,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uv$1 = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const uv$1 = screenUV;
 		const center = uniforms.center.uniform;
 		const colorA = uniforms.colorA.uniform;
 		const colorB = uniforms.colorB.uniform;

package/dist/core/{SimplexNoise-CI-FEJ6v.js → SimplexNoise-BfilWh05.js}

@@ -6,7 +6,6 @@ const componentDefinition = {
 	name: "SimplexNoise",
 	category: "Base Layers",
 	description: "Organic noise with animated movement",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#ffffff",
@@ -83,8 +82,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uv$1 = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
 		const animTime = createAnimatedTime(params, uniforms.speed);

package/dist/core/{SineWave-CQIQ0oCt.js → SineWave-DRqL-jda.js}

@@ -4,7 +4,6 @@ const componentDefinition = {
 	name: "SineWave",
 	category: "Base Layers",
 	description: "Animated wave with thickness and softness",
-	acceptsUVContext: true,
 	props: {
 		color: {
 			default: "#ffffff",
@@ -95,8 +94,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const uv$1 = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
 		const centerPos = vec2(uniforms.position.uniform.x.mul(aspect), uniforms.position.uniform.y.oneMinus());

package/dist/core/{SolidColor-CTN8J944.js → SolidColor-B62ZBRlK.js}

@@ -3,7 +3,6 @@ const componentDefinition = {
 	name: "SolidColor",
 	category: "Base Layers",
 	description: "Fill the canvas with a single solid color",
-	acceptsUVContext: true,
 	props: { color: {
 		default: "#5b18ca",
 		transform: transformColor,

package/dist/core/{Spiral-DIzFj8Xi.js → Spiral-Cx7Z8gLc.js}

@@ -5,7 +5,6 @@ const componentDefinition = {
 	name: "Spiral",
 	category: "Base Layers",
 	description: "Rotating spiral pattern with animated movement",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#000000",
@@ -103,8 +102,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, uvContext }) => {
-		const baseUV = uvContext ?? screenUV;
+	fragmentNode: ({ uniforms }) => {
+		const baseUV = screenUV;
 		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());

package/dist/core/{Strands-WwfH6CNO.js → Strands-C9FBVtDe.js}

@@ -7,7 +7,6 @@ const componentDefinition = {
 	description: "Procedural wavy strands with layered animation",
 	requiresRTT: false,
 	requiresChild: false,
-	acceptsUVContext: true,
 	props: {
 		speed: {
 			default: .5,
@@ -107,8 +106,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const baseUV = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const baseUV = screenUV;
 		const t = createAnimatedTime(params, uniforms.speed);
 		const random = Fn(([time$1]) => {
 			return cos(time$1).add(cos(time$1.mul(1.2).add(1.6))).add(cos(time$1.mul(1.4).add(1.5))).div(3);

package/dist/core/{Stretch-DxuMSLMk.js → Stretch-BCpOO3q6.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { clamp, convertToTexture, cos, float, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -81,25 +81,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const aspect = viewportSize$1.x.div(viewportSize$1.y);
-		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.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 directionVector = vec2(cos(angleRad), sin(angleRad));
-		const projection = delta.dot(directionVector);
-		const perpendicular = delta.sub(directionVector.mul(projection));
-		const falloffAmount = uniforms.falloff.uniform;
-		const transitionWidth = mix(float(.001), float(75), falloffAmount);
-		const effectMask = clamp(projection.div(transitionWidth), float(0), float(1));
-		const scaledStrength = uniforms.strength.uniform.mul(float(100));
-		const stretchFactor = float(1).add(scaledStrength.mul(effectMask));
-		const finalProjection = projection.div(stretchFactor);
-		const stretchedDelta = directionVector.mul(finalProjection).add(perpendicular);
-		const stretchedUV = centerPos.add(stretchedDelta);
-		return vec2(stretchedUV.x.div(aspect), stretchedUV.y);
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const childTexture = convertToTexture(childNode);

package/dist/core/{Swirl-SrhhoVBs.js → Swirl-KUjGnUAM.js}

@@ -6,7 +6,6 @@ const componentDefinition = {
 	name: "Swirl",
 	category: "Base Layers",
 	description: "Flowing swirl pattern with multi-layered noise",
-	acceptsUVContext: true,
 	props: {
 		colorA: {
 			default: "#1275d8",
@@ -137,8 +136,8 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uvCoords = uvContext ?? screenUV;
+		const { uniforms } = params;
+		const uvCoords = screenUV;
 		const t = createAnimatedTime(params, uniforms.speed);
 		const detail = uniforms.detail.uniform;
 		const scaleCoarse = float(.02);

package/dist/core/{Twirl-DRomCc8u.js → Twirl-EJ3aS_lo.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { convertToTexture, cos, length, screenUV, sin, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
@@ -59,16 +59,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms }) => {
-		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
-		const delta = uv$1.sub(centerPos);
-		const angle = uniforms.intensity.uniform.mul(length(delta));
-		const cosAngle = cos(angle);
-		const sinAngle = sin(angle);
-		const rotatedX = cosAngle.mul(delta.x).sub(sinAngle.mul(delta.y));
-		const rotatedY = sinAngle.mul(delta.x).add(cosAngle.mul(delta.y));
-		return vec2(rotatedX.add(centerPos.x), rotatedY.add(centerPos.y));
-	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
 		if (!childNode) {
 			console.error("You must pass a child component into the Twirl shader.");

package/dist/core/{WaveDistortion-Btn7OJ4m.js → WaveDistortion-BOWBSWEU.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
+import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { o as transformEdges } from "./transformations-YbhRK-rd.js";
 import { PI, abs, convertToTexture, cos, float, fract, screenUV, sin, step, time, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
@@ -114,28 +114,6 @@ const componentDefinition = {
 			}
 		}
 	},
-	uvTransformNode: ({ uv: uv$1, uniforms }) => {
-		const t = time.mul(uniforms.speed.uniform).mul(.5);
-		const angleRad = uniforms.angle.uniform.mul(PI).div(180);
-		const cosAngle = cos(angleRad);
-		const sinAngle = sin(angleRad);
-		const centeredUV = uv$1.sub(vec2(.5, .5));
-		const phase = vec2(centeredUV.x.mul(cosAngle).sub(centeredUV.y.mul(sinAngle)), centeredUV.x.mul(sinAngle).add(centeredUV.y.mul(cosAngle))).add(vec2(.5, .5)).y.mul(uniforms.frequency.uniform).mul(PI.mul(2)).add(t);
-		const normalizedPhase = fract(phase.div(PI.mul(2)));
-		const sineWave = sin(phase);
-		const triangleWave = abs(normalizedPhase.mul(2).sub(1)).mul(2).sub(1);
-		const squareWave = step(float(.5), normalizedPhase).mul(2).sub(1);
-		const sawtoothWave = normalizedPhase.mul(2).sub(1);
-		const waveTypeValue = uniforms.waveType.uniform;
-		const isSine = step(waveTypeValue, float(.5));
-		const isTriangle = step(float(.5), waveTypeValue).mul(step(waveTypeValue, float(1.5)));
-		const isSquare = step(float(1.5), waveTypeValue).mul(step(waveTypeValue, float(2.5)));
-		const isSawtooth = step(float(2.5), waveTypeValue);
-		const displacement = sineWave.mul(isSine).add(triangleWave.mul(isTriangle)).add(squareWave.mul(isSquare)).add(sawtoothWave.mul(isSawtooth)).mul(uniforms.strength.uniform).mul(.5);
-		const displacementX = displacement.mul(cosAngle);
-		const displacementY = displacement.mul(sinAngle);
-		return vec2(uv$1.x.add(displacementX), uv$1.y.add(displacementY));
-	},
 	fragmentNode: (params) => {
 		const { uniforms, childNode, onCleanup } = params;
 		if (!childNode) return vec4(0, 0, 0, 0);

package/dist/core/{edges-Djr_12SL.js → edges-Bd7GP4s2.js}

@@ -1,13 +1,4 @@
 import { abs, float, fract, mod, select, step, vec2, vec4 } from "three/tsl";
-const applyEdgeToUV = (uv$1, edgeModeUniform) => {
-	const stretchedUV = uv$1.clamp(vec2(0, 0), vec2(1, 1));
-	const transparentUV = uv$1;
-	const mirrorX = mod(abs(uv$1.x), float(2));
-	const mirrorY = mod(abs(uv$1.y), float(2));
-	const mirroredUV = vec2(select(step(float(1), mirrorX), float(2).sub(mirrorX), mirrorX), select(step(float(1), mirrorY), float(2).sub(mirrorY), mirrorY));
-	const wrappedUV = fract(uv$1);
-	return select(step(float(.5), edgeModeUniform), select(step(float(1.5), edgeModeUniform), select(step(float(2.5), edgeModeUniform), wrappedUV, mirroredUV), transparentUV), stretchedUV);
-};
 const applyEdgeHandling = (distortedUV, sampledColor, childTexture, edgeModeUniform) => {
 	const inBoundsX = step(float(0), distortedUV.x).mul(step(distortedUV.x, float(1)));
 	const inBoundsY = step(float(0), distortedUV.y).mul(step(distortedUV.y, float(1)));
@@ -22,4 +13,4 @@ const applyEdgeHandling = (distortedUV, sampledColor, childTexture, edgeModeUnif
 	const wrapColor = childTexture.sample(wrappedUV);
 	return select(step(float(.5), edgeModeUniform), select(step(float(1.5), edgeModeUniform), select(step(float(2.5), edgeModeUniform), wrapColor, mirrorColor), transparentColor), sampledColor);
 };
-export { applyEdgeToUV as n, applyEdgeHandling as t };
+export { applyEdgeHandling as t };