shaders 2.2.38 → 2.2.40

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-CPcLELa5.js";
+import { n as generatePresetCode } from "./generatePresetCode-BCeSxN_V.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -57,11 +57,12 @@ import { componentDefinition as componentDefinition$49 } from "../core/shaders/S
 import { componentDefinition as componentDefinition$50 } from "../core/shaders/Stretch/index.js";
 import { componentDefinition as componentDefinition$51 } from "../core/shaders/Swirl/index.js";
 import { componentDefinition as componentDefinition$52 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$56 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$57 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$57 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$58 } from "../core/shaders/ZoomBlur/index.js";
 const OmbreContext = createContext(null);
 const Shader = ({ children, hideNotice = false, style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
@@ -71,7 +72,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$58 = null) => {
+		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$59 = null) => {
 			if (fragmentNodeFunc === null) {
 				try {
 					rendererRef.current.removeNode(id);
@@ -81,7 +82,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 				return;
 			}
 			try {
-				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$58);
+				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$59);
 			} catch (err) {
 				console.error("Error registering node:", err, {
 					id,
@@ -222,8 +223,146 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	});
 };
 var Shader_default = Shader;
-function computeEffectiveProps$57(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+function computeEffectiveProps$58(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM$58 = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps$58 = {
+	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$58[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const OmbreComponent$58 = (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$58(props, defaultProps$58);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM$58,
+		...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$58;
+function computeEffectiveProps$57(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -242,7 +381,7 @@ var defaultProps$57 = {
 	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$57[key] = propConfig.default;
 	});
@@ -254,7 +393,7 @@ const OmbreComponent$57 = (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$57(props, defaultProps$57);
@@ -264,7 +403,7 @@ const OmbreComponent$57 = (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,
@@ -286,7 +425,7 @@ const OmbreComponent$57 = (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);
 			};
@@ -359,9 +498,9 @@ const OmbreComponent$57 = (props) => {
 		children: props.children
 	});
 };
-var AngularBlur_default = OmbreComponent$57;
-function computeEffectiveProps$56(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Ascii_default = OmbreComponent$57;
+function computeEffectiveProps$56(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -380,7 +519,7 @@ var defaultProps$56 = {
 	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$56[key] = propConfig.default;
 	});
@@ -392,7 +531,7 @@ const OmbreComponent$56 = (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$56(props, defaultProps$56);
@@ -402,7 +541,7 @@ const OmbreComponent$56 = (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,
@@ -424,7 +563,7 @@ const OmbreComponent$56 = (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);
 			};
@@ -497,9 +636,9 @@ const OmbreComponent$56 = (props) => {
 		children: props.children
 	});
 };
-var Ascii_default = OmbreComponent$56;
-function computeEffectiveProps$55(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Beam_default = OmbreComponent$56;
+function computeEffectiveProps$55(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -518,7 +657,7 @@ var defaultProps$55 = {
 	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$55[key] = propConfig.default;
 	});
@@ -530,7 +669,7 @@ const OmbreComponent$55 = (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$55(props, defaultProps$55);
@@ -540,7 +679,7 @@ const OmbreComponent$55 = (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,
@@ -562,7 +701,7 @@ const OmbreComponent$55 = (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);
 			};
@@ -635,9 +774,9 @@ const OmbreComponent$55 = (props) => {
 		children: props.children
 	});
 };
-var Beam_default = OmbreComponent$55;
-function computeEffectiveProps$54(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Blob_default = OmbreComponent$55;
+function computeEffectiveProps$54(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -656,7 +795,7 @@ var defaultProps$54 = {
 	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$54[key] = propConfig.default;
 	});
@@ -668,7 +807,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$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$54(props, defaultProps$54);
@@ -678,7 +817,7 @@ const OmbreComponent$54 = (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,
@@ -700,7 +839,7 @@ const OmbreComponent$54 = (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);
 			};
@@ -773,9 +912,9 @@ const OmbreComponent$54 = (props) => {
 		children: props.children
 	});
 };
-var Blob_default = OmbreComponent$54;
-function computeEffectiveProps$53(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Blur_default = OmbreComponent$54;
+function computeEffectiveProps$53(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -794,7 +933,7 @@ var defaultProps$53 = {
 	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$53[key] = propConfig.default;
 	});
@@ -806,7 +945,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$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$53(props, defaultProps$53);
@@ -816,7 +955,7 @@ const OmbreComponent$53 = (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,
@@ -838,7 +977,7 @@ const OmbreComponent$53 = (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);
 			};
@@ -911,9 +1050,9 @@ const OmbreComponent$53 = (props) => {
 		children: props.children
 	});
 };
-var Blur_default = OmbreComponent$53;
-function computeEffectiveProps$52(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var BrightnessContrast_default = OmbreComponent$53;
+function computeEffectiveProps$52(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -932,7 +1071,7 @@ var defaultProps$52 = {
 	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$52[key] = propConfig.default;
 	});
@@ -944,7 +1083,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$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$52(props, defaultProps$52);
@@ -954,7 +1093,7 @@ const OmbreComponent$52 = (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,
@@ -976,7 +1115,7 @@ const OmbreComponent$52 = (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);
 			};
@@ -1049,9 +1188,9 @@ const OmbreComponent$52 = (props) => {
 		children: props.children
 	});
 };
-var BrightnessContrast_default = OmbreComponent$52;
-function computeEffectiveProps$51(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Bulge_default = OmbreComponent$52;
+function computeEffectiveProps$51(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1070,7 +1209,7 @@ var defaultProps$51 = {
 	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$51[key] = propConfig.default;
 	});
@@ -1082,7 +1221,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$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$51(props, defaultProps$51);
@@ -1092,7 +1231,7 @@ const OmbreComponent$51 = (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,
@@ -1114,7 +1253,7 @@ const OmbreComponent$51 = (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);
 			};
@@ -1187,9 +1326,9 @@ const OmbreComponent$51 = (props) => {
 		children: props.children
 	});
 };
-var Bulge_default = OmbreComponent$51;
-function computeEffectiveProps$50(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var CRTScreen_default = OmbreComponent$51;
+function computeEffectiveProps$50(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1208,7 +1347,7 @@ var defaultProps$50 = {
 	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$50[key] = propConfig.default;
 	});
@@ -1220,7 +1359,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$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$50(props, defaultProps$50);
@@ -1230,7 +1369,7 @@ const OmbreComponent$50 = (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,
@@ -1252,7 +1391,7 @@ const OmbreComponent$50 = (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);
 			};
@@ -1325,9 +1464,9 @@ const OmbreComponent$50 = (props) => {
 		children: props.children
 	});
 };
