shaders 2.2.32 → 2.2.34

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-Ci4D5lDy.js";
+import { n as generatePresetCode } from "./generatePresetCode-CwTRhENe.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -9,56 +9,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";
 const OmbreContext = createContext(null);
 const Shader = ({ children, hideNotice = false, style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
@@ -68,7 +69,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	if (rendererRef.current === null) rendererRef.current = shaderRenderer();
 	const telemetryCollectorRef = useRef(null);
 	const nodeRegister = useMemo(() => {
-		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$55 = null) => {
+		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$56 = null) => {
 			if (fragmentNodeFunc === null) {
 				try {
 					rendererRef.current.removeNode(id);
@@ -78,7 +79,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 				return;
 			}
 			try {
-				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$55);
+				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$56);
 			} catch (err) {
 				console.error("Error registering node:", err, {
 					id,
@@ -219,8 +220,146 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	});
 };
 var Shader_default = Shader;
-function computeEffectiveProps$54(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$55(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM$55 = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps$55 = {
+	blendMode: "normal",
+	renderOrder: 0,
+	visible: true
+};
+try {
+	if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.props).forEach(([key, config]) => {
+		const propConfig = config;
+		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$55[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const OmbreComponent$55 = (props) => {
+	const context = useContext(OmbreContext);
+	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const instanceId = useMemo(() => {
+		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps$55(props, defaultProps$55);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM$55,
+		...props.transform
+	}), [props.transform]);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	const childContextValue = useMemo(() => {
+		return {
+			...context,
+			ombreParentId: instanceId
+		};
+	}, [context, instanceId]);
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			const metadata = {
+				blendMode: props.blendMode || "normal",
+				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 || 0,
+				transform: effectiveTransform
+			};
+			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			return () => {
+				parentRegister(instanceId, null, null, null, null);
+			};
+		} catch (error) {
+			console.error("Error registering shader node:", error);
+			return () => {};
+		}
+	}, [
+		instanceId,
+		parentId,
+		parentRegister
+	]);
+	const prevPropsRef = useRef({});
+	useEffect(() => {
+		if (!uniformsRef.current) return;
+		try {
+			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
+				if (!uniformData || typeof uniformData !== "object") return;
+				const { uniform, transform } = uniformData;
+				if (uniform?.value !== void 0 && propName in effectiveProps) {
+					const newValue = effectiveProps[propName];
+					if (newValue !== prevPropsRef.current[propName]) {
+						parentUniformUpdate(instanceId, propName, newValue);
+						prevPropsRef.current[propName] = newValue;
+					}
+				}
+			});
+		} catch (error) {
+			console.error("Error updating uniforms:", error);
+		}
+	}, [
+		effectiveProps,
+		instanceId,
+		parentUniformUpdate
+	]);
+	useEffect(() => {
+		try {
+			parentMetadataUpdate(instanceId, {
+				blendMode: props.blendMode || "normal",
+				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 || 0,
+				transform: effectiveTransform
+			});
+		} catch (error) {
+			console.error("Error updating metadata:", error);
+		}
+	}, [
+		props.blendMode,
+		props.opacity,
+		props.visible,
+		props.maskSource,
+		props.maskType,
+		props.renderOrder,
+		props.id,
+		effectiveTransform,
+		instanceId,
+		parentMetadataUpdate
+	]);
+	if (props.ref && typeof props.ref === "function") try {
+		props.ref(null);
+	} catch (e) {}
+	return /* @__PURE__ */ jsx(OmbreContext.Provider, {
+		value: childContextValue,
+		children: props.children
+	});
+};
+var AngularBlur_default = OmbreComponent$55;
+function computeEffectiveProps$54(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -239,7 +378,7 @@ var defaultProps$54 = {
 	visible: true
 };
 try {
-	if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.props).forEach(([key, config]) => {
+	if (componentDefinition$1 && componentDefinition$1.props) Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$54[key] = propConfig.default;
 	});
@@ -251,7 +390,7 @@ const OmbreComponent$54 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$54(props, defaultProps$54);
@@ -261,7 +400,7 @@ const OmbreComponent$54 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$1, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -283,7 +422,7 @@ const OmbreComponent$54 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$1);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -356,9 +495,9 @@ const OmbreComponent$54 = (props) => {
 		children: props.children
 	});
 };
-var AngularBlur_default = OmbreComponent$54;
-function computeEffectiveProps$53(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Ascii_default = OmbreComponent$54;
+function computeEffectiveProps$53(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -377,7 +516,7 @@ var defaultProps$53 = {
 	visible: true
 };
 try {
-	if (componentDefinition$1 && componentDefinition$1.props) Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
+	if (componentDefinition$2 && componentDefinition$2.props) Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$53[key] = propConfig.default;
 	});
@@ -389,7 +528,7 @@ const OmbreComponent$53 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$53(props, defaultProps$53);
@@ -399,7 +538,7 @@ const OmbreComponent$53 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$1, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$2, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -421,7 +560,7 @@ const OmbreComponent$53 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$1);
+			parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$2);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -494,9 +633,9 @@ const OmbreComponent$53 = (props) => {
 		children: props.children
 	});
 };
-var Ascii_default = OmbreComponent$53;
-function computeEffectiveProps$52(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Beam_default = OmbreComponent$53;
+function computeEffectiveProps$52(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -515,7 +654,7 @@ var defaultProps$52 = {
 	visible: true
 };
 try {
-	if (componentDefinition$2 && componentDefinition$2.props) Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
+	if (componentDefinition$3 && componentDefinition$3.props) Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$52[key] = propConfig.default;
 	});
@@ -527,7 +666,7 @@ const OmbreComponent$52 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$52(props, defaultProps$52);
@@ -537,7 +676,7 @@ const OmbreComponent$52 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$2, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$3, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -559,7 +698,7 @@ const OmbreComponent$52 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$2);
+			parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$3);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -632,9 +771,9 @@ const OmbreComponent$52 = (props) => {
 		children: props.children
 	});
 };
-var Beam_default = OmbreComponent$52;
-function computeEffectiveProps$51(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Blob_default = OmbreComponent$52;
+function computeEffectiveProps$51(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -653,7 +792,7 @@ var defaultProps$51 = {
 	visible: true
 };
 try {
-	if (componentDefinition$3 && componentDefinition$3.props) Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
+	if (componentDefinition$4 && componentDefinition$4.props) Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$51[key] = propConfig.default;
 	});
@@ -665,7 +804,7 @@ const OmbreComponent$51 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$51(props, defaultProps$51);
@@ -675,7 +814,7 @@ const OmbreComponent$51 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$3, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$4, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -697,7 +836,7 @@ const OmbreComponent$51 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$3);
+			parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$4);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -770,9 +909,9 @@ const OmbreComponent$51 = (props) => {
 		children: props.children
 	});
 };
-var Blob_default = OmbreComponent$51;
-function computeEffectiveProps$50(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Blur_default = OmbreComponent$51;
+function computeEffectiveProps$50(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -791,7 +930,7 @@ var defaultProps$50 = {
 	visible: true
 };
 try {
-	if (componentDefinition$4 && componentDefinition$4.props) Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
+	if (componentDefinition$5 && componentDefinition$5.props) Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$50[key] = propConfig.default;
 	});
@@ -803,7 +942,7 @@ const OmbreComponent$50 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$50(props, defaultProps$50);
@@ -813,7 +952,7 @@ const OmbreComponent$50 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$4, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$5, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -835,7 +974,7 @@ const OmbreComponent$50 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$4);
+			parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$5);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -908,9 +1047,9 @@ const OmbreComponent$50 = (props) => {
 		children: props.children
 	});
 };
-var Blur_default = OmbreComponent$50;
-function computeEffectiveProps$49(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var BrightnessContrast_default = OmbreComponent$50;
+function computeEffectiveProps$49(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -929,7 +1068,7 @@ var defaultProps$49 = {
 	visible: true
 };
 try {
-	if (componentDefinition$5 && componentDefinition$5.props) Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
+	if (componentDefinition$6 && componentDefinition$6.props) Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$49[key] = propConfig.default;
 	});
@@ -941,7 +1080,7 @@ const OmbreComponent$49 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$49(props, defaultProps$49);
@@ -951,7 +1090,7 @@ const OmbreComponent$49 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$5, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$6, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -973,7 +1112,7 @@ const OmbreComponent$49 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$5);
+			parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$6);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1047,8 +1186,8 @@ const OmbreComponent$49 = (props) => {
 	});
 };
 var Bulge_default = OmbreComponent$49;
-function computeEffectiveProps$48(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$48(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1067,7 +1206,7 @@ var defaultProps$48 = {
 	visible: true
 };
 try {
-	if (componentDefinition$6 && componentDefinition$6.props) Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
+	if (componentDefinition$7 && componentDefinition$7.props) Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$48[key] = propConfig.default;
 	});
@@ -1079,7 +1218,7 @@ const OmbreComponent$48 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$48(props, defaultProps$48);
@@ -1089,7 +1228,7 @@ const OmbreComponent$48 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$6, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$7, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1111,7 +1250,7 @@ const OmbreComponent$48 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$6);
+			parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$7);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1185,8 +1324,8 @@ const OmbreComponent$48 = (props) => {
 	});
 };
 var CRTScreen_default = OmbreComponent$48;
-function computeEffectiveProps$47(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$47(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1205,7 +1344,7 @@ var defaultProps$47 = {
 	visible: true
 };
 try {
-	if (componentDefinition$7 && componentDefinition$7.props) Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
+	if (componentDefinition$8 && componentDefinition$8.props) Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$47[key] = propConfig.default;
 	});
@@ -1217,7 +1356,7 @@ const OmbreComponent$47 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$47(props, defaultProps$47);
@@ -1227,7 +1366,7 @@ const OmbreComponent$47 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$7, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$8, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1249,7 +1388,7 @@ const OmbreComponent$47 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$7);
+			parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$8);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1323,8 +1462,8 @@ const OmbreComponent$47 = (props) => {
 	});
 };
 var ChannelBlur_default = OmbreComponent$47;
-function computeEffectiveProps$46(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$46(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1343,7 +1482,7 @@ var defaultProps$46 = {
 	visible: true
 };
 try {
-	if (componentDefinition$8 && componentDefinition$8.props) Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
+	if (componentDefinition$9 && componentDefinition$9.props) Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$46[key] = propConfig.default;
 	});
@@ -1355,7 +1494,7 @@ const OmbreComponent$46 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$46(props, defaultProps$46);
@@ -1365,7 +1504,7 @@ const OmbreComponent$46 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$8, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$9, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1387,7 +1526,7 @@ const OmbreComponent$46 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$8);
+			parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$9);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1461,8 +1600,8 @@ const OmbreComponent$46 = (props) => {
 	});
 };
 var Checkerboard_default = OmbreComponent$46;
-function computeEffectiveProps$45(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$45(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1481,7 +1620,7 @@ var defaultProps$45 = {
 	visible: true
 };
 try {
-	if (componentDefinition$9 && componentDefinition$9.props) Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
+	if (componentDefinition$10 && componentDefinition$10.props) Object.entries(componentDefinition$10.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$45[key] = propConfig.default;
 	});
@@ -1493,7 +1632,7 @@ const OmbreComponent$45 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$10.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$45(props, defaultProps$45);
@@ -1503,7 +1642,7 @@ const OmbreComponent$45 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$9, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$10, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1525,7 +1664,7 @@ const OmbreComponent$45 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$9);
+			parentRegister(instanceId, componentDefinition$10.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$10);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1599,8 +1738,8 @@ const OmbreComponent$45 = (props) => {
 	});
 };
 var ChromaFlow_default = OmbreComponent$45;
