shaders 2.5.101 → 2.5.103

package/dist/core/{FilmGrain-yBeLmqwl.js → FilmGrain-DSJiMtEp.js}

@@ -1,4 +1,4 @@
-import { clamp, dot, float, floor, fract, pow, screenUV, sin, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { clamp, dot, float, fract, pow, sin, uniform, vec2, vec3, vec4, viewportCoordinate } from "three/tsl";
 const componentDefinition = {
 	name: "FilmGrain",
 	category: "Stylize",
@@ -49,8 +49,8 @@ const componentDefinition = {
 		onBeforeRender(({ deltaTime }) => {
 			animTime.value += deltaTime * animated.value * 10;
 		});
-		const grain = fract(sin(dot(floor(screenUV.mul(viewportSize)), vec2(1, 157)).add(animTime)).mul(float(43758.5453))).mul(float(2)).sub(float(1));
-		const brightness = clamp(dot(sourceColor.rgb, vec3(.299, .587, .114)), 0, 1);
+		const grain = fract(sin(dot(viewportCoordinate, vec2(12.9898, 78.233)).add(animTime)).mul(float(43758.5453))).mul(float(2)).sub(float(1));
+		const brightness = clamp(dot(sourceColor.rgb, vec3(.2126, .7152, .0722)), 0, 1);
 		const darkFactor = pow(float(1).sub(brightness).add(float(1e-6)), bias);
 		const grainIntensity = grain.mul(darkFactor).mul(strength.mul(float(.1)));
 		return vec4(sourceColor.rgb.add(grainIntensity), sourceColor.a);

package/dist/core/Halftone-XFa7by1s.js

@@ -0,0 +1,287 @@
+import { a as transformColor, r as transformAngle } from "./transformations-B5lM6fYX.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { convertToTexture, cos, dot, float, fract, length, max, mix, radians, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
+var transformStyle = (value) => {
+	return value === "cmyk" ? 1 : 0;
+};
+const componentDefinition = {
+	name: "Halftone",
+	category: "Stylize",
+	description: "Halftone dot pattern effect for printing aesthetics",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		style: {
+			default: "classic",
+			transform: transformStyle,
+			compileTime: true,
+			description: "Halftone rendering style",
+			ui: {
+				type: "select",
+				options: [{
+					label: "Simple",
+					value: "classic"
+				}, {
+					label: "CMYK Print",
+					value: "cmyk"
+				}],
+				label: "Style",
+				group: "Effect"
+			}
+		},
+		frequency: {
+			default: 100,
+			description: "Frequency of the halftone dots",
+			ui: {
+				type: ["range", "map"],
+				min: 10,
+				max: 300,
+				step: 1,
+				label: "Frequency",
+				group: "Effect"
+			}
+		},
+		angle: {
+			default: 45,
+			transform: transformAngle,
+			description: "Rotation angle of the pattern (in degrees)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Angle",
+				group: "Effect",
+				condition: { style: "classic" }
+			}
+		},
+		cyanAngle: {
+			default: 15,
+			transform: transformAngle,
+			description: "Screen angle for the cyan plate (in degrees)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Cyan Angle",
+				group: "Plate Angles",
+				condition: { style: "cmyk" }
+			}
+		},
+		magentaAngle: {
+			default: 75,
+			transform: transformAngle,
+			description: "Screen angle for the magenta plate (in degrees)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Magenta Angle",
+				group: "Plate Angles",
+				condition: { style: "cmyk" }
+			}
+		},
+		yellowAngle: {
+			default: 0,
+			transform: transformAngle,
+			description: "Screen angle for the yellow plate (in degrees)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Yellow Angle",
+				group: "Plate Angles",
+				condition: { style: "cmyk" }
+			}
+		},
+		blackAngle: {
+			default: 45,
+			transform: transformAngle,
+			description: "Screen angle for the black plate (in degrees)",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Black Angle",
+				group: "Plate Angles",
+				condition: { style: "cmyk" }
+			}
+		},
+		misprint: {
+			default: 0,
+			description: "Simulated mis-registration between plates. Plates are offset around the misprint angle, producing colour fringing at the edges of inked regions.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: .01,
+				step: 5e-4,
+				label: "Misprint",
+				group: "Effect",
+				condition: { style: "cmyk" }
+			}
+		},
+		misprintAngle: {
+			default: 0,
+			transform: transformAngle,
+			description: "Direction the plates drift apart. Rotating this rotates the colour-fringing pattern.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Misprint Angle",
+				group: "Effect",
+				condition: { style: "cmyk" }
+			}
+		},
+		paperColor: {
+			default: "#ffffff",
+			transform: transformColor,
+			description: "Paper/substrate color shown where no ink lands",
+			ui: {
+				type: "color",
+				label: "Paper",
+				group: "Inks",
+				condition: { style: "cmyk" }
+			}
+		},
+		cyanColor: {
+			default: "#00ffff",
+			transform: transformColor,
+			description: "Cyan ink color",
+			ui: {
+				type: "color",
+				label: "Cyan",
+				group: "Inks",
+				condition: { style: "cmyk" }
+			}
+		},
+		magentaColor: {
+			default: "#ff00ff",
+			transform: transformColor,
+			description: "Magenta ink color",
+			ui: {
+				type: "color",
+				label: "Magenta",
+				group: "Inks",
+				condition: { style: "cmyk" }
+			}
+		},
+		yellowColor: {
+			default: "#ffff00",
+			transform: transformColor,
+			description: "Yellow ink color",
+			ui: {
+				type: "color",
+				label: "Yellow",
+				group: "Inks",
+				condition: { style: "cmyk" }
+			}
+		},
+		blackColor: {
+			default: "#000000",
+			transform: transformColor,
+			description: "Black (key) ink color",
+			ui: {
+				type: "color",
+				label: "Black",
+				group: "Inks",
+				condition: { style: "cmyk" }
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0);
+		const frequency = uniforms.frequency.uniform;
+		const smoothness = float(.1);
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectUV = vec2(screenUV.x.mul(aspect), screenUV.y);
+		const rotateUV = (uv$1, angleRad) => {
+			const c$1 = cos(angleRad);
+			const s = sin(angleRad);
+			return vec2(dot(uv$1, vec2(c$1, s.negate())), dot(uv$1, vec2(s, c$1)));
+		};
+		const dotMask = (rotatedUV, intensity) => {
+			const dist = length(fract(rotatedUV.mul(frequency)).sub(.5));
+			const size = intensity.mul(.75).sub(smoothness);
+			return smoothstep(size.sub(smoothness), size.add(smoothness), dist).oneMinus();
+		};
+		if (uniforms.style.uniform.value === 0) {
+			const gridUV = fract(rotateUV(aspectUV, radians(uniforms.angle.uniform)).mul(frequency)).sub(.5);
+			const dotSize = dot(childNode.rgb, vec3(.299, .587, .114)).mul(.7).add(.15);
+			const dist = length(gridUV);
+			const dotPattern = smoothstep(dotSize.sub(smoothness), dotSize.add(smoothness), dist).oneMinus();
+			return vec4(childNode.rgb.mul(dotPattern), childNode.a.mul(dotPattern));
+		}
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const misprint = uniforms.misprint.uniform;
+		const misprintAngleRad = radians(uniforms.misprintAngle.uniform);
+		const cAngleRad = radians(uniforms.cyanAngle.uniform);
+		const mAngleRad = radians(uniforms.magentaAngle.uniform);
+		const yAngleRad = radians(uniforms.yellowAngle.uniform);
+		const kAngleRad = radians(uniforms.blackAngle.uniform);
+		const plateOffset = (offsetAngleRad) => {
+			return vec2(cos(offsetAngleRad).mul(misprint), sin(offsetAngleRad).mul(misprint).div(aspect));
+		};
+		const cSampleUV = screenUV.add(plateOffset(misprintAngleRad));
+		const mSampleUV = screenUV.add(plateOffset(misprintAngleRad.add(radians(float(90)))));
+		const ySampleUV = screenUV.add(plateOffset(misprintAngleRad.add(radians(float(180)))));
+		const kSampleUV = screenUV.add(plateOffset(misprintAngleRad.add(radians(float(270)))));
+		const cSample = unpremultiplyAlpha(childTexture.sample(cSampleUV));
+		const mSample = unpremultiplyAlpha(childTexture.sample(mSampleUV));
+		const ySample = unpremultiplyAlpha(childTexture.sample(ySampleUV));
+		const kSample = unpremultiplyAlpha(childTexture.sample(kSampleUV));
+		const centerSample = unpremultiplyAlpha(childTexture.sample(screenUV));
+		const channelK = (s) => float(1).sub(max(max(s.r, s.g), s.b));
+		const channelC = (s) => {
+			const k$1 = channelK(s);
+			const invK = float(1).sub(k$1).max(float(1e-4));
+			return float(1).sub(s.r).sub(k$1).div(invK);
+		};
+		const channelM = (s) => {
+			const k$1 = channelK(s);
+			const invK = float(1).sub(k$1).max(float(1e-4));
+			return float(1).sub(s.g).sub(k$1).div(invK);
+		};
+		const channelY = (s) => {
+			const k$1 = channelK(s);
+			const invK = float(1).sub(k$1).max(float(1e-4));
+			return float(1).sub(s.b).sub(k$1).div(invK);
+		};
+		const c = channelC(cSample);
+		const m = channelM(mSample);
+		const y = channelY(ySample);
+		const k = channelK(kSample);
+		const cUV = rotateUV(aspectUV, cAngleRad);
+		const mUV = rotateUV(aspectUV, mAngleRad);
+		const yUV = rotateUV(aspectUV, yAngleRad);
+		const kUV = rotateUV(aspectUV, kAngleRad);
+		const cInk = dotMask(cUV, c);
+		const mInk = dotMask(mUV, m);
+		const yInk = dotMask(yUV, y);
+		const kInk = dotMask(kUV, k);
+		const paper = uniforms.paperColor.uniform;
+		const cyanCol = uniforms.cyanColor.uniform;
+		const magentaCol = uniforms.magentaColor.uniform;
+		const yellowCol = uniforms.yellowColor.uniform;
+		const blackCol = uniforms.blackColor.uniform;
+		const transmission = (inkColor, inkMask) => {
+			return mix(vec3(1, 1, 1), inkColor.rgb, inkMask.mul(inkColor.a));
+		};
+		let printed = paper.rgb;
+		printed = printed.mul(transmission(cyanCol, cInk));
+		printed = printed.mul(transmission(magentaCol, mInk));
+		printed = printed.mul(transmission(yellowCol, yInk));
+		printed = printed.mul(transmission(blackCol, kInk));
+		return vec4(printed, centerSample.a);
+	}
+};
+var Halftone_default = componentDefinition;
+export { componentDefinition as n, Halftone_default as t };