-var CRTScreen_default = OmbreComponent$50;
-function computeEffectiveProps$49(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var ChannelBlur_default = OmbreComponent$50;
+function computeEffectiveProps$49(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1346,7 +1485,7 @@ var defaultProps$49 = {
 	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$49[key] = propConfig.default;
 	});
@@ -1358,7 +1497,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$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$49(props, defaultProps$49);
@@ -1368,7 +1507,7 @@ const OmbreComponent$49 = (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,
@@ -1390,7 +1529,7 @@ const OmbreComponent$49 = (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);
 			};
@@ -1463,9 +1602,9 @@ const OmbreComponent$49 = (props) => {
 		children: props.children
 	});
 };
-var ChannelBlur_default = OmbreComponent$49;
-function computeEffectiveProps$48(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Checkerboard_default = OmbreComponent$49;
+function computeEffectiveProps$48(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1484,7 +1623,7 @@ var defaultProps$48 = {
 	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$48[key] = propConfig.default;
 	});
@@ -1496,7 +1635,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$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$48(props, defaultProps$48);
@@ -1506,7 +1645,7 @@ const OmbreComponent$48 = (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,
@@ -1528,7 +1667,7 @@ const OmbreComponent$48 = (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);
 			};
@@ -1601,9 +1740,9 @@ const OmbreComponent$48 = (props) => {
 		children: props.children
 	});
 };
-var Checkerboard_default = OmbreComponent$48;
-function computeEffectiveProps$47(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var ChromaFlow_default = OmbreComponent$48;
+function computeEffectiveProps$47(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1622,7 +1761,7 @@ var defaultProps$47 = {
 	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$47[key] = propConfig.default;
 	});
@@ -1634,7 +1773,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$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$47(props, defaultProps$47);
@@ -1644,7 +1783,7 @@ const OmbreComponent$47 = (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,
@@ -1666,7 +1805,7 @@ const OmbreComponent$47 = (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);
 			};
@@ -1739,9 +1878,9 @@ const OmbreComponent$47 = (props) => {
 		children: props.children
 	});
 };
-var ChromaFlow_default = OmbreComponent$47;
-function computeEffectiveProps$46(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var ChromaticAberration_default = OmbreComponent$47;
+function computeEffectiveProps$46(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1760,7 +1899,7 @@ var defaultProps$46 = {
 	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$46[key] = propConfig.default;
 	});
@@ -1772,7 +1911,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$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$46(props, defaultProps$46);
@@ -1782,7 +1921,7 @@ const OmbreComponent$46 = (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,
@@ -1804,7 +1943,7 @@ const OmbreComponent$46 = (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);
 			};
@@ -1877,9 +2016,9 @@ const OmbreComponent$46 = (props) => {
 		children: props.children
 	});
 };
-var ChromaticAberration_default = OmbreComponent$46;
-function computeEffectiveProps$45(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Circle_default = OmbreComponent$46;
+function computeEffectiveProps$45(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1898,7 +2037,7 @@ var defaultProps$45 = {
 	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$45[key] = propConfig.default;
 	});
@@ -1910,7 +2049,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$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$45(props, defaultProps$45);
@@ -1920,7 +2059,7 @@ const OmbreComponent$45 = (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,
@@ -1942,7 +2081,7 @@ const OmbreComponent$45 = (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);
 			};
@@ -2015,9 +2154,9 @@ const OmbreComponent$45 = (props) => {
 		children: props.children
 	});
 };
