shaders 2.3.56 → 2.3.59

package/dist/core/{AngularBlur-HQuGCKow.js → AngularBlur-CHTeMEG5.js}

@@ -1,4 +1,5 @@
-import { s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, cos, float, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 var rawWeights = Array.from({ length: 32 }, (_, i) => {
 	const t = (i / 31 - .5) * 2;
@@ -66,7 +67,7 @@ const componentDefinition = {
 				curCos.assign(nextCos);
 				curSin.assign(nextSin);
 			}
-			return total;
+			return unpremultiplyAlpha(total);
 		})();
 	}
 };

package/dist/core/{Ascii-BmSlALjq.js → Ascii-CmRuGRU3.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { DataTexture, NearestFilter, RGBAFormat, UnsignedByteType } from "three";
 import { abs, any, clamp, convertToTexture, dot, float, floor, fract, greaterThan, or, pow, screenUV, select, texture, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
@@ -398,7 +399,7 @@ const componentDefinition = {
 		const cellUV = centeredUV.div(characterSize).add(center);
 		const isOutsideBounds = any(greaterThan(abs(centeredUV), vec2(characterSize.mul(.5))));
 		const cellCenter = cellCoords.add(vec2(.5)).div(mainGridSize);
-		const cellColor = childTexture.sample(cellCenter);
+		const cellColor = unpremultiplyAlpha(childTexture.sample(cellCenter));
 		const adjustedBrightness = pow(dot(cellColor.rgb, vec3(.299, .587, .114)), gammaUniform);
 		const charCount = charCountUniform;
 		const charIndex = clamp(floor(float(1).sub(adjustedBrightness).mul(charCount)), 0, charCount.sub(1));

package/dist/core/{Aurora-BDnL1XdK.js → Aurora-CF3ANMDG.js}

@@ -1,6 +1,6 @@
-import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { Fn, clamp, exp, float, fract, mix, mx_noise_float, pow, screenUV, sin, smoothstep, step, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Aurora",

package/dist/core/{Beam-CyRoRQEj.js → Beam-DtcIK_b_.js}

@@ -1,5 +1,5 @@
-import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { clamp, float, max, mix, pow, screenUV, smoothstep, sqrt, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Beam",

package/dist/core/{Blob-CunyZ0A6.js → Blob-BnpAPM8l.js}

@@ -1,6 +1,6 @@
-import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { dot, float, length, max, normalize, pow, reflect, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Blob",

package/dist/core/{Blur-NNElJwzj.js → Blur-DpAOfmjB.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, float, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Blur",
@@ -69,7 +70,7 @@ const componentDefinition = {
 				const sample = horizontalTexture.sample(sampleCoord).mul(weight);
 				total.assign(total.add(sample));
 			}
-			return total;
+			return unpremultiplyAlpha(total);
 		})();
 	}
 };

package/dist/core/{Bulge-Ca9hW7y4.js → Bulge-C3jFPuOK.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, float, length, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Bulge",
@@ -109,7 +110,7 @@ const componentDefinition = {
 		const bulgedDelta = delta.mul(scaleFactor);
 		const bulgedUV = centerPos.add(bulgedDelta);
 		const finalUV = vec2(bulgedUV.x.div(aspect), bulgedUV.y);
-		return applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var Bulge_default = componentDefinition;

package/dist/core/{CRTScreen-BHKDJ9_0.js → CRTScreen-cc_j5lyg.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, float, fract, length, mix, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "CRTScreen",
@@ -140,7 +141,7 @@ const componentDefinition = {
 		const innerEdge = float(1).sub(vignetteRadiusProp.mul(float(.9)));
 		const vignetteValue = smoothstep(innerEdge, innerEdge.add(float(.5)), vignetteDistance).oneMinus();
 		const vignette = mix(float(1), vignetteValue, vignetteIntensity);
-		return vec4(phosphorColor.mul(vignette), float(1));
+		return unpremultiplyAlpha(vec4(phosphorColor.mul(vignette), float(1)));
 	}
 };
 var CRTScreen_default = componentDefinition;

package/dist/core/{ChannelBlur-A0r5Gx_y.js → ChannelBlur-4f44pSJj.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, float, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ChannelBlur",
@@ -112,7 +113,7 @@ const componentDefinition = {
 				blueTotal.assign(blueTotal.add(blueSample));
 			}
 			const originalAlpha = childTexture.sample(uv$1).a;
-			return vec4(redTotal, greenTotal, blueTotal, originalAlpha);
+			return unpremultiplyAlpha(vec4(redTotal, greenTotal, blueTotal, originalAlpha));
 		})();
 	}
 };

package/dist/core/{Checkerboard-XJh_tV6B.js → Checkerboard-D1ae-0n2.js}

@@ -1,5 +1,5 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { float, floor, fract, min, mod, screenUV, smoothstep, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Checkerboard",

package/dist/core/{ChromaFlow-Cc647Knw.js → ChromaFlow-CeXcR6pL.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-CC_c-QAT.js";
+import { r as transformColor } from "./transformations-DM6huB9g.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { float, mix, screenUV, smoothstep, texture, uniform, vec2, vec4 } from "three/tsl";
 const componentDefinition = {

package/dist/core/{ChromaticAberration-CYvju_kr.js → ChromaticAberration-B4012BNj.js}

@@ -1,4 +1,5 @@
-import { n as transformAngle } from "./transformations-CC_c-QAT.js";
+import { n as transformAngle } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, cos, radians, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ChromaticAberration",
@@ -86,7 +87,7 @@ const componentDefinition = {
 		const greenChannel = childTexture.sample(greenUV).g;
 		const blueChannel = childTexture.sample(blueUV).b;
 		const alpha = childTexture.sample(screenUV).a;
-		return vec4(redChannel, greenChannel, blueChannel, alpha);
+		return unpremultiplyAlpha(vec4(redChannel, greenChannel, blueChannel, alpha));
 	}
 };
 var ChromaticAberration_default = componentDefinition;

package/dist/core/{Circle-ChQqil0S.js → Circle-DOQ5F63j.js}

@@ -1,5 +1,5 @@
-import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { float, length, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	const mode = {

package/dist/core/{ConcentricSpin-CnuAW_6I.js → ConcentricSpin-Ct7YyQP3.js}

@@ -1,6 +1,7 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, cos, float, floor, fract, mix, mod, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ConcentricSpin",
@@ -165,7 +166,7 @@ const componentDefinition = {
 			const rotX = dx.mul(cosA).sub(dy.mul(sinA));
 			const rotY = dx.mul(sinA).add(dy.mul(cosA));
 			const distortedUV = vec2(rotX.div(aspect).add(center.x), rotY.add(center.y));
-			return applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform);
+			return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform));
 		})();
 	}
 };