-function computeEffectiveProps$44(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$44(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1619,7 +1758,7 @@ var defaultProps$44 = {
 	visible: true
 };
 try {
-	if (componentDefinition$10 && componentDefinition$10.props) Object.entries(componentDefinition$10.props).forEach(([key, config]) => {
+	if (componentDefinition$11 && componentDefinition$11.props) Object.entries(componentDefinition$11.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$44[key] = propConfig.default;
 	});
@@ -1631,7 +1770,7 @@ const OmbreComponent$44 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$10.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$11.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$44(props, defaultProps$44);
@@ -1641,7 +1780,7 @@ const OmbreComponent$44 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$10, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$11, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1663,7 +1802,7 @@ const OmbreComponent$44 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$10.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$10);
+			parentRegister(instanceId, componentDefinition$11.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$11);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1737,8 +1876,8 @@ const OmbreComponent$44 = (props) => {
 	});
 };
 var ChromaticAberration_default = OmbreComponent$44;
-function computeEffectiveProps$43(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$43(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1757,7 +1896,7 @@ var defaultProps$43 = {
 	visible: true
 };
 try {
-	if (componentDefinition$11 && componentDefinition$11.props) Object.entries(componentDefinition$11.props).forEach(([key, config]) => {
+	if (componentDefinition$12 && componentDefinition$12.props) Object.entries(componentDefinition$12.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$43[key] = propConfig.default;
 	});
@@ -1769,7 +1908,7 @@ const OmbreComponent$43 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$11.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$12.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$43(props, defaultProps$43);
@@ -1779,7 +1918,7 @@ const OmbreComponent$43 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$11, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$12, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1801,7 +1940,7 @@ const OmbreComponent$43 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$11.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$11);
+			parentRegister(instanceId, componentDefinition$12.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$12);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1875,8 +2014,8 @@ const OmbreComponent$43 = (props) => {
 	});
 };
 var Circle_default = OmbreComponent$43;
-function computeEffectiveProps$42(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$42(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1895,7 +2034,7 @@ var defaultProps$42 = {
 	visible: true
 };
 try {
-	if (componentDefinition$12 && componentDefinition$12.props) Object.entries(componentDefinition$12.props).forEach(([key, config]) => {
+	if (componentDefinition$13 && componentDefinition$13.props) Object.entries(componentDefinition$13.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$42[key] = propConfig.default;
 	});
@@ -1907,7 +2046,7 @@ const OmbreComponent$42 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$12.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$13.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$42(props, defaultProps$42);
@@ -1917,7 +2056,7 @@ const OmbreComponent$42 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$12, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$13, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1939,7 +2078,7 @@ const OmbreComponent$42 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$12.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$12);
+			parentRegister(instanceId, componentDefinition$13.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$13);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2013,8 +2152,8 @@ const OmbreComponent$42 = (props) => {
 	});
 };
 var CursorTrail_default = OmbreComponent$42;
-function computeEffectiveProps$41(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$41(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2033,7 +2172,7 @@ var defaultProps$41 = {
 	visible: true
 };
 try {
-	if (componentDefinition$13 && componentDefinition$13.props) Object.entries(componentDefinition$13.props).forEach(([key, config]) => {
+	if (componentDefinition$14 && componentDefinition$14.props) Object.entries(componentDefinition$14.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$41[key] = propConfig.default;
 	});
@@ -2045,7 +2184,7 @@ const OmbreComponent$41 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$13.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$14.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$41(props, defaultProps$41);
@@ -2055,7 +2194,7 @@ const OmbreComponent$41 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$13, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$14, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2077,7 +2216,7 @@ const OmbreComponent$41 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$13.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$13);
+			parentRegister(instanceId, componentDefinition$14.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$14);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2151,8 +2290,8 @@ const OmbreComponent$41 = (props) => {
 	});
 };
 var DiffuseBlur_default = OmbreComponent$41;
-function computeEffectiveProps$40(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$40(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2171,7 +2310,7 @@ var defaultProps$40 = {
 	visible: true
 };
 try {
-	if (componentDefinition$14 && componentDefinition$14.props) Object.entries(componentDefinition$14.props).forEach(([key, config]) => {
+	if (componentDefinition$15 && componentDefinition$15.props) Object.entries(componentDefinition$15.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$40[key] = propConfig.default;
 	});
@@ -2183,7 +2322,7 @@ const OmbreComponent$40 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$14.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$15.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$40(props, defaultProps$40);
@@ -2193,7 +2332,7 @@ const OmbreComponent$40 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$14, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$15, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2215,7 +2354,7 @@ const OmbreComponent$40 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$14.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$14);
+			parentRegister(instanceId, componentDefinition$15.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$15);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2289,8 +2428,8 @@ const OmbreComponent$40 = (props) => {
 	});
 };
 var Dither_default = OmbreComponent$40;
-function computeEffectiveProps$39(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$39(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2309,7 +2448,7 @@ var defaultProps$39 = {
 	visible: true
 };
 try {
-	if (componentDefinition$15 && componentDefinition$15.props) Object.entries(componentDefinition$15.props).forEach(([key, config]) => {
+	if (componentDefinition$16 && componentDefinition$16.props) Object.entries(componentDefinition$16.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$39[key] = propConfig.default;
 	});
@@ -2321,7 +2460,7 @@ const OmbreComponent$39 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$15.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$16.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$39(props, defaultProps$39);
@@ -2331,7 +2470,7 @@ const OmbreComponent$39 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$15, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$16, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2353,7 +2492,7 @@ const OmbreComponent$39 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$15.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$15);
+			parentRegister(instanceId, componentDefinition$16.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$16);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2427,8 +2566,8 @@ const OmbreComponent$39 = (props) => {
 	});
 };
 var DotGrid_default = OmbreComponent$39;
-function computeEffectiveProps$38(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$38(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2447,7 +2586,7 @@ var defaultProps$38 = {
 	visible: true
 };
 try {
-	if (componentDefinition$16 && componentDefinition$16.props) Object.entries(componentDefinition$16.props).forEach(([key, config]) => {
+	if (componentDefinition$17 && componentDefinition$17.props) Object.entries(componentDefinition$17.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$38[key] = propConfig.default;
 	});
@@ -2459,7 +2598,7 @@ const OmbreComponent$38 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$16.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$17.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$38(props, defaultProps$38);
@@ -2469,7 +2608,7 @@ const OmbreComponent$38 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$16, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$17, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2491,7 +2630,7 @@ const OmbreComponent$38 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$16.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$16);
+			parentRegister(instanceId, componentDefinition$17.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$17);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2565,8 +2704,8 @@ const OmbreComponent$38 = (props) => {
 	});
 };
 var Duotone_default = OmbreComponent$38;
-function computeEffectiveProps$37(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$37(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2585,7 +2724,7 @@ var defaultProps$37 = {
 	visible: true
 };
 try {
-	if (componentDefinition$17 && componentDefinition$17.props) Object.entries(componentDefinition$17.props).forEach(([key, config]) => {
+	if (componentDefinition$18 && componentDefinition$18.props) Object.entries(componentDefinition$18.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$37[key] = propConfig.default;
 	});
@@ -2597,7 +2736,7 @@ const OmbreComponent$37 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$17.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$18.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$37(props, defaultProps$37);
@@ -2607,7 +2746,7 @@ const OmbreComponent$37 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$17, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$18, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2629,7 +2768,7 @@ const OmbreComponent$37 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$17.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$17);
+			parentRegister(instanceId, componentDefinition$18.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$18);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2703,8 +2842,8 @@ const OmbreComponent$37 = (props) => {
 	});
 };
 var FilmGrain_default = OmbreComponent$37;
-function computeEffectiveProps$36(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$36(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2723,7 +2862,7 @@ var defaultProps$36 = {
 	visible: true
 };
 try {
-	if (componentDefinition$18 && componentDefinition$18.props) Object.entries(componentDefinition$18.props).forEach(([key, config]) => {
+	if (componentDefinition$19 && componentDefinition$19.props) Object.entries(componentDefinition$19.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$36[key] = propConfig.default;
 	});
@@ -2735,7 +2874,7 @@ const OmbreComponent$36 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$18.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$19.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$36(props, defaultProps$36);
@@ -2745,7 +2884,7 @@ const OmbreComponent$36 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$18, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$19, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2767,7 +2906,7 @@ const OmbreComponent$36 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$18.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$18);
+			parentRegister(instanceId, componentDefinition$19.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$19);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2841,8 +2980,8 @@ const OmbreComponent$36 = (props) => {
 	});
 };
 var FloatingParticles_default = OmbreComponent$36;
-function computeEffectiveProps$35(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$35(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2861,7 +3000,7 @@ var defaultProps$35 = {
 	visible: true
 };
 try {
-	if (componentDefinition$19 && componentDefinition$19.props) Object.entries(componentDefinition$19.props).forEach(([key, config]) => {
+	if (componentDefinition$20 && componentDefinition$20.props) Object.entries(componentDefinition$20.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$35[key] = propConfig.default;
 	});
@@ -2873,7 +3012,7 @@ const OmbreComponent$35 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$19.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$20.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$35(props, defaultProps$35);
@@ -2883,7 +3022,7 @@ const OmbreComponent$35 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$19, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$20, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2905,7 +3044,7 @@ const OmbreComponent$35 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$19.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$19);
+			parentRegister(instanceId, componentDefinition$20.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$20);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2979,8 +3118,8 @@ const OmbreComponent$35 = (props) => {
 	});
 };
 var GlassTiles_default = OmbreComponent$35;
-function computeEffectiveProps$34(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$34(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2999,7 +3138,7 @@ var defaultProps$34 = {
 	visible: true
 };
 try {
-	if (componentDefinition$20 && componentDefinition$20.props) Object.entries(componentDefinition$20.props).forEach(([key, config]) => {
+	if (componentDefinition$21 && componentDefinition$21.props) Object.entries(componentDefinition$21.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$34[key] = propConfig.default;
 	});
@@ -3011,7 +3150,7 @@ const OmbreComponent$34 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$20.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$21.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$34(props, defaultProps$34);
@@ -3021,7 +3160,7 @@ const OmbreComponent$34 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$20, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$21, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3043,7 +3182,7 @@ const OmbreComponent$34 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$20.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$20);
+			parentRegister(instanceId, componentDefinition$21.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$21);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3117,8 +3256,8 @@ const OmbreComponent$34 = (props) => {
 	});
 };
 var Glow_default = OmbreComponent$34;
-function computeEffectiveProps$33(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$33(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3137,7 +3276,7 @@ var defaultProps$33 = {
 	visible: true
 };
 try {
-	if (componentDefinition$21 && componentDefinition$21.props) Object.entries(componentDefinition$21.props).forEach(([key, config]) => {
+	if (componentDefinition$22 && componentDefinition$22.props) Object.entries(componentDefinition$22.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$33[key] = propConfig.default;
 	});
@@ -3149,7 +3288,7 @@ const OmbreComponent$33 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$21.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$22.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$33(props, defaultProps$33);
@@ -3159,7 +3298,7 @@ const OmbreComponent$33 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$21, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$22, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3181,7 +3320,7 @@ const OmbreComponent$33 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$21.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$21);
+			parentRegister(instanceId, componentDefinition$22.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$22);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3255,8 +3394,8 @@ const OmbreComponent$33 = (props) => {
 	});
 };
 var Godrays_default = OmbreComponent$33;
-function computeEffectiveProps$32(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$32(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3275,7 +3414,7 @@ var defaultProps$32 = {
 	visible: true
 };
 try {
-	if (componentDefinition$22 && componentDefinition$22.props) Object.entries(componentDefinition$22.props).forEach(([key, config]) => {
+	if (componentDefinition$23 && componentDefinition$23.props) Object.entries(componentDefinition$23.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$32[key] = propConfig.default;
 	});
@@ -3287,7 +3426,7 @@ const OmbreComponent$32 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$22.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$23.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$32(props, defaultProps$32);
@@ -3297,7 +3436,7 @@ const OmbreComponent$32 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$22, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$23, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3319,7 +3458,7 @@ const OmbreComponent$32 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$22.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$22);
+			parentRegister(instanceId, componentDefinition$23.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$23);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3393,8 +3532,8 @@ const OmbreComponent$32 = (props) => {
 	});
 };
 var Grayscale_default = OmbreComponent$32;
-function computeEffectiveProps$31(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$31(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3413,7 +3552,7 @@ var defaultProps$31 = {
 	visible: true
 };
 try {
-	if (componentDefinition$23 && componentDefinition$23.props) Object.entries(componentDefinition$23.props).forEach(([key, config]) => {
+	if (componentDefinition$24 && componentDefinition$24.props) Object.entries(componentDefinition$24.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$31[key] = propConfig.default;
 	});
@@ -3425,7 +3564,7 @@ const OmbreComponent$31 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$23.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$24.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$31(props, defaultProps$31);
@@ -3435,7 +3574,7 @@ const OmbreComponent$31 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$23, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$24, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3457,7 +3596,7 @@ const OmbreComponent$31 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$23.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$23);
+			parentRegister(instanceId, componentDefinition$24.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$24);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3531,8 +3670,8 @@ const OmbreComponent$31 = (props) => {
 	});
 };
 var Grid_default = OmbreComponent$31;
-function computeEffectiveProps$30(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$30(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3551,7 +3690,7 @@ var defaultProps$30 = {
 	visible: true
 };
 try {
-	if (componentDefinition$24 && componentDefinition$24.props) Object.entries(componentDefinition$24.props).forEach(([key, config]) => {
+	if (componentDefinition$25 && componentDefinition$25.props) Object.entries(componentDefinition$25.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$30[key] = propConfig.default;
 	});
@@ -3563,7 +3702,7 @@ const OmbreComponent$30 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$24.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$25.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$30(props, defaultProps$30);
@@ -3573,7 +3712,7 @@ const OmbreComponent$30 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$24, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$25, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3595,7 +3734,7 @@ const OmbreComponent$30 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$24.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$24);
+			parentRegister(instanceId, componentDefinition$25.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$25);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3669,8 +3808,8 @@ const OmbreComponent$30 = (props) => {
 	});
 };
 var GridDistortion_default = OmbreComponent$30;
-function computeEffectiveProps$29(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$29(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3689,7 +3828,7 @@ var defaultProps$29 = {
 	visible: true
 };
 try {
-	if (componentDefinition$25 && componentDefinition$25.props) Object.entries(componentDefinition$25.props).forEach(([key, config]) => {
+	if (componentDefinition$26 && componentDefinition$26.props) Object.entries(componentDefinition$26.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$29[key] = propConfig.default;
 	});
@@ -3701,7 +3840,7 @@ const OmbreComponent$29 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$25.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$26.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$29(props, defaultProps$29);
@@ -3711,7 +3850,7 @@ const OmbreComponent$29 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$25, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$26, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3733,7 +3872,7 @@ const OmbreComponent$29 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$25.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$25);
+			parentRegister(instanceId, componentDefinition$26.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$26);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3807,8 +3946,8 @@ const OmbreComponent$29 = (props) => {
 	});
 };
 var Group_default = OmbreComponent$29;
-function computeEffectiveProps$28(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$28(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3827,7 +3966,7 @@ var defaultProps$28 = {
 	visible: true
 };
 try {
-	if (componentDefinition$26 && componentDefinition$26.props) Object.entries(componentDefinition$26.props).forEach(([key, config]) => {
+	if (componentDefinition$27 && componentDefinition$27.props) Object.entries(componentDefinition$27.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$28[key] = propConfig.default;
 	});
@@ -3839,7 +3978,7 @@ const OmbreComponent$28 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$26.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$27.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$28(props, defaultProps$28);
@@ -3849,7 +3988,7 @@ const OmbreComponent$28 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$26, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$27, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3871,7 +4010,7 @@ const OmbreComponent$28 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$26.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$26);
+			parentRegister(instanceId, componentDefinition$27.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$27);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3945,8 +4084,8 @@ const OmbreComponent$28 = (props) => {
 	});
 };
 var Halftone_default = OmbreComponent$28;
-function computeEffectiveProps$27(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$27(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3965,7 +4104,7 @@ var defaultProps$27 = {
 	visible: true
 };
 try {
-	if (componentDefinition$27 && componentDefinition$27.props) Object.entries(componentDefinition$27.props).forEach(([key, config]) => {
+	if (componentDefinition$28 && componentDefinition$28.props) Object.entries(componentDefinition$28.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$27[key] = propConfig.default;
 	});
@@ -3977,7 +4116,7 @@ const OmbreComponent$27 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$27.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$28.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$27(props, defaultProps$27);
@@ -3987,7 +4126,7 @@ const OmbreComponent$27 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$27, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$28, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4009,7 +4148,7 @@ const OmbreComponent$27 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$27.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$27);
+			parentRegister(instanceId, componentDefinition$28.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$28);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4083,8 +4222,8 @@ const OmbreComponent$27 = (props) => {
 	});
 };
 var HueShift_default = OmbreComponent$27;
-function computeEffectiveProps$26(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$26(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4103,7 +4242,7 @@ var defaultProps$26 = {
 	visible: true
 };
 try {
-	if (componentDefinition$28 && componentDefinition$28.props) Object.entries(componentDefinition$28.props).forEach(([key, config]) => {
+	if (componentDefinition$29 && componentDefinition$29.props) Object.entries(componentDefinition$29.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$26[key] = propConfig.default;
 	});
@@ -4115,7 +4254,7 @@ const OmbreComponent$26 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$28.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$29.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$26(props, defaultProps$26);
@@ -4125,7 +4264,7 @@ const OmbreComponent$26 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$28, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$29, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4147,7 +4286,7 @@ const OmbreComponent$26 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$28.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$28);
+			parentRegister(instanceId, componentDefinition$29.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$29);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4221,8 +4360,8 @@ const OmbreComponent$26 = (props) => {
 	});
 };
 var ImageTexture_default = OmbreComponent$26;
-function computeEffectiveProps$25(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$25(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4241,7 +4380,7 @@ var defaultProps$25 = {
 	visible: true
 };
 try {
-	if (componentDefinition$29 && componentDefinition$29.props) Object.entries(componentDefinition$29.props).forEach(([key, config]) => {
+	if (componentDefinition$30 && componentDefinition$30.props) Object.entries(componentDefinition$30.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$25[key] = propConfig.default;
 	});
@@ -4253,7 +4392,7 @@ const OmbreComponent$25 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$29.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$30.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$25(props, defaultProps$25);
@@ -4263,7 +4402,7 @@ const OmbreComponent$25 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$29, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$30, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4285,7 +4424,7 @@ const OmbreComponent$25 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$29.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$29);
+			parentRegister(instanceId, componentDefinition$30.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$30);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4359,8 +4498,8 @@ const OmbreComponent$25 = (props) => {
 	});
 };
 var Invert_default = OmbreComponent$25;
-function computeEffectiveProps$24(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$24(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4379,7 +4518,7 @@ var defaultProps$24 = {
 	visible: true
 };
 try {
-	if (componentDefinition$30 && componentDefinition$30.props) Object.entries(componentDefinition$30.props).forEach(([key, config]) => {
+	if (componentDefinition$31 && componentDefinition$31.props) Object.entries(componentDefinition$31.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$24[key] = propConfig.default;
 	});
@@ -4391,7 +4530,7 @@ const OmbreComponent$24 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$30.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$31.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$24(props, defaultProps$24);
@@ -4401,7 +4540,7 @@ const OmbreComponent$24 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$30, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$31, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4423,7 +4562,7 @@ const OmbreComponent$24 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$30.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$30);
+			parentRegister(instanceId, componentDefinition$31.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$31);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4497,8 +4636,8 @@ const OmbreComponent$24 = (props) => {
 	});
 };
 var LinearBlur_default = OmbreComponent$24;
-function computeEffectiveProps$23(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$23(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4517,7 +4656,7 @@ var defaultProps$23 = {
 	visible: true
 };
 try {
-	if (componentDefinition$31 && componentDefinition$31.props) Object.entries(componentDefinition$31.props).forEach(([key, config]) => {
+	if (componentDefinition$32 && componentDefinition$32.props) Object.entries(componentDefinition$32.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$23[key] = propConfig.default;
 	});
@@ -4529,7 +4668,7 @@ const OmbreComponent$23 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$31.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$32.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$23(props, defaultProps$23);
@@ -4539,7 +4678,7 @@ const OmbreComponent$23 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$31, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$32, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4561,7 +4700,7 @@ const OmbreComponent$23 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$31.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$31);
+			parentRegister(instanceId, componentDefinition$32.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$32);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4635,8 +4774,8 @@ const OmbreComponent$23 = (props) => {
 	});
 };
 var LinearGradient_default = OmbreComponent$23;
-function computeEffectiveProps$22(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$22(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4655,7 +4794,7 @@ var defaultProps$22 = {
 	visible: true
 };
 try {
-	if (componentDefinition$32 && componentDefinition$32.props) Object.entries(componentDefinition$32.props).forEach(([key, config]) => {
+	if (componentDefinition$33 && componentDefinition$33.props) Object.entries(componentDefinition$33.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$22[key] = propConfig.default;
 	});
@@ -4667,7 +4806,7 @@ const OmbreComponent$22 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$32.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$33.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$22(props, defaultProps$22);
@@ -4677,7 +4816,7 @@ const OmbreComponent$22 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$32, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$33, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4699,7 +4838,7 @@ const OmbreComponent$22 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$32.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$32);
+			parentRegister(instanceId, componentDefinition$33.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$33);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4773,8 +4912,8 @@ const OmbreComponent$22 = (props) => {
 	});
 };
 var Liquify_default = OmbreComponent$22;
-function computeEffectiveProps$21(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$21(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4793,7 +4932,7 @@ var defaultProps$21 = {
 	visible: true
 };
 try {
-	if (componentDefinition$33 && componentDefinition$33.props) Object.entries(componentDefinition$33.props).forEach(([key, config]) => {
+	if (componentDefinition$34 && componentDefinition$34.props) Object.entries(componentDefinition$34.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$21[key] = propConfig.default;
 	});
@@ -4805,7 +4944,7 @@ const OmbreComponent$21 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$33.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$34.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$21(props, defaultProps$21);
@@ -4815,7 +4954,7 @@ const OmbreComponent$21 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$33, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$34, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4837,7 +4976,7 @@ const OmbreComponent$21 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$33.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$33);
+			parentRegister(instanceId, componentDefinition$34.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$34);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4911,8 +5050,8 @@ const OmbreComponent$21 = (props) => {
 	});
 };
 var Pixelate_default = OmbreComponent$21;
-function computeEffectiveProps$20(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$20(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4931,7 +5070,7 @@ var defaultProps$20 = {
 	visible: true
 };
 try {
-	if (componentDefinition$34 && componentDefinition$34.props) Object.entries(componentDefinition$34.props).forEach(([key, config]) => {
+	if (componentDefinition$35 && componentDefinition$35.props) Object.entries(componentDefinition$35.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$20[key] = propConfig.default;
 	});
@@ -4943,7 +5082,7 @@ const OmbreComponent$20 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$34.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$35.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$20(props, defaultProps$20);
@@ -4953,7 +5092,7 @@ const OmbreComponent$20 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$34, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$35, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4975,7 +5114,7 @@ const OmbreComponent$20 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$34.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$34);
+			parentRegister(instanceId, componentDefinition$35.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$35);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5049,8 +5188,8 @@ const OmbreComponent$20 = (props) => {
 	});
 };
 var PolarCoordinates_default = OmbreComponent$20;
-function computeEffectiveProps$19(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$19(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5069,7 +5208,7 @@ var defaultProps$19 = {
 	visible: true
 };
 try {
-	if (componentDefinition$35 && componentDefinition$35.props) Object.entries(componentDefinition$35.props).forEach(([key, config]) => {
+	if (componentDefinition$36 && componentDefinition$36.props) Object.entries(componentDefinition$36.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$19[key] = propConfig.default;
 	});
@@ -5081,7 +5220,7 @@ const OmbreComponent$19 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$35.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$36.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$19(props, defaultProps$19);
@@ -5091,7 +5230,7 @@ const OmbreComponent$19 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$35, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$36, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5113,7 +5252,7 @@ const OmbreComponent$19 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$35.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$35);
+			parentRegister(instanceId, componentDefinition$36.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$36);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5187,8 +5326,8 @@ const OmbreComponent$19 = (props) => {
 	});
 };
 var Posterize_default = OmbreComponent$19;
-function computeEffectiveProps$18(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$18(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5207,7 +5346,7 @@ var defaultProps$18 = {
 	visible: true
 };
 try {
-	if (componentDefinition$36 && componentDefinition$36.props) Object.entries(componentDefinition$36.props).forEach(([key, config]) => {
+	if (componentDefinition$37 && componentDefinition$37.props) Object.entries(componentDefinition$37.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$18[key] = propConfig.default;
 	});
@@ -5219,7 +5358,7 @@ const OmbreComponent$18 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$36.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$37.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$18(props, defaultProps$18);
@@ -5229,7 +5368,7 @@ const OmbreComponent$18 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$36, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$37, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5251,7 +5390,7 @@ const OmbreComponent$18 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$36.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$36);
+			parentRegister(instanceId, componentDefinition$37.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$37);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5325,8 +5464,8 @@ const OmbreComponent$18 = (props) => {
 	});
 };
 var ProgressiveBlur_default = OmbreComponent$18;
-function computeEffectiveProps$17(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$17(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5345,7 +5484,7 @@ var defaultProps$17 = {
 	visible: true
 };
 try {
-	if (componentDefinition$37 && componentDefinition$37.props) Object.entries(componentDefinition$37.props).forEach(([key, config]) => {
+	if (componentDefinition$38 && componentDefinition$38.props) Object.entries(componentDefinition$38.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$17[key] = propConfig.default;
 	});
@@ -5357,7 +5496,7 @@ const OmbreComponent$17 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$37.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$38.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$17(props, defaultProps$17);
@@ -5367,7 +5506,7 @@ const OmbreComponent$17 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$37, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$38, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5389,7 +5528,7 @@ const OmbreComponent$17 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$37.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$37);
+			parentRegister(instanceId, componentDefinition$38.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$38);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5463,8 +5602,8 @@ const OmbreComponent$17 = (props) => {
 	});
 };
 var RadialGradient_default = OmbreComponent$17;
-function computeEffectiveProps$16(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$16(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5483,7 +5622,7 @@ var defaultProps$16 = {
 	visible: true
 };
 try {
-	if (componentDefinition$38 && componentDefinition$38.props) Object.entries(componentDefinition$38.props).forEach(([key, config]) => {
+	if (componentDefinition$39 && componentDefinition$39.props) Object.entries(componentDefinition$39.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$16[key] = propConfig.default;
 	});
@@ -5495,7 +5634,7 @@ const OmbreComponent$16 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$38.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$39.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$16(props, defaultProps$16);
@@ -5505,7 +5644,7 @@ const OmbreComponent$16 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$38, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$39, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5527,7 +5666,7 @@ const OmbreComponent$16 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$38.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$38);
+			parentRegister(instanceId, componentDefinition$39.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$39);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5601,8 +5740,8 @@ const OmbreComponent$16 = (props) => {
 	});
 };
 var RectangularCoordinates_default = OmbreComponent$16;
-function computeEffectiveProps$15(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$15(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5621,7 +5760,7 @@ var defaultProps$15 = {
 	visible: true
 };
 try {
-	if (componentDefinition$39 && componentDefinition$39.props) Object.entries(componentDefinition$39.props).forEach(([key, config]) => {
+	if (componentDefinition$40 && componentDefinition$40.props) Object.entries(componentDefinition$40.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$15[key] = propConfig.default;
 	});
@@ -5633,7 +5772,7 @@ const OmbreComponent$15 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$39.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$40.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$15(props, defaultProps$15);
@@ -5643,7 +5782,7 @@ const OmbreComponent$15 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$39, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$40, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5665,7 +5804,7 @@ const OmbreComponent$15 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$39.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$39);
+			parentRegister(instanceId, componentDefinition$40.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$40);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5739,8 +5878,8 @@ const OmbreComponent$15 = (props) => {
 	});
 };
 var Ripples_default = OmbreComponent$15;
-function computeEffectiveProps$14(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$14(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5759,7 +5898,7 @@ var defaultProps$14 = {
 	visible: true
 };
 try {
-	if (componentDefinition$40 && componentDefinition$40.props) Object.entries(componentDefinition$40.props).forEach(([key, config]) => {
+	if (componentDefinition$41 && componentDefinition$41.props) Object.entries(componentDefinition$41.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$14[key] = propConfig.default;
 	});
@@ -5771,7 +5910,7 @@ const OmbreComponent$14 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$40.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$41.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$14(props, defaultProps$14);
@@ -5781,7 +5920,7 @@ const OmbreComponent$14 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$40, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$41, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5803,7 +5942,7 @@ const OmbreComponent$14 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$40.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$40);
+			parentRegister(instanceId, componentDefinition$41.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$41);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5877,8 +6016,8 @@ const OmbreComponent$14 = (props) => {
 	});
 };
 var Saturation_default = OmbreComponent$14;
-function computeEffectiveProps$13(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$13(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5897,7 +6036,7 @@ var defaultProps$13 = {
 	visible: true
 };
 try {
-	if (componentDefinition$41 && componentDefinition$41.props) Object.entries(componentDefinition$41.props).forEach(([key, config]) => {
+	if (componentDefinition$42 && componentDefinition$42.props) Object.entries(componentDefinition$42.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$13[key] = propConfig.default;
 	});
@@ -5909,7 +6048,7 @@ const OmbreComponent$13 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$41.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$42.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$13(props, defaultProps$13);
@@ -5919,7 +6058,7 @@ const OmbreComponent$13 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$41, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$42, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5941,7 +6080,7 @@ const OmbreComponent$13 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$41.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$41);
+			parentRegister(instanceId, componentDefinition$42.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$42);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6015,8 +6154,8 @@ const OmbreComponent$13 = (props) => {
 	});
 };
 var SimplexNoise_default = OmbreComponent$13;
-function computeEffectiveProps$12(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$12(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6035,7 +6174,7 @@ var defaultProps$12 = {
 	visible: true
 };
 try {
-	if (componentDefinition$42 && componentDefinition$42.props) Object.entries(componentDefinition$42.props).forEach(([key, config]) => {
+	if (componentDefinition$43 && componentDefinition$43.props) Object.entries(componentDefinition$43.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$12[key] = propConfig.default;
 	});
@@ -6047,7 +6186,7 @@ const OmbreComponent$12 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$42.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$43.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$12(props, defaultProps$12);
@@ -6057,7 +6196,7 @@ const OmbreComponent$12 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$42, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$43, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6079,7 +6218,7 @@ const OmbreComponent$12 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$42.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$42);
+			parentRegister(instanceId, componentDefinition$43.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$43);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6153,8 +6292,8 @@ const OmbreComponent$12 = (props) => {
 	});
 };
 var SineWave_default = OmbreComponent$12;
-function computeEffectiveProps$11(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$11(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6173,7 +6312,7 @@ var defaultProps$11 = {
 	visible: true
 };
 try {
-	if (componentDefinition$43 && componentDefinition$43.props) Object.entries(componentDefinition$43.props).forEach(([key, config]) => {
+	if (componentDefinition$44 && componentDefinition$44.props) Object.entries(componentDefinition$44.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$11[key] = propConfig.default;
 	});
@@ -6185,7 +6324,7 @@ const OmbreComponent$11 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$43.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$44.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$11(props, defaultProps$11);
@@ -6195,7 +6334,7 @@ const OmbreComponent$11 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$43, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$44, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6217,7 +6356,7 @@ const OmbreComponent$11 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$43.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$43);
+			parentRegister(instanceId, componentDefinition$44.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$44);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6291,8 +6430,8 @@ const OmbreComponent$11 = (props) => {
 	});
 };
 var SolidColor_default = OmbreComponent$11;
-function computeEffectiveProps$10(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$10(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6311,7 +6450,7 @@ var defaultProps$10 = {
 	visible: true
 };
 try {
-	if (componentDefinition$44 && componentDefinition$44.props) Object.entries(componentDefinition$44.props).forEach(([key, config]) => {
+	if (componentDefinition$45 && componentDefinition$45.props) Object.entries(componentDefinition$45.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$10[key] = propConfig.default;
 	});
@@ -6323,7 +6462,7 @@ const OmbreComponent$10 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$44.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$45.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$10(props, defaultProps$10);
@@ -6333,7 +6472,7 @@ const OmbreComponent$10 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$44, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$45, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6355,7 +6494,7 @@ const OmbreComponent$10 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$44.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$44);
+			parentRegister(instanceId, componentDefinition$45.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$45);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6429,8 +6568,8 @@ const OmbreComponent$10 = (props) => {
 	});
 };
 var Spherize_default = OmbreComponent$10;
-function computeEffectiveProps$9(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$9(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6449,7 +6588,7 @@ var defaultProps$9 = {
 	visible: true
 };
 try {
-	if (componentDefinition$45 && componentDefinition$45.props) Object.entries(componentDefinition$45.props).forEach(([key, config]) => {
+	if (componentDefinition$46 && componentDefinition$46.props) Object.entries(componentDefinition$46.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$9[key] = propConfig.default;
 	});
@@ -6461,7 +6600,7 @@ const OmbreComponent$9 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$45.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$46.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$9(props, defaultProps$9);
@@ -6471,7 +6610,7 @@ const OmbreComponent$9 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$45, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$46, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6493,7 +6632,7 @@ const OmbreComponent$9 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$45.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$45);
+			parentRegister(instanceId, componentDefinition$46.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$46);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6567,8 +6706,8 @@ const OmbreComponent$9 = (props) => {
 	});
 };
 var Spiral_default = OmbreComponent$9;
-function computeEffectiveProps$8(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$8(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6587,7 +6726,7 @@ var defaultProps$8 = {
 	visible: true
 };
 try {
-	if (componentDefinition$46 && componentDefinition$46.props) Object.entries(componentDefinition$46.props).forEach(([key, config]) => {
+	if (componentDefinition$47 && componentDefinition$47.props) Object.entries(componentDefinition$47.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$8[key] = propConfig.default;
 	});
@@ -6599,7 +6738,7 @@ const OmbreComponent$8 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$46.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$47.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$8(props, defaultProps$8);
@@ -6609,7 +6748,7 @@ const OmbreComponent$8 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$46, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$47, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6631,7 +6770,7 @@ const OmbreComponent$8 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$46.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$46);
+			parentRegister(instanceId, componentDefinition$47.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$47);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6705,8 +6844,8 @@ const OmbreComponent$8 = (props) => {
 	});
 };
 var Strands_default = OmbreComponent$8;
-function computeEffectiveProps$7(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$7(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6725,7 +6864,7 @@ var defaultProps$7 = {
 	visible: true
 };
 try {
-	if (componentDefinition$47 && componentDefinition$47.props) Object.entries(componentDefinition$47.props).forEach(([key, config]) => {
+	if (componentDefinition$48 && componentDefinition$48.props) Object.entries(componentDefinition$48.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$7[key] = propConfig.default;
 	});
@@ -6737,7 +6876,7 @@ const OmbreComponent$7 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$47.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$48.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$7(props, defaultProps$7);
@@ -6747,7 +6886,7 @@ const OmbreComponent$7 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$47, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$48, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6769,7 +6908,7 @@ const OmbreComponent$7 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$47.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$47);
+			parentRegister(instanceId, componentDefinition$48.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$48);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6843,8 +6982,8 @@ const OmbreComponent$7 = (props) => {
 	});
 };
 var Stretch_default = OmbreComponent$7;
-function computeEffectiveProps$6(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$6(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6863,7 +7002,7 @@ var defaultProps$6 = {
 	visible: true
 };
 try {
-	if (componentDefinition$48 && componentDefinition$48.props) Object.entries(componentDefinition$48.props).forEach(([key, config]) => {
+	if (componentDefinition$49 && componentDefinition$49.props) Object.entries(componentDefinition$49.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$6[key] = propConfig.default;
 	});
@@ -6875,7 +7014,7 @@ const OmbreComponent$6 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$48.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$49.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$6(props, defaultProps$6);
@@ -6885,7 +7024,7 @@ const OmbreComponent$6 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$48, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$49, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6907,7 +7046,7 @@ const OmbreComponent$6 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$48.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$48);
+			parentRegister(instanceId, componentDefinition$49.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$49);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6981,8 +7120,8 @@ const OmbreComponent$6 = (props) => {
 	});
 };
 var Swirl_default = OmbreComponent$6;
-function computeEffectiveProps$5(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$5(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7001,7 +7140,7 @@ var defaultProps$5 = {
 	visible: true
 };
 try {
-	if (componentDefinition$49 && componentDefinition$49.props) Object.entries(componentDefinition$49.props).forEach(([key, config]) => {
+	if (componentDefinition$50 && componentDefinition$50.props) Object.entries(componentDefinition$50.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$5[key] = propConfig.default;
 	});
@@ -7013,7 +7152,7 @@ const OmbreComponent$5 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$49.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$50.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$5(props, defaultProps$5);
@@ -7023,7 +7162,7 @@ const OmbreComponent$5 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$49, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$50, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7045,7 +7184,7 @@ const OmbreComponent$5 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$49.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$49);
+			parentRegister(instanceId, componentDefinition$50.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$50);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7119,8 +7258,8 @@ const OmbreComponent$5 = (props) => {
 	});
 };
 var TiltShift_default = OmbreComponent$5;
-function computeEffectiveProps$4(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$4(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7139,7 +7278,7 @@ var defaultProps$4 = {
 	visible: true
 };
 try {
-	if (componentDefinition$50 && componentDefinition$50.props) Object.entries(componentDefinition$50.props).forEach(([key, config]) => {
+	if (componentDefinition$51 && componentDefinition$51.props) Object.entries(componentDefinition$51.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$4[key] = propConfig.default;
 	});
@@ -7151,7 +7290,7 @@ const OmbreComponent$4 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$50.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$51.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$4(props, defaultProps$4);
@@ -7161,7 +7300,7 @@ const OmbreComponent$4 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$50, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$51, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7183,7 +7322,7 @@ const OmbreComponent$4 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$50.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$50);
+			parentRegister(instanceId, componentDefinition$51.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$51);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7257,8 +7396,8 @@ const OmbreComponent$4 = (props) => {
 	});
 };
 var Tritone_default = OmbreComponent$4;
-function computeEffectiveProps$3(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$3(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7277,7 +7416,7 @@ var defaultProps$3 = {
 	visible: true
 };
 try {
-	if (componentDefinition$51 && componentDefinition$51.props) Object.entries(componentDefinition$51.props).forEach(([key, config]) => {
+	if (componentDefinition$52 && componentDefinition$52.props) Object.entries(componentDefinition$52.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$3[key] = propConfig.default;
 	});
@@ -7289,7 +7428,7 @@ const OmbreComponent$3 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$51.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$52.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$3(props, defaultProps$3);
@@ -7299,7 +7438,7 @@ const OmbreComponent$3 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$51, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$52, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7321,7 +7460,7 @@ const OmbreComponent$3 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$51.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$51);
+			parentRegister(instanceId, componentDefinition$52.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$52);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7395,8 +7534,8 @@ const OmbreComponent$3 = (props) => {
 	});
 };
 var Twirl_default = OmbreComponent$3;
-function computeEffectiveProps$2(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$2(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7415,7 +7554,7 @@ var defaultProps$2 = {
 	visible: true
 };
 try {
-	if (componentDefinition$52 && componentDefinition$52.props) Object.entries(componentDefinition$52.props).forEach(([key, config]) => {
+	if (componentDefinition$53 && componentDefinition$53.props) Object.entries(componentDefinition$53.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$2[key] = propConfig.default;
 	});
@@ -7427,7 +7566,7 @@ const OmbreComponent$2 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$52.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$53.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$2(props, defaultProps$2);
@@ -7437,7 +7576,7 @@ const OmbreComponent$2 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$52, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$53, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7459,7 +7598,7 @@ const OmbreComponent$2 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$52.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$52);
+			parentRegister(instanceId, componentDefinition$53.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$53);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7533,8 +7672,8 @@ const OmbreComponent$2 = (props) => {
 	});
 };
 var Vibrance_default = OmbreComponent$2;
-function computeEffectiveProps$1(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$1(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7553,7 +7692,7 @@ var defaultProps$1 = {
 	visible: true
 };
 try {
-	if (componentDefinition$53 && componentDefinition$53.props) Object.entries(componentDefinition$53.props).forEach(([key, config]) => {
+	if (componentDefinition$54 && componentDefinition$54.props) Object.entries(componentDefinition$54.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$1[key] = propConfig.default;
 	});
@@ -7565,7 +7704,7 @@ const OmbreComponent$1 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$53.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$54.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$1(props, defaultProps$1);
@@ -7575,7 +7714,7 @@ const OmbreComponent$1 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$53, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$54, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7597,7 +7736,7 @@ const OmbreComponent$1 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$53.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$53);
+			parentRegister(instanceId, componentDefinition$54.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$54);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7671,8 +7810,8 @@ const OmbreComponent$1 = (props) => {
 	});
 };
 var WaveDistortion_default = OmbreComponent$1;
-function computeEffectiveProps(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps(props, defaultProps$56) {
+	let baseProps = { ...defaultProps$56 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7691,7 +7830,7 @@ var defaultProps = {
 	visible: true
 };
 try {
-	if (componentDefinition$54 && componentDefinition$54.props) Object.entries(componentDefinition$54.props).forEach(([key, config]) => {
+	if (componentDefinition$55 && componentDefinition$55.props) Object.entries(componentDefinition$55.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
 	});
@@ -7703,7 +7842,7 @@ const OmbreComponent = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$54.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$55.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps(props, defaultProps);
@@ -7713,7 +7852,7 @@ const OmbreComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$54, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$55, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7735,7 +7874,7 @@ const OmbreComponent = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$54.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$54);
+			parentRegister(instanceId, componentDefinition$55.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$55);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7809,4 +7948,4 @@ const OmbreComponent = (props) => {
 	});
 };
 var ZoomBlur_default = OmbreComponent;
-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 };