-var Circle_default = OmbreComponent$45;
-function computeEffectiveProps$44(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var CursorTrail_default = OmbreComponent$45;
+function computeEffectiveProps$44(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2036,7 +2175,7 @@ var defaultProps$44 = {
 	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$44[key] = propConfig.default;
 	});
@@ -2048,7 +2187,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$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$44(props, defaultProps$44);
@@ -2058,7 +2197,7 @@ const OmbreComponent$44 = (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,
@@ -2080,7 +2219,7 @@ const OmbreComponent$44 = (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);
 			};
@@ -2153,9 +2292,9 @@ const OmbreComponent$44 = (props) => {
 		children: props.children
 	});
 };
-var CursorTrail_default = OmbreComponent$44;
-function computeEffectiveProps$43(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var DiffuseBlur_default = OmbreComponent$44;
+function computeEffectiveProps$43(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2174,7 +2313,7 @@ var defaultProps$43 = {
 	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$43[key] = propConfig.default;
 	});
@@ -2186,7 +2325,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$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$43(props, defaultProps$43);
@@ -2196,7 +2335,7 @@ const OmbreComponent$43 = (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,
@@ -2218,7 +2357,7 @@ const OmbreComponent$43 = (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);
 			};
@@ -2291,9 +2430,9 @@ const OmbreComponent$43 = (props) => {
 		children: props.children
 	});
 };
-var DiffuseBlur_default = OmbreComponent$43;
-function computeEffectiveProps$42(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Dither_default = OmbreComponent$43;
+function computeEffectiveProps$42(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2312,7 +2451,7 @@ var defaultProps$42 = {
 	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$42[key] = propConfig.default;
 	});
@@ -2324,7 +2463,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$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$42(props, defaultProps$42);
@@ -2334,7 +2473,7 @@ const OmbreComponent$42 = (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,
@@ -2356,7 +2495,7 @@ const OmbreComponent$42 = (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);
 			};
@@ -2429,9 +2568,9 @@ const OmbreComponent$42 = (props) => {
 		children: props.children
 	});
 };
-var Dither_default = OmbreComponent$42;
-function computeEffectiveProps$41(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var DotGrid_default = OmbreComponent$42;
+function computeEffectiveProps$41(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2450,7 +2589,7 @@ var defaultProps$41 = {
 	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$41[key] = propConfig.default;
 	});
@@ -2462,7 +2601,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$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$41(props, defaultProps$41);
@@ -2472,7 +2611,7 @@ const OmbreComponent$41 = (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,
@@ -2494,7 +2633,7 @@ const OmbreComponent$41 = (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);
 			};
@@ -2567,9 +2706,9 @@ const OmbreComponent$41 = (props) => {
 		children: props.children
 	});
 };
-var DotGrid_default = OmbreComponent$41;
-function computeEffectiveProps$40(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Duotone_default = OmbreComponent$41;
+function computeEffectiveProps$40(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2588,7 +2727,7 @@ var defaultProps$40 = {
 	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$40[key] = propConfig.default;
 	});
@@ -2600,7 +2739,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$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$40(props, defaultProps$40);
@@ -2610,7 +2749,7 @@ const OmbreComponent$40 = (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,
@@ -2632,7 +2771,7 @@ const OmbreComponent$40 = (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);
 			};
@@ -2705,9 +2844,9 @@ const OmbreComponent$40 = (props) => {
 		children: props.children
 	});
 };
-var Duotone_default = OmbreComponent$40;
-function computeEffectiveProps$39(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var FilmGrain_default = OmbreComponent$40;
+function computeEffectiveProps$39(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2726,7 +2865,7 @@ var defaultProps$39 = {
 	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$39[key] = propConfig.default;
 	});
@@ -2738,7 +2877,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$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$39(props, defaultProps$39);
@@ -2748,7 +2887,7 @@ const OmbreComponent$39 = (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,
@@ -2770,7 +2909,7 @@ const OmbreComponent$39 = (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);
 			};
@@ -2843,9 +2982,9 @@ const OmbreComponent$39 = (props) => {
 		children: props.children
 	});
 };
-var FilmGrain_default = OmbreComponent$39;
-function computeEffectiveProps$38(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var FloatingParticles_default = OmbreComponent$39;
+function computeEffectiveProps$38(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2864,7 +3003,7 @@ var defaultProps$38 = {
 	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$38[key] = propConfig.default;
 	});
@@ -2876,7 +3015,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$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$38(props, defaultProps$38);
@@ -2886,7 +3025,7 @@ const OmbreComponent$38 = (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,
@@ -2908,7 +3047,7 @@ const OmbreComponent$38 = (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);
 			};
@@ -2981,9 +3120,9 @@ const OmbreComponent$38 = (props) => {
 		children: props.children
 	});
 };
-var FloatingParticles_default = OmbreComponent$38;
-function computeEffectiveProps$37(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var GlassTiles_default = OmbreComponent$38;
+function computeEffectiveProps$37(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3002,7 +3141,7 @@ var defaultProps$37 = {
 	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$37[key] = propConfig.default;
 	});
@@ -3014,7 +3153,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$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$37(props, defaultProps$37);
@@ -3024,7 +3163,7 @@ const OmbreComponent$37 = (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,
@@ -3046,7 +3185,7 @@ const OmbreComponent$37 = (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);
 			};
@@ -3119,9 +3258,9 @@ const OmbreComponent$37 = (props) => {
 		children: props.children
 	});
 };
-var GlassTiles_default = OmbreComponent$37;
-function computeEffectiveProps$36(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Glow_default = OmbreComponent$37;
+function computeEffectiveProps$36(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3140,7 +3279,7 @@ var defaultProps$36 = {
 	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$36[key] = propConfig.default;
 	});
@@ -3152,7 +3291,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$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$36(props, defaultProps$36);
@@ -3162,7 +3301,7 @@ const OmbreComponent$36 = (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,
@@ -3184,7 +3323,7 @@ const OmbreComponent$36 = (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);
 			};
@@ -3257,9 +3396,9 @@ const OmbreComponent$36 = (props) => {
 		children: props.children
 	});
 };
-var Glow_default = OmbreComponent$36;
-function computeEffectiveProps$35(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Godrays_default = OmbreComponent$36;
+function computeEffectiveProps$35(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3278,7 +3417,7 @@ var defaultProps$35 = {
 	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$35[key] = propConfig.default;
 	});
@@ -3290,7 +3429,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$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$35(props, defaultProps$35);
@@ -3300,7 +3439,7 @@ const OmbreComponent$35 = (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,
@@ -3322,7 +3461,7 @@ const OmbreComponent$35 = (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);
 			};
@@ -3395,9 +3534,9 @@ const OmbreComponent$35 = (props) => {
 		children: props.children
 	});
 };
-var Godrays_default = OmbreComponent$35;
-function computeEffectiveProps$34(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Grayscale_default = OmbreComponent$35;
+function computeEffectiveProps$34(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3416,7 +3555,7 @@ var defaultProps$34 = {
 	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$34[key] = propConfig.default;
 	});
@@ -3428,7 +3567,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$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$34(props, defaultProps$34);
@@ -3438,7 +3577,7 @@ const OmbreComponent$34 = (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,
@@ -3460,7 +3599,7 @@ const OmbreComponent$34 = (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);
 			};
@@ -3533,9 +3672,9 @@ const OmbreComponent$34 = (props) => {
 		children: props.children
 	});
 };
-var Grayscale_default = OmbreComponent$34;
-function computeEffectiveProps$33(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Grid_default = OmbreComponent$34;
+function computeEffectiveProps$33(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3554,7 +3693,7 @@ var defaultProps$33 = {
 	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$33[key] = propConfig.default;
 	});
@@ -3566,7 +3705,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$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$33(props, defaultProps$33);
@@ -3576,7 +3715,7 @@ const OmbreComponent$33 = (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,
@@ -3598,7 +3737,7 @@ const OmbreComponent$33 = (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);
 			};
@@ -3671,9 +3810,9 @@ const OmbreComponent$33 = (props) => {
 		children: props.children
 	});
 };
-var Grid_default = OmbreComponent$33;
-function computeEffectiveProps$32(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var GridDistortion_default = OmbreComponent$33;
+function computeEffectiveProps$32(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3692,7 +3831,7 @@ var defaultProps$32 = {
 	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$32[key] = propConfig.default;
 	});
@@ -3704,7 +3843,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$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$32(props, defaultProps$32);
@@ -3714,7 +3853,7 @@ const OmbreComponent$32 = (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,
@@ -3736,7 +3875,7 @@ const OmbreComponent$32 = (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);
 			};
@@ -3809,9 +3948,9 @@ const OmbreComponent$32 = (props) => {
 		children: props.children
 	});
 };
-var GridDistortion_default = OmbreComponent$32;
-function computeEffectiveProps$31(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Group_default = OmbreComponent$32;
+function computeEffectiveProps$31(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3830,7 +3969,7 @@ var defaultProps$31 = {
 	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$31[key] = propConfig.default;
 	});
@@ -3842,7 +3981,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$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$31(props, defaultProps$31);
@@ -3852,7 +3991,7 @@ const OmbreComponent$31 = (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,
@@ -3874,7 +4013,7 @@ const OmbreComponent$31 = (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);
 			};
@@ -3947,9 +4086,9 @@ const OmbreComponent$31 = (props) => {
 		children: props.children
 	});
 };
-var Group_default = OmbreComponent$31;
-function computeEffectiveProps$30(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Halftone_default = OmbreComponent$31;
+function computeEffectiveProps$30(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3968,7 +4107,7 @@ var defaultProps$30 = {
 	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$30[key] = propConfig.default;
 	});
@@ -3980,7 +4119,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$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$30(props, defaultProps$30);
@@ -3990,7 +4129,7 @@ const OmbreComponent$30 = (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,
@@ -4012,7 +4151,7 @@ const OmbreComponent$30 = (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);
 			};
@@ -4085,9 +4224,9 @@ const OmbreComponent$30 = (props) => {
 		children: props.children
 	});
 };
-var Halftone_default = OmbreComponent$30;
-function computeEffectiveProps$29(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var HueShift_default = OmbreComponent$30;
+function computeEffectiveProps$29(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4106,7 +4245,7 @@ var defaultProps$29 = {
 	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$29[key] = propConfig.default;
 	});
@@ -4118,7 +4257,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$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$29(props, defaultProps$29);
@@ -4128,7 +4267,7 @@ const OmbreComponent$29 = (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,
@@ -4150,7 +4289,7 @@ const OmbreComponent$29 = (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);
 			};
@@ -4223,9 +4362,9 @@ const OmbreComponent$29 = (props) => {
 		children: props.children
 	});
 };
