shaders 2.2.37 → 2.2.38

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

@@ -1,5 +1,5 @@
 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 createAnimatedTime } from "./time-BZqyVJXt.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 = {

package/dist/core/{FloatingParticles-B6KvHecR.js → FloatingParticles-D95-rj4h.js}

@@ -1,4 +1,5 @@
 import { r as transformColor } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.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));
@@ -145,8 +146,10 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms, childNode }) => {
+	fragmentNode: (params) => {
+		const { uniforms, childNode } = params;
 		const baseUV = screenUV;
+		const animTime = createAnimatedTime(params, uniforms.speed);
 		const renderParticle = Fn(([uv$2]) => {
 			const rootUV = floor(uv$2);
 			const localPos = fract(uv$2);
@@ -184,7 +187,7 @@ const componentDefinition = {
 			const offset = vec2(0).toVar();
 			const angleRad = uniforms.angle.uniform.mul(3.14159).div(180);
 			const baseMovementDir = vec2(cos(angleRad), sin(angleRad));
-			const baseMovement = time.mul(baseMovementDir).mul(uniforms.speed.uniform);
+			const baseMovement = animTime.mul(baseMovementDir);
 			const speedVar = uniforms.speedVariance.uniform;
 			const angleVar = uniforms.angleVariance.uniform.mul(3.14159).div(180);
 			for (let i = 0; i < 4; i++) {
@@ -194,7 +197,7 @@ const componentDefinition = {
 				const angleDelta = layerHash.y.sub(.5).mul(angleVar).mul(2);
 				const variedAngle = angleRad.add(angleDelta);
 				const variedDir = vec2(cos(variedAngle), sin(variedAngle));
-				const movement = baseMovement.mul(speedMod).add(variedDir.sub(baseMovementDir).mul(time).mul(uniforms.speed.uniform));
+				const movement = baseMovement.mul(speedMod).add(variedDir.sub(baseMovementDir).mul(animTime));
 				const layerParticles = renderParticle(uv$2.mul(size).add(movement).add(offset)).mul(alpha);
 				particles$1.assign(particles$1.add(layerActive.select(layerParticles, vec3(0))));
 				offset.assign(offset.add(layerHash.mul(10)));

package/dist/core/{Godrays-iMO6X606.js → Godrays-DCk1c8sQ.js}

@@ -1,5 +1,6 @@
 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";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { Fn, PI, abs, atan, clamp, float, length, mix, pow, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Godrays",
 	category: "Base Layers",
@@ -81,7 +82,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms }) => {
+	fragmentNode: (params) => {
+		const { uniforms } = params;
 		const uv$1 = screenUV;
 		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
 		const shapeUV = uv$1.sub(centerPos);
@@ -105,8 +107,8 @@ const componentDefinition = {
 			const nLeft = pow(valueNoise(left), intensity);
 			return mix(pow(valueNoise(right), intensity), nLeft, smoothstep(-.15, .15, uv$2.x));
 		});
+		const animTime = createAnimatedTime(params, uniforms.speed).mul(.2);
 		const rayEffect = Fn(() => {
-			const animTime = time.mul(uniforms.speed.uniform).mul(.2);
 			const radius = length(shapeUV);
 			const spots = float(6.5).mul(abs(uniforms.spotty.uniform));
 			const intensityCalc = float(4).sub(float(3).mul(clamp(uniforms.intensity.uniform, 0, 1)));

package/dist/core/{Ripples-BAcLsbLr.js → Ripples-DKBIp3Qq.js}

@@ -1,5 +1,5 @@
 import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
-import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { distance, float, screenUV, sin, smoothstep, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/{SimplexNoise-CxF7Tl5O.js → SimplexNoise-CMMeggo6.js}

@@ -1,5 +1,5 @@
 import { r as transformColor } from "./transformations-YbhRK-rd.js";
-import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { clamp, exp, float, mx_noise_float, screenUV, vec2, vec3, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -17,7 +17,7 @@ const componentDefinition = {
 			}
 		},
 		colorB: {
-			default: "#000000",
+			default: "transparent",
 			description: "Second color",
 			transform: transformColor,
 			ui: {
@@ -90,7 +90,7 @@ const componentDefinition = {
 		const pos = aspectCorrectedUV.mul(exp(uniforms.scale.uniform)).add(uniforms.seed.uniform);
 		const noise = mx_noise_float(vec3(pos.x, pos.y, animTime.mul(.5)));
 		const contrastMultiplier = uniforms.contrast.uniform.add(1);
-		const k = clamp(0, 1, noise.mul(contrastMultiplier).add(uniforms.balance.uniform).mul(.5).add(.5));
+		const k = clamp(noise.mul(contrastMultiplier).add(uniforms.balance.uniform).mul(.5).add(.5), 0, 1);
 		return mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, k, float(0));
 	}
 };

package/dist/core/{SineWave-SIEiE1O3.js → SineWave-DVVLqHPw.js}

@@ -1,5 +1,6 @@
 import { n as transformAngle, r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
-import { PI, abs, cos, radians, screenUV, sin, smoothstep, time, vec2, vec4, viewportSize } from "three/tsl";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { PI, abs, cos, radians, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "SineWave",
 	category: "Base Layers",
@@ -94,7 +95,8 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms }) => {
+	fragmentNode: (params) => {
+		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);
@@ -105,7 +107,7 @@ const componentDefinition = {
 		const sinAngle = sin(angleRad);
 		const rotatedX = centeredUV.x.mul(cosAngle).sub(centeredUV.y.mul(sinAngle));
 		const rotatedY = centeredUV.x.mul(sinAngle).add(centeredUV.y.mul(cosAngle));
-		const animatedTime = time.mul(uniforms.speed.uniform);
+		const animatedTime = createAnimatedTime(params, uniforms.speed);
 		const sineWave = sin(rotatedX.mul(uniforms.frequency.uniform).mul(PI.mul(2)).add(animatedTime)).mul(uniforms.amplitude.uniform);
 		const distanceFromWave = abs(rotatedY.sub(sineWave));
 		const halfThickness = uniforms.thickness.uniform.mul(.5);

package/dist/core/{Spiral-PsIc1BI9.js → Spiral-DDyVSeG_.js}

@@ -1,6 +1,7 @@
 import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
-import { abs, atan, clamp, float, fract, fwidth, length, mix, screenUV, smoothstep, time, vec2, vec4, viewportSize } from "three/tsl";
+import { abs, atan, clamp, float, fract, fwidth, length, mix, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Spiral",
 	category: "Base Layers",
@@ -102,13 +103,14 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragmentNode: ({ uniforms }) => {
+	fragmentNode: (params) => {
+		const { uniforms } = params;
 		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());
 		const uv$1 = aspectCorrectedUV.sub(centerPos);
-		const t = time.mul(uniforms.speed.uniform);
+		const t = createAnimatedTime(params, uniforms.speed);
 		const l = length(uv$1);
 		const adjustedLength = l;
 		const angle = atan(uv$1.y, uv$1.x).sub(t);

package/dist/core/{Strands-xsbd_3Bt.js → Strands-B9vY4uA7.js}

@@ -1,5 +1,5 @@
 import { r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
-import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { Fn, abs, cos, float, max, mix, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Strands",

package/dist/core/{Swirl-CV1prOHF.js → Swirl-DoCDBZad.js}

@@ -1,5 +1,5 @@
 import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
-import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
 import { cos, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
 const componentDefinition = {

package/dist/core/{WaveDistortion-BRgbfqt3.js → WaveDistortion-Bo2Ar13M.js}

@@ -1,6 +1,7 @@
 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";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { PI, abs, convertToTexture, cos, float, fract, screenUV, sin, step, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "WaveDistortion",
 	category: "Distortions",
@@ -118,7 +119,7 @@ const componentDefinition = {
 		const { uniforms, childNode, onCleanup } = params;
 		if (!childNode) return vec4(0, 0, 0, 0);
 		const uvCoord = screenUV;
-		const t = time.mul(uniforms.speed.uniform).mul(.5);
+		const t = createAnimatedTime(params, uniforms.speed).mul(.5);
 		const angleRad = uniforms.angle.uniform.mul(PI).div(180);
 		const cosAngle = cos(angleRad);
 		const sinAngle = sin(angleRad);

package/dist/core/index.js

@@ -1,11 +1,11 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
 import { a as transformColorUpdate, c as transformPositionUpdate, r as transformColor, s as transformPosition } from "./transformations-YbhRK-rd.js";
-import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
+import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { n as componentDefinition } from "./AngularBlur-CuwAjUOA.js";
 import { n as componentDefinition$1 } from "./Ascii-Dxk6VaBp.js";
 import "./colorMixing-CZPFmiT4.js";
 import { n as componentDefinition$2 } from "./Beam-CbG4MkLo.js";
-import { n as componentDefinition$3 } from "./Blob-C_fYRjJF.js";
+import { n as componentDefinition$3 } from "./Blob-Ck1tVOL_.js";
 import { n as componentDefinition$4 } from "./Blur-k37gOaRA.js";
 import { n as componentDefinition$5 } from "./BrightnessContrast-CaErceqR.js";
 import { n as componentDefinition$6 } from "./Bulge-BVcWo6On.js";
@@ -21,10 +21,10 @@ import { n as componentDefinition$15 } from "./Dither-C1KyBYuE.js";
 import { n as componentDefinition$16 } from "./DotGrid-ll8XCA0p.js";
 import { n as componentDefinition$17 } from "./Duotone-d2gQJr4M.js";
 import { n as componentDefinition$18 } from "./FilmGrain-3h6TIe1T.js";
-import { n as componentDefinition$19 } from "./FloatingParticles-B6KvHecR.js";
+import { n as componentDefinition$19 } from "./FloatingParticles-D95-rj4h.js";
 import { n as componentDefinition$20 } from "./GlassTiles-DqT67iqr.js";
 import { n as componentDefinition$21 } from "./Glow-BYNKuw0E.js";
-import { n as componentDefinition$22 } from "./Godrays-iMO6X606.js";
+import { n as componentDefinition$22 } from "./Godrays-DCk1c8sQ.js";
 import { n as componentDefinition$23 } from "./Grayscale-BH3tLDGN.js";
 import { n as componentDefinition$24 } from "./Grid-CdslWvoH.js";
 import { n as componentDefinition$25 } from "./GridDistortion-D-iiGELF.js";
@@ -43,22 +43,22 @@ import { n as componentDefinition$37 } from "./Posterize-XoAqPWv2.js";
 import { n as componentDefinition$38 } from "./ProgressiveBlur-RuAm_BKx.js";
 import { n as componentDefinition$39 } from "./RadialGradient-BfFuRbIl.js";
 import { n as componentDefinition$40 } from "./RectangularCoordinates-CiW3J4UT.js";
-import { n as componentDefinition$41 } from "./Ripples-BAcLsbLr.js";
+import { n as componentDefinition$41 } from "./Ripples-DKBIp3Qq.js";
 import { n as componentDefinition$42 } from "./Saturation-DVVlpikK.js";
 import { n as componentDefinition$43 } from "./Sharpness-cw57bW0s.js";
-import { n as componentDefinition$44 } from "./SimplexNoise-CxF7Tl5O.js";
-import { n as componentDefinition$45 } from "./SineWave-SIEiE1O3.js";
+import { n as componentDefinition$44 } from "./SimplexNoise-CMMeggo6.js";
+import { n as componentDefinition$45 } from "./SineWave-DVVLqHPw.js";
 import { n as componentDefinition$46 } from "./SolidColor-zYROg_aE.js";
 import { n as componentDefinition$47 } from "./Spherize-tsKMpSaS.js";
-import { n as componentDefinition$48 } from "./Spiral-PsIc1BI9.js";
-import { n as componentDefinition$49 } from "./Strands-xsbd_3Bt.js";
+import { n as componentDefinition$48 } from "./Spiral-DDyVSeG_.js";
+import { n as componentDefinition$49 } from "./Strands-B9vY4uA7.js";
 import { n as componentDefinition$50 } from "./Stretch-BhHjbcqd.js";
-import { n as componentDefinition$51 } from "./Swirl-CV1prOHF.js";
+import { n as componentDefinition$51 } from "./Swirl-DoCDBZad.js";
 import { n as componentDefinition$52 } from "./TiltShift-BYQjUHpn.js";
 import { n as componentDefinition$53 } from "./Tritone-CJW8YTyB.js";
 import { n as componentDefinition$54 } from "./Twirl-5k_XPd51.js";
 import { n as componentDefinition$55 } from "./Vibrance-c25pkbWj.js";
-import { n as componentDefinition$56 } from "./WaveDistortion-BRgbfqt3.js";
+import { n as componentDefinition$56 } from "./WaveDistortion-Bo2Ar13M.js";
 import { n as componentDefinition$57 } from "./ZoomBlur-DEozXA8U.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
-import "../../time-DgRTVr2F.js";
+import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Blob_default } from "../../Blob-C_fYRjJF.js";
+import { n as componentDefinition, t as Blob_default } from "../../Blob-Ck1tVOL_.js";
 export { componentDefinition, Blob_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FloatingParticles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAiClE,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA0MnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/FloatingParticles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAkClE,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA8MnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,3 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-B6KvHecR.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-D95-rj4h.js";
 export { componentDefinition, FloatingParticles_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Godrays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAMvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAA;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsJnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Godrays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAA;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyJnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,3 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as Godrays_default } from "../../Godrays-iMO6X606.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as Godrays_default } from "../../Godrays-DCk1c8sQ.js";
 export { componentDefinition, Godrays_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
-import "../../time-DgRTVr2F.js";
+import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Ripples_default } from "../../Ripples-BAcLsbLr.js";
+import { n as componentDefinition, t as Ripples_default } from "../../Ripples-DKBIp3Qq.js";
 export { componentDefinition, Ripples_default as default };

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

@@ -12,7 +12,7 @@ export interface ComponentProps {
      * Second color
      *
      * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
-     * @default "#000000"
+     * @default "transparent"
      */
     colorB: string;
     /**

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
-import "../../time-DgRTVr2F.js";
+import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-CxF7Tl5O.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-CMMeggo6.js";
 export { componentDefinition, SimplexNoise_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/SineWave/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAErG,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,QAAQ,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAsInE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/SineWave/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAC,MAAM,qCAAqC,CAAA;AAGrG,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,QAAQ,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAuInE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,3 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-SIEiE1O3.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-DVVLqHPw.js";
 export { componentDefinition, SineWave_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Spiral/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAyC,MAAM,qCAAqC,CAAA;AAG7H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyHnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Spiral/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAyC,MAAM,qCAAqC,CAAA;AAI7H,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2HnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,4 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
+import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-PsIc1BI9.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-DDyVSeG_.js";
 export { componentDefinition, Spiral_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-YbhRK-rd.js";
-import "../../time-DgRTVr2F.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-xsbd_3Bt.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-B9vY4uA7.js";
 export { componentDefinition, Strands_default as default };

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

@@ -1,5 +1,5 @@
 import "../../transformations-YbhRK-rd.js";
-import "../../time-DgRTVr2F.js";
+import "../../time-BZqyVJXt.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-CV1prOHF.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-DoCDBZad.js";
 export { componentDefinition, Swirl_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WaveDistortion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAmLnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WaveDistortion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAmLnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,4 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-YbhRK-rd.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-BRgbfqt3.js";
+import "../../time-BZqyVJXt.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-Bo2Ar13M.js";
 export { componentDefinition, WaveDistortion_default as default };

package/dist/core/{time-DgRTVr2F.js → time-BZqyVJXt.js}

@@ -1,6 +1,11 @@
 import { uniform } from "three/tsl";
+var accumulatedTimeCache = /* @__PURE__ */ new WeakMap();
 const createAnimatedTime = (params, speedUniform, seedUniform) => {
-	const accumulatedTime = uniform(0);
+	let accumulatedTime = accumulatedTimeCache.get(speedUniform);
+	if (!accumulatedTime) {
+		accumulatedTime = uniform(0);
+		accumulatedTimeCache.set(speedUniform, accumulatedTime);
+	}
 	params.onBeforeRender(({ deltaTime }) => {
 		accumulatedTime.value += deltaTime * speedUniform.uniform.value;
 	});

package/dist/core/utilities/time.d.ts

@@ -4,6 +4,9 @@ import { FragmentNodeParams } from '../types';
  * Creates an animated time value that accumulates based on speed and deltaTime.
  * This prevents the animation from rewinding when speed changes to 0, instead it pauses.
  *
+ * Uses WeakMap caching to ensure the same uniform is reused across multiple
+ * compositions of the same node (e.g., when used as both visible layer and mask).
+ *
  * @param params - Fragment node parameters containing onBeforeRender callback
  * @param speedUniform - The uniform controlling animation speed
  * @param seedUniform - Optional uniform for time offset/variation
@@ -19,5 +22,5 @@ export declare const createAnimatedTime: (params: FragmentNodeParams, speedUnifo
     uniform: any;
 }, seedUniform?: {
     uniform: any;
-}) => import('three/src/nodes/math/OperatorNode.js').default | import('three/webgpu').UniformNode<number>;
+}) => import('three/src/nodes/math/OperatorNode.js').default | import('three/webgpu').UniformNode<unknown>;
 //# sourceMappingURL=time.d.ts.map

package/dist/core/utilities/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/utilities/time.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,WACnB,kBAAkB,gBACZ;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,gBAChB;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,wGAiBjC,CAAA"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/utilities/time.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AASvD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,WACnB,kBAAkB,gBACZ;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,gBAChB;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,yGA0BjC,CAAA"}

package/dist/react/{generatePresetCode-DtpUpaeM.js → generatePresetCode-CPcLELa5.js}

@@ -421,7 +421,7 @@ var shaderMetadata = {
 		"opacity": 1,
 		"blendMode": "normal",
 		"colorA": "#ffffff",
-		"colorB": "#000000",
+		"colorB": "transparent",
 		"scale": 2,
 		"balance": 0,
 		"contrast": 0,

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-DtpUpaeM.js";
+import { n as generatePresetCode } from "./generatePresetCode-CPcLELa5.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";

package/dist/react/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-DtpUpaeM.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CPcLELa5.js";
 export { availableComponents, generatePresetCode };

package/dist/registry.js

@@ -5011,7 +5011,7 @@ export const shaderRegistry = [
           }
         },
         "colorB": {
-          "default": "#000000",
+          "default": "transparent",
           "description": "Second color",
           "ui": {
             "type": "color",
@@ -5089,7 +5089,7 @@ export const shaderRegistry = [
           "type": "color",
           "label": "Color B"
         },
-        "default": "#000000",
+        "default": "transparent",
         "description": "Second color"
       },
       "scale": {

package/dist/solid/utils/generatePresetCode.js

@@ -423,7 +423,7 @@ const shaderMetadata = {
     "opacity": 1,
     "blendMode": "normal",
     "colorA": "#ffffff",
-    "colorB": "#000000",
+    "colorB": "transparent",
     "scale": 2,
     "balance": 0,
     "contrast": 0,

package/dist/svelte/{generatePresetCode-Yu_cJh3q.js → generatePresetCode-By5juLjK.js}

@@ -421,7 +421,7 @@ var shaderMetadata = {
 		"opacity": 1,
 		"blendMode": "normal",
 		"colorA": "#ffffff",
-		"colorB": "#000000",
+		"colorB": "transparent",
 		"scale": 2,
 		"balance": 0,
 		"contrast": 0,

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-Yu_cJh3q.js";
+import { n as generatePresetCode } from "./generatePresetCode-By5juLjK.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-Yu_cJh3q.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-By5juLjK.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/{generatePresetCode-DnK2X66E.js → generatePresetCode-REXb9hnv.js}

@@ -419,7 +419,7 @@ var shaderMetadata = {
 		"opacity": 1,
 		"blendMode": "normal",
 		"colorA": "#ffffff",
-		"colorB": "#000000",
+		"colorB": "transparent",
 		"scale": 2,
 		"balance": 0,
 		"contrast": 0,

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-DnK2X66E.js";
+import { n as generatePresetCode } from "./generatePresetCode-REXb9hnv.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, watch } from "vue";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";

package/dist/vue/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-DnK2X66E.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-REXb9hnv.js";
 export { availableComponents, generatePresetCode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.37",
+  "version": "2.2.38",
   "description": "Declarative shader components for Vue, React, and Svelte",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",