shaders 2.3.66 → 2.3.68

package/dist/core/{Shatter-DRSn9uGZ.js → Shatter-DpPRGA0l.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, NearestFilter, RGBAFormat } from "three";
@@ -18,7 +18,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Thickness of crack lines",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 5,
 				step: .1,
@@ -78,7 +78,7 @@ const componentDefinition = {
 			default: 1,
 			description: "RGB separation for prismatic glass effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -90,7 +90,7 @@ const componentDefinition = {
 			default: 5,
 			description: "How much cracks bend/distort the underlying image",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 10,
 				step: .1,
@@ -114,6 +114,7 @@ const componentDefinition = {
 			default: "mirror",
 			description: "How to handle edges when displacement pushes content out of bounds",
 			transform: transformEdges,
+			compileTime: true,
 			ui: {
 				type: "select",
 				options: [
@@ -306,11 +307,11 @@ const componentDefinition = {
 		const rSample = childTexture.sample(rUV);
 		const gSample = childTexture.sample(gUV);
 		const bSample = childTexture.sample(bUV);
-		const rFinal = applyEdgeHandling(rUV, rSample, childTexture, uniforms.edges.uniform);
-		const gFinal = applyEdgeHandling(gUV, gSample, childTexture, uniforms.edges.uniform);
-		const bFinal = applyEdgeHandling(bUV, bSample, childTexture, uniforms.edges.uniform);
+		const rFinal = applyEdgeHandling(rUV, rSample, childTexture, uniforms.edges.uniform.value);
+		const gFinal = applyEdgeHandling(gUV, gSample, childTexture, uniforms.edges.uniform.value);
+		const bFinal = applyEdgeHandling(bUV, bSample, childTexture, uniforms.edges.uniform.value);
 		const refractedColor = vec4(rFinal.r, gFinal.g, bFinal.b, gFinal.a);
-		const normalColor = applyEdgeHandling(displacedUV, childTexture.sample(displacedUV), childTexture, uniforms.edges.uniform);
+		const normalColor = applyEdgeHandling(displacedUV, childTexture.sample(displacedUV), childTexture, uniforms.edges.uniform.value);
 		let shadedRGB = normalColor.rgb.mul(float(1).sub(crackIntensity)).add(refractedColor.rgb.mul(crackIntensity));
 		const displacementLength = displacement.length();
 		const tiltX = displacement.x.div(displacementLength.add(.001));

package/dist/core/{SimplexNoise-W0fx_Y5Q.js → SimplexNoise-C648ofLb.js}

@@ -1,7 +1,7 @@
 import { a as transformColor } from "./transformations-B5lM6fYX.js";
 import { t as createAnimatedTime } from "./time-BZqyVJXt.js";
-import { t as mixColors } from "./colorMixing-D_wMclqL.js";
-import { clamp, exp, float, mx_noise_float, screenUV, vec2, vec3, viewportSize } from "three/tsl";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
+import { clamp, exp, mx_noise_float, screenUV, vec2, vec3, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "SimplexNoise",
 	category: "Textures",
@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Balance between colors (negative = more colorB, positive = more colorA)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -1,
 				max: 1,
 				step: .1,
@@ -55,12 +55,12 @@ const componentDefinition = {
 			default: 0,
 			description: "Pattern contrast (higher = sharper transitions)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -2,
 				max: 5,
 				step: .1,
 				label: "Contrast",
-				group: "Appearance"
+				group: "Effect"
 			}
 		},
 		seed: {
@@ -98,7 +98,7 @@ const componentDefinition = {
 		const noise = mx_noise_float(vec3(pos.x, pos.y, animTime.mul(.5)));
 		const contrastMultiplier = uniforms.contrast.uniform.add(1);
 		const k = clamp(noise.mul(contrastMultiplier).add(uniforms.balance.uniform).mul(.5).add(.5), 0, 1);
-		return mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, k, float(0));
+		return mixColors(uniforms.colorB.uniform, uniforms.colorA.uniform, k, 0);
 	}
 };
 var SimplexNoise_default = componentDefinition;

package/dist/core/{SineWave-C-r5bVGK.js → SineWave-t5aPlKh4.js}

@@ -20,7 +20,7 @@ const componentDefinition = {
 			default: .15,
 			description: "The height/amplitude of the sine wave",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -32,7 +32,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The frequency/number of wave cycles",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 20,
 				step: .1,
@@ -57,7 +57,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "The rotation angle of the wave (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -82,7 +82,7 @@ const componentDefinition = {
 			default: .2,
 			description: "The thickness of the wave line",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -94,7 +94,7 @@ const componentDefinition = {
 			default: .4,
 			description: "Edge softness of the wave line",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Spherize-DF4iTTzb.js → Spherize-CkHw6wfO.js}

@@ -12,7 +12,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Radius of the sphere (1 = half viewport height)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 3,
 				step: .1,
@@ -24,7 +24,7 @@ const componentDefinition = {
 			default: 1,
 			description: "How much the sphere bulges toward viewer (0 = flat, higher = more bulge)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 3,
 				step: .1,
@@ -62,7 +62,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Intensity of the rim light (0 = off)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -74,7 +74,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Softness of the rim light falloff (0 = hard edge, 1 = soft glow)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Spiral-DWBdkW7Y.js → Spiral-C4xcFRWd.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-D_wMclqL.js";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
 import { abs, atan, clamp, float, fract, fwidth, length, mix, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Spiral",
@@ -31,7 +31,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Thickness of spiral stroke",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Stroke losing width further from center",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -55,7 +55,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Color transition sharpness (0 = hard edge, 1 = smooth fade)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -92,7 +92,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Scale factor for spiral bands (higher = more bands, lower = fewer bands)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 5,
 				step: .1,
@@ -103,6 +103,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for color interpolation",
 			ui: {
 				type: "select",
@@ -133,7 +134,7 @@ const componentDefinition = {
 		const fw = fwidth(offset);
 		const pixelSize = mix(float(4).sub(smoothstep(.05, .4, uniforms.strokeWidth.uniform.mul(2)).mul(smoothstep(.05, .4, uniforms.strokeWidth.uniform.oneMinus().mul(2))).mul(3)).mul(fw), fwidth(shape), clamp(fw, 0, 1));
 		const res = smoothstep(width.sub(pixelSize).sub(uniforms.softness.uniform), width.add(pixelSize).add(uniforms.softness.uniform), shape);
-		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, res, uniforms.colorSpace.uniform);
+		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, res, uniforms.colorSpace.uniform.value);
 		return vec4(mixedColor.rgb, mixedColor.a);
 	}
 };

package/dist/core/{Strands-BFVI3C04.js → Strands-FVw1VjAV.js}

@@ -24,7 +24,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Wave height amplitude",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -36,7 +36,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Wave frequency",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -60,7 +60,7 @@ const componentDefinition = {
 			default: .1,
 			description: "Width of wave lines",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .05,

package/dist/core/{Stretch-CB92XLiC.js → Stretch-BmPCPWY8.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 { clamp, convertToTexture, cos, float, mix, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
@@ -26,10 +26,10 @@ const componentDefinition = {
 			default: 1,
 			description: "The intensity of the stretch effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
-				step: .1,
+				step: .05,
 				label: "Strength",
 				group: "Effect"
 			}
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 0,
 			description: "The direction of the stretch in degrees",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -50,10 +50,10 @@ const componentDefinition = {
 			default: 0,
 			description: "Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
-				step: .1,
+				step: .05,
 				label: "Falloff",
 				group: "Effect"
 			}
@@ -62,6 +62,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: [
@@ -111,7 +112,7 @@ const componentDefinition = {
 		const stretchedDelta = directionVector.mul(finalProjection).add(perpendicular);
 		const stretchedUV = centerPos.add(stretchedDelta);
 		const finalUV = vec2(stretchedUV.x.div(aspect), stretchedUV.y);
-		return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform));
+		return unpremultiplyAlpha(applyEdgeHandling(finalUV, childTexture.sample(finalUV), childTexture, uniforms.edges.uniform.value));
 	}
 };
 var Stretch_default = componentDefinition;

package/dist/core/{Stripes-CTmvjI0U.js → Stripes-D-fIDK48.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, o as transformColorSpace, r as transformAngle, 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 { cos, fract, fwidth, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Stripes",
@@ -32,7 +32,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Angle of stripes in degrees",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -180,
 				max: 180,
 				step: 1,
@@ -44,7 +44,7 @@ const componentDefinition = {
 			default: 5,
 			description: "Number of stripe pairs visible",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 30,
 				step: 1,
@@ -56,7 +56,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Ratio of the two colors",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -68,7 +68,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Edge softness",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -92,7 +92,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Phase offset for pattern positioning",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -103,6 +103,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for interpolation",
 			ui: {
 				type: "select",
@@ -128,7 +129,7 @@ const componentDefinition = {
 		const balance = uniforms.balance.uniform;
 		const soft = uniforms.softness.uniform;
 		const mask = smoothstep(balance.sub(soft).sub(fw), balance.add(soft).add(fw), stripe);
-		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform);
+		const mixedColor = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, mask, uniforms.colorSpace.uniform.value);
 		return vec4(mixedColor.rgb, mixedColor.a);
 	}
 };

package/dist/core/{StudioBackground-DXHPEKcb.js → StudioBackground-BqIq7k14.js}

@@ -30,7 +30,7 @@ const componentDefinition = {
 			default: 40,
 			description: "Intensity of the key light",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -42,7 +42,7 @@ const componentDefinition = {
 			default: 50,
 			description: "How diffuse the key light is",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -64,7 +64,7 @@ const componentDefinition = {
 			default: 10,
 			description: "Intensity of the fill lights",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -76,7 +76,7 @@ const componentDefinition = {
 			default: 70,
 			description: "How diffuse the fill lights are",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -88,7 +88,7 @@ const componentDefinition = {
 			default: 70,
 			description: "How far apart the fill lights are from center",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -110,7 +110,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Intensity of the back wash",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -122,7 +122,7 @@ const componentDefinition = {
 			default: 80,
 			description: "How diffuse the back wash is",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -134,7 +134,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Overall ambient light level",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -146,7 +146,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Edge darkening",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -171,7 +171,7 @@ const componentDefinition = {
 			default: 100,
 			description: "How far toward the floor vs wall the spotlights aim",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -183,7 +183,7 @@ const componentDefinition = {
 			default: 10,
 			description: "How rounded the cove is",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -195,7 +195,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Intensity of drifting ambient lights",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,

package/dist/core/{Swirl-DVaTB8HY.js → Swirl-C137NvM7.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 { cos, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Swirl",
@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Level of detail and intricacy in the swirl patterns",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -55,7 +55,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Skew color balance toward A (lower values) or B (higher values)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -66,6 +66,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for color interpolation",
 			ui: {
 				type: "select",
@@ -92,7 +93,7 @@ const componentDefinition = {
 		const combinedPattern = pattern1.mul(.45).add(pattern2.mul(.35)).add(pattern3.mul(.2));
 		const blendBias = uniforms.blend.uniform.sub(50).mul(.006);
 		const blendFactor = smoothstep(.3, .7, combinedPattern.mul(.5).add(.5).add(blendBias));
-		const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform);
+		const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform.value);
 		const shimmer = sin(t.mul(2.5).add(combinedPattern.mul(8))).mul(.015).add(1);
 		const finalColor = colorMix.mul(shimmer);
 		return vec4(finalColor.rgb, finalColor.a);

package/dist/core/{TiltShift-CMTVpEBO.js → TiltShift-vr8k-bAX.js}

@@ -12,7 +12,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Maximum blur intensity at edges",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -24,7 +24,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Width of the sharp focus area",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -36,7 +36,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Distance over which blur transitions to full strength",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -49,7 +49,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Rotation angle of the focus line (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,

package/dist/core/{Tint-COD37j4D.js → Tint-Cw39HvaL.js}

@@ -20,7 +20,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Tint amount (0 = no tint, 1 = full tint)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Tritone-BETUi-og.js → Tritone-NDERRh_N.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-D_wMclqL.js";
+import { t as mixColors } from "./colorMixing-jSm3tbMv.js";
 import { convertToTexture, dot, screenUV, smoothstep, vec3, vec4 } from "three/tsl";
 const componentDefinition = {
 	name: "Tritone",
@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Midpoint position between the three colors",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -54,6 +54,7 @@ const componentDefinition = {
 		colorSpace: {
 			default: "linear",
 			transform: transformColorSpace,
+			compileTime: true,
 			description: "Color space for color interpolation",
 			ui: {
 				type: "select",
@@ -72,9 +73,10 @@ const componentDefinition = {
 		const inputColor = unpremultiplyAlpha(childTexture.sample(screenUV));
 		const luminance = dot(inputColor.rgb, vec3(.299, .587, .114));
 		const shadowToMid = smoothstep(uniforms.blendMid.uniform.sub(.25), uniforms.blendMid.uniform, luminance);
-		const lowerBlend = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, shadowToMid, uniforms.colorSpace.uniform);
+		const csMode = uniforms.colorSpace.uniform.value;
+		const lowerBlend = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, shadowToMid, csMode);
 		const midToHighlight = smoothstep(uniforms.blendMid.uniform, uniforms.blendMid.uniform.add(.25), luminance);
-		return vec4(mixColors(lowerBlend, mixColors(uniforms.colorB.uniform, uniforms.colorC.uniform, midToHighlight, uniforms.colorSpace.uniform), smoothstep(uniforms.blendMid.uniform.sub(.1), uniforms.blendMid.uniform.add(.1), luminance), uniforms.colorSpace.uniform).rgb, inputColor.a);
+		return vec4(mixColors(lowerBlend, mixColors(uniforms.colorB.uniform, uniforms.colorC.uniform, midToHighlight, csMode), smoothstep(uniforms.blendMid.uniform.sub(.1), uniforms.blendMid.uniform.add(.1), luminance), csMode).rgb, inputColor.a);
 	}
 };
 var Tritone_default = componentDefinition;

package/dist/core/{Twirl-BUlMUymT.js → Twirl-BFocvCoq.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, length, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The strength of the twirl effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -5,
 				max: 5,
 				step: .1,
@@ -38,6 +38,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: [
@@ -83,7 +84,7 @@ const componentDefinition = {
 		const rotatedX = cosAngle.mul(aspectCorrectedDelta.x).sub(sinAngle.mul(aspectCorrectedDelta.y));
 		const rotatedY = sinAngle.mul(aspectCorrectedDelta.x).add(cosAngle.mul(aspectCorrectedDelta.y));
 		const twistedUV = vec2(rotatedX.div(aspect).add(centerPos.x), rotatedY.add(centerPos.y));
-		return unpremultiplyAlpha(applyEdgeHandling(twistedUV, texture$1.sample(twistedUV), texture$1, uniforms.edges.uniform));
+		return unpremultiplyAlpha(applyEdgeHandling(twistedUV, texture$1.sample(twistedUV), texture$1, uniforms.edges.uniform.value));
 	}
 };
 var Twirl_default = componentDefinition;

package/dist/core/{Vibrance-CWMwA5S-.js → Vibrance-HMvQZ4tL.js}

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: 0,
 		description: "The intensity of the vibrance effect",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: -2,
 			max: 2,
 			step: .1,