shaders 2.3.74 → 2.4.76

package/dist/core/{AngularBlur-BBVuS72B.js → AngularBlur-BgZWbEjj.js}

@@ -1,5 +1,5 @@
 import { l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.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;

package/dist/core/{Ascii-C57qusEP.js → Ascii-BwSMmD6Z.js}

@@ -1,4 +1,4 @@
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.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 = {

package/dist/core/{Aurora-LKsAmrmY.js → Aurora-BPHeGEZ_.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
+import { t as createAnimatedTime } from "./time-DUqSFWvT.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-BkYNheGX.js → Beam-CAnoOWgt.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
 import { clamp, float, max, mix, pow, screenUV, smoothstep, sqrt, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Beam",

package/dist/core/{Blob-CWfHiQeb.js → Blob-56vuq_qL.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
+import { t as createAnimatedTime } from "./time-DUqSFWvT.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-BguzqgHU.js → Blur-DTyNQt1R.js}

@@ -1,4 +1,4 @@
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { Fn, convertToTexture, float, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Blur",

package/dist/core/{Bulge-B8jPaomW.js → Bulge-DN2R75Hp.js}

@@ -1,6 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
 import { c as transformEdges, l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { convertToTexture, float, length, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Bulge",

package/dist/core/{CRTScreen-C5v58BPh.js → CRTScreen-BZ-sAmPZ.js}

@@ -1,4 +1,4 @@
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { convertToTexture, float, fract, length, mix, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "CRTScreen",

package/dist/core/{ChannelBlur-BAq9PV6G.js → ChannelBlur-CCaPXjka.js}

@@ -1,4 +1,4 @@
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { Fn, convertToTexture, float, screenUV, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ChannelBlur",

package/dist/core/{Checkerboard-BtVQVtsL.js → Checkerboard-_IUtUrDv.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
 import { float, floor, fract, min, mod, screenUV, smoothstep, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Checkerboard",

package/dist/core/{ChromaticAberration-Ck4Zd3W1.js → ChromaticAberration-G8_bwQtD.js}

@@ -1,5 +1,5 @@
 import { r as transformAngle } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { convertToTexture, cos, radians, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ChromaticAberration",

package/dist/core/{Circle-DdVVbdgQ.js → Circle--0oHzoCi.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
 import { float, length, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	const mode = {
@@ -15,7 +15,7 @@ var transformStrokePosition = (value) => {
 };
 const componentDefinition = {
 	name: "Circle",
-	category: "Textures",
+	category: "Shapes",
 	description: "Generate a circle with adjustable size and softness",
 	props: {
 		color: {

package/dist/core/{ConcentricSpin-BQTBqzyV.js → ConcentricSpin-BzxzMieZ.js}

@@ -1,7 +1,7 @@
 import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
 import { c as transformEdges, l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
 import { Fn, convertToTexture, cos, float, floor, fract, mix, mod, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "ConcentricSpin",

package/dist/core/Crescent-B4Z_WAgY.js

@@ -0,0 +1,186 @@
+import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
+import { r as crescentSdf } from "./sdf-BDsv-WBk.js";
+import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
+var transformStrokePosition = (value) => {
+	return {
+		"outside": 0,
+		"center": 1,
+		"inside": 2
+	}[value?.toLowerCase()] ?? 1;
+};
+const componentDefinition = {
+	name: "Crescent",
+	category: "Shapes",
+	description: "Crescent moon shape — an outer circle with an inner circle subtracted",
+	props: {
+		color: {
+			default: "#ffffff",
+			transform: transformColor,
+			description: "Fill color of the crescent",
+			ui: {
+				type: "color",
+				label: "Color",
+				group: "Colors"
+			}
+		},
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Center position of the crescent",
+			ui: {
+				type: "position",
+				label: "Center",
+				group: "Position"
+			}
+		},
+		radius: {
+			default: .3,
+			description: "Outer circle radius",
+			ui: {
+				type: "range",
+				min: .05,
+				max: 1,
+				step: .01,
+				label: "Size",
+				group: "Shape"
+			}
+		},
+		innerRatio: {
+			default: .8,
+			description: "Inner (bite) circle radius as a fraction of outer radius",
+			ui: {
+				type: "range",
+				min: .3,
+				max: 1.2,
+				step: .01,
+				label: "Bite Size",
+				group: "Shape"
+			}
+		},
+		offset: {
+			default: .2,
+			description: "Horizontal distance the bite circle is shifted from center",
+			ui: {
+				type: "range",
+				min: .01,
+				max: .5,
+				step: .01,
+				label: "Bite Offset",
+				group: "Shape"
+			}
+		},
+		rotation: {
+			default: 0,
+			description: "Rotation in degrees",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Rotation",
+				group: "Shape"
+			}
+		},
+		softness: {
+			default: 0,
+			description: "Edge softness for antialiasing",
+			ui: {
+				type: "range",
+				min: 0,
+				max: .1,
+				step: .001,
+				label: "Softness",
+				group: "Effect"
+			}
+		},
+		strokeThickness: {
+			default: 0,
+			description: "Stroke thickness. Zero means no stroke.",
+			ui: {
+				type: "range",
+				min: 0,
+				max: .2,
+				step: .005,
+				label: "Stroke Thickness",
+				group: "Stroke"
+			}
+		},
+		strokeColor: {
+			default: "#000000",
+			transform: transformColor,
+			description: "Color of the stroke outline",
+			ui: {
+				type: "color",
+				label: "Stroke Color",
+				group: "Colors"
+			}
+		},
+		strokePosition: {
+			default: "center",
+			transform: transformStrokePosition,
+			description: "Position of the stroke relative to the shape edge",
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Outside",
+						value: "outside"
+					},
+					{
+						label: "Center",
+						value: "center"
+					},
+					{
+						label: "Inside",
+						value: "inside"
+					}
+				],
+				label: "Stroke Position",
+				group: "Stroke"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for blending fill and stroke colors",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Blending",
+				group: "Colors"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectUV = vec2(uv$1.x.mul(aspect), uv$1.y);
+		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
+		const dx = aspectUV.x.sub(centerPos.x);
+		const dy = aspectUV.y.sub(centerPos.y);
+		const rotRad = uniforms.rotation.uniform.mul(float(Math.PI / 180));
+		const cosR = cos(rotRad);
+		const sinR = sin(rotRad);
+		const sdf = crescentSdf(dx.mul(cosR).add(dy.mul(sinR)), dy.mul(cosR).sub(dx.mul(sinR)), uniforms.radius.uniform, uniforms.innerRatio.uniform, uniforms.offset.uniform);
+		const edgeSoftness = uniforms.softness.uniform;
+		const strokeThickness = uniforms.strokeThickness.uniform;
+		const strokePositionMode = uniforms.strokePosition.uniform;
+		const hasStroke = strokeThickness.greaterThan(float(0));
+		const isCenter = strokePositionMode.greaterThanEqual(float(.5)).and(strokePositionMode.lessThan(float(1.5)));
+		const isInside = strokePositionMode.greaterThanEqual(float(1.5));
+		const halfThickness = strokeThickness.mul(.5);
+		const strokeInner = isInside.select(strokeThickness.negate(), isCenter.select(halfThickness.negate(), float(0)));
+		const strokeOuter = isInside.select(float(0), isCenter.select(halfThickness, strokeThickness));
+		const overallMask = smoothstep(strokeOuter.sub(edgeSoftness), strokeOuter, sdf).oneMinus();
+		const strokeBlend = hasStroke.select(smoothstep(strokeInner.sub(edgeSoftness), strokeInner, sdf), float(0));
+		const blendedColor = mixColors(vec4(uniforms.color.uniform.rgb, uniforms.color.uniform.a), vec4(uniforms.strokeColor.uniform.rgb, uniforms.strokeColor.uniform.a), strokeBlend, uniforms.colorSpace.uniform.value);
+		return vec4(blendedColor.xyz, blendedColor.w.mul(overallMask));
+	}
+};
+var Crescent_default = componentDefinition;
+export { componentDefinition as n, Crescent_default as t };

package/dist/core/Cross-M5Vm5Kmy.js

@@ -0,0 +1,186 @@
+import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
+import { i as crossSdf } from "./sdf-BDsv-WBk.js";
+import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
+var transformStrokePosition = (value) => {
+	return {
+		"outside": 0,
+		"center": 1,
+		"inside": 2
+	}[value?.toLowerCase()] ?? 1;
+};
+const componentDefinition = {
+	name: "Cross",
+	category: "Shapes",
+	description: "Plus / cross shape with adjustable arm length, width, and rounding",
+	props: {
+		color: {
+			default: "#ffffff",
+			transform: transformColor,
+			description: "Fill color of the cross",
+			ui: {
+				type: "color",
+				label: "Color",
+				group: "Colors"
+			}
+		},
+		center: {
+			default: {
+				x: .5,
+				y: .5
+			},
+			transform: transformPosition,
+			description: "Center position of the cross",
+			ui: {
+				type: "position",
+				label: "Center",
+				group: "Position"
+			}
+		},
+		radius: {
+			default: .35,
+			description: "Arm half-length — distance from center to the end of each arm",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Arm Length",
+				group: "Shape"
+			}
+		},
+		thickness: {
+			default: .08,
+			description: "Arm half-width — controls how wide each arm is",
+			ui: {
+				type: "range",
+				min: .01,
+				max: .5,
+				step: .005,
+				label: "Arm Width",
+				group: "Shape"
+			}
+		},
+		rounding: {
+			default: 0,
+			description: "Corner rounding — rounds the arm ends and concave corners",
+			ui: {
+				type: "range",
+				min: 0,
+				max: .2,
+				step: .005,
+				label: "Rounding",
+				group: "Shape"
+			}
+		},
+		rotation: {
+			default: 0,
+			description: "Rotation in degrees (45° turns a plus into an ×)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Rotation",
+				group: "Shape"
+			}
+		},
+		softness: {
+			default: 0,
+			description: "Edge softness for antialiasing",
+			ui: {
+				type: "range",
+				min: 0,
+				max: .1,
+				step: .001,
+				label: "Softness",
+				group: "Effect"
+			}
+		},
+		strokeThickness: {
+			default: 0,
+			description: "Stroke thickness. Zero means no stroke.",
+			ui: {
+				type: "range",
+				min: 0,
+				max: .2,
+				step: .005,
+				label: "Stroke Thickness",
+				group: "Stroke"
+			}
+		},
+		strokeColor: {
+			default: "#000000",
+			transform: transformColor,
+			description: "Color of the stroke outline",
+			ui: {
+				type: "color",
+				label: "Stroke Color",
+				group: "Colors"
+			}
+		},
+		strokePosition: {
+			default: "center",
+			transform: transformStrokePosition,
+			description: "Position of the stroke relative to the shape edge",
+			ui: {
+				type: "select",
+				options: [
+					{
+						label: "Outside",
+						value: "outside"
+					},
+					{
+						label: "Center",
+						value: "center"
+					},
+					{
+						label: "Inside",
+						value: "inside"
+					}
+				],
+				label: "Stroke Position",
+				group: "Stroke"
+			}
+		},
+		colorSpace: {
+			default: "linear",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for blending fill and stroke colors",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Blending",
+				group: "Colors"
+			}
+		}
+	},
+	fragmentNode: ({ uniforms }) => {
+		const uv$1 = screenUV;
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const aspectUV = vec2(uv$1.x.mul(aspect), uv$1.y);
+		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
+		const dx = aspectUV.x.sub(centerPos.x);
+		const dy = aspectUV.y.sub(centerPos.y);
+		const rotRad = uniforms.rotation.uniform.mul(float(Math.PI / 180));
+		const cosR = cos(rotRad);
+		const sinR = sin(rotRad);
+		const sdf = crossSdf(dx.mul(cosR).add(dy.mul(sinR)), dy.mul(cosR).sub(dx.mul(sinR)), uniforms.radius.uniform, uniforms.thickness.uniform, uniforms.rounding.uniform);
+		const edgeSoftness = uniforms.softness.uniform;
+		const strokeThickness = uniforms.strokeThickness.uniform;
+		const strokePositionMode = uniforms.strokePosition.uniform;
+		const hasStroke = strokeThickness.greaterThan(float(0));
+		const isCenter = strokePositionMode.greaterThanEqual(float(.5)).and(strokePositionMode.lessThan(float(1.5)));
+		const isInside = strokePositionMode.greaterThanEqual(float(1.5));
+		const halfThickness = strokeThickness.mul(.5);
+		const strokeInner = isInside.select(strokeThickness.negate(), isCenter.select(halfThickness.negate(), float(0)));
+		const strokeOuter = isInside.select(float(0), isCenter.select(halfThickness, strokeThickness));
+		const overallMask = smoothstep(strokeOuter.sub(edgeSoftness), strokeOuter, sdf).oneMinus();
+		const strokeBlend = hasStroke.select(smoothstep(strokeInner.sub(edgeSoftness), strokeInner, sdf), float(0));
+		const blendedColor = mixColors(vec4(uniforms.color.uniform.rgb, uniforms.color.uniform.a), vec4(uniforms.strokeColor.uniform.rgb, uniforms.strokeColor.uniform.a), strokeBlend, uniforms.colorSpace.uniform.value);
+		return vec4(blendedColor.xyz, blendedColor.w.mul(overallMask));
+	}
+};
+var Cross_default = componentDefinition;
+export { componentDefinition as n, Cross_default as t };

package/dist/core/{CursorRipples-CI8y0So9.js → CursorRipples-BY1iu4MX.js}

@@ -1,6 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
 import { c as transformEdges } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
 import { convertToTexture, float, screenUV, texture, vec2, vec4 } from "three/tsl";
 var GRID_SIZE = 128;

package/dist/core/{CursorTrail-BBTqzAWC.js → CursorTrail-BzrL2WMh.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
 import { DataTexture, FloatType, LinearFilter, RGBAFormat } from "three";
 import { float, screenUV, step, texture, vec2, vec4 } from "three/tsl";
 const componentDefinition = {

package/dist/core/{DiffuseBlur-Qz6vgZgZ.js → DiffuseBlur-Dyd42LXw.js}

@@ -1,6 +1,6 @@
 import { t as applyEdgeHandling } from "./edges-CfGcQniB.js";
 import { c as transformEdges } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
 import { convertToTexture, dot, fract, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "DiffuseBlur",

package/dist/core/{Dither-Csho-L_O.js → Dither-CTInG_SB.js}

@@ -1,5 +1,5 @@
 import { a as transformColor } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.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) => {

package/dist/core/{Duotone-haec3FrU.js → Duotone-BbCFLFMK.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as unpremultiplyAlpha } from "./alpha-Byel9eTg.js";
-import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
 import { convertToTexture, dot, screenUV, smoothstep, vec3, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Duotone",