shaders 2.2.29 → 2.2.31

package/dist/core/{AngularBlur-DKFExWUF.js → AngularBlur-CuwAjUOA.js}

@@ -1,4 +1,4 @@
-import { o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { Fn, convertToTexture, cos, float, screenUV, sin, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "AngularBlur",

package/dist/core/{Ascii-BRApYlD4.js → Ascii-Dxk6VaBp.js}

@@ -124,6 +124,9 @@ const componentDefinition = {
 				}
 			} catch (error) {}
 		}
+		let reusableCanvas = null;
+		let reusableCtx = null;
+		let reusableDataBuffer = null;
 		const createCharacterAtlas = async (characters, cellSize, fontFamily, spacing) => {
 			if (!characters || characters.length === 0) throw new Error("Characters string cannot be empty");
 			const charCount$1 = characters.length;
@@ -132,11 +135,22 @@ const componentDefinition = {
 			const spacingMultiplier = Math.max(1, 2 / spacing);
 			const actualCellSize = Math.min(baseAtlasCellSize * spacingMultiplier, ATLAS_TEXTURE_SIZE / atlasSize$1);
 			const fontSize = actualCellSize * .75;
-			const atlasCanvas = document.createElement("canvas");
-			atlasCanvas.width = ATLAS_TEXTURE_SIZE;
-			atlasCanvas.height = ATLAS_TEXTURE_SIZE;
-			const ctx = atlasCanvas.getContext("2d");
-			ctx.clearRect(0, 0, atlasCanvas.width, atlasCanvas.height);
+			if (!reusableCanvas) {
+				reusableCanvas = document.createElement("canvas");
+				reusableCanvas.width = ATLAS_TEXTURE_SIZE;
+				reusableCanvas.height = ATLAS_TEXTURE_SIZE;
+				reusableCtx = reusableCanvas.getContext("2d");
+				if (!reusableCtx) {
+					console.error("[Ascii] Failed to create 2D canvas context for character atlas");
+					throw new Error("Ascii shader: Canvas 2D context unavailable");
+				}
+			}
+			if (!reusableCtx) {
+				console.error("[Ascii] Canvas context unexpectedly null during atlas creation");
+				throw new Error("Ascii shader: Canvas 2D context unavailable");
+			}
+			const ctx = reusableCtx;
+			ctx.clearRect(0, 0, ATLAS_TEXTURE_SIZE, ATLAS_TEXTURE_SIZE);
 			ctx.fillStyle = "#ffffff";
 			ctx.font = `${fontSize}px "${fontFamily}", ${fontFamily}, monospace`;
 			if (!ctx.font.includes(fontFamily) && !ctx.font.includes("IBM") && !ctx.font.includes("Plex")) ctx.font = `${fontSize}px ${fontFamily}, monospace`;
@@ -149,9 +163,11 @@ const componentDefinition = {
 				const y = row * actualCellSize + actualCellSize / 2;
 				ctx.fillText(char, x, y);
 			}
-			const imageData = ctx.getImageData(0, 0, atlasCanvas.width, atlasCanvas.height);
+			const imageData = ctx.getImageData(0, 0, ATLAS_TEXTURE_SIZE, ATLAS_TEXTURE_SIZE);
+			if (!reusableDataBuffer) reusableDataBuffer = new Uint8Array(ATLAS_TEXTURE_SIZE * ATLAS_TEXTURE_SIZE * 4);
+			reusableDataBuffer.set(imageData.data);
 			return {
-				data: new Uint8Array(imageData.data),
+				data: reusableDataBuffer,
 				width: ATLAS_TEXTURE_SIZE,
 				height: ATLAS_TEXTURE_SIZE,
 				atlasSize: atlasSize$1,
@@ -255,6 +271,13 @@ const componentDefinition = {
 		});
 		onCleanup(() => {
 			atlasTexture.dispose();
+			if (reusableCanvas) {
+				reusableCanvas.width = 0;
+				reusableCanvas.height = 0;
+				reusableCanvas = null;
+				reusableCtx = null;
+			}
+			reusableDataBuffer = null;
 		});
 		const effectiveCellSize = cellSizeUniform.mul(1.5);
 		const mainGridSize = viewportSize.div(effectiveCellSize);

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

@@ -1,11 +1,10 @@
-import { i as transformColorSpace, o as transformPosition, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { clamp, float, max, mix, pow, screenUV, smoothstep, sqrt, vec2, vec4, viewportSize } from "three/tsl";
 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-nssNzEgN.js → Blob-C_fYRjJF.js}

@@ -1,12 +1,11 @@
-import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
-import { i as transformColorSpace, o as transformPosition, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { dot, float, length, max, normalize, pow, reflect, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 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-Dm02_fG6.js → Bulge-C8-_hIFp.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges, o as transformPosition } from "./transformations-Dv5JW9ck.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 = {
 	name: "Bulge",
@@ -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-SKsXoUXE.js → Checkerboard-D_H3XYbF.js}

@@ -1,11 +1,10 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { float, floor, fract, min, mod, screenUV, smoothstep, vec2, viewportSize } from "three/tsl";
 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/{ChromaFlow-VpfgLFbs.js → ChromaFlow-DhzC_8Ne.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { float, mix, screenUV, smoothstep, texture, uniform, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
@@ -89,6 +89,8 @@ const componentDefinition = {
 		const GRID_SIZE = 128;
 		const displacementData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
 		const liquidData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
+		const tempDisplacementData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
+		const tempLiquidData = new Float32Array(GRID_SIZE * GRID_SIZE * 2);
 		const displacementTexture = new DataTexture(displacementData, GRID_SIZE, GRID_SIZE, RGFormat, FloatType);
 		displacementTexture.magFilter = LinearFilter;
 		displacementTexture.minFilter = LinearFilter;
@@ -119,15 +121,15 @@ const componentDefinition = {
 			const intensity = uniforms.intensity.uniform.value;
 			const radius = uniforms.radius.uniform.value * .05;
 			const momentum = uniforms.momentum.uniform.value;
-			const newDisplacementData = new Float32Array(displacementData);
-			const newLiquidData = new Float32Array(liquidData);
+			tempDisplacementData.set(displacementData);
+			tempLiquidData.set(liquidData);
 			const flowFadeRate = 1 - dt / Math.max(.1, 1);
-			for (let i = 0; i < GRID_SIZE * GRID_SIZE * 2; i++) newDisplacementData[i] = displacementData[i] * flowFadeRate;
+			for (let i = 0; i < GRID_SIZE * GRID_SIZE * 2; i++) tempDisplacementData[i] = displacementData[i] * flowFadeRate;
 			for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) {
 				const idx = (i * GRID_SIZE + j) * 2;
 				const liquidFadeRate = 1 - dt / Math.max(.4, 1);
-				newLiquidData[idx] = liquidData[idx] * liquidFadeRate;
-				newLiquidData[idx + 1] = liquidData[idx + 1] * liquidFadeRate;
+				tempLiquidData[idx] = liquidData[idx] * liquidFadeRate;
+				tempLiquidData[idx + 1] = liquidData[idx + 1] * liquidFadeRate;
 				if (Math.abs(displacementData[idx]) > .001 || Math.abs(displacementData[idx + 1]) > .001) {
 					const flowSpeed = momentum * 50 * dt;
 					const advectX = j - displacementData[idx] * flowSpeed;
@@ -143,7 +145,7 @@ const componentDefinition = {
 						const idx01 = (y0 * GRID_SIZE + x1) * 2;
 						const idx10 = (y1 * GRID_SIZE + x0) * 2;
 						const idx11 = (y1 * GRID_SIZE + x1) * 2;
-						newLiquidData[idx] = (liquidData[idx00] * (1 - fx) * (1 - fy) + liquidData[idx01] * fx * (1 - fy) + liquidData[idx10] * (1 - fx) * fy + liquidData[idx11] * fx * fy) * liquidFadeRate;
+						tempLiquidData[idx] = (liquidData[idx00] * (1 - fx) * (1 - fy) + liquidData[idx01] * fx * (1 - fy) + liquidData[idx10] * (1 - fx) * fy + liquidData[idx11] * fx * fy) * liquidFadeRate;
 					}
 				}
 			}
@@ -158,19 +160,19 @@ const componentDefinition = {
 				const effectiveRadius = radius * Math.min(speed * speed * 20, 1);
 				if (dist < effectiveRadius * 2 && Math.abs(velX) + Math.abs(velY) > .01) {
 					const influence = Math.exp(-dist * dist / (effectiveRadius * effectiveRadius));
-					newDisplacementData[idx] += mouseVelX.value * influence * (intensity * 100) * dt * .01;
-					newDisplacementData[idx + 1] += mouseVelY.value * influence * (intensity * 100) * dt * .01;
+					tempDisplacementData[idx] += mouseVelX.value * influence * (intensity * 100) * dt * .01;
+					tempDisplacementData[idx + 1] += mouseVelY.value * influence * (intensity * 100) * dt * .01;
 					const speedMultiplier = Math.min(speed * 10, 1);
-					newLiquidData[idx] += influence * (intensity * 100) * dt * .01 * speedMultiplier;
-					newLiquidData[idx + 1] = 0;
+					tempLiquidData[idx] += influence * (intensity * 100) * dt * .01 * speedMultiplier;
+					tempLiquidData[idx + 1] = 0;
 				}
-				newDisplacementData[idx] = Math.max(-1, Math.min(1, newDisplacementData[idx]));
-				newDisplacementData[idx + 1] = Math.max(-1, Math.min(1, newDisplacementData[idx + 1]));
-				newLiquidData[idx] = Math.max(0, Math.min(1, newLiquidData[idx]));
-				newLiquidData[idx + 1] = 0;
+				tempDisplacementData[idx] = Math.max(-1, Math.min(1, tempDisplacementData[idx]));
+				tempDisplacementData[idx + 1] = Math.max(-1, Math.min(1, tempDisplacementData[idx + 1]));
+				tempLiquidData[idx] = Math.max(0, Math.min(1, tempLiquidData[idx]));
+				tempLiquidData[idx + 1] = 0;
 			}
-			displacementData.set(newDisplacementData);
-			liquidData.set(newLiquidData);
+			displacementData.set(tempDisplacementData);
+			liquidData.set(tempLiquidData);
 			displacementTexture.needsUpdate = true;
 			liquidTexture.needsUpdate = true;
 			prevX = pointer.x;

package/dist/core/{ChromaticAberration-CaCyXMyE.js → ChromaticAberration-hi7WGiVk.js}

@@ -1,4 +1,4 @@
-import { n as transformAngle } from "./transformations-Dv5JW9ck.js";
+import { n as transformAngle } from "./transformations-YbhRK-rd.js";
 import { convertToTexture, cos, radians, screenUV, sin, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "ChromaticAberration",

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

@@ -1,10 +1,9 @@
-import { o as transformPosition, r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { length, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 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/{CursorTrail-CfVWIKok.js → CursorTrail-B9EQ9FsP.js}

@@ -1,4 +1,4 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { DataTexture, FloatType, LinearFilter, RGBAFormat } from "three";
 import { float, screenUV, step, texture, vec2, vec4 } from "three/tsl";

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

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges } from "./transformations-Dv5JW9ck.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 = {
 	name: "DiffuseBlur",
@@ -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/{Dither-BNEeyo0u.js → Dither-Bb5rLGEI.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
 import { dot, floor, mix, screenUV, step, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Dither",

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

@@ -1,10 +1,9 @@
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
 import { float, floor, fwidth, length, mix, screenUV, sin, smoothstep, time, vec2, vec4, viewportSize } from "three/tsl";
 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/{Duotone-5gKND3an.js → Duotone-CRwhugbV.js}

@@ -1,4 +1,4 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { convertToTexture, dot, screenUV, smoothstep, vec3, vec4 } from "three/tsl";
 const componentDefinition = {

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-CULOurGT.js → FloatingParticles-BduIDXKd.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
 import { Fn, cos, dot, float, floor, fract, length, min, mix, screenUV, sin, smoothstep, time, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var hash1_2 = Fn(([p]) => {
 	return fract(sin(dot(p, vec2(127.1, 311.7))).mul(43758.5453123));
@@ -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-BQsDwU26.js → Godrays-ChqiT2zn.js}

@@ -1,11 +1,10 @@
-import { o as transformPosition, r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { Fn, PI, abs, atan, clamp, float, length, mix, pow, screenUV, sin, smoothstep, time, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Godrays",
 	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-CWHxwO7R.js → Grid-DazyiX15.js}

@@ -1,10 +1,9 @@
-import { r as transformColor } from "./transformations-Dv5JW9ck.js";
+import { r as transformColor } from "./transformations-YbhRK-rd.js";
 import { fract, fwidth, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 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-CZB9w-rv.js → GridDistortion-CYQUwuXw.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges } from "./transformations-Dv5JW9ck.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";
 var DEFAULT_GRID_SIZE = 20;

package/dist/core/{Halftone-MMcLMRpL.js → Halftone-Ddrldk6b.js}

@@ -1,4 +1,4 @@
-import { n as transformAngle } from "./transformations-Dv5JW9ck.js";
+import { n as transformAngle } from "./transformations-YbhRK-rd.js";
 import { cos, dot, fract, length, radians, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Halftone",

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/{LinearBlur-B-Ikurxt.js → LinearBlur-cYfqaOhb.js}

@@ -1,4 +1,4 @@
-import { n as transformAngle } from "./transformations-Dv5JW9ck.js";
+import { n as transformAngle } from "./transformations-YbhRK-rd.js";
 import { Fn, convertToTexture, cos, float, radians, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "LinearBlur",

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

@@ -1,11 +1,10 @@
-import { a as transformEdges, i as transformColorSpace, n as transformAngle, o as transformPosition, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, n as transformAngle, o as transformEdges, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { abs, cos, dot, float, fract, length, mod, normalize, radians, screenUV, sin, vec2, vec4 } from "three/tsl";
 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-W8UQNeEM.js → Liquify-yoKWSK0F.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges } from "./transformations-Dv5JW9ck.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";
 var GRID_SIZE = 32;
@@ -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-D63xm0oJ.js → PolarCoordinates-PLyS00-P.js}

@@ -1,5 +1,5 @@
-import { t as applyEdgeHandling } from "./edges-Djr_12SL.js";
-import { a as transformEdges, o as transformPosition } from "./transformations-Dv5JW9ck.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 = {
 	name: "PolarCoordinates",
@@ -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/{ProgressiveBlur-G-s-o9ic.js → ProgressiveBlur-XD4ivmMn.js}

@@ -1,4 +1,4 @@
-import { n as transformAngle, o as transformPosition } from "./transformations-Dv5JW9ck.js";
+import { n as transformAngle, s as transformPosition } from "./transformations-YbhRK-rd.js";
 import { Fn, convertToTexture, cos, float, max, radians, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ProgressiveBlur",

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

@@ -1,11 +1,10 @@
-import { i as transformColorSpace, o as transformPosition, r as transformColor, t as colorSpaceOptions } from "./transformations-Dv5JW9ck.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { distance, float, screenUV, vec2, viewportSize } from "three/tsl";
 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);