-var HueShift_default = OmbreComponent$29;
-function computeEffectiveProps$28(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var ImageTexture_default = OmbreComponent$29;
+function computeEffectiveProps$28(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4244,7 +4383,7 @@ var defaultProps$28 = {
 	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$28[key] = propConfig.default;
 	});
@@ -4256,7 +4395,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$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$28(props, defaultProps$28);
@@ -4266,7 +4405,7 @@ const OmbreComponent$28 = (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,
@@ -4288,7 +4427,7 @@ const OmbreComponent$28 = (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);
 			};
@@ -4361,9 +4500,9 @@ const OmbreComponent$28 = (props) => {
 		children: props.children
 	});
 };
-var ImageTexture_default = OmbreComponent$28;
-function computeEffectiveProps$27(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Invert_default = OmbreComponent$28;
+function computeEffectiveProps$27(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4382,7 +4521,7 @@ var defaultProps$27 = {
 	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$27[key] = propConfig.default;
 	});
@@ -4394,7 +4533,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$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$27(props, defaultProps$27);
@@ -4404,7 +4543,7 @@ const OmbreComponent$27 = (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,
@@ -4426,7 +4565,7 @@ const OmbreComponent$27 = (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);
 			};
@@ -4499,9 +4638,9 @@ const OmbreComponent$27 = (props) => {
 		children: props.children
 	});
 };
-var Invert_default = OmbreComponent$27;
-function computeEffectiveProps$26(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var LinearBlur_default = OmbreComponent$27;
+function computeEffectiveProps$26(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4520,7 +4659,7 @@ var defaultProps$26 = {
 	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$26[key] = propConfig.default;
 	});
@@ -4532,7 +4671,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$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$26(props, defaultProps$26);
@@ -4542,7 +4681,7 @@ const OmbreComponent$26 = (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,
@@ -4564,7 +4703,7 @@ const OmbreComponent$26 = (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);
 			};
@@ -4637,9 +4776,9 @@ const OmbreComponent$26 = (props) => {
 		children: props.children
 	});
 };
-var LinearBlur_default = OmbreComponent$26;
-function computeEffectiveProps$25(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var LinearGradient_default = OmbreComponent$26;
+function computeEffectiveProps$25(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4658,7 +4797,7 @@ var defaultProps$25 = {
 	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$25[key] = propConfig.default;
 	});
@@ -4670,7 +4809,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$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$25(props, defaultProps$25);
@@ -4680,7 +4819,7 @@ const OmbreComponent$25 = (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,
@@ -4702,7 +4841,7 @@ const OmbreComponent$25 = (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);
 			};
@@ -4775,9 +4914,9 @@ const OmbreComponent$25 = (props) => {
 		children: props.children
 	});
 };
-var LinearGradient_default = OmbreComponent$25;
-function computeEffectiveProps$24(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Liquify_default = OmbreComponent$25;
+function computeEffectiveProps$24(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4796,7 +4935,7 @@ var defaultProps$24 = {
 	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$24[key] = propConfig.default;
 	});
@@ -4808,7 +4947,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$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$24(props, defaultProps$24);
@@ -4818,7 +4957,7 @@ const OmbreComponent$24 = (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,
@@ -4840,7 +4979,7 @@ const OmbreComponent$24 = (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);
 			};
@@ -4913,9 +5052,9 @@ const OmbreComponent$24 = (props) => {
 		children: props.children
 	});
 };
-var Liquify_default = OmbreComponent$24;
-function computeEffectiveProps$23(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Perspective_default = OmbreComponent$24;
+function computeEffectiveProps$23(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4934,7 +5073,7 @@ var defaultProps$23 = {
 	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$23[key] = propConfig.default;
 	});
@@ -4946,7 +5085,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$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$23(props, defaultProps$23);
@@ -4956,7 +5095,7 @@ const OmbreComponent$23 = (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,
@@ -4978,7 +5117,7 @@ const OmbreComponent$23 = (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);
 			};
@@ -5051,9 +5190,9 @@ const OmbreComponent$23 = (props) => {
 		children: props.children
 	});
 };
-var Perspective_default = OmbreComponent$23;
-function computeEffectiveProps$22(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Pixelate_default = OmbreComponent$23;
+function computeEffectiveProps$22(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5072,7 +5211,7 @@ var defaultProps$22 = {
 	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$22[key] = propConfig.default;
 	});
@@ -5084,7 +5223,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$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$22(props, defaultProps$22);
@@ -5094,7 +5233,7 @@ const OmbreComponent$22 = (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,
@@ -5116,7 +5255,7 @@ const OmbreComponent$22 = (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);
 			};
@@ -5189,9 +5328,9 @@ const OmbreComponent$22 = (props) => {
 		children: props.children
 	});
 };
