shaders 2.2.33 → 2.2.34

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-DfkHaBG4.js";
+import { n as generatePresetCode } from "./generatePresetCode-Bf-TQPvI.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, watch } from "vue";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -6,56 +6,57 @@ import { componentDefinition as componentDefinition$1 } from "../core/shaders/As
 import { componentDefinition as componentDefinition$2 } from "../core/shaders/Beam/index.js";
 import { componentDefinition as componentDefinition$3 } from "../core/shaders/Blob/index.js";
 import { componentDefinition as componentDefinition$4 } from "../core/shaders/Blur/index.js";
-import { componentDefinition as componentDefinition$5 } from "../core/shaders/Bulge/index.js";
-import { componentDefinition as componentDefinition$6 } from "../core/shaders/CRTScreen/index.js";
-import { componentDefinition as componentDefinition$7 } from "../core/shaders/ChannelBlur/index.js";
-import { componentDefinition as componentDefinition$8 } from "../core/shaders/Checkerboard/index.js";
-import { componentDefinition as componentDefinition$9 } from "../core/shaders/ChromaFlow/index.js";
-import { componentDefinition as componentDefinition$10 } from "../core/shaders/ChromaticAberration/index.js";
-import { componentDefinition as componentDefinition$11 } from "../core/shaders/Circle/index.js";
-import { componentDefinition as componentDefinition$12 } from "../core/shaders/CursorTrail/index.js";
-import { componentDefinition as componentDefinition$13 } from "../core/shaders/DiffuseBlur/index.js";
-import { componentDefinition as componentDefinition$14 } from "../core/shaders/Dither/index.js";
-import { componentDefinition as componentDefinition$15 } from "../core/shaders/DotGrid/index.js";
-import { componentDefinition as componentDefinition$16 } from "../core/shaders/Duotone/index.js";
-import { componentDefinition as componentDefinition$17 } from "../core/shaders/FilmGrain/index.js";
-import { componentDefinition as componentDefinition$18 } from "../core/shaders/FloatingParticles/index.js";
-import { componentDefinition as componentDefinition$19 } from "../core/shaders/GlassTiles/index.js";
-import { componentDefinition as componentDefinition$20 } from "../core/shaders/Glow/index.js";
-import { componentDefinition as componentDefinition$21 } from "../core/shaders/Godrays/index.js";
-import { componentDefinition as componentDefinition$22 } from "../core/shaders/Grayscale/index.js";
-import { componentDefinition as componentDefinition$23 } from "../core/shaders/Grid/index.js";
-import { componentDefinition as componentDefinition$24 } from "../core/shaders/GridDistortion/index.js";
-import { componentDefinition as componentDefinition$25 } from "../core/shaders/Group/index.js";
-import { componentDefinition as componentDefinition$26 } from "../core/shaders/Halftone/index.js";
-import { componentDefinition as componentDefinition$27 } from "../core/shaders/HueShift/index.js";
-import { componentDefinition as componentDefinition$28 } from "../core/shaders/ImageTexture/index.js";
-import { componentDefinition as componentDefinition$29 } from "../core/shaders/Invert/index.js";
-import { componentDefinition as componentDefinition$30 } from "../core/shaders/LinearBlur/index.js";
-import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearGradient/index.js";
-import { componentDefinition as componentDefinition$32 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$33 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$34 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$5 } from "../core/shaders/BrightnessContrast/index.js";
+import { componentDefinition as componentDefinition$6 } from "../core/shaders/Bulge/index.js";
+import { componentDefinition as componentDefinition$7 } from "../core/shaders/CRTScreen/index.js";
+import { componentDefinition as componentDefinition$8 } from "../core/shaders/ChannelBlur/index.js";
+import { componentDefinition as componentDefinition$9 } from "../core/shaders/Checkerboard/index.js";
+import { componentDefinition as componentDefinition$10 } from "../core/shaders/ChromaFlow/index.js";
+import { componentDefinition as componentDefinition$11 } from "../core/shaders/ChromaticAberration/index.js";
+import { componentDefinition as componentDefinition$12 } from "../core/shaders/Circle/index.js";
+import { componentDefinition as componentDefinition$13 } from "../core/shaders/CursorTrail/index.js";
+import { componentDefinition as componentDefinition$14 } from "../core/shaders/DiffuseBlur/index.js";
+import { componentDefinition as componentDefinition$15 } from "../core/shaders/Dither/index.js";
+import { componentDefinition as componentDefinition$16 } from "../core/shaders/DotGrid/index.js";
+import { componentDefinition as componentDefinition$17 } from "../core/shaders/Duotone/index.js";
+import { componentDefinition as componentDefinition$18 } from "../core/shaders/FilmGrain/index.js";
+import { componentDefinition as componentDefinition$19 } from "../core/shaders/FloatingParticles/index.js";
+import { componentDefinition as componentDefinition$20 } from "../core/shaders/GlassTiles/index.js";
+import { componentDefinition as componentDefinition$21 } from "../core/shaders/Glow/index.js";
+import { componentDefinition as componentDefinition$22 } from "../core/shaders/Godrays/index.js";
+import { componentDefinition as componentDefinition$23 } from "../core/shaders/Grayscale/index.js";
+import { componentDefinition as componentDefinition$24 } from "../core/shaders/Grid/index.js";
+import { componentDefinition as componentDefinition$25 } from "../core/shaders/GridDistortion/index.js";
+import { componentDefinition as componentDefinition$26 } from "../core/shaders/Group/index.js";
+import { componentDefinition as componentDefinition$27 } from "../core/shaders/Halftone/index.js";
+import { componentDefinition as componentDefinition$28 } from "../core/shaders/HueShift/index.js";
+import { componentDefinition as componentDefinition$29 } from "../core/shaders/ImageTexture/index.js";
+import { componentDefinition as componentDefinition$30 } from "../core/shaders/Invert/index.js";
+import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearBlur/index.js";
+import { componentDefinition as componentDefinition$32 } from "../core/shaders/LinearGradient/index.js";
+import { componentDefinition as componentDefinition$33 } from "../core/shaders/Liquify/index.js";
+import { componentDefinition as componentDefinition$34 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 var AngularBlur_default = /* @__PURE__ */ defineComponent({
@@ -683,8 +684,8 @@ var Blur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Bulge_default = /* @__PURE__ */ defineComponent({
-	__name: "Bulge",
+var BrightnessContrast_default = /* @__PURE__ */ defineComponent({
+	__name: "BrightnessContrast",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -694,11 +695,8 @@ var Bulge_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		center: {},
-		strength: {},
-		radius: {},
-		falloff: {},
-		edges: {}
+		brightness: {},
+		contrast: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -807,8 +805,8 @@ var Bulge_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CRTScreen_default = /* @__PURE__ */ defineComponent({
-	__name: "CRTScreen",
+var Bulge_default = /* @__PURE__ */ defineComponent({
+	__name: "Bulge",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -818,12 +816,11 @@ var CRTScreen_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		pixelSize: {},
-		colorShift: {},
-		scanlineIntensity: {},
-		scanlineFrequency: {},
-		brightness: {},
-		contrast: {}
+		center: {},
+		strength: {},
+		radius: {},
+		falloff: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -932,8 +929,8 @@ var CRTScreen_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ChannelBlur_default = /* @__PURE__ */ defineComponent({
-	__name: "ChannelBlur",
+var CRTScreen_default = /* @__PURE__ */ defineComponent({
+	__name: "CRTScreen",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -943,9 +940,12 @@ var ChannelBlur_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		redIntensity: {},
-		greenIntensity: {},
-		blueIntensity: {}
+		pixelSize: {},
+		colorShift: {},
+		scanlineIntensity: {},
+		scanlineFrequency: {},
+		brightness: {},
+		contrast: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1054,8 +1054,8 @@ var ChannelBlur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Checkerboard_default = /* @__PURE__ */ defineComponent({
-	__name: "Checkerboard",
+var ChannelBlur_default = /* @__PURE__ */ defineComponent({
+	__name: "ChannelBlur",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1065,11 +1065,9 @@ var Checkerboard_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
-		cells: {},
-		softness: {},
-		colorSpace: {}
+		redIntensity: {},
+		greenIntensity: {},
+		blueIntensity: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1178,8 +1176,8 @@ var Checkerboard_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ChromaFlow_default = /* @__PURE__ */ defineComponent({
-	__name: "ChromaFlow",
+var Checkerboard_default = /* @__PURE__ */ defineComponent({
+	__name: "Checkerboard",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1189,14 +1187,11 @@ var ChromaFlow_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		baseColor: {},
-		upColor: {},
-		downColor: {},
-		leftColor: {},
-		rightColor: {},
-		intensity: {},
-		radius: {},
-		momentum: {}
+		colorA: {},
+		colorB: {},
+		cells: {},
+		softness: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1305,8 +1300,8 @@ var ChromaFlow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ChromaticAberration_default = /* @__PURE__ */ defineComponent({
-	__name: "ChromaticAberration",
+var ChromaFlow_default = /* @__PURE__ */ defineComponent({
+	__name: "ChromaFlow",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1316,11 +1311,14 @@ var ChromaticAberration_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		strength: {},
-		angle: {},
-		redOffset: {},
-		greenOffset: {},
-		blueOffset: {}
+		baseColor: {},
+		upColor: {},
+		downColor: {},
+		leftColor: {},
+		rightColor: {},
+		intensity: {},
+		radius: {},
+		momentum: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1429,8 +1427,8 @@ var ChromaticAberration_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Circle_default = /* @__PURE__ */ defineComponent({
-	__name: "Circle",
+var ChromaticAberration_default = /* @__PURE__ */ defineComponent({
+	__name: "ChromaticAberration",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1440,10 +1438,11 @@ var Circle_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		color: {},
-		radius: {},
-		softness: {},
-		center: {}
+		strength: {},
+		angle: {},
+		redOffset: {},
+		greenOffset: {},
+		blueOffset: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1552,8 +1551,8 @@ var Circle_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CursorTrail_default = /* @__PURE__ */ defineComponent({
-	__name: "CursorTrail",
+var Circle_default = /* @__PURE__ */ defineComponent({
+	__name: "Circle",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1563,12 +1562,10 @@ var CursorTrail_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
+		color: {},
 		radius: {},
-		length: {},
-		shrink: {},
-		colorSpace: {}
+		softness: {},
+		center: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1677,8 +1674,8 @@ var CursorTrail_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DiffuseBlur_default = /* @__PURE__ */ defineComponent({
-	__name: "DiffuseBlur",
+var CursorTrail_default = /* @__PURE__ */ defineComponent({
+	__name: "CursorTrail",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1688,8 +1685,12 @@ var DiffuseBlur_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		edges: {}
+		colorA: {},
+		colorB: {},
+		radius: {},
+		length: {},
+		shrink: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1798,8 +1799,8 @@ var DiffuseBlur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Dither_default = /* @__PURE__ */ defineComponent({
-	__name: "Dither",
+var DiffuseBlur_default = /* @__PURE__ */ defineComponent({
+	__name: "DiffuseBlur",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1809,10 +1810,8 @@ var Dither_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		pixelSize: {},
-		threshold: {},
-		colorA: {},
-		colorB: {}
+		intensity: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -1921,8 +1920,8 @@ var Dither_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var DotGrid_default = /* @__PURE__ */ defineComponent({
-	__name: "DotGrid",
+var Dither_default = /* @__PURE__ */ defineComponent({
+	__name: "Dither",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -1932,10 +1931,10 @@ var DotGrid_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		color: {},
-		density: {},
-		dotSize: {},
-		twinkle: {}
+		pixelSize: {},
+		threshold: {},
+		colorA: {},
+		colorB: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2044,8 +2043,8 @@ var DotGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Duotone_default = /* @__PURE__ */ defineComponent({
-	__name: "Duotone",
+var DotGrid_default = /* @__PURE__ */ defineComponent({
+	__name: "DotGrid",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2055,10 +2054,10 @@ var Duotone_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
-		blend: {},
-		colorSpace: {}
+		color: {},
+		density: {},
+		dotSize: {},
+		twinkle: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2167,8 +2166,8 @@ var Duotone_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var FilmGrain_default = /* @__PURE__ */ defineComponent({
-	__name: "FilmGrain",
+var Duotone_default = /* @__PURE__ */ defineComponent({
+	__name: "Duotone",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2178,7 +2177,10 @@ var FilmGrain_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		strength: {}
+		colorA: {},
+		colorB: {},
+		blend: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2287,8 +2289,8 @@ var FilmGrain_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var FloatingParticles_default = /* @__PURE__ */ defineComponent({
-	__name: "FloatingParticles",
+var FilmGrain_default = /* @__PURE__ */ defineComponent({
+	__name: "FilmGrain",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2298,17 +2300,7 @@ var FloatingParticles_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		randomness: {},
-		speed: {},
-		angle: {},
-		particleSize: {},
-		particleSoftness: {},
-		twinkle: {},
-		count: {},
-		particleColor: {},
-		speedVariance: {},
-		angleVariance: {},
-		particleDensity: {}
+		strength: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2417,8 +2409,8 @@ var FloatingParticles_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GlassTiles_default = /* @__PURE__ */ defineComponent({
-	__name: "GlassTiles",
+var FloatingParticles_default = /* @__PURE__ */ defineComponent({
+	__name: "FloatingParticles",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2428,10 +2420,17 @@ var GlassTiles_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		tileCount: {},
-		rotation: {},
-		roundness: {}
+		randomness: {},
+		speed: {},
+		angle: {},
+		particleSize: {},
+		particleSoftness: {},
+		twinkle: {},
+		count: {},
+		particleColor: {},
+		speedVariance: {},
+		angleVariance: {},
+		particleDensity: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2540,8 +2539,8 @@ var GlassTiles_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Glow_default = /* @__PURE__ */ defineComponent({
-	__name: "Glow",
+var GlassTiles_default = /* @__PURE__ */ defineComponent({
+	__name: "GlassTiles",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2552,8 +2551,9 @@ var Glow_default = /* @__PURE__ */ defineComponent({
 		renderOrder: {},
 		transform: {},
 		intensity: {},
-		threshold: {},
-		size: {}
+		tileCount: {},
+		rotation: {},
+		roundness: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2662,8 +2662,8 @@ var Glow_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Godrays_default = /* @__PURE__ */ defineComponent({
-	__name: "Godrays",
+var Glow_default = /* @__PURE__ */ defineComponent({
+	__name: "Glow",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2673,13 +2673,9 @@ var Godrays_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		center: {},
-		density: {},
 		intensity: {},
-		spotty: {},
-		speed: {},
-		rayColor: {},
-		backgroundColor: {}
+		threshold: {},
+		size: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2788,8 +2784,8 @@ var Godrays_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Grayscale_default = /* @__PURE__ */ defineComponent({
-	__name: "Grayscale",
+var Godrays_default = /* @__PURE__ */ defineComponent({
+	__name: "Godrays",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2798,7 +2794,14 @@ var Grayscale_default = /* @__PURE__ */ defineComponent({
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {}
+		transform: {},
+		center: {},
+		density: {},
+		intensity: {},
+		spotty: {},
+		speed: {},
+		rayColor: {},
+		backgroundColor: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -2907,8 +2910,8 @@ var Grayscale_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Grid_default = /* @__PURE__ */ defineComponent({
-	__name: "Grid",
+var Grayscale_default = /* @__PURE__ */ defineComponent({
+	__name: "Grayscale",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -2917,10 +2920,7 @@ var Grid_default = /* @__PURE__ */ defineComponent({
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {},
-		color: {},
-		cells: {},
-		thickness: {}
+		transform: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3029,8 +3029,8 @@ var Grid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var GridDistortion_default = /* @__PURE__ */ defineComponent({
-	__name: "GridDistortion",
+var Grid_default = /* @__PURE__ */ defineComponent({
+	__name: "Grid",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3040,12 +3040,9 @@ var GridDistortion_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		swirl: {},
-		decay: {},
-		radius: {},
-		gridSize: {},
-		edges: {}
+		color: {},
+		cells: {},
+		thickness: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3154,8 +3151,8 @@ var GridDistortion_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Group_default = /* @__PURE__ */ defineComponent({
-	__name: "Group",
+var GridDistortion_default = /* @__PURE__ */ defineComponent({
+	__name: "GridDistortion",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3164,7 +3161,13 @@ var Group_default = /* @__PURE__ */ defineComponent({
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {}
+		transform: {},
+		intensity: {},
+		swirl: {},
+		decay: {},
+		radius: {},
+		gridSize: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3273,8 +3276,8 @@ var Group_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Halftone_default = /* @__PURE__ */ defineComponent({
-	__name: "Halftone",
+var Group_default = /* @__PURE__ */ defineComponent({
+	__name: "Group",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3283,10 +3286,7 @@ var Halftone_default = /* @__PURE__ */ defineComponent({
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {},
-		frequency: {},
-		angle: {},
-		smoothness: {}
+		transform: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3395,8 +3395,8 @@ var Halftone_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var HueShift_default = /* @__PURE__ */ defineComponent({
-	__name: "HueShift",
+var Halftone_default = /* @__PURE__ */ defineComponent({
+	__name: "Halftone",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3406,7 +3406,9 @@ var HueShift_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		shift: {}
+		frequency: {},
+		angle: {},
+		smoothness: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3515,8 +3517,8 @@ var HueShift_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ImageTexture_default = /* @__PURE__ */ defineComponent({
-	__name: "ImageTexture",
+var HueShift_default = /* @__PURE__ */ defineComponent({
+	__name: "HueShift",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3526,8 +3528,7 @@ var ImageTexture_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		url: {},
-		objectFit: {}
+		shift: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3636,8 +3637,8 @@ var ImageTexture_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Invert_default = /* @__PURE__ */ defineComponent({
-	__name: "Invert",
+var ImageTexture_default = /* @__PURE__ */ defineComponent({
+	__name: "ImageTexture",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3646,7 +3647,9 @@ var Invert_default = /* @__PURE__ */ defineComponent({
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {}
+		transform: {},
+		url: {},
+		objectFit: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3755,8 +3758,8 @@ var Invert_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var LinearBlur_default = /* @__PURE__ */ defineComponent({
-	__name: "LinearBlur",
+var Invert_default = /* @__PURE__ */ defineComponent({
+	__name: "Invert",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3765,9 +3768,7 @@ var LinearBlur_default = /* @__PURE__ */ defineComponent({
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {},
-		intensity: {},
-		angle: {}
+		transform: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -3876,8 +3877,8 @@ var LinearBlur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var LinearGradient_default = /* @__PURE__ */ defineComponent({
-	__name: "LinearGradient",
+var LinearBlur_default = /* @__PURE__ */ defineComponent({
+	__name: "LinearBlur",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -3887,13 +3888,8 @@ var LinearGradient_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
-		start: {},
-		end: {},
-		angle: {},
-		edges: {},
-		colorSpace: {}
+		intensity: {},
+		angle: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4002,8 +3998,8 @@ var LinearGradient_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Liquify_default = /* @__PURE__ */ defineComponent({
-	__name: "Liquify",
+var LinearGradient_default = /* @__PURE__ */ defineComponent({
+	__name: "LinearGradient",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4013,11 +4009,13 @@ var Liquify_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		swirl: {},
-		decay: {},
-		radius: {},
-		edges: {}
+		colorA: {},
+		colorB: {},
+		start: {},
+		end: {},
+		angle: {},
+		edges: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4126,8 +4124,8 @@ var Liquify_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Pixelate_default = /* @__PURE__ */ defineComponent({
-	__name: "Pixelate",
+var Liquify_default = /* @__PURE__ */ defineComponent({
+	__name: "Liquify",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4137,7 +4135,11 @@ var Pixelate_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		scale: {}
+		intensity: {},
+		swirl: {},
+		decay: {},
+		radius: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4246,8 +4248,8 @@ var Pixelate_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
-	__name: "PolarCoordinates",
+var Pixelate_default = /* @__PURE__ */ defineComponent({
+	__name: "Pixelate",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4257,11 +4259,7 @@ var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		center: {},
-		wrap: {},
-		radius: {},
-		intensity: {},
-		edges: {}
+		scale: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4370,8 +4368,8 @@ var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Posterize_default = /* @__PURE__ */ defineComponent({
-	__name: "Posterize",
+var PolarCoordinates_default = /* @__PURE__ */ defineComponent({
+	__name: "PolarCoordinates",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4381,7 +4379,11 @@ var Posterize_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {}
+		center: {},
+		wrap: {},
+		radius: {},
+		intensity: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4490,8 +4492,8 @@ var Posterize_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
-	__name: "ProgressiveBlur",
+var Posterize_default = /* @__PURE__ */ defineComponent({
+	__name: "Posterize",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4501,10 +4503,7 @@ var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {},
-		angle: {},
-		center: {},
-		falloff: {}
+		intensity: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4613,8 +4612,8 @@ var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RadialGradient_default = /* @__PURE__ */ defineComponent({
-	__name: "RadialGradient",
+var ProgressiveBlur_default = /* @__PURE__ */ defineComponent({
+	__name: "ProgressiveBlur",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4624,11 +4623,10 @@ var RadialGradient_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		colorA: {},
-		colorB: {},
+		intensity: {},
+		angle: {},
 		center: {},
-		radius: {},
-		colorSpace: {}
+		falloff: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4737,8 +4735,8 @@ var RadialGradient_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
-	__name: "RectangularCoordinates",
+var RadialGradient_default = /* @__PURE__ */ defineComponent({
+	__name: "RadialGradient",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4748,10 +4746,11 @@ var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
+		colorA: {},
+		colorB: {},
 		center: {},
-		scale: {},
-		intensity: {},
-		edges: {}
+		radius: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4860,8 +4859,8 @@ var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Ripples_default = /* @__PURE__ */ defineComponent({
-	__name: "Ripples",
+var RectangularCoordinates_default = /* @__PURE__ */ defineComponent({
+	__name: "RectangularCoordinates",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4872,13 +4871,9 @@ var Ripples_default = /* @__PURE__ */ defineComponent({
 		renderOrder: {},
 		transform: {},
 		center: {},
-		colorA: {},
-		colorB: {},
-		speed: {},
-		frequency: {},
-		softness: {},
-		thickness: {},
-		phase: {}
+		scale: {},
+		intensity: {},
+		edges: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -4987,8 +4982,8 @@ var Ripples_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Saturation_default = /* @__PURE__ */ defineComponent({
-	__name: "Saturation",
+var Ripples_default = /* @__PURE__ */ defineComponent({
+	__name: "Ripples",
 	props: /* @__PURE__ */ mergeDefaults({
 		blendMode: {},
 		opacity: {},
@@ -4998,7 +4993,14 @@ var Saturation_default = /* @__PURE__ */ defineComponent({
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		intensity: {}
+		center: {},
+		colorA: {},
+		colorB: {},
+		speed: {},
+		frequency: {},
+		softness: {},
+		thickness: {},
+		phase: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -5107,6 +5109,126 @@ var Saturation_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var Saturation_default = /* @__PURE__ */ defineComponent({
+	__name: "Saturation",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		intensity: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$41.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition$41.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", instanceId);
+		const DEFAULT_TRANSFORM = {
+			offsetX: 0,
+			offsetY: 0,
+			rotation: 0,
+			scale: 1,
+			anchorX: .5,
+			anchorY: .5,
+			edges: "transparent"
+		};
+		const effectiveTransform = computed(() => ({
+			...DEFAULT_TRANSFORM,
+			...props.transform
+		}));
+		const uniforms = createUniformsMap(componentDefinition$41, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$41.props).reduce((acc, [key, config]) => {
+				acc[key] = config.default;
+				return acc;
+			}, {}) };
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$41.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition$41.fragmentNode, parentId, {
+				blendMode: props.blendMode,
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition$41);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([blendMode, opacity, visible]) => {
+					parentMetadataUpdate(instanceId, {
+						blendMode,
+						opacity,
+						visible: visible === false ? false : true,
+						id: props.id,
+						mask: props.maskSource ? {
+							source: props.maskSource,
+							type: props.maskType || "alpha"
+						} : void 0,
+						renderOrder: props.renderOrder,
+						transform: effectiveTransform.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
 var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 	__name: "SimplexNoise",
 	props: /* @__PURE__ */ mergeDefaults({
@@ -5129,14 +5251,14 @@ var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$41.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$42.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$41.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$42.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5151,12 +5273,12 @@ var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$41, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$41.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$42, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$42.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$41.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$42.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5172,7 +5294,7 @@ var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$41.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$42.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5183,7 +5305,7 @@ var SimplexNoise_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$41);
+			}, uniforms, componentDefinition$42);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -5256,14 +5378,14 @@ var SineWave_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$42.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$43.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$42.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$43.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5278,12 +5400,12 @@ var SineWave_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$42, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$42.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$43, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$43.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$42.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$43.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5299,7 +5421,7 @@ var SineWave_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$42.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$43.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5310,7 +5432,7 @@ var SineWave_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$42);
+			}, uniforms, componentDefinition$43);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -5376,14 +5498,14 @@ var SolidColor_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$43.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$44.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$43.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$44.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5398,12 +5520,12 @@ var SolidColor_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$43, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$43.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$44, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$44.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$43.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$44.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5419,7 +5541,7 @@ var SolidColor_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$43.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$44.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5430,7 +5552,7 @@ var SolidColor_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$43);
+			}, uniforms, componentDefinition$44);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -5502,14 +5624,14 @@ var Spherize_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$44.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$45.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$44.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$45.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5524,12 +5646,12 @@ var Spherize_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$44, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$44.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$45, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$45.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$44.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$45.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5545,7 +5667,7 @@ var Spherize_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$44.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$45.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5556,7 +5678,7 @@ var Spherize_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$44);
+			}, uniforms, componentDefinition$45);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -5630,14 +5752,14 @@ var Spiral_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$45.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$46.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$45.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$46.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5652,12 +5774,12 @@ var Spiral_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$45, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$45.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$46, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$46.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$45.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$46.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5673,7 +5795,7 @@ var Spiral_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$45.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$46.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5684,7 +5806,7 @@ var Spiral_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$45);
+			}, uniforms, componentDefinition$46);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -5758,14 +5880,14 @@ var Strands_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$46.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$47.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$46.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$47.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5780,12 +5902,12 @@ var Strands_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$46, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$46.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$47, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$47.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$46.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$47.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5801,7 +5923,7 @@ var Strands_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$46.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$47.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5812,7 +5934,7 @@ var Strands_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$46);
+			}, uniforms, componentDefinition$47);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -5882,14 +6004,14 @@ var Stretch_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$47.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$48.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$47.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$48.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -5904,12 +6026,12 @@ var Stretch_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$47, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$47.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$48, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$48.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$47.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$48.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -5925,7 +6047,7 @@ var Stretch_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$47.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$48.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -5936,7 +6058,7 @@ var Stretch_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$47);
+			}, uniforms, componentDefinition$48);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6007,14 +6129,14 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$48.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$49.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$48.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$49.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6029,12 +6151,12 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$48, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$48.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$49, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$49.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$48.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$49.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6050,7 +6172,7 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$48.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$49.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6061,7 +6183,7 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$48);
+			}, uniforms, componentDefinition$49);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6131,14 +6253,14 @@ var TiltShift_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$49.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$50.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$49.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$50.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6153,12 +6275,12 @@ var TiltShift_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$49, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$49.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$50, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$50.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$49.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$50.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6174,7 +6296,7 @@ var TiltShift_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$49.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$50.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6185,7 +6307,7 @@ var TiltShift_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$49);
+			}, uniforms, componentDefinition$50);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6255,14 +6377,14 @@ var Tritone_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$50.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$51.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$50.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$51.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6277,12 +6399,12 @@ var Tritone_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$50, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$50.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$51, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$51.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$50.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$51.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6298,7 +6420,7 @@ var Tritone_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$50.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$51.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6309,7 +6431,7 @@ var Tritone_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$50);
+			}, uniforms, componentDefinition$51);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6377,14 +6499,14 @@ var Twirl_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$51.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$52.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$51.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$52.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6399,12 +6521,12 @@ var Twirl_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$51, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$51.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$52, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$52.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$51.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$52.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6420,7 +6542,7 @@ var Twirl_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$51.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$52.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6431,7 +6553,7 @@ var Twirl_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$51);
+			}, uniforms, componentDefinition$52);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6497,14 +6619,14 @@ var Vibrance_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$52.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$53.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$52.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$53.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6519,12 +6641,12 @@ var Vibrance_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$52, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$52.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$53, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$53.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$52.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$53.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6540,7 +6662,7 @@ var Vibrance_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$52.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$53.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6551,7 +6673,7 @@ var Vibrance_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$52);
+			}, uniforms, componentDefinition$53);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6622,14 +6744,14 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$53.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$54.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$53.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$54.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6644,12 +6766,12 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$53, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$53.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$54, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$54.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$53.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$54.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6665,7 +6787,7 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$53.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$54.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6676,7 +6798,7 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$53);
+			}, uniforms, componentDefinition$54);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6743,14 +6865,14 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
 		blendMode: "normal",
 		renderOrder: 0,
 		visible: true,
-		...Object.entries(componentDefinition$54.props).reduce((acc, [key, config]) => {
+		...Object.entries(componentDefinition$55.props).reduce((acc, [key, config]) => {
 			acc[key] = config.default;
 			return acc;
 		}, {})
 	}),
 	setup(__props) {
 		const props = __props;
-		const instanceId = props.id || `${componentDefinition$54.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		const instanceId = props.id || `${componentDefinition$55.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 		provide("ombreParentId", instanceId);
 		const DEFAULT_TRANSFORM = {
 			offsetX: 0,
@@ -6765,12 +6887,12 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
 			...DEFAULT_TRANSFORM,
 			...props.transform
 		}));
-		const uniforms = createUniformsMap(componentDefinition$54, computed(() => {
-			let baseProps = { ...Object.entries(componentDefinition$54.props).reduce((acc, [key, config]) => {
+		const uniforms = createUniformsMap(componentDefinition$55, computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition$55.props).reduce((acc, [key, config]) => {
 				acc[key] = config.default;
 				return acc;
 			}, {}) };
-			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$54.props).reduce((acc, [key$1, config]) => {
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$55.props).reduce((acc, [key$1, config]) => {
 				acc[key$1] = config.default;
 				return acc;
 			}, {})[key]) baseProps[key] = toValue(props[key]);
@@ -6786,7 +6908,7 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
 		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
 		const rendererResetSignal = inject("ombreRendererResetSignal");
 		const registerWithRenderer = () => {
-			parentRegister(instanceId, componentDefinition$54.fragmentNode, parentId, {
+			parentRegister(instanceId, componentDefinition$55.fragmentNode, parentId, {
 				blendMode: props.blendMode,
 				opacity: props.opacity,
 				visible: props.visible === false ? false : true,
@@ -6797,7 +6919,7 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
 				} : void 0,
 				renderOrder: props.renderOrder,
 				transform: effectiveTransform.value
-			}, uniforms, componentDefinition$54);
+			}, uniforms, componentDefinition$55);
 		};
 		const setupUniformWatchers = () => {
 			const scope = effectScope();
@@ -6863,9 +6985,9 @@ var Shader_default = /* @__PURE__ */ defineComponent({
 		let telemetryCollector = null;
 		provide("ombreParentId", rootId.value);
 		provide("ombreRendererResetSignal", rendererResetSignal);
-		provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$55 = null) => {
+		provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$56 = null) => {
 			if (fragmentNodeFunc === null) rendererInstance.value.removeNode(id);
-			else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$55);
+			else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$56);
 		});
 		provide("ombreUniformUpdate", (nodeId, uniformName, value) => {
 			rendererInstance.value.updateUniformValue(nodeId, uniformName, value);
@@ -6995,4 +7117,4 @@ var Shader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Swirl_default as Swirl, TiltShift_default as TiltShift, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };
+export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Swirl_default as Swirl, TiltShift_default as TiltShift, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };