shaders 2.2.25 → 2.2.26

package/dist/core/{Ascii-Dha_QpT3.js → Ascii-DsuNLJKv.js}

@@ -78,7 +78,7 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: ({ uniforms, childNode, onCleanup, onBeforeRender }) => {
-		const { vec2: vec2$1, vec3: vec3$1, vec4: vec4$1, floor, fract, dot: dot$1, ceil, sqrt: sqrt$1, screenUV: screenUV$1, texture, viewportSize: viewportSize$1, convertToTexture: convertToTexture$1 } = TSL;
+		const { vec2: vec2$1, vec3: vec3$1, vec4: vec4$1, floor: floor$1, fract, dot: dot$1, ceil, sqrt: sqrt$1, screenUV: screenUV$1, texture, viewportSize: viewportSize$1, convertToTexture: convertToTexture$1 } = TSL;
 		if (!childNode) return vec4$1(0, 0, 0, 0);
 		const childTexture = convertToTexture$1(childNode);
 		onCleanup(() => {
@@ -260,7 +260,7 @@ const componentDefinition = {
 		const effectiveCellSize = cellSizeUniform.mul(1.5);
 		const mainGridSize = viewportSize$1.div(effectiveCellSize);
 		const gridCoords = screenUV$1.mul(mainGridSize);
-		const cellCoords = floor(gridCoords);
+		const cellCoords = floor$1(gridCoords);
 		const rawCellUV = fract(gridCoords);
 		const characterSize = uniforms.spacing?.uniform ?? TSL.uniform(initialSpacing);
 		const center = vec2$1(.5);
@@ -271,10 +271,10 @@ const componentDefinition = {
 		const cellColor = childTexture.sample(cellCenter);
 		const rawBrightness = dot$1(cellColor.rgb, vec3$1(.299, .587, .114));
 		const charCount = charCountUniform;
-		const charIndex = floor(rawBrightness.mul(.8).add(.1).mul(charCount).min(charCount.sub(1e-4)));
+		const charIndex = floor$1(rawBrightness.mul(.8).add(.1).mul(charCount).min(charCount.sub(1e-4)));
 		const atlasSize = ceil(sqrt$1(charCount));
 		const atlasCol = charIndex.mod(atlasSize);
-		const atlasRow = floor(charIndex.div(atlasSize));
+		const atlasRow = floor$1(charIndex.div(atlasSize));
 		const atlasCellSize = TSL.float(1).div(atlasSize).mul(atlasScaleUniform);
 		const atlasSampleUV = vec2$1(atlasCol, atlasRow).mul(atlasCellSize).add(cellUV.mul(atlasCellSize));
 		const asciiChar = atlasField.sample(atlasSampleUV);

package/dist/core/{Checkerboard-CgB-egNY.js → Checkerboard-BIFNsUYG.js}

@@ -59,14 +59,14 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: ({ uniforms, uvContext }) => {
-		const { vec2: vec2$1, float: float$1, floor, mod, fract, smoothstep, min: min$1, screenUV: screenUV$1, viewportSize: viewportSize$1 } = TSL;
+		const { vec2: vec2$1, float: float$1, floor: floor$1, mod, fract, smoothstep, min: min$1, screenUV: screenUV$1, viewportSize: viewportSize$1 } = TSL;
 		const uv = uvContext ?? screenUV$1;
 		const aspect = viewportSize$1.x.div(viewportSize$1.y);
 		const correctedUV = vec2$1(uv.x.mul(aspect), uv.y.oneMinus());
 		const cells = uniforms.cells.uniform;
 		const softness = uniforms.softness.uniform;
 		const gridUV = correctedUV.mul(cells);
-		const gridCoords = floor(gridUV);
+		const gridCoords = floor$1(gridUV);
 		const checkerValue = mod(gridCoords.x.add(gridCoords.y), 2);
 		let blendFactor = checkerValue;
 		if (softness) {

package/dist/core/{Dither-D2Nf4p3w.js → Dither-Cq8j0QIU.js}

@@ -48,12 +48,12 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: ({ uniforms, childNode }) => {
-		const { vec2: vec2$1, vec3: vec3$1, vec4: vec4$1, floor, screenUV: screenUV$1, viewportSize: viewportSize$1, dot: dot$1, step: step$1, mix: mix$1 } = TSL;
+		const { vec2: vec2$1, vec3: vec3$1, vec4: vec4$1, floor: floor$1, screenUV: screenUV$1, viewportSize: viewportSize$1, dot: dot$1, step: step$1, mix: mix$1 } = TSL;
 		if (!childNode) return vec4$1(0, 0, 0, 0);
 		const sourceColor = childNode;
 		const luminance = dot$1(sourceColor.rgb, vec3$1(.299, .587, .114)).mul(sourceColor.a);
 		const pixelSize = uniforms.pixelSize.uniform;
-		const bayerPos = floor(screenUV$1.mul(viewportSize$1).div(pixelSize)).mod(vec2$1(4));
+		const bayerPos = floor$1(screenUV$1.mul(viewportSize$1).div(pixelSize)).mod(vec2$1(4));
 		const x = bayerPos.x;
 		const y = bayerPos.y;
 		const bayerValue = y.equal(0).select(x.equal(0).select(0 / 16, x.equal(1).select(8 / 16, x.equal(2).select(2 / 16, 10 / 16))), y.equal(1).select(x.equal(0).select(12 / 16, x.equal(1).select(4 / 16, x.equal(2).select(14 / 16, 6 / 16))), y.equal(2).select(x.equal(0).select(3 / 16, x.equal(1).select(11 / 16, x.equal(2).select(1 / 16, 9 / 16))), x.equal(0).select(15 / 16, x.equal(1).select(7 / 16, x.equal(2).select(13 / 16, 5 / 16))))));

package/dist/core/{DotGrid-CzOwquo4.js → DotGrid-BHfQ3hcI.js}

@@ -50,7 +50,7 @@ const componentDefinition = {
 		}
 	},
 	fragmentNode: ({ uniforms, uvContext }) => {
-		const { screenUV: screenUV$1, vec4: vec4$1, vec2: vec2$1, smoothstep, length, floor, float: float$1, viewportSize: viewportSize$1, time, sin: sin$1, mix: mix$1 } = TSL;
+		const { screenUV: screenUV$1, vec4: vec4$1, vec2: vec2$1, smoothstep, length, floor: floor$1, float: float$1, viewportSize: viewportSize$1, time, sin: sin$1, mix: mix$1 } = TSL;
 		const uvCoords = uvContext ?? screenUV$1;
 		const density = uniforms.density.uniform;
 		const dotSize = uniforms.dotSize.uniform;
@@ -60,10 +60,10 @@ const componentDefinition = {
 		const aspect = resolution.x.div(resolution.y);
 		const correctedUV = vec2$1(uvCoords.x.mul(aspect), uvCoords.y.oneMinus());
 		const gridUV = correctedUV.mul(density);
-		const centerDistance = length(gridUV.sub(floor(gridUV)).sub(.5));
+		const centerDistance = length(gridUV.sub(floor$1(gridUV)).sub(.5));
 		const pixelSize = length(TSL.fwidth(correctedUV.mul(density)));
 		const dot$1 = float$1(1).sub(smoothstep(dotSize.mul(.5), dotSize.mul(.5).add(pixelSize.mul(.5)), centerDistance));
-		const gridPosition = floor(gridUV);
+		const gridPosition = floor$1(gridUV);
 		const dotPhase = gridPosition.x.mul(12.9898).add(gridPosition.y.mul(78.233)).sin().mul(43758.5453).fract();
 		const twinkleValue = sin$1(time.mul(2).add(dotPhase.mul(6.28318))).mul(.5).add(.5);
 		const twinkleModifier = mix$1(float$1(1), twinkleValue, twinkleIntensity);

package/dist/core/{FloatingParticles-D9Nnu1qg.js → FloatingParticles-CP6GqC3k.js}

@@ -1,6 +1,6 @@
 import { r as transformColor } from "./transformations-DxfQXZWi.js";
 import * as TSL from "three/tsl";
-var { vec2: vec2$1, vec3: vec3$1, vec4: vec4$1, float: float$1, sin: sin$1, cos: cos$1, smoothstep, mix: mix$1, min: min$1, floor, fract, length, dot: dot$1, screenUV: screenUV$1, viewportSize: viewportSize$1, time, Fn } = TSL;
+var { vec2: vec2$1, vec3: vec3$1, vec4: vec4$1, float: float$1, sin: sin$1, cos: cos$1, smoothstep, mix: mix$1, min: min$1, floor: floor$1, fract, length, dot: dot$1, screenUV: screenUV$1, viewportSize: viewportSize$1, time, Fn } = TSL;
 var hash1_2 = Fn(([p]) => {
 	return fract(sin$1(dot$1(p, vec2$1(127.1, 311.7))).mul(43758.5453123));
 });
@@ -150,7 +150,7 @@ const componentDefinition = {
 	fragmentNode: ({ uniforms, childNode, uvContext }) => {
 		const baseUV = uvContext ?? screenUV$1;
 		const renderParticle = Fn(([uv$1]) => {
-			const rootUV = floor(uv$1);
+			const rootUV = floor$1(uv$1);
 			const localPos = fract(uv$1);
 			let minDist = getParticleDistance(uv$1, rootUV, uniforms.randomness.uniform);
 			const softness = uniforms.particleSoftness.uniform;

package/dist/core/{GlassTiles-CnjCvajI.js → GlassTiles-CXChgYaL.js}

@@ -30,12 +30,12 @@ const componentDefinition = {
 		}
 	},
 	uvTransformNode: ({ uv, uniforms, viewportSize: viewportSize$1 }) => {
-		const { vec2: vec2$1, floor, select } = TSL;
+		const { vec2: vec2$1, floor: floor$1, select } = TSL;
 		const intensity = uniforms.intensity.uniform;
 		const baseTileCount = uniforms.tileCount.uniform;
 		const aspectRatio = viewportSize$1.x.div(viewportSize$1.y);
 		const tileCount = vec2$1(select(aspectRatio.greaterThanEqual(1), baseTileCount.mul(aspectRatio), baseTileCount), select(aspectRatio.lessThan(1), baseTileCount.div(aspectRatio), baseTileCount));
-		const cellCoord = floor(uv.mul(tileCount)).div(tileCount);
+		const cellCoord = floor$1(uv.mul(tileCount)).div(tileCount);
 		const localUV = uv.sub(cellCoord);
 		const distortionCenter = vec2$1(.5, .5);
 		const distortionFactor = intensity.mul(.025);
@@ -43,7 +43,7 @@ const componentDefinition = {
 		return localUV.add(distortion).add(cellCoord);
 	},
 	fragmentNode: ({ uniforms, childNode, dimensions, onCleanup }) => {
-		const { vec2: vec2$1, vec4: vec4$1, floor, mul: mul$1, div: div$1, sub: sub$1, add: add$1, screenUV: screenUV$1, uniform: uniform$1, convertToTexture: convertToTexture$1 } = TSL;
+		const { vec2: vec2$1, vec4: vec4$1, floor: floor$1, mul: mul$1, div: div$1, sub: sub$1, add: add$1, screenUV: screenUV$1, uniform: uniform$1, convertToTexture: convertToTexture$1 } = TSL;
 		if (!childNode) {
 			console.error("You must pass a child component into the Glass Tiles shader.");
 			return vec4$1(0);
@@ -57,7 +57,7 @@ const componentDefinition = {
 		const intensity = uniforms.intensity.uniform;
 		const baseTileCount = uniforms.tileCount.uniform;
 		const tileCount = vec2$1(aspectRatioUniform.greaterThanEqual(1).select(mul$1(baseTileCount, aspectRatioUniform), baseTileCount), aspectRatioUniform.lessThan(1).select(div$1(baseTileCount, aspectRatioUniform), baseTileCount));
-		const cellCoord = div$1(floor(mul$1(uvNode, tileCount)), tileCount);
+		const cellCoord = div$1(floor$1(mul$1(uvNode, tileCount)), tileCount);
 		const localUV = sub$1(uvNode, cellCoord);
 		const distortionCenter = vec2$1(.5, .5);
 		const distortionFactor = mul$1(intensity, .025);

package/dist/core/{Grayscale-DRny75A9.js → Grayscale-Bi-XBvO_.js}

@@ -1,5 +1,4 @@
-import * as TSL from "three/tsl";
-import { grayscale } from "three/src/nodes/display/ColorAdjustment";
+import { dot, vec3, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Grayscale",
 	category: "Adjustments",
@@ -7,13 +6,12 @@ const componentDefinition = {
 	requiresChild: true,
 	props: {},
 	fragmentNode: ({ childNode }) => {
-		const { vec4: vec4$1 } = TSL;
 		if (!childNode) {
 			console.error("You must pass a child component into the Grayscale shader.");
-			return vec4$1(0);
+			return vec4(0);
 		}
-		const sourceColor = childNode || vec4$1(0, 0, 0, 0);
-		return vec4$1(grayscale(sourceColor.rgb).rgb, sourceColor.a);
+		const luminance = dot(childNode.rgb, vec3(.2126, .7152, .0722));
+		return vec4(luminance, luminance, luminance, childNode.a);
 	}
 };
 var Grayscale_default = componentDefinition;

package/dist/core/HueShift-DvOpzM7W.js

@@ -0,0 +1,47 @@
+import { cos, sin, vec3, vec4 } from "three/tsl";
+const componentDefinition = {
+	name: "HueShift",
+	category: "Adjustments",
+	description: "Rotate hue around the color wheel",
+	requiresChild: true,
+	props: { shift: {
+		default: 0,
+		description: "The amount to shift the hue by",
+		ui: {
+			type: "range",
+			min: -180,
+			max: 180,
+			step: 1,
+			label: "Shift"
+		},
+		transform: (value) => value * Math.PI / 180
+	} },
+	fragmentNode: ({ uniforms, childNode }) => {
+		if (!childNode) {
+			console.error("You must pass a child component into the Hue Shift shader.");
+			return vec4(0);
+		}
+		const angle = uniforms.shift.uniform;
+		const cosA = cos(angle);
+		const sinA = sin(angle);
+		const k = 1 / 3;
+		const sqrt3 = 1.7320508075688772;
+		const kOneMinusCos = cosA.oneMinus().mul(k);
+		const sinOverSqrt3 = sinA.div(sqrt3);
+		const m00 = cosA.add(kOneMinusCos);
+		const m01 = kOneMinusCos.sub(sinOverSqrt3);
+		const m02 = kOneMinusCos.add(sinOverSqrt3);
+		const m10 = kOneMinusCos.add(sinOverSqrt3);
+		const m11 = cosA.add(kOneMinusCos);
+		const m12 = kOneMinusCos.sub(sinOverSqrt3);
+		const m20 = kOneMinusCos.sub(sinOverSqrt3);
+		const m21 = kOneMinusCos.add(sinOverSqrt3);
+		const m22 = cosA.add(kOneMinusCos);
+		const r = childNode.r;
+		const g = childNode.g;
+		const b = childNode.b;
+		return vec4(vec3(r.mul(m00).add(g.mul(m01)).add(b.mul(m02)), r.mul(m10).add(g.mul(m11)).add(b.mul(m12)), r.mul(m20).add(g.mul(m21)).add(b.mul(m22))), childNode.a);
+	}
+};
+var HueShift_default = componentDefinition;
+export { componentDefinition as n, HueShift_default as t };

package/dist/core/{Pixelate-Cv8537Pj.js → Pixelate-JF72DGuK.js}

@@ -17,19 +17,19 @@ const componentDefinition = {
 		}
 	} },
 	uvTransformNode: ({ uv, uniforms }) => {
-		const { floor } = TSL;
+		const { floor: floor$1 } = TSL;
 		const pixelSize = uniforms.scale.uniform;
-		return floor(uv.mul(pixelSize)).div(pixelSize);
+		return floor$1(uv.mul(pixelSize)).div(pixelSize);
 	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
-		const { vec4: vec4$1, floor, screenUV: screenUV$1, convertToTexture: convertToTexture$1 } = TSL;
+		const { vec4: vec4$1, floor: floor$1, screenUV: screenUV$1, convertToTexture: convertToTexture$1 } = TSL;
 		if (!childNode) return vec4$1(0, 0, 0, 0);
 		const childTexture = convertToTexture$1(childNode);
 		onCleanup(() => {
 			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
 		});
 		const pixelSize = uniforms.scale.uniform;
-		const pixelatedUV = floor(screenUV$1.mul(pixelSize)).div(pixelSize);
+		const pixelatedUV = floor$1(screenUV$1.mul(pixelSize)).div(pixelSize);
 		return childTexture.sample(pixelatedUV);
 	}
 };

package/dist/core/{Posterize-3m3xkWOz.js → Posterize-DIjjPS72.js}

@@ -1,5 +1,4 @@
-import * as TSL from "three/tsl";
-import { posterize } from "three/src/nodes/display/PosterizeNode";
+import { float, floor, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Posterize",
 	category: "Adjustments",
@@ -17,12 +16,12 @@ const componentDefinition = {
 		}
 	} },
 	fragmentNode: ({ uniforms, childNode }) => {
-		const { vec4: vec4$1, int } = TSL;
 		if (!childNode) {
 			console.error("You must pass a child component into the Posterize shader.");
-			return vec4$1(0);
+			return vec4(0);
 		}
-		return posterize(childNode || vec4$1(0, 0, 0, 0), int(uniforms.intensity.uniform));
+		const steps = float(uniforms.intensity.uniform);
+		return vec4(floor(childNode.r.mul(steps)).div(steps), floor(childNode.g.mul(steps)).div(steps), floor(childNode.b.mul(steps)).div(steps), childNode.a);
 	}
 };
 var Posterize_default = componentDefinition;

package/dist/core/{Saturation-CYFI1jzN.js → Saturation-J0nI4hmh.js}

@@ -1,5 +1,4 @@
-import * as TSL from "three/tsl";
-import { saturation } from "three/src/nodes/display/ColorAdjustment";
+import { dot, mix, vec3, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Saturation",
 	category: "Adjustments",
@@ -17,13 +16,12 @@ const componentDefinition = {
 		}
 	} },
 	fragmentNode: ({ uniforms, childNode }) => {
-		const { vec4: vec4$1 } = TSL;
 		if (!childNode) {
 			console.error("You must pass a child component into the Saturation shader.");
-			return vec4$1(0);
+			return vec4(0);
 		}
-		const sourceColor = childNode || vec4$1(0, 0, 0, 0);
-		return vec4$1(saturation(sourceColor.rgb, uniforms.intensity.uniform).rgb, sourceColor.a);
+		const luminance = dot(childNode.rgb, vec3(.2126, .7152, .0722));
+		return vec4(mix(vec3(luminance, luminance, luminance), childNode.rgb, uniforms.intensity.uniform), childNode.a);
 	}
 };
 var Saturation_default = componentDefinition;

package/dist/core/{Vibrance-DRtecEvb.js → Vibrance-BI5q7_Wt.js}

@@ -1,5 +1,4 @@
-import * as TSL from "three/tsl";
-import { vibrance } from "three/src/nodes/display/ColorAdjustment";
+import { add, max, mix, vec3, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Vibrance",
 	category: "Adjustments",
@@ -17,13 +16,16 @@ const componentDefinition = {
 		}
 	} },
 	fragmentNode: ({ uniforms, childNode }) => {
-		const { vec4: vec4$1 } = TSL;
 		if (!childNode) {
 			console.error("You must pass a child component into the Vibrance shader.");
-			return vec4$1(0);
+			return vec4(0);
 		}
-		const sourceColor = childNode || vec4$1(0, 0, 0, 0);
-		return vec4$1(vibrance(sourceColor.rgb, uniforms.intensity.uniform).rgb, sourceColor.a);
+		const color = childNode.rgb;
+		const adjustment = uniforms.intensity.uniform;
+		const average = add(color.r, add(color.g, color.b)).div(3);
+		const mx = max(color.r, max(color.g, color.b));
+		const amt = mx.sub(average).mul(adjustment).mul(-3);
+		return vec4(mix(color, vec3(mx, mx, mx), amt), childNode.a);
 	}
 };
 var Vibrance_default = componentDefinition;

package/dist/core/index.js

@@ -2,47 +2,47 @@ import { n as applyEdgeToUV, t as applyEdgeHandling } from "./edges-Bn_OIa_h.js"
 import { t as createAnimatedTime } from "./time-CTJvRUZ4.js";
 import "./transformations-DxfQXZWi.js";
 import { n as componentDefinition } from "./AngularBlur-Dl2gwk68.js";
-import { n as componentDefinition$1 } from "./Ascii-Dha_QpT3.js";
+import { n as componentDefinition$1 } from "./Ascii-DsuNLJKv.js";
 import "./colorMixing-BXiTAqJU.js";
 import { n as componentDefinition$2 } from "./Beam-CTN9Ni43.js";
 import { n as componentDefinition$3 } from "./Blob-CxFDZovO.js";
 import { n as componentDefinition$4 } from "./Blur-Y2FsmFk_.js";
 import { n as componentDefinition$5 } from "./Bulge-Cb-t0xqI.js";
 import { n as componentDefinition$6 } from "./ChannelBlur-CvM6GJgZ.js";
-import { n as componentDefinition$7 } from "./Checkerboard-CgB-egNY.js";
+import { n as componentDefinition$7 } from "./Checkerboard-BIFNsUYG.js";
 import { n as componentDefinition$8 } from "./ChromaFlow-vRCwhQpN.js";
 import { n as componentDefinition$9 } from "./ChromaticAberration-FTquTQIL.js";
 import { n as componentDefinition$10 } from "./Circle-Daziv5d7.js";
 import { n as componentDefinition$11 } from "./CRTScreen-CtERsenz.js";
 import { n as componentDefinition$12 } from "./CursorTrail-Bsz9e6Fn.js";
 import { n as componentDefinition$13 } from "./DiffuseBlur-Cj2PtRNd.js";
-import { n as componentDefinition$14 } from "./Dither-D2Nf4p3w.js";
-import { n as componentDefinition$15 } from "./DotGrid-CzOwquo4.js";
+import { n as componentDefinition$14 } from "./Dither-Cq8j0QIU.js";
+import { n as componentDefinition$15 } from "./DotGrid-BHfQ3hcI.js";
 import { n as componentDefinition$16 } from "./Duotone-XuTN9tI7.js";
 import { n as componentDefinition$17 } from "./FilmGrain-D3-nbi12.js";
-import { n as componentDefinition$18 } from "./FloatingParticles-D9Nnu1qg.js";
-import { n as componentDefinition$19 } from "./GlassTiles-CnjCvajI.js";
+import { n as componentDefinition$18 } from "./FloatingParticles-CP6GqC3k.js";
+import { n as componentDefinition$19 } from "./GlassTiles-CXChgYaL.js";
 import { n as componentDefinition$20 } from "./Glow-BluFc9be.js";
 import { n as componentDefinition$21 } from "./Godrays-ChLh_vGl.js";
-import { n as componentDefinition$22 } from "./Grayscale-DRny75A9.js";
+import { n as componentDefinition$22 } from "./Grayscale-Bi-XBvO_.js";
 import { n as componentDefinition$23 } from "./Grid-DgyDa4H1.js";
 import { n as componentDefinition$24 } from "./GridDistortion-BAspCYvp.js";
 import { n as componentDefinition$25 } from "./Group-Dul7PUBl.js";
 import { n as componentDefinition$26 } from "./Halftone-Ifv5F_FT.js";
-import { n as componentDefinition$27 } from "./HueShift-De8ukMWs.js";
+import { n as componentDefinition$27 } from "./HueShift-DvOpzM7W.js";
 import { n as componentDefinition$28 } from "./ImageTexture-DvYcQgJB.js";
 import { n as componentDefinition$29 } from "./Invert-Fz0NtIJc.js";
 import { n as componentDefinition$30 } from "./LinearBlur-LmhnQoA4.js";
 import { n as componentDefinition$31 } from "./LinearGradient-xbloQjzt.js";
 import { n as componentDefinition$32 } from "./Liquify-DMe1V5-O.js";
-import { n as componentDefinition$33 } from "./Pixelate-Cv8537Pj.js";
+import { n as componentDefinition$33 } from "./Pixelate-JF72DGuK.js";
 import { n as componentDefinition$34 } from "./PolarCoordinates-DDvDhBE-.js";
-import { n as componentDefinition$35 } from "./Posterize-3m3xkWOz.js";
+import { n as componentDefinition$35 } from "./Posterize-DIjjPS72.js";
 import { n as componentDefinition$36 } from "./ProgressiveBlur-EGkevObV.js";
 import { n as componentDefinition$37 } from "./RadialGradient-B7ZZB_VJ.js";
 import { n as componentDefinition$38 } from "./RectangularCoordinates-muWR8mZS.js";
 import { n as componentDefinition$39 } from "./Ripples-8XaZaXQF.js";
-import { n as componentDefinition$40 } from "./Saturation-CYFI1jzN.js";
+import { n as componentDefinition$40 } from "./Saturation-J0nI4hmh.js";
 import { n as componentDefinition$41 } from "./SimplexNoise-DJUe0wz_.js";
 import { n as componentDefinition$42 } from "./SineWave-Dl3nFO1W.js";
 import { n as componentDefinition$43 } from "./SolidColor-CWGq_Bjq.js";
@@ -54,7 +54,7 @@ import { n as componentDefinition$48 } from "./Swirl-CVnbawit.js";
 import { n as componentDefinition$49 } from "./TiltShift-0CxNRI6L.js";
 import { n as componentDefinition$50 } from "./Tritone-Daa-I5UD.js";
 import { n as componentDefinition$51 } from "./Twirl-2CJVZEtk.js";
-import { n as componentDefinition$52 } from "./Vibrance-DRtecEvb.js";
+import { n as componentDefinition$52 } from "./Vibrance-BI5q7_Wt.js";
 import { n as componentDefinition$53 } from "./WaveDistortion-BscXN2rs.js";
 import { n as componentDefinition$54 } from "./ZoomBlur-CAqK0Kju.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, WebGPURenderer } from "three/webgpu";

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Ascii_default } from "../../Ascii-Dha_QpT3.js";
+import { n as componentDefinition, t as Ascii_default } from "../../Ascii-DsuNLJKv.js";
 export { componentDefinition, Ascii_default as default };

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

@@ -1,4 +1,4 @@
 import "../../transformations-DxfQXZWi.js";
 import "../../colorMixing-BXiTAqJU.js";
-import { n as componentDefinition, t as Checkerboard_default } from "../../Checkerboard-CgB-egNY.js";
+import { n as componentDefinition, t as Checkerboard_default } from "../../Checkerboard-BIFNsUYG.js";
 export { componentDefinition, Checkerboard_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-DxfQXZWi.js";
-import { n as componentDefinition, t as Dither_default } from "../../Dither-D2Nf4p3w.js";
+import { n as componentDefinition, t as Dither_default } from "../../Dither-Cq8j0QIU.js";
 export { componentDefinition, Dither_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-DxfQXZWi.js";
-import { n as componentDefinition, t as DotGrid_default } from "../../DotGrid-CzOwquo4.js";
+import { n as componentDefinition, t as DotGrid_default } from "../../DotGrid-BHfQ3hcI.js";
 export { componentDefinition, DotGrid_default as default };

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

@@ -1,3 +1,3 @@
 import "../../transformations-DxfQXZWi.js";
-import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-D9Nnu1qg.js";
+import { n as componentDefinition, t as FloatingParticles_default } from "../../FloatingParticles-CP6GqC3k.js";
 export { componentDefinition, FloatingParticles_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-CnjCvajI.js";
+import { n as componentDefinition, t as GlassTiles_default } from "../../GlassTiles-CXChgYaL.js";
 export { componentDefinition, GlassTiles_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Grayscale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;CAAG;AAElC,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAkBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Grayscale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;CAAG;AAElC,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAenE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-DRny75A9.js";
+import { n as componentDefinition, t as Grayscale_default } from "../../Grayscale-Bi-XBvO_.js";
 export { componentDefinition, Grayscale_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/HueShift/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAyBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/HueShift/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA4DnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as HueShift_default } from "../../HueShift-De8ukMWs.js";
+import { n as componentDefinition, t as HueShift_default } from "../../HueShift-DvOpzM7W.js";
 export { componentDefinition, HueShift_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-Cv8537Pj.js";
+import { n as componentDefinition, t as Pixelate_default } from "../../Pixelate-JF72DGuK.js";
 export { componentDefinition, Pixelate_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Posterize/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAqBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Posterize/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA4BnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Posterize_default } from "../../Posterize-3m3xkWOz.js";
+import { n as componentDefinition, t as Posterize_default } from "../../Posterize-DIjjPS72.js";
 export { componentDefinition, Posterize_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Saturation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Saturation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Saturation_default } from "../../Saturation-CYFI1jzN.js";
+import { n as componentDefinition, t as Saturation_default } from "../../Saturation-J0nI4hmh.js";
 export { componentDefinition, Saturation_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Vibrance/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAwBnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Vibrance/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAoCnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-DRtecEvb.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-BI5q7_Wt.js";
 export { componentDefinition, Vibrance_default as default };

package/package.json

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

package/dist/core/HueShift-De8ukMWs.js

@@ -1,31 +0,0 @@
-import * as TSL from "three/tsl";
-import { hue } from "three/src/nodes/display/ColorAdjustment";
-const componentDefinition = {
-	name: "HueShift",
-	category: "Adjustments",
-	description: "Rotate hue around the color wheel",
-	requiresChild: true,
-	props: { shift: {
-		default: 0,
-		description: "The amount to shift the hue by",
-		ui: {
-			type: "range",
-			min: -180,
-			max: 180,
-			step: 1,
-			label: "Shift"
-		},
-		transform: (value) => value * Math.PI / 180
-	} },
-	fragmentNode: ({ uniforms, childNode }) => {
-		const { vec4: vec4$1 } = TSL;
-		if (!childNode) {
-			console.error("You must pass a child component into the Hue Shift shader.");
-			return vec4$1(0);
-		}
-		const sourceColor = childNode || vec4$1(0, 0, 0, 0);
-		return vec4$1(hue(sourceColor.rgb, uniforms.shift.uniform).rgb, sourceColor.a);
-	}
-};
-var HueShift_default = componentDefinition;
-export { componentDefinition as n, HueShift_default as t };