-var Pixelate_default = OmbreComponent$22;
-function computeEffectiveProps$21(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var PolarCoordinates_default = OmbreComponent$22;
+function computeEffectiveProps$21(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5210,7 +5349,7 @@ var defaultProps$21 = {
 	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$21[key] = propConfig.default;
 	});
@@ -5222,7 +5361,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$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$21(props, defaultProps$21);
@@ -5232,7 +5371,7 @@ const OmbreComponent$21 = (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,
@@ -5254,7 +5393,7 @@ const OmbreComponent$21 = (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);
 			};
@@ -5327,9 +5466,9 @@ const OmbreComponent$21 = (props) => {
 		children: props.children
 	});
 };
-var PolarCoordinates_default = OmbreComponent$21;
-function computeEffectiveProps$20(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Posterize_default = OmbreComponent$21;
+function computeEffectiveProps$20(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5348,7 +5487,7 @@ var defaultProps$20 = {
 	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$20[key] = propConfig.default;
 	});
@@ -5360,7 +5499,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$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$20(props, defaultProps$20);
@@ -5370,7 +5509,7 @@ const OmbreComponent$20 = (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,
@@ -5392,7 +5531,7 @@ const OmbreComponent$20 = (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);
 			};
@@ -5465,9 +5604,9 @@ const OmbreComponent$20 = (props) => {
 		children: props.children
 	});
 };
-var Posterize_default = OmbreComponent$20;
-function computeEffectiveProps$19(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var ProgressiveBlur_default = OmbreComponent$20;
+function computeEffectiveProps$19(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5486,7 +5625,7 @@ var defaultProps$19 = {
 	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$19[key] = propConfig.default;
 	});
@@ -5498,7 +5637,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$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$19(props, defaultProps$19);
@@ -5508,7 +5647,7 @@ const OmbreComponent$19 = (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,
@@ -5530,7 +5669,7 @@ const OmbreComponent$19 = (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);
 			};
@@ -5603,9 +5742,9 @@ const OmbreComponent$19 = (props) => {
 		children: props.children
 	});
 };
-var ProgressiveBlur_default = OmbreComponent$19;
-function computeEffectiveProps$18(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var RadialGradient_default = OmbreComponent$19;
+function computeEffectiveProps$18(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5624,7 +5763,7 @@ var defaultProps$18 = {
 	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$18[key] = propConfig.default;
 	});
@@ -5636,7 +5775,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$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$18(props, defaultProps$18);
@@ -5646,7 +5785,7 @@ const OmbreComponent$18 = (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,
@@ -5668,7 +5807,7 @@ const OmbreComponent$18 = (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);
 			};
@@ -5741,9 +5880,9 @@ const OmbreComponent$18 = (props) => {
 		children: props.children
 	});
 };
-var RadialGradient_default = OmbreComponent$18;
-function computeEffectiveProps$17(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var RectangularCoordinates_default = OmbreComponent$18;
+function computeEffectiveProps$17(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5762,7 +5901,7 @@ var defaultProps$17 = {
 	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$17[key] = propConfig.default;
 	});
@@ -5774,7 +5913,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$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$17(props, defaultProps$17);
@@ -5784,7 +5923,7 @@ const OmbreComponent$17 = (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,
@@ -5806,7 +5945,7 @@ const OmbreComponent$17 = (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);
 			};
@@ -5879,9 +6018,9 @@ const OmbreComponent$17 = (props) => {
 		children: props.children
 	});
 };
-var RectangularCoordinates_default = OmbreComponent$17;
-function computeEffectiveProps$16(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Ripples_default = OmbreComponent$17;
+function computeEffectiveProps$16(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5900,7 +6039,7 @@ var defaultProps$16 = {
 	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$16[key] = propConfig.default;
 	});
@@ -5912,7 +6051,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$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$16(props, defaultProps$16);
@@ -5922,7 +6061,7 @@ const OmbreComponent$16 = (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,
@@ -5944,7 +6083,7 @@ const OmbreComponent$16 = (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);
 			};
@@ -6017,9 +6156,9 @@ const OmbreComponent$16 = (props) => {
 		children: props.children
 	});
 };
-var Ripples_default = OmbreComponent$16;
-function computeEffectiveProps$15(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Saturation_default = OmbreComponent$16;
+function computeEffectiveProps$15(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6038,7 +6177,7 @@ var defaultProps$15 = {
 	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$15[key] = propConfig.default;
 	});
@@ -6050,7 +6189,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$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$15(props, defaultProps$15);
@@ -6060,7 +6199,7 @@ const OmbreComponent$15 = (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,
@@ -6082,7 +6221,7 @@ const OmbreComponent$15 = (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);
 			};
@@ -6155,9 +6294,9 @@ const OmbreComponent$15 = (props) => {
 		children: props.children
 	});
 };
-var Saturation_default = OmbreComponent$15;
-function computeEffectiveProps$14(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Sharpness_default = OmbreComponent$15;
+function computeEffectiveProps$14(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6176,7 +6315,7 @@ var defaultProps$14 = {
 	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$14[key] = propConfig.default;
 	});
@@ -6188,7 +6327,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$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$14(props, defaultProps$14);
@@ -6198,7 +6337,7 @@ const OmbreComponent$14 = (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,
@@ -6220,7 +6359,7 @@ const OmbreComponent$14 = (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);
 			};
@@ -6293,9 +6432,9 @@ const OmbreComponent$14 = (props) => {
 		children: props.children
 	});
 };