package/dist/core/VHS-CQJ1hV_D.js

@@ -0,0 +1,123 @@
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { clamp, convertToTexture, cos, dot, float, floor, fract, mix, mod, screenUV, sin, smoothstep, time, vec2, vec3, vec4 } from "three/tsl";
+var SMEAR_SAMPLES = 6;
+var FIELD_LINES = 487;
+const componentDefinition = {
+	name: "VHS",
+	category: "Stylize",
+	description: "Analog VHS tape with intermittent tape damage, chroma bleed, and per-scanline noise",
+	requiresRTT: true,
+	requiresChild: true,
+	props: {
+		wobble: {
+			default: 1,
+			description: "Overall amount of tape damage — waves, creases, and head-switching noise. Bursts on and off organically over time.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 5,
+				step: .01,
+				label: "Wobble",
+				group: "Effect"
+			}
+		},
+		scanlineNoise: {
+			default: .6,
+			description: "Per-scanline fine chroma/luma jitter. Adds the classic horizontal-streak detail.",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Scanline Noise",
+				group: "Effect"
+			}
+		},
+		smear: {
+			default: .2,
+			description: "Horizontal chroma smear (color bleed) amount. Positive trails colour to the right (classic VHS), negative trails it to the left.",
+			ui: {
+				type: ["range", "map"],
+				min: -2,
+				max: 2,
+				step: .01,
+				label: "Smear",
+				group: "Effect"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Animation speed of the tape effects.",
+			ui: {
+				type: "range",
+				min: .1,
+				max: 3,
+				step: .1,
+				label: "Speed",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
+		if (!childNode) return vec4(0, 0, 0, 0);
+		const childTexture = convertToTexture(childNode);
+		onCleanup(() => {
+			if (childTexture?.renderTarget?.dispose) childTexture.renderTarget.dispose();
+		});
+		const wobble = uniforms.wobble.uniform;
+		const scanlineNoiseAmt = uniforms.scanlineNoise.uniform;
+		const smear = uniforms.smear.uniform;
+		const speed = uniforms.speed.uniform;
+		const t = time.mul(speed);
+		const hash2D = (p) => fract(sin(dot(p, vec2(12.9898, 78.233))).mul(43758.5453));
+		const smoothNoise2D = (p) => {
+			const i = floor(p);
+			const f = fract(p);
+			const u = f.mul(f).mul(f.mul(-2).add(3));
+			const a = hash2D(i);
+			const b = hash2D(i.add(vec2(1, 0)));
+			const c = hash2D(i.add(vec2(0, 1)));
+			const d = hash2D(i.add(vec2(1, 1)));
+			return mix(mix(a, b, u.x), mix(c, d, u.x), u.y);
+		};
+		const burst = smoothstep(float(.45), float(.8), smoothNoise2D(vec2(t.mul(.4), float(0))));
+		const rowInt = floor(screenUV.y.mul(FIELD_LINES));
+		const scanlineHash = (seedOffset) => fract(sin(rowInt.mul(12.9898).add(t.add(seedOffset).mul(78.233))).mul(43758.5453)).sub(.5).mul(2);
+		const fineGate = float(.25).add(burst.mul(.75));
+		const chromaRowOffset = scanlineHash(0).mul(scanlineNoiseAmt).mul(.008).mul(fineGate);
+		const lumaRowOffset = scanlineHash(69.42).mul(scanlineNoiseAmt).mul(.004).mul(fineGate);
+		const wave1 = smoothNoise2D(vec2(screenUV.y.mul(3), t.mul(.8))).sub(.5);
+		const wave2 = smoothNoise2D(vec2(screenUV.y.mul(30), t.mul(6))).sub(.5);
+		const tapeWave = wave1.mul(.008).add(wave2.mul(.002)).mul(wobble);
+		const creasePhase = smoothstep(float(.92), float(.99), sin(screenUV.y.mul(8).sub(t.mul(3.77))));
+		const creaseNoise = smoothstep(float(.3), float(1), smoothNoise2D(vec2(screenUV.y.mul(4.77), t)));
+		const creaseShift = creasePhase.mul(creaseNoise).mul(wobble).mul(-.018);
+		const switchPhase = smoothstep(float(.06), float(0), screenUV.y);
+		const switchNoise = smoothNoise2D(vec2(screenUV.y.mul(60), t.mul(14))).sub(.5);
+		const switchX = switchPhase.mul(switchNoise).mul(wobble).mul(.09);
+		const switchY = switchPhase.mul(wobble).mul(burst).mul(.02);
+		const globalX = tapeWave.add(creaseShift).add(switchX);
+		const lumaUV = vec2(screenUV.x.add(globalX).add(lumaRowOffset), screenUV.y.add(switchY));
+		const chromaUV = vec2(screenUV.x.add(globalX).add(chromaRowOffset), screenUV.y.add(switchY));
+		const lumaSample = childTexture.sample(lumaUV);
+		const sharpY = lumaSample.rgb.dot(vec3(.299, .587, .114));
+		const smearScale = smear.mul(.0075);
+		let accumI = float(0);
+		let accumQ = float(0);
+		for (let i = 0; i < SMEAR_SAMPLES; i++) {
+			const offsetX = float(-i).mul(smearScale);
+			const sampled = childTexture.sample(vec2(chromaUV.x.add(offsetX), chromaUV.y));
+			const iComp = sampled.rgb.dot(vec3(.596, -.274, -.322));
+			const qComp = sampled.rgb.dot(vec3(.211, -.523, .312));
+			const w = i / (SMEAR_SAMPLES - 1) * (2 / SMEAR_SAMPLES);
+			accumI = accumI.add(iComp.mul(w));
+			accumQ = accumQ.add(qComp.mul(w));
+		}
+		const finalYiq = vec3(sharpY, accumI, accumQ);
+		const finalRgb = vec3(finalYiq.x.add(finalYiq.y.mul(.956)).add(finalYiq.z.mul(.621)), finalYiq.x.sub(finalYiq.y.mul(.272)).sub(finalYiq.z.mul(.647)), finalYiq.x.sub(finalYiq.y.mul(1.106)).add(finalYiq.z.mul(1.703)));
+		const acBeat = float(1).add(cos(mod(t, 6.2831853).mul(2).add(screenUV.y.mul(.5))).mul(.015).mul(wobble));
+		return unpremultiplyAlpha(vec4(clamp(finalRgb.mul(acBeat), vec3(0), vec3(1)), lumaSample.a));
+	}
+};
+var VHS_default = componentDefinition;
+export { componentDefinition as n, VHS_default as t };

package/dist/core/{VideoTexture-DJrkry82.js → VideoTexture-DnHIs4pp.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-ClWxLlIB.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-DTNngPey.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/{WebcamTexture-Cf8J7JB1.js → WebcamTexture-XBDo2kgN.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-ClWxLlIB.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-DTNngPey.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/index.js

@@ -37,7 +37,7 @@ import "./Duotone-Bl02WcA2.js";
 import "./Ellipse-CXxGqTYI.js";
 import "./Emboss-ClQV27Mt.js";
 import "./FallingLines-CArEXajJ.js";
-import "./FilmGrain-yBeLmqwl.js";
+import "./FilmGrain-DSJiMtEp.js";
 import "./FloatingParticles-BtwGRl_d.js";
 import "./Flower-MAwlZEv8.js";
 import "./FlowField-RyqiRxyI.js";
@@ -52,7 +52,7 @@ import "./Grayscale-lYKBBkGY.js";
 import "./Grid-BJ-nxN3i.js";
 import "./GridDistortion-DtaRNrTZ.js";
 import "./Group-DpozigtX.js";
-import "./Halftone-BVL2oy37.js";
+import "./Halftone-XFa7by1s.js";
 import "./HexGrid-D-EmQ4kI.js";
 import "./HueShift-D9K0ynaS.js";
 import "./ImageTexture-CArkZMfh.js";
@@ -100,16 +100,17 @@ import "./Tritone-BlJ7cchN.js";
 import "./Truchet-Bnn0fwbF.js";
 import "./Twirl-C5ijhqz1.js";
 import "./Vesica-DU0f85NG.js";
-import "./Vibrance-dqIV6GBe.js";
-import "./browser-ClWxLlIB.js";
-import "./VideoTexture-DJrkry82.js";
-import "./Vignette-DB1wO1dm.js";
-import "./Voronoi-C3WIJFWc.js";
-import "./WaveDistortion-BKma8-Ju.js";
-import "./Weave-xuu_vQ5e.js";
-import "./WebcamTexture-Cf8J7JB1.js";
-import "./ZoomBlur-UcS2iFT2.js";
-import { t as getAllShaders } from "./shaderRegistry-X16MNgs8.js";
+import "./VHS-CQJ1hV_D.js";
+import "./Vibrance-CGvYDeds.js";
+import "./browser-DTNngPey.js";
+import "./VideoTexture-DnHIs4pp.js";
+import "./Vignette-BJaonUVL.js";
+import "./Voronoi-DZemzWA4.js";
+import "./WaveDistortion--Y-m667K.js";
+import "./Weave-CtyohvHz.js";
+import "./WebcamTexture-XBDo2kgN.js";
+import "./ZoomBlur-BwkhsFRE.js";
+import { t as getAllShaders } from "./shaderRegistry-BWuH2me2.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";

package/dist/core/registry.js

@@ -37,7 +37,7 @@ import "./Duotone-Bl02WcA2.js";
 import "./Ellipse-CXxGqTYI.js";
 import "./Emboss-ClQV27Mt.js";
 import "./FallingLines-CArEXajJ.js";
-import "./FilmGrain-yBeLmqwl.js";
+import "./FilmGrain-DSJiMtEp.js";
 import "./FloatingParticles-BtwGRl_d.js";
 import "./Flower-MAwlZEv8.js";
 import "./FlowField-RyqiRxyI.js";
@@ -52,7 +52,7 @@ import "./Grayscale-lYKBBkGY.js";
 import "./Grid-BJ-nxN3i.js";
 import "./GridDistortion-DtaRNrTZ.js";
 import "./Group-DpozigtX.js";
-import "./Halftone-BVL2oy37.js";
+import "./Halftone-XFa7by1s.js";
 import "./HexGrid-D-EmQ4kI.js";
 import "./HueShift-D9K0ynaS.js";
 import "./ImageTexture-CArkZMfh.js";
@@ -100,14 +100,15 @@ import "./Tritone-BlJ7cchN.js";
 import "./Truchet-Bnn0fwbF.js";
 import "./Twirl-C5ijhqz1.js";
 import "./Vesica-DU0f85NG.js";
-import "./Vibrance-dqIV6GBe.js";
-import "./browser-ClWxLlIB.js";
-import "./VideoTexture-DJrkry82.js";
-import "./Vignette-DB1wO1dm.js";
-import "./Voronoi-C3WIJFWc.js";
-import "./WaveDistortion-BKma8-Ju.js";
-import "./Weave-xuu_vQ5e.js";
-import "./WebcamTexture-Cf8J7JB1.js";
-import "./ZoomBlur-UcS2iFT2.js";
-import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-X16MNgs8.js";
+import "./VHS-CQJ1hV_D.js";
+import "./Vibrance-CGvYDeds.js";
+import "./browser-DTNngPey.js";
+import "./VideoTexture-DnHIs4pp.js";
+import "./Vignette-BJaonUVL.js";
+import "./Voronoi-DZemzWA4.js";
+import "./WaveDistortion--Y-m667K.js";
+import "./Weave-CtyohvHz.js";
+import "./WebcamTexture-XBDo2kgN.js";
+import "./ZoomBlur-BwkhsFRE.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-BWuH2me2.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/{shaderRegistry-X16MNgs8.js → shaderRegistry-BWuH2me2.js}

@@ -30,7 +30,7 @@ import { n as componentDefinition$28 } from "./Duotone-Bl02WcA2.js";
 import { n as componentDefinition$29 } from "./Ellipse-CXxGqTYI.js";
 import { n as componentDefinition$30 } from "./Emboss-ClQV27Mt.js";
 import { n as componentDefinition$31 } from "./FallingLines-CArEXajJ.js";
-import { n as componentDefinition$32 } from "./FilmGrain-yBeLmqwl.js";
+import { n as componentDefinition$32 } from "./FilmGrain-DSJiMtEp.js";
 import { n as componentDefinition$33 } from "./FloatingParticles-BtwGRl_d.js";
 import { n as componentDefinition$34 } from "./Flower-MAwlZEv8.js";
 import { n as componentDefinition$35 } from "./FlowField-RyqiRxyI.js";
@@ -45,7 +45,7 @@ import { n as componentDefinition$43 } from "./Grayscale-lYKBBkGY.js";
 import { n as componentDefinition$44 } from "./Grid-BJ-nxN3i.js";
 import { n as componentDefinition$45 } from "./GridDistortion-DtaRNrTZ.js";
 import { n as componentDefinition$46 } from "./Group-DpozigtX.js";
-import { n as componentDefinition$47 } from "./Halftone-BVL2oy37.js";
+import { n as componentDefinition$47 } from "./Halftone-XFa7by1s.js";
 import { n as componentDefinition$48 } from "./HexGrid-D-EmQ4kI.js";
 import { n as componentDefinition$49 } from "./HueShift-D9K0ynaS.js";
 import { n as componentDefinition$50 } from "./ImageTexture-CArkZMfh.js";
@@ -93,14 +93,15 @@ import { n as componentDefinition$91 } from "./Tritone-BlJ7cchN.js";
 import { n as componentDefinition$92 } from "./Truchet-Bnn0fwbF.js";
 import { n as componentDefinition$93 } from "./Twirl-C5ijhqz1.js";
 import { n as componentDefinition$94 } from "./Vesica-DU0f85NG.js";
-import { n as componentDefinition$95 } from "./Vibrance-dqIV6GBe.js";
-import { n as componentDefinition$96 } from "./VideoTexture-DJrkry82.js";
-import { n as componentDefinition$97 } from "./Vignette-DB1wO1dm.js";
-import { n as componentDefinition$98 } from "./Voronoi-C3WIJFWc.js";
-import { n as componentDefinition$99 } from "./WaveDistortion-BKma8-Ju.js";
-import { n as componentDefinition$100 } from "./Weave-xuu_vQ5e.js";
-import { n as componentDefinition$101 } from "./WebcamTexture-Cf8J7JB1.js";
-import { n as componentDefinition$102 } from "./ZoomBlur-UcS2iFT2.js";
+import { n as componentDefinition$95 } from "./VHS-CQJ1hV_D.js";
+import { n as componentDefinition$96 } from "./Vibrance-CGvYDeds.js";
+import { n as componentDefinition$97 } from "./VideoTexture-DnHIs4pp.js";
+import { n as componentDefinition$98 } from "./Vignette-BJaonUVL.js";
+import { n as componentDefinition$99 } from "./Voronoi-DZemzWA4.js";
+import { n as componentDefinition$100 } from "./WaveDistortion--Y-m667K.js";
+import { n as componentDefinition$101 } from "./Weave-CtyohvHz.js";
+import { n as componentDefinition$102 } from "./WebcamTexture-XBDo2kgN.js";
+import { n as componentDefinition$103 } from "./ZoomBlur-BwkhsFRE.js";
 var createShaderRegistry = () => {
 	const registry = {};
 	const shaderDefinitions = {
@@ -199,14 +200,15 @@ var createShaderRegistry = () => {
 		Truchet: componentDefinition$92,
 		Twirl: componentDefinition$93,
 		Vesica: componentDefinition$94,
-		Vibrance: componentDefinition$95,
-		VideoTexture: componentDefinition$96,
-		Vignette: componentDefinition$97,
-		Voronoi: componentDefinition$98,
-		WaveDistortion: componentDefinition$99,
-		Weave: componentDefinition$100,
-		WebcamTexture: componentDefinition$101,
-		ZoomBlur: componentDefinition$102
+		VHS: componentDefinition$95,
+		Vibrance: componentDefinition$96,
+		VideoTexture: componentDefinition$97,
+		Vignette: componentDefinition$98,
+		Voronoi: componentDefinition$99,
+		WaveDistortion: componentDefinition$100,
+		Weave: componentDefinition$101,
+		WebcamTexture: componentDefinition$102,
+		ZoomBlur: componentDefinition$103
 	};
 	Object.entries(shaderDefinitions).forEach(([fileName, def]) => {
 		const propsMetadata = {};

package/dist/core/shaderRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA2ID,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}
+{"version":3,"file":"shaderRegistry.d.ts","sourceRoot":"","sources":["../src/shaderRegistry.ts"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IACpC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAC5B,EAAE,CAAC,EAAE,GAAG,CAAA;QACR,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;CACH;AA4ID,eAAO,MAAM,cAAc,qCAAyB,CAAA;AAGpD,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE7E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAE5E;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAG9C"}

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

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

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-yBeLmqwl.js";
+import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-DSJiMtEp.js";
 export { componentDefinition, FilmGrain_default as default };