shaders 2.3.66 → 2.3.68

package/dist/core/{LensFlare-sRuR8OkY.js → LensFlare-BvU6_Rjd.js}

@@ -27,7 +27,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Master brightness of the entire lens flare effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .01,
@@ -39,7 +39,7 @@ const componentDefinition = {
 			default: .4,
 			description: "Brightness of internal reflection ghost discs along the flare axis",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -63,7 +63,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Rainbow chromatic fringing around ghost element edges",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -75,7 +75,7 @@ const componentDefinition = {
 			default: .4,
 			description: "Brightness of the circular halo ring from internal reflection",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -99,7 +99,7 @@ const componentDefinition = {
 			default: .6,
 			description: "Spectral dispersion on the halo creating rainbow color separation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -111,7 +111,7 @@ const componentDefinition = {
 			default: .8,
 			description: "Thickness and softness of the halo ring",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .01,
 				max: 3,
 				step: .01,
@@ -123,7 +123,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Brightness of diffraction spikes radiating from the light source",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -135,7 +135,7 @@ const componentDefinition = {
 			default: 6,
 			description: "Number of starburst spikes (simulates aperture blade count)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 4,
 				max: 16,
 				step: 1,
@@ -147,7 +147,7 @@ const componentDefinition = {
 			default: .15,
 			description: "Brightness of horizontal anamorphic light streak",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -159,7 +159,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Horizontal extent of the anamorphic streak",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 1,
 				step: .01,
@@ -171,7 +171,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Soft veiling glare that washes out contrast around the light",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -183,7 +183,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Size of the soft glare glow",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 1,
 				step: .01,
@@ -195,7 +195,7 @@ const componentDefinition = {
 			default: .2,
 			description: "How much the flare fades when the light source is near the screen edge (0 = no fade, 1 = heavy fade)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,

package/dist/core/{LinearBlur-BtsleV0J.js → LinearBlur-WcJbCWwj.js}

@@ -18,7 +18,7 @@ const componentDefinition = {
 			default: 30,
 			description: "Intensity of the linear blur effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -31,7 +31,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Direction of the linear blur (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,

package/dist/core/{LinearGradient-BP91wtXm.js → LinearGradient-CCTJoXKq.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, c as transformEdges, l as transformPosition, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
-import { t as mixColors } from "./colorMixing-D_wMclqL.js";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
 import { abs, cos, dot, float, fract, length, mod, normalize, radians, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "LinearGradient",
@@ -57,7 +57,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Additional rotation angle of the gradient (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -68,6 +68,7 @@ const componentDefinition = {
 		edges: {
 			default: "stretch",
 			transform: transformEdges,
+			compileTime: true,
 			description: "How to handle areas beyond the gradient endpoints",
 			ui: {
 				type: "select",
@@ -96,6 +97,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for color interpolation",
 			ui: {
 				type: "select",
@@ -122,19 +124,30 @@ const componentDefinition = {
 		const aspectCorrectedCentered = vec2(centeredUV.x.mul(aspect), centeredUV.y);
 		const rotatedCorrected = vec2(aspectCorrectedCentered.x.mul(cosAngle).sub(aspectCorrectedCentered.y.mul(sinAngle)), aspectCorrectedCentered.x.mul(sinAngle).add(aspectCorrectedCentered.y.mul(cosAngle)));
 		const t = dot(vec2(rotatedCorrected.x.div(aspect), rotatedCorrected.y).add(midpoint).sub(startPos), gradientDir).div(gradientLength.max(1e-6));
-		const edgeMode = uniforms.edges.uniform;
-		const stretchT = t.clamp(float(0), float(1));
-		const inBoundsX = t.greaterThanEqual(float(0)).select(float(1), float(0));
-		const inBoundsY = t.lessThanEqual(float(1)).select(float(1), float(0));
-		const inBounds = inBoundsX.mul(inBoundsY);
-		const mirrorT = mod(abs(t), float(2));
-		const finalMirrorT = mirrorT.greaterThan(float(1)).select(float(2).sub(mirrorT), mirrorT);
-		const wrapT = fract(t);
-		const isMode1OrHigher = edgeMode.greaterThanEqual(float(.5));
-		const isMode2OrHigher = edgeMode.greaterThanEqual(float(1.5));
-		const finalT = edgeMode.greaterThanEqual(float(2.5)).select(wrapT, isMode2OrHigher.select(finalMirrorT, isMode1OrHigher.select(t, stretchT)));
-		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, finalT.clamp(float(0), float(1)), uniforms.colorSpace.uniform);
-		const finalAlpha = isMode1OrHigher.and(edgeMode.lessThan(float(1.5))).select(mixedColor.w.mul(inBounds), mixedColor.w);
+		const edgeModeValue = uniforms.edges.uniform.value;
+		let finalT;
+		switch (edgeModeValue) {
+			case 1:
+				finalT = t;
+				break;
+			case 2: {
+				const mirrorT = mod(abs(t), float(2));
+				finalT = mirrorT.greaterThan(float(1)).select(float(2).sub(mirrorT), mirrorT);
+				break;
+			}
+			case 3:
+				finalT = fract(t);
+				break;
+			default: finalT = t.clamp(float(0), float(1));
+		}
+		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, finalT.clamp(float(0), float(1)), uniforms.colorSpace.uniform.value);
+		let finalAlpha;
+		if (edgeModeValue === 1) {
+			const inBoundsX = t.greaterThanEqual(float(0)).select(float(1), float(0));
+			const inBoundsY = t.lessThanEqual(float(1)).select(float(1), float(0));
+			const inBounds = inBoundsX.mul(inBoundsY);
+			finalAlpha = mixedColor.w.mul(inBounds);
+		} else finalAlpha = mixedColor.w;
 		return vec4(mixedColor.x, mixedColor.y, mixedColor.z, finalAlpha);
 	}
 };

package/dist/core/{Liquify-2u2lkBhB.js → Liquify-Ad7waFTE.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+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 { DataTexture, FloatType, LinearFilter, RGFormat } from "three";
@@ -70,6 +70,7 @@ const componentDefinition = {
 			default: "stretch",
 			description: "How to handle edges when distortion pushes content out of bounds",
 			transform: transformEdges,
+			compileTime: true,
 			ui: {
 				type: "select",
 				options: [
@@ -149,7 +150,7 @@ const componentDefinition = {
 		const negMaxDisplacement = float(-.2);
 		const clampedDisplacement = displacement.clamp(vec2(negMaxDisplacement, negMaxDisplacement), vec2(maxDisplacement, maxDisplacement));
 		const distortedUV = screenUV.sub(clampedDisplacement);
-		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform));
+		return unpremultiplyAlpha(applyEdgeHandling(distortedUV, childTexture.sample(distortedUV), childTexture, uniforms.edges.uniform.value));
 	}
 };
 var Liquify_default = componentDefinition;

package/dist/core/{Mirror-BonA1elw.js → Mirror-QfQBv7v_.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+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 { convertToTexture, cos, mix, screenUV, sin, step, vec2, vec4, viewportSize } from "three/tsl";
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 0,
 			description: "The angle of the mirror line in degrees",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -38,6 +38,7 @@ const componentDefinition = {
 			default: "mirror",
 			description: "How to handle edges when distortion pushes content out of bounds",
 			transform: transformEdges,
+			compileTime: true,
 			ui: {
 				type: "select",
 				options: [
@@ -81,7 +82,7 @@ const componentDefinition = {
 		const mirroredUV = centerPos.add(reflectedDelta);
 		const finalMirroredUV = vec2(mirroredUV.x.div(aspect), mirroredUV.y);
 		const shouldMirror = step(0, signedDistance);
-		return unpremultiplyAlpha(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.value), shouldMirror));
 	}
 };
 var Mirror_default = componentDefinition;

package/dist/core/{Perspective-Cwpv4683.js → Perspective-CZiW61kj.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+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 { convertToTexture, cos, float, max, screenUV, sin, tan, vec2, vec4 } from "three/tsl";
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Horizontal rotation (left/right)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -90,
 				max: 90,
 				step: .1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Vertical rotation (up/down)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -90,
 				max: 90,
 				step: .1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 60,
 			description: "Field of view - controls perspective intensity",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 30,
 				max: 120,
 				step: 1,
@@ -62,7 +62,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Zoom in to fill the frame after rotation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 3,
 				step: .1,
@@ -87,6 +87,7 @@ const componentDefinition = {
 			default: "transparent",
 			description: "How to handle edges",
 			transform: transformEdges,
+			compileTime: true,
 			ui: {
 				type: "select",
 				options: [
@@ -138,7 +139,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 unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform));
+		return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform.value));
 	}
 };
 var Perspective_default = componentDefinition;

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

@@ -10,7 +10,7 @@ const componentDefinition = {
 		default: 50,
 		description: "Number of pixels along the longest edge (higher = smaller pixels)",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 1,
 			max: 200,
 			step: 1,

package/dist/core/{Plasma-BU4ujuLB.js → Plasma-CEs9bH1D.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-D_wMclqL.js";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
 import { clamp, exp, float, mx_noise_float, pow, screenUV, vec3, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Plasma",
@@ -11,7 +11,7 @@ const componentDefinition = {
 			default: 2,
 			description: "Density of the plasma pattern",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 4,
 				step: .1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: 1.5,
 			description: "Brightness and spread of the plasma glow",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 3,
 				step: .1,
@@ -59,7 +59,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Push darks darker and lights lighter",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 3,
 				step: .1,
@@ -71,7 +71,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Skew color balance toward A (higher) or B (lower)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -102,6 +102,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for color interpolation",
 			ui: {
 				type: "select",
@@ -128,7 +129,7 @@ const componentDefinition = {
 		const contrasted = clamp(pow(mx_noise_float(pos.add(vec3(rx, ry, float(0)).mul(warpAmount))).mul(.5).add(.5), float(5).div(intensity)).sub(.5).mul(uniforms.contrast.uniform).add(.5), 0, 1);
 		const balanceShift = uniforms.balance.uniform.div(100).sub(.5);
 		const balanced = clamp(contrasted.add(balanceShift), 0, 1);
-		return vec4(mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, balanced, uniforms.colorSpace.uniform), 1);
+		return vec4(mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, balanced, uniforms.colorSpace.uniform.value), 1);
 	}
 };
 var Plasma_default = componentDefinition;

package/dist/core/{PolarCoordinates-6BZYZFoj.js → PolarCoordinates-ituaMXaH.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+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 { PI, atan, convertToTexture, length, mix, screenUV, vec2, vec4, viewportSize } from "three/tsl";
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Controls how much of the angular range to use (1 = full 360°, 0.5 = 180°)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Controls how much of the radius range to use (affects the radial mapping)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Blends between original UVs (0) and polar coordinates (1)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -62,6 +62,7 @@ const componentDefinition = {
 			default: "transparent",
 			description: "How to handle edges when distortion pushes content out of bounds",
 			transform: transformEdges,
+			compileTime: true,
 			ui: {
 				type: "select",
 				options: [
@@ -100,7 +101,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 unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform));
+		return unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform.value));
 	}
 };
 var PolarCoordinates_default = componentDefinition;

package/dist/core/{Posterize--X9GTtfd.js → Posterize-B_XGPa8l.js}

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: 5,
 		description: "The intensity of the posterization effect (lower is more posterized)",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 2,
 			max: 20,
 			step: 1,

package/dist/core/{ProgressiveBlur-Y8YqC7HM.js → ProgressiveBlur-DEfvy5dW.js}

@@ -12,7 +12,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Maximum intensity of the blur effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -25,7 +25,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Direction of the blur gradient (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Distance over which blur transitions to full strength",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{RadialGradient-DauSwpwY.js → RadialGradient-Di_VuDot.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-D_wMclqL.js";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
 import { distance, float, screenUV, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "RadialGradient",
@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The radius of the gradient (normalized, 0.0-1.0)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -54,6 +54,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for color interpolation",
 			ui: {
 				type: "select",
@@ -67,7 +68,7 @@ const componentDefinition = {
 		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
 		const t = distance(vec2(uv$1.x.mul(aspect), uv$1.y), vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus())).div(uniforms.radius.uniform).clamp(float(0), float(1));
-		return mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, t, uniforms.colorSpace.uniform);
+		return mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, t, uniforms.colorSpace.uniform.value);
 	}
 };
 var RadialGradient_default = componentDefinition;

package/dist/core/{RectangularCoordinates-C5585uvf.js → RectangularCoordinates-xmILlyac.js}

@@ -1,4 +1,4 @@
-import { t as applyEdgeHandling } from "./edges-Bd7GP4s2.js";
+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 { PI, convertToTexture, cos, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Scale factor for the rectangular output",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 3,
 				step: .1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Blends between original UVs (0) and rectangular coordinates (1)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -50,6 +50,7 @@ const componentDefinition = {
 			default: "transparent",
 			description: "How to handle edges when distortion pushes content out of bounds",
 			transform: transformEdges,
+			compileTime: true,
 			ui: {
 				type: "select",
 				options: [
@@ -88,7 +89,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 unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform));
+		return unpremultiplyAlpha(applyEdgeHandling(blendedUV, childTexture.sample(blendedUV), childTexture, uniforms.edges.uniform.value));
 	}
 };
 var RectangularCoordinates_default = componentDefinition;

package/dist/core/{Ripples-QWGujQgy.js → Ripples-rV1yHHuE.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition } from "./transformations-B5lM6fYX.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-D_wMclqL.js";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
 import { distance, float, screenUV, sin, smoothstep, vec2, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Ripples",
@@ -56,7 +56,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Number of ripples/spacing between them",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 80,
 				step: .1,
@@ -68,7 +68,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Softness of ripple edges",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 3,
 				step: .1,
@@ -80,7 +80,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Thickness of each ripple band",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -92,7 +92,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Phase offset for ripple animation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 6.28,
 				step: .1,
@@ -116,7 +116,7 @@ const componentDefinition = {
 		const animTime = createAnimatedTime(params, uniforms.speed);
 		const baseWave = sin(dist.mul(frequency).sub(animTime).add(phase));
 		const thicknessThreshold = thickness.mul(float(2)).sub(float(1));
-		return mixColors(colorB, colorA, smoothstep(thicknessThreshold.sub(softness), thicknessThreshold.add(softness), baseWave).oneMinus(), float(0));
+		return mixColors(colorB, colorA, smoothstep(thicknessThreshold.sub(softness), thicknessThreshold.add(softness), baseWave).oneMinus(), 0);
 	}
 };
 var Ripples_default = componentDefinition;

package/dist/core/{Saturation-1mdcFzVI.js → Saturation-DmUZQ3u7.js}

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: 1,
 		description: "The intensity of the saturation effect (1 being no change)",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 0,
 			max: 3,
 			step: .1,

package/dist/core/{Sharpness-DAu01Qy4.js → Sharpness-DeD2T2-a.js}

@@ -10,7 +10,7 @@ const componentDefinition = {
 		default: 0,
 		description: "How sharp to make the underlying image",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 0,
 			max: 5,
 			step: .1,