-var Sharpness_default = OmbreComponent$14;
-function computeEffectiveProps$13(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var SimplexNoise_default = OmbreComponent$14;
+function computeEffectiveProps$13(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6314,7 +6453,7 @@ var defaultProps$13 = {
 	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$13[key] = propConfig.default;
 	});
@@ -6326,7 +6465,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$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$13(props, defaultProps$13);
@@ -6336,7 +6475,7 @@ const OmbreComponent$13 = (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,
@@ -6358,7 +6497,7 @@ const OmbreComponent$13 = (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);
 			};
@@ -6431,9 +6570,9 @@ const OmbreComponent$13 = (props) => {
 		children: props.children
 	});
 };
-var SimplexNoise_default = OmbreComponent$13;
-function computeEffectiveProps$12(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var SineWave_default = OmbreComponent$13;
+function computeEffectiveProps$12(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6452,7 +6591,7 @@ var defaultProps$12 = {
 	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$12[key] = propConfig.default;
 	});
@@ -6464,7 +6603,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$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$12(props, defaultProps$12);
@@ -6474,7 +6613,7 @@ const OmbreComponent$12 = (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,
@@ -6496,7 +6635,7 @@ const OmbreComponent$12 = (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);
 			};
@@ -6569,9 +6708,9 @@ const OmbreComponent$12 = (props) => {
 		children: props.children
 	});
 };
-var SineWave_default = OmbreComponent$12;
-function computeEffectiveProps$11(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var SolidColor_default = OmbreComponent$12;
+function computeEffectiveProps$11(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6590,7 +6729,7 @@ var defaultProps$11 = {
 	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$11[key] = propConfig.default;
 	});
@@ -6602,7 +6741,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$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$11(props, defaultProps$11);
@@ -6612,7 +6751,7 @@ const OmbreComponent$11 = (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,
@@ -6634,7 +6773,7 @@ const OmbreComponent$11 = (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);
 			};
@@ -6707,9 +6846,9 @@ const OmbreComponent$11 = (props) => {
 		children: props.children
 	});
 };
-var SolidColor_default = OmbreComponent$11;
-function computeEffectiveProps$10(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Spherize_default = OmbreComponent$11;
+function computeEffectiveProps$10(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6728,7 +6867,7 @@ var defaultProps$10 = {
 	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$10[key] = propConfig.default;
 	});
@@ -6740,7 +6879,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$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$10(props, defaultProps$10);
@@ -6750,7 +6889,7 @@ const OmbreComponent$10 = (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,
@@ -6772,7 +6911,7 @@ const OmbreComponent$10 = (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);
 			};
@@ -6845,9 +6984,9 @@ const OmbreComponent$10 = (props) => {
 		children: props.children
 	});
 };
-var Spherize_default = OmbreComponent$10;
-function computeEffectiveProps$9(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Spiral_default = OmbreComponent$10;
+function computeEffectiveProps$9(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6866,7 +7005,7 @@ var defaultProps$9 = {
 	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$9[key] = propConfig.default;
 	});
@@ -6878,7 +7017,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$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$9(props, defaultProps$9);
@@ -6888,7 +7027,7 @@ const OmbreComponent$9 = (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,
@@ -6910,7 +7049,7 @@ const OmbreComponent$9 = (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);
 			};
@@ -6983,9 +7122,9 @@ const OmbreComponent$9 = (props) => {
 		children: props.children
 	});
 };
-var Spiral_default = OmbreComponent$9;
-function computeEffectiveProps$8(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Strands_default = OmbreComponent$9;
+function computeEffectiveProps$8(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7004,7 +7143,7 @@ var defaultProps$8 = {
 	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$8[key] = propConfig.default;
 	});
@@ -7016,7 +7155,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$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$8(props, defaultProps$8);
@@ -7026,7 +7165,7 @@ const OmbreComponent$8 = (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,
@@ -7048,7 +7187,7 @@ const OmbreComponent$8 = (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);
 			};
@@ -7121,9 +7260,9 @@ const OmbreComponent$8 = (props) => {
 		children: props.children
 	});
 };
-var Strands_default = OmbreComponent$8;
-function computeEffectiveProps$7(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Stretch_default = OmbreComponent$8;
+function computeEffectiveProps$7(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7142,7 +7281,7 @@ var defaultProps$7 = {
 	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$7[key] = propConfig.default;
 	});
@@ -7154,7 +7293,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$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$7(props, defaultProps$7);
@@ -7164,7 +7303,7 @@ const OmbreComponent$7 = (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,
@@ -7186,7 +7325,7 @@ const OmbreComponent$7 = (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);
 			};
@@ -7259,9 +7398,9 @@ const OmbreComponent$7 = (props) => {
 		children: props.children
 	});
 };
-var Stretch_default = OmbreComponent$7;
-function computeEffectiveProps$6(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Swirl_default = OmbreComponent$7;
+function computeEffectiveProps$6(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7280,7 +7419,7 @@ var defaultProps$6 = {
 	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$6[key] = propConfig.default;
 	});
@@ -7292,7 +7431,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$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$6(props, defaultProps$6);
@@ -7302,7 +7441,7 @@ const OmbreComponent$6 = (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,
@@ -7324,7 +7463,7 @@ const OmbreComponent$6 = (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);
 			};
@@ -7397,9 +7536,9 @@ const OmbreComponent$6 = (props) => {
 		children: props.children
 	});
 };
