shaders 2.2.30 → 2.2.32

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-BaAwsNxl.js

@@ -0,0 +1,84 @@
+import { add, convertToTexture, cos, div, floor, mul, screenUV, sin, sub, uniform, vec2, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "GlassTiles",
+	category: "Distortions",
+	description: "Refraction-like distortion in a tile grid pattern",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		intensity: {
+			default: 2,
+			description: "The intensity of the glass tiles effect",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Intensity"
+			}
+		},
+		tileCount: {
+			default: 20,
+			description: "Number of tiles across the shortest dimension",
+			ui: {
+				type: "range",
+				min: 5,
+				max: 50,
+				step: 1,
+				label: "Tile Count"
+			}
+		},
+		rotation: {
+			default: 0,
+			description: "Rotation angle of the tile grid in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Rotation"
+			}
+		},
+		roundness: {
+			default: 0,
+			description: "Makes tiles more circular instead of square",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Roundness"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, dimensions, onCleanup }) => {
+		if (!childNode) {
+			console.error("You must pass a child component into the Glass Tiles shader.");
+			return vec4(0);
+		}
+		const texture$1 = convertToTexture(childNode);
+		onCleanup(() => {
+			if (texture$1?.renderTarget?.dispose) texture$1.renderTarget.dispose();
+		});
+		const aspectRatioUniform = uniform(dimensions.width / dimensions.height);
+		const baseUV = screenUV;
+		const intensity = uniforms.intensity.uniform;
+		const baseTileCount = uniforms.tileCount.uniform;
+		const rotationDegrees = uniforms.rotation.uniform;
+		const roundnessAmount = uniforms.roundness.uniform;
+		const tileCount = vec2(aspectRatioUniform.greaterThanEqual(1).select(mul(baseTileCount, aspectRatioUniform), baseTileCount), aspectRatioUniform.lessThan(1).select(div(baseTileCount, aspectRatioUniform), baseTileCount));
+		const aspectCorrectedUV = vec2(mul(baseUV.x, aspectRatioUniform), baseUV.y);
+		const rotationRadians = mul(rotationDegrees, Math.PI / 180);
+		const cosAngle = cos(rotationRadians);
+		const sinAngle = sin(rotationRadians);
+		const centered = sub(aspectCorrectedUV, vec2(mul(.5, aspectRatioUniform), .5));
+		const rotatedUV = add(vec2(sub(mul(centered.x, cosAngle), mul(centered.y, sinAngle)), add(mul(centered.x, sinAngle), mul(centered.y, cosAngle))), vec2(mul(.5, aspectRatioUniform), .5));
+		const gridUV = vec2(div(rotatedUV.x, aspectRatioUniform), rotatedUV.y);
+		const fromCenter = sub(div(sub(gridUV, div(floor(mul(gridUV, tileCount)), tileCount)), div(vec2(1), tileCount)), vec2(.5, .5));
+		const clampedRoundness = sub(1, mul(mul(fromCenter.x, fromCenter.x).add(mul(fromCenter.y, fromCenter.y)), mul(roundnessAmount, 4))).max(0);
+		const distortedUV = add(baseUV, mul(fromCenter, mul(mul(intensity, .025), clampedRoundness)));
+		return vec4(texture$1.sample(distortedUV));
+	}
+};
+var GlassTiles_default = componentDefinition;
+export { componentDefinition as n, GlassTiles_default as t };

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);