package/dist/core/{ContourLines-DJ0R9q6Y.js → ContourLines-DWw0CHEU.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-CC_c-QAT.js";
+import { r as transformColor } from "./transformations-DM6huB9g.js";
 import { dot, float, fract, fwidth, mix, oneMinus, pow, smoothstep, vec3, vec4 } from "three/tsl";
 var transformSource = (value) => {
 	return value === "alpha" ? 1 : 0;

package/dist/core/{CursorRipples-Dn_rE8nA.js → CursorRipples-Dl6VZaiT.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { convertToTexture, float, screenUV, texture, vec2, vec4 } from "three/tsl";
 var GRID_SIZE = 128;
@@ -170,7 +171,7 @@ const componentDefinition = {
 		const rSample = applyEdgeHandling(rUV, childTexture.sample(rUV), childTexture, uniforms.edges.uniform);
 		const gSample = applyEdgeHandling(gUV, childTexture.sample(gUV), childTexture, uniforms.edges.uniform);
 		const bSample = applyEdgeHandling(bUV, childTexture.sample(bUV), childTexture, uniforms.edges.uniform);
-		return vec4(rSample.r, gSample.g, bSample.b, gSample.a);
+		return unpremultiplyAlpha(vec4(rSample.r, gSample.g, bSample.b, gSample.a));
 	}
 };
 var CursorRipples_default = componentDefinition;

package/dist/core/{CursorTrail-DD4YxAqo.js → CursorTrail-B7RS5cXG.js}

@@ -1,5 +1,5 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { DataTexture, FloatType, LinearFilter, RGBAFormat } from "three";
 import { float, screenUV, step, texture, vec2, vec4 } from "three/tsl";
 const componentDefinition = {

package/dist/core/{DiffuseBlur-GlibDd8O.js → DiffuseBlur-o0h84ibu.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, dot, fract, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "DiffuseBlur",
@@ -59,7 +60,7 @@ const componentDefinition = {
 		const sinVal = sin(dot(uv$1.mul(1e3), vec2(25.9796, 156.466)));
 		const offset = fract(vec2(sinVal.mul(43758.5453), sinVal.mul(28461.7231))).mul(2).sub(1).mul(uniforms.intensity.uniform).div(viewportSize);
 		const displacedUV = uv$1.add(offset);
-		return applyEdgeHandling(displacedUV, childTexture.sample(displacedUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(displacedUV, childTexture.sample(displacedUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var DiffuseBlur_default = componentDefinition;

package/dist/core/{Dither-BOWyA2dp.js → Dither-BIhaGd7d.js}

@@ -1,4 +1,5 @@
-import { r as transformColor } from "./transformations-CC_c-QAT.js";
+import { r as transformColor } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { DataTexture, FloatType, NearestFilter, RGBAFormat, RepeatWrapping } from "three";
 import { convertToTexture, dot, float, floor, fract, mix, screenUV, sin, step, texture, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var transformPattern = (value) => {
@@ -189,7 +190,7 @@ const componentDefinition = {
 		const spread = uniforms.spread.uniform;
 		const pixelCoord = floor(screenUV.mul(viewportSize).div(pixelSize));
 		const pixelatedUV = pixelCoord.add(.5).mul(pixelSize).div(viewportSize);
-		const sourceColor = childTexture.sample(pixelatedUV);
+		const sourceColor = unpremultiplyAlpha(childTexture.sample(pixelatedUV));
 		const luminance = dot(sourceColor.rgb, vec3(.299, .587, .114)).mul(sourceColor.a);
 		const patternSample = texture(ditherTex).sample(pixelCoord.div(float(DITHER_SIZE)));
 		const blueNoiseCoord = pixelCoord.add(.5);

package/dist/core/{DotGrid-Cm-wz6WU.js → DotGrid-CrBCbO3M.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-CC_c-QAT.js";
+import { r as transformColor } from "./transformations-DM6huB9g.js";
 import { float, floor, fwidth, length, mix, screenUV, sin, smoothstep, time, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "DotGrid",

package/dist/core/{Duotone-C8mRw_1e.js → Duotone-HYxV5a8V.js}

@@ -1,5 +1,6 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { convertToTexture, dot, screenUV, smoothstep, vec3, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Duotone",
@@ -58,7 +59,7 @@ const componentDefinition = {
 		onCleanup(() => {
 			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
 		});
-		const inputColor = childTexture.sample(screenUV);
+		const inputColor = unpremultiplyAlpha(childTexture.sample(screenUV));
 		const luminance = dot(inputColor.rgb, vec3(.299, .587, .114));
 		const adjustedLuminance = smoothstep(uniforms.blend.uniform.sub(.5), uniforms.blend.uniform.add(.5), luminance);
 		return vec4(mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, adjustedLuminance, uniforms.colorSpace.uniform).rgb, inputColor.a);

package/dist/core/{FloatingParticles-GkVY1twT.js → FloatingParticles-DeWwEtlq.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-CC_c-QAT.js";
+import { r as transformColor } from "./transformations-DM6huB9g.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]) => {

package/dist/core/{FlowField-S_LXjhaN.js → FlowField-Bo4T5OFm.js}

@@ -1,6 +1,7 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, cos, float, length, max, mx_noise_float, screenUV, sin, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "FlowField",
@@ -100,7 +101,7 @@ const componentDefinition = {
 		const normalizedFlow = combinedFlow.div(flowLength);
 		const finalFlow = vec2(normalizedFlow.x.mul(strength).div(aspect), normalizedFlow.y.mul(strength));
 		const distortedUV = vec2(screenUV.x.add(finalFlow.x), screenUV.y.add(finalFlow.y));
-		return applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var FlowField_default = componentDefinition;

package/dist/core/{GlassTiles--hbefQlc.js → GlassTiles-DR6mVq-O.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { add, convertToTexture, cos, div, float, floor, mul, screenUV, sin, sub, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "GlassTiles",
@@ -83,7 +84,7 @@ const componentDefinition = {
 		const clampedRoundness = sub(1, mul(mul(fromCenter.x, fromCenter.x).add(mul(fromCenter.y, fromCenter.y)), mul(roundnessAmount, 4))).max(0);
 		const baseDistortion = mul(fromCenter, mul(mul(intensity, .025), clampedRoundness));
 		const distortedUV = add(baseUV, vec2(div(baseDistortion.x, aspectRatioUniform), baseDistortion.y));
-		return vec4(texture$1.sample(distortedUV));
+		return unpremultiplyAlpha(vec4(texture$1.sample(distortedUV)));
 	}
 };
 var GlassTiles_default = componentDefinition;

package/dist/core/{Glitch-lbgQYebN.js → Glitch-D3mDX28q.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, abs, clamp, convertToTexture, float, floor, fract, mix, screenUV, sin, step, time, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var hash11 = Fn(([p]) => {
 	return fract(sin(p.mul(78.233)).mul(43758.5453));
@@ -161,7 +162,7 @@ const componentDefinition = {
 		const anyDistortion = clamp(bandActive1.add(bandActive2).add(bandActive3), 0, 1);
 		const scanlineWave = sin(screenUV.y.mul(viewportSize.y).mul(float(3.14159265))).mul(.5).add(.5);
 		const scanlineEffect = float(1).sub(scanlines.mul(scanlineWave).mul(.3).mul(anyDistortion));
-		return vec4(withBars.mul(scanlineEffect), float(1));
+		return unpremultiplyAlpha(vec4(withBars.mul(scanlineEffect), float(1)));
 	}
 };
 var Glitch_default = componentDefinition;

package/dist/core/{Glow-DM9zbhbr.js → Glow-CN4IeRq4.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, dot, float, max, screenUV, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Glow",
@@ -100,7 +101,7 @@ const componentDefinition = {
 		})();
 		const intensity = uniforms.intensity.uniform;
 		const intensifiedGlow = glowEffect.mul(intensity);
-		return vec4(originalColor.rgb.add(intensifiedGlow.rgb), max(originalColor.a, intensifiedGlow.a));
+		return unpremultiplyAlpha(vec4(originalColor.rgb.add(intensifiedGlow.rgb), max(originalColor.a, intensifiedGlow.a)));
 	}
 };
 var Glow_default = componentDefinition;

package/dist/core/{Godrays-DVo1ikUR.js → Godrays-CcJx19_L.js}

@@ -1,4 +1,4 @@
-import { r as transformColor, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { r as transformColor, s as transformPosition } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { Fn, PI, abs, atan, clamp, float, length, mix, pow, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/{Grid-BmYSb6Ur.js → Grid-Cvpth9Oi.js}

@@ -1,4 +1,4 @@
-import { r as transformColor } from "./transformations-CC_c-QAT.js";
+import { r as transformColor } from "./transformations-DM6huB9g.js";
 import { fract, fwidth, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Grid",

package/dist/core/{GridDistortion-PNU8pi2I.js → GridDistortion-cTIdpRyG.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { convertToTexture, float, screenUV, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 var DEFAULT_GRID_SIZE = 20;
@@ -174,7 +175,7 @@ const componentDefinition = {
 		const negMaxDisplacement = float(-.1);
 		const clampedDisplacement = displacement.clamp(vec2(negMaxDisplacement, negMaxDisplacement), vec2(maxDisplacement, maxDisplacement));
 		const distortedUV = screenUV.sub(clampedDisplacement);
-		return applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var GridDistortion_default = componentDefinition;

package/dist/core/{Halftone-BlY2LuT8.js → Halftone-BEPTnKW6.js}

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

package/dist/core/{Invert-oYct5uwC.js → Invert-c6RNEzsq.js}

@@ -11,9 +11,7 @@ const componentDefinition = {
 			return vec4(0);
 		}
 		const sourceColor = childNode || vec4(0, 0, 0, 0);
-		const alpha = sourceColor.a;
-		const unpremultiplied = alpha.greaterThan(0).select(sourceColor.rgb.div(alpha), vec3(0, 0, 0));
-		return vec4(vec3(1, 1, 1).sub(unpremultiplied).mul(alpha), alpha);
+		return vec4(vec3(1, 1, 1).sub(sourceColor.rgb), sourceColor.a);
 	}
 };
 var Invert_default = componentDefinition;

package/dist/core/{Kaleidoscope-BXKsOJl2.js → Kaleidoscope-Cnfedu-B.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { atan2, convertToTexture, cos, float, length, mod, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Kaleidoscope",
@@ -94,7 +95,7 @@ const componentDefinition = {
 		const kaleidoscopeDelta = vec2(cos(finalAngle).mul(radius), sin(finalAngle).mul(radius));
 		const kaleidoscopePos = centerPos.add(kaleidoscopeDelta);
 		const finalUV = vec2(kaleidoscopePos.x.div(aspect), kaleidoscopePos.y);
-		return applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var Kaleidoscope_default = componentDefinition;

package/dist/core/{LensFlare-BWl8PWjv.js → LensFlare-DNO4UQG8.js}

@@ -1,4 +1,4 @@
-import { s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { s as transformPosition } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
 import { Fn, abs, atan2, clamp, cos, dot, float, max, mix, pow, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var spectralColor = Fn(([t]) => {

package/dist/core/{LinearBlur-gV1sIMuQ.js → LinearBlur-C_bpZQcG.js}

@@ -1,4 +1,5 @@
-import { n as transformAngle } from "./transformations-CC_c-QAT.js";
+import { n as transformAngle } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, cos, float, radians, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 var rawWeights = Array.from({ length: 32 }, (_, i) => {
 	const t = (i / 31 - .5) * 2;
@@ -56,7 +57,7 @@ const componentDefinition = {
 				const coord = uv$1.add(blurVector.mul(i / 31 - .5));
 				total.assign(total.add(childTexture.sample(coord).mul(float(blurWeights[i]))));
 			}
-			return total;
+			return unpremultiplyAlpha(total);
 		})();
 	}
 };

package/dist/core/{LinearGradient-C5kz9RSs.js → LinearGradient-Bc1INE7C.js}

@@ -1,5 +1,5 @@
-import { i as transformColorSpace, n as transformAngle, o as transformEdges, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, n as transformAngle, o as transformEdges, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { abs, cos, dot, float, fract, length, mod, normalize, radians, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "LinearGradient",

package/dist/core/{Liquify-CtUvuV0S.js → Liquify-D5sl_Rtk.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { convertToTexture, float, screenUV, texture, uniform, vec2, vec4 } from "three/tsl";
 var GRID_SIZE = 32;
@@ -148,7 +149,7 @@ const componentDefinition = {
 		const negMaxDisplacement = float(-.2);
 		const clampedDisplacement = displacement.clamp(vec2(negMaxDisplacement, negMaxDisplacement), vec2(maxDisplacement, maxDisplacement));
 		const distortedUV = screenUV.sub(clampedDisplacement);
-		return applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var Liquify_default = componentDefinition;

package/dist/core/{Mirror-C3Bn9m7T.js → Mirror-C0hacD-B.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, cos, mix, screenUV, sin, step, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Mirror",
@@ -80,7 +81,7 @@ const componentDefinition = {
 		const mirroredUV = centerPos.add(reflectedDelta);
 		const finalMirroredUV = vec2(mirroredUV.x.div(aspect), mirroredUV.y);
 		const shouldMirror = step(0, signedDistance);
-		return mix(childTexture.sample(screenUV), applyEdgeHandling(finalMirroredUV, childTexture.sample(finalMirroredUV), childTexture, uniforms.edges.uniform), shouldMirror);
+		return unpremultiplyAlpha(mix(childTexture.sample(screenUV), applyEdgeHandling(finalMirroredUV, childTexture.sample(finalMirroredUV), childTexture, uniforms.edges.uniform), shouldMirror));
 	}
 };
 var Mirror_default = componentDefinition;

package/dist/core/{Perspective-NsMXVWAS.js → Perspective-CfC6bKsJ.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, cos, float, max, screenUV, sin, tan, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Perspective",
@@ -137,7 +138,7 @@ const componentDefinition = {
 		const finalY = afterPanY.div(safeTiltDivisor);
 		const offsetPos = vec2(uniforms.offset.uniform.x, uniforms.offset.uniform.y.oneMinus());
 		const finalUV = vec2(finalX, finalY).add(centerPos).sub(offsetPos).add(vec2(.5, .5));
-		return applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var Perspective_default = componentDefinition;

package/dist/core/{Pixelate-C-LbtIjf.js → Pixelate-Bxo1bkqM.js}

@@ -1,3 +1,4 @@
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { convertToTexture, float, floor, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Pixelate",
@@ -29,7 +30,7 @@ const componentDefinition = {
 		const pixelCountX = isWide.select(pixelSize, pixelSize.mul(aspect)).max(float(1));
 		const pixelCountY = isWide.select(pixelSize.div(aspect), pixelSize).max(float(1));
 		const pixelatedUV = vec2(floor(screenUV.x.mul(pixelCountX)).div(pixelCountX), floor(screenUV.y.mul(pixelCountY)).div(pixelCountY));
-		return childTexture.sample(pixelatedUV);
+		return unpremultiplyAlpha(childTexture.sample(pixelatedUV));
 	}
 };
 var Pixelate_default = componentDefinition;

package/dist/core/{Plasma-Dr516u2H.js → Plasma-D5gyjFl8.js}

@@ -1,6 +1,6 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
+import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { clamp, exp, float, mx_noise_float, pow, screenUV, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Plasma",

package/dist/core/{PolarCoordinates-HVxz9oX-.js → PolarCoordinates-BhAihp7Z.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { PI, atan, convertToTexture, length, mix, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "PolarCoordinates",
@@ -99,7 +100,7 @@ const componentDefinition = {
 		const normalizedAngle = atan(delta.y, delta.x).add(PI).div(PI.mul(2));
 		const r = length(delta);
 		const blendedUV = mix(screenUV, vec2(normalizedAngle.mul(uniforms.wrap.uniform), r.mul(uniforms.radius.uniform)), uniforms.intensity.uniform);
-		return applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var PolarCoordinates_default = componentDefinition;

package/dist/core/{ProgressiveBlur-Cf2pKf8U.js → ProgressiveBlur-CJavcHQI.js}

@@ -1,4 +1,5 @@
-import { n as transformAngle, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { n as transformAngle, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { Fn, convertToTexture, cos, float, max, radians, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ProgressiveBlur",
@@ -119,7 +120,7 @@ const componentDefinition = {
 				const sample = horizontalTexture.sample(sampleCoord).mul(weight);
 				total.assign(total.add(sample));
 			}
-			return total;
+			return unpremultiplyAlpha(total);
 		})();
 	}
 };

package/dist/core/{RadialGradient-Bel2cjwV.js → RadialGradient-D4yl6nJ-.js}

@@ -1,5 +1,5 @@
-import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-CC_c-QAT.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { i as transformColorSpace, r as transformColor, s as transformPosition, t as colorSpaceOptions } from "./transformations-DM6huB9g.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { distance, float, screenUV, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "RadialGradient",

package/dist/core/{RectangularCoordinates-BfeH7Mp6.js → RectangularCoordinates-CtXnf1mj.js}

@@ -1,5 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
-import { o as transformEdges, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { o as transformEdges, s as transformPosition } from "./transformations-DM6huB9g.js";
+import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
 import { PI, convertToTexture, cos, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "RectangularCoordinates",
@@ -87,7 +88,7 @@ const componentDefinition = {
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const centerPos = vec2(uniforms.center.uniform.x, uniforms.center.uniform.y.oneMinus());
 		const blendedUV = mix(screenUV, vec2(rectX.div(aspect).add(centerPos.x), rectY.add(centerPos.y)), uniforms.intensity.uniform);
-		return applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform);
+		return unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform));
 	}
 };
 var RectangularCoordinates_default = componentDefinition;

package/dist/core/{Ripples-DBqbjqb_.js → Ripples-DbZdh29z.js}

@@ -1,6 +1,6 @@
-import { r as transformColor, s as transformPosition } from "./transformations-CC_c-QAT.js";
+import { r as transformColor, s as transformPosition } from "./transformations-DM6huB9g.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-Ehw-Hfs_.js";
+import { t as mixColors } from "./colorMixing-D_wMclqL.js";
 import { distance, float, screenUV, sin, smoothstep, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Ripples",