-var Swirl_default = OmbreComponent$6;
-function computeEffectiveProps$5(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var TiltShift_default = OmbreComponent$6;
+function computeEffectiveProps$5(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7418,7 +7557,7 @@ var defaultProps$5 = {
 	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$5[key] = propConfig.default;
 	});
@@ -7430,7 +7569,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$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$5(props, defaultProps$5);
@@ -7440,7 +7579,7 @@ const OmbreComponent$5 = (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,
@@ -7462,7 +7601,7 @@ const OmbreComponent$5 = (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);
 			};
@@ -7535,9 +7674,9 @@ const OmbreComponent$5 = (props) => {
 		children: props.children
 	});
 };
-var TiltShift_default = OmbreComponent$5;
-function computeEffectiveProps$4(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+var Tint_default = OmbreComponent$5;
+function computeEffectiveProps$4(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7556,7 +7695,7 @@ var defaultProps$4 = {
 	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$4[key] = propConfig.default;
 	});
@@ -7568,7 +7707,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$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$4(props, defaultProps$4);
@@ -7578,7 +7717,7 @@ const OmbreComponent$4 = (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,
@@ -7600,7 +7739,7 @@ const OmbreComponent$4 = (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);
 			};
@@ -7674,8 +7813,8 @@ const OmbreComponent$4 = (props) => {
 	});
 };
 var Tritone_default = OmbreComponent$4;
-function computeEffectiveProps$3(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+function computeEffectiveProps$3(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7694,7 +7833,7 @@ var defaultProps$3 = {
 	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$3[key] = propConfig.default;
 	});
@@ -7706,7 +7845,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$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$3(props, defaultProps$3);
@@ -7716,7 +7855,7 @@ const OmbreComponent$3 = (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,
@@ -7738,7 +7877,7 @@ const OmbreComponent$3 = (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);
 			};
@@ -7812,8 +7951,8 @@ const OmbreComponent$3 = (props) => {
 	});
 };
 var Twirl_default = OmbreComponent$3;
-function computeEffectiveProps$2(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+function computeEffectiveProps$2(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7832,7 +7971,7 @@ var defaultProps$2 = {
 	visible: true
 };
 try {
-	if (componentDefinition$55 && componentDefinition$55.props) Object.entries(componentDefinition$55.props).forEach(([key, config]) => {
+	if (componentDefinition$56 && componentDefinition$56.props) Object.entries(componentDefinition$56.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$2[key] = propConfig.default;
 	});
@@ -7844,7 +7983,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$55.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$56.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$2(props, defaultProps$2);
@@ -7854,7 +7993,7 @@ const OmbreComponent$2 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$55, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$56, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7876,7 +8015,7 @@ const OmbreComponent$2 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$55.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$55);
+			parentRegister(instanceId, componentDefinition$56.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$56);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7950,8 +8089,8 @@ const OmbreComponent$2 = (props) => {
 	});
 };
 var Vibrance_default = OmbreComponent$2;
-function computeEffectiveProps$1(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+function computeEffectiveProps$1(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7970,7 +8109,7 @@ var defaultProps$1 = {
 	visible: true
 };
 try {
-	if (componentDefinition$56 && componentDefinition$56.props) Object.entries(componentDefinition$56.props).forEach(([key, config]) => {
+	if (componentDefinition$57 && componentDefinition$57.props) Object.entries(componentDefinition$57.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$1[key] = propConfig.default;
 	});
@@ -7982,7 +8121,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$56.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$57.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$1(props, defaultProps$1);
@@ -7992,7 +8131,7 @@ const OmbreComponent$1 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$56, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$57, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -8014,7 +8153,7 @@ const OmbreComponent$1 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$56.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$56);
+			parentRegister(instanceId, componentDefinition$57.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$57);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -8088,8 +8227,8 @@ const OmbreComponent$1 = (props) => {
 	});
 };
 var WaveDistortion_default = OmbreComponent$1;
-function computeEffectiveProps(props, defaultProps$58) {
-	let baseProps = { ...defaultProps$58 };
+function computeEffectiveProps(props, defaultProps$59) {
+	let baseProps = { ...defaultProps$59 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8108,7 +8247,7 @@ var defaultProps = {
 	visible: true
 };
 try {
-	if (componentDefinition$57 && componentDefinition$57.props) Object.entries(componentDefinition$57.props).forEach(([key, config]) => {
+	if (componentDefinition$58 && componentDefinition$58.props) Object.entries(componentDefinition$58.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
 	});
@@ -8120,7 +8259,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$57.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$58.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps(props, defaultProps);
@@ -8130,7 +8269,7 @@ const OmbreComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$57, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$58, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -8152,7 +8291,7 @@ const OmbreComponent = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$57.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$57);
+			parentRegister(instanceId, componentDefinition$58.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$58);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -8226,4 +8365,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, 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, Perspective_default as Perspective, 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, Sharpness_default as Sharpness, 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, Perspective_default as Perspective, 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, Sharpness_default as Sharpness, 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, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };