shaders 2.2.42 → 2.2.43

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-BrkW1bEe.js";
+import { n as generatePresetCode } from "./generatePresetCode-D0yiVxb4.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -64,7 +64,8 @@ import { componentDefinition as componentDefinition$56 } from "../core/shaders/T
 import { componentDefinition as componentDefinition$57 } from "../core/shaders/Twirl/index.js";
 import { componentDefinition as componentDefinition$58 } from "../core/shaders/Vibrance/index.js";
 import { componentDefinition as componentDefinition$59 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$60 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$60 } from "../core/shaders/WebcamTexture/index.js";
+import { componentDefinition as componentDefinition$61 } from "../core/shaders/ZoomBlur/index.js";
 const OmbreContext = createContext(null);
 const Shader = ({ children, hideNotice = false, style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
@@ -74,7 +75,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$61 = null) => {
+		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$62 = null) => {
 			if (fragmentNodeFunc === null) {
 				try {
 					rendererRef.current.removeNode(id);
@@ -84,7 +85,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 				return;
 			}
 			try {
-				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$61);
+				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$62);
 			} catch (err) {
 				console.error("Error registering node:", err, {
 					id,
@@ -225,8 +226,146 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	});
 };
 var Shader_default = Shader;
-function computeEffectiveProps$60(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+function computeEffectiveProps$61(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM$61 = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps$61 = {
+	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$61[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const OmbreComponent$61 = (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$61(props, defaultProps$61);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM$61,
+		...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$61;
+function computeEffectiveProps$60(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -245,7 +384,7 @@ var defaultProps$60 = {
 	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$60[key] = propConfig.default;
 	});
@@ -257,7 +396,7 @@ const OmbreComponent$60 = (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$60(props, defaultProps$60);
@@ -267,7 +406,7 @@ const OmbreComponent$60 = (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,
@@ -289,7 +428,7 @@ const OmbreComponent$60 = (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);
 			};
@@ -362,9 +501,9 @@ const OmbreComponent$60 = (props) => {
 		children: props.children
 	});
 };
-var AngularBlur_default = OmbreComponent$60;
-function computeEffectiveProps$59(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Ascii_default = OmbreComponent$60;
+function computeEffectiveProps$59(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -383,7 +522,7 @@ var defaultProps$59 = {
 	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$59[key] = propConfig.default;
 	});
@@ -395,7 +534,7 @@ const OmbreComponent$59 = (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$59(props, defaultProps$59);
@@ -405,7 +544,7 @@ const OmbreComponent$59 = (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,
@@ -427,7 +566,7 @@ const OmbreComponent$59 = (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);
 			};
@@ -500,9 +639,9 @@ const OmbreComponent$59 = (props) => {
 		children: props.children
 	});
 };
-var Ascii_default = OmbreComponent$59;
-function computeEffectiveProps$58(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Beam_default = OmbreComponent$59;
+function computeEffectiveProps$58(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -521,7 +660,7 @@ var defaultProps$58 = {
 	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$58[key] = propConfig.default;
 	});
@@ -533,7 +672,7 @@ const OmbreComponent$58 = (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$58(props, defaultProps$58);
@@ -543,7 +682,7 @@ const OmbreComponent$58 = (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,
@@ -565,7 +704,7 @@ const OmbreComponent$58 = (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);
 			};
@@ -638,9 +777,9 @@ const OmbreComponent$58 = (props) => {
 		children: props.children
 	});
 };
-var Beam_default = OmbreComponent$58;
-function computeEffectiveProps$57(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Blob_default = OmbreComponent$58;
+function computeEffectiveProps$57(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -659,7 +798,7 @@ var defaultProps$57 = {
 	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$57[key] = propConfig.default;
 	});
@@ -671,7 +810,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$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$57(props, defaultProps$57);
@@ -681,7 +820,7 @@ const OmbreComponent$57 = (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,
@@ -703,7 +842,7 @@ const OmbreComponent$57 = (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);
 			};
@@ -776,9 +915,9 @@ const OmbreComponent$57 = (props) => {
 		children: props.children
 	});
 };
-var Blob_default = OmbreComponent$57;
-function computeEffectiveProps$56(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Blur_default = OmbreComponent$57;
+function computeEffectiveProps$56(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -797,7 +936,7 @@ var defaultProps$56 = {
 	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$56[key] = propConfig.default;
 	});
@@ -809,7 +948,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$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$56(props, defaultProps$56);
@@ -819,7 +958,7 @@ const OmbreComponent$56 = (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,
@@ -841,7 +980,7 @@ const OmbreComponent$56 = (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);
 			};
@@ -914,9 +1053,9 @@ const OmbreComponent$56 = (props) => {
 		children: props.children
 	});
 };
-var Blur_default = OmbreComponent$56;
-function computeEffectiveProps$55(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var BrightnessContrast_default = OmbreComponent$56;
+function computeEffectiveProps$55(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -935,7 +1074,7 @@ var defaultProps$55 = {
 	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$55[key] = propConfig.default;
 	});
@@ -947,7 +1086,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$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$55(props, defaultProps$55);
@@ -957,7 +1096,7 @@ const OmbreComponent$55 = (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,
@@ -979,7 +1118,7 @@ const OmbreComponent$55 = (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);
 			};
@@ -1052,9 +1191,9 @@ const OmbreComponent$55 = (props) => {
 		children: props.children
 	});
 };
-var BrightnessContrast_default = OmbreComponent$55;
-function computeEffectiveProps$54(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Bulge_default = OmbreComponent$55;
+function computeEffectiveProps$54(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1073,7 +1212,7 @@ var defaultProps$54 = {
 	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$54[key] = propConfig.default;
 	});
@@ -1085,7 +1224,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$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$54(props, defaultProps$54);
@@ -1095,7 +1234,7 @@ const OmbreComponent$54 = (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,
@@ -1117,7 +1256,7 @@ const OmbreComponent$54 = (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);
 			};
@@ -1190,9 +1329,9 @@ const OmbreComponent$54 = (props) => {
 		children: props.children
 	});
 };
-var Bulge_default = OmbreComponent$54;
-function computeEffectiveProps$53(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var CRTScreen_default = OmbreComponent$54;
+function computeEffectiveProps$53(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1211,7 +1350,7 @@ var defaultProps$53 = {
 	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$53[key] = propConfig.default;
 	});
@@ -1223,7 +1362,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$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$53(props, defaultProps$53);
@@ -1233,7 +1372,7 @@ const OmbreComponent$53 = (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,
@@ -1255,7 +1394,7 @@ const OmbreComponent$53 = (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);
 			};
@@ -1328,9 +1467,9 @@ const OmbreComponent$53 = (props) => {
 		children: props.children
 	});
 };
-var CRTScreen_default = OmbreComponent$53;
-function computeEffectiveProps$52(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var ChannelBlur_default = OmbreComponent$53;
+function computeEffectiveProps$52(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1349,7 +1488,7 @@ var defaultProps$52 = {
 	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$52[key] = propConfig.default;
 	});
@@ -1361,7 +1500,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$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$52(props, defaultProps$52);
@@ -1371,7 +1510,7 @@ const OmbreComponent$52 = (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,
@@ -1393,7 +1532,7 @@ const OmbreComponent$52 = (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);
 			};
@@ -1466,9 +1605,9 @@ const OmbreComponent$52 = (props) => {
 		children: props.children
 	});
 };
-var ChannelBlur_default = OmbreComponent$52;
-function computeEffectiveProps$51(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Checkerboard_default = OmbreComponent$52;
+function computeEffectiveProps$51(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1487,7 +1626,7 @@ var defaultProps$51 = {
 	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$51[key] = propConfig.default;
 	});
@@ -1499,7 +1638,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$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$51(props, defaultProps$51);
@@ -1509,7 +1648,7 @@ const OmbreComponent$51 = (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,
@@ -1531,7 +1670,7 @@ const OmbreComponent$51 = (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);
 			};
@@ -1604,9 +1743,9 @@ const OmbreComponent$51 = (props) => {
 		children: props.children
 	});
 };
-var Checkerboard_default = OmbreComponent$51;
-function computeEffectiveProps$50(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var ChromaFlow_default = OmbreComponent$51;
+function computeEffectiveProps$50(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1625,7 +1764,7 @@ var defaultProps$50 = {
 	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$50[key] = propConfig.default;
 	});
@@ -1637,7 +1776,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$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$50(props, defaultProps$50);
@@ -1647,7 +1786,7 @@ const OmbreComponent$50 = (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,
@@ -1669,7 +1808,7 @@ const OmbreComponent$50 = (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);
 			};
@@ -1742,9 +1881,9 @@ const OmbreComponent$50 = (props) => {
 		children: props.children
 	});
 };
-var ChromaFlow_default = OmbreComponent$50;
-function computeEffectiveProps$49(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var ChromaticAberration_default = OmbreComponent$50;
+function computeEffectiveProps$49(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1763,7 +1902,7 @@ var defaultProps$49 = {
 	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$49[key] = propConfig.default;
 	});
@@ -1775,7 +1914,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$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$49(props, defaultProps$49);
@@ -1785,7 +1924,7 @@ const OmbreComponent$49 = (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,
@@ -1807,7 +1946,7 @@ const OmbreComponent$49 = (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);
 			};
@@ -1880,9 +2019,9 @@ const OmbreComponent$49 = (props) => {
 		children: props.children
 	});
 };
-var ChromaticAberration_default = OmbreComponent$49;
-function computeEffectiveProps$48(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Circle_default = OmbreComponent$49;
+function computeEffectiveProps$48(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1901,7 +2040,7 @@ var defaultProps$48 = {
 	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$48[key] = propConfig.default;
 	});
@@ -1913,7 +2052,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$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$48(props, defaultProps$48);
@@ -1923,7 +2062,7 @@ const OmbreComponent$48 = (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,
@@ -1945,7 +2084,7 @@ const OmbreComponent$48 = (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);
 			};
@@ -2018,9 +2157,9 @@ const OmbreComponent$48 = (props) => {
 		children: props.children
 	});
 };
-var Circle_default = OmbreComponent$48;
-function computeEffectiveProps$47(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var CursorTrail_default = OmbreComponent$48;
+function computeEffectiveProps$47(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2039,7 +2178,7 @@ var defaultProps$47 = {
 	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$47[key] = propConfig.default;
 	});
@@ -2051,7 +2190,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$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$47(props, defaultProps$47);
@@ -2061,7 +2200,7 @@ const OmbreComponent$47 = (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,
@@ -2083,7 +2222,7 @@ const OmbreComponent$47 = (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);
 			};
@@ -2156,9 +2295,9 @@ const OmbreComponent$47 = (props) => {
 		children: props.children
 	});
 };
-var CursorTrail_default = OmbreComponent$47;
-function computeEffectiveProps$46(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var DiffuseBlur_default = OmbreComponent$47;
+function computeEffectiveProps$46(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2177,7 +2316,7 @@ var defaultProps$46 = {
 	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$46[key] = propConfig.default;
 	});
@@ -2189,7 +2328,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$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$46(props, defaultProps$46);
@@ -2199,7 +2338,7 @@ const OmbreComponent$46 = (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,
@@ -2221,7 +2360,7 @@ const OmbreComponent$46 = (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);
 			};
@@ -2294,9 +2433,9 @@ const OmbreComponent$46 = (props) => {
 		children: props.children
 	});
 };
-var DiffuseBlur_default = OmbreComponent$46;
-function computeEffectiveProps$45(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Dither_default = OmbreComponent$46;
+function computeEffectiveProps$45(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2315,7 +2454,7 @@ var defaultProps$45 = {
 	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$45[key] = propConfig.default;
 	});
@@ -2327,7 +2466,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$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$45(props, defaultProps$45);
@@ -2337,7 +2476,7 @@ const OmbreComponent$45 = (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,
@@ -2359,7 +2498,7 @@ const OmbreComponent$45 = (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);
 			};
@@ -2432,9 +2571,9 @@ const OmbreComponent$45 = (props) => {
 		children: props.children
 	});
 };
-var Dither_default = OmbreComponent$45;
-function computeEffectiveProps$44(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var DotGrid_default = OmbreComponent$45;
+function computeEffectiveProps$44(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2453,7 +2592,7 @@ var defaultProps$44 = {
 	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$44[key] = propConfig.default;
 	});
@@ -2465,7 +2604,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$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$44(props, defaultProps$44);
@@ -2475,7 +2614,7 @@ const OmbreComponent$44 = (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,
@@ -2497,7 +2636,7 @@ const OmbreComponent$44 = (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);
 			};
@@ -2570,9 +2709,9 @@ const OmbreComponent$44 = (props) => {
 		children: props.children
 	});
 };
-var DotGrid_default = OmbreComponent$44;
-function computeEffectiveProps$43(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Duotone_default = OmbreComponent$44;
+function computeEffectiveProps$43(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2591,7 +2730,7 @@ var defaultProps$43 = {
 	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$43[key] = propConfig.default;
 	});
@@ -2603,7 +2742,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$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$43(props, defaultProps$43);
@@ -2613,7 +2752,7 @@ const OmbreComponent$43 = (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,
@@ -2635,7 +2774,7 @@ const OmbreComponent$43 = (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);
 			};
@@ -2708,9 +2847,9 @@ const OmbreComponent$43 = (props) => {
 		children: props.children
 	});
 };
-var Duotone_default = OmbreComponent$43;
-function computeEffectiveProps$42(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var FilmGrain_default = OmbreComponent$43;
+function computeEffectiveProps$42(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2729,7 +2868,7 @@ var defaultProps$42 = {
 	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$42[key] = propConfig.default;
 	});
@@ -2741,7 +2880,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$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$42(props, defaultProps$42);
@@ -2751,7 +2890,7 @@ const OmbreComponent$42 = (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,
@@ -2773,7 +2912,7 @@ const OmbreComponent$42 = (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);
 			};
@@ -2846,9 +2985,9 @@ const OmbreComponent$42 = (props) => {
 		children: props.children
 	});
 };
-var FilmGrain_default = OmbreComponent$42;
-function computeEffectiveProps$41(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var FloatingParticles_default = OmbreComponent$42;
+function computeEffectiveProps$41(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2867,7 +3006,7 @@ var defaultProps$41 = {
 	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$41[key] = propConfig.default;
 	});
@@ -2879,7 +3018,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$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$41(props, defaultProps$41);
@@ -2889,7 +3028,7 @@ const OmbreComponent$41 = (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,
@@ -2911,7 +3050,7 @@ const OmbreComponent$41 = (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);
 			};
@@ -2984,9 +3123,9 @@ const OmbreComponent$41 = (props) => {
 		children: props.children
 	});
 };
-var FloatingParticles_default = OmbreComponent$41;
-function computeEffectiveProps$40(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var GlassTiles_default = OmbreComponent$41;
+function computeEffectiveProps$40(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3005,7 +3144,7 @@ var defaultProps$40 = {
 	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$40[key] = propConfig.default;
 	});
@@ -3017,7 +3156,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$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$40(props, defaultProps$40);
@@ -3027,7 +3166,7 @@ const OmbreComponent$40 = (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,
@@ -3049,7 +3188,7 @@ const OmbreComponent$40 = (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);
 			};
@@ -3122,9 +3261,9 @@ const OmbreComponent$40 = (props) => {
 		children: props.children
 	});
 };
-var GlassTiles_default = OmbreComponent$40;
-function computeEffectiveProps$39(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Glow_default = OmbreComponent$40;
+function computeEffectiveProps$39(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3143,7 +3282,7 @@ var defaultProps$39 = {
 	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$39[key] = propConfig.default;
 	});
@@ -3155,7 +3294,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$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$39(props, defaultProps$39);
@@ -3165,7 +3304,7 @@ const OmbreComponent$39 = (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,
@@ -3187,7 +3326,7 @@ const OmbreComponent$39 = (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);
 			};
@@ -3260,9 +3399,9 @@ const OmbreComponent$39 = (props) => {
 		children: props.children
 	});
 };
-var Glow_default = OmbreComponent$39;
-function computeEffectiveProps$38(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Godrays_default = OmbreComponent$39;
+function computeEffectiveProps$38(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3281,7 +3420,7 @@ var defaultProps$38 = {
 	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$38[key] = propConfig.default;
 	});
@@ -3293,7 +3432,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$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$38(props, defaultProps$38);
@@ -3303,7 +3442,7 @@ const OmbreComponent$38 = (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,
@@ -3325,7 +3464,7 @@ const OmbreComponent$38 = (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);
 			};
@@ -3398,9 +3537,9 @@ const OmbreComponent$38 = (props) => {
 		children: props.children
 	});
 };
-var Godrays_default = OmbreComponent$38;
-function computeEffectiveProps$37(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Grayscale_default = OmbreComponent$38;
+function computeEffectiveProps$37(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3419,7 +3558,7 @@ var defaultProps$37 = {
 	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$37[key] = propConfig.default;
 	});
@@ -3431,7 +3570,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$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$37(props, defaultProps$37);
@@ -3441,7 +3580,7 @@ const OmbreComponent$37 = (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,
@@ -3463,7 +3602,7 @@ const OmbreComponent$37 = (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);
 			};
@@ -3536,9 +3675,9 @@ const OmbreComponent$37 = (props) => {
 		children: props.children
 	});
 };
-var Grayscale_default = OmbreComponent$37;
-function computeEffectiveProps$36(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Grid_default = OmbreComponent$37;
+function computeEffectiveProps$36(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3557,7 +3696,7 @@ var defaultProps$36 = {
 	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$36[key] = propConfig.default;
 	});
@@ -3569,7 +3708,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$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$36(props, defaultProps$36);
@@ -3579,7 +3718,7 @@ const OmbreComponent$36 = (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,
@@ -3601,7 +3740,7 @@ const OmbreComponent$36 = (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);
 			};
@@ -3674,9 +3813,9 @@ const OmbreComponent$36 = (props) => {
 		children: props.children
 	});
 };
-var Grid_default = OmbreComponent$36;
-function computeEffectiveProps$35(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var GridDistortion_default = OmbreComponent$36;
+function computeEffectiveProps$35(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3695,7 +3834,7 @@ var defaultProps$35 = {
 	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$35[key] = propConfig.default;
 	});
@@ -3707,7 +3846,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$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$35(props, defaultProps$35);
@@ -3717,7 +3856,7 @@ const OmbreComponent$35 = (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,
@@ -3739,7 +3878,7 @@ const OmbreComponent$35 = (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);
 			};
@@ -3812,9 +3951,9 @@ const OmbreComponent$35 = (props) => {
 		children: props.children
 	});
 };
-var GridDistortion_default = OmbreComponent$35;
-function computeEffectiveProps$34(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Group_default = OmbreComponent$35;
+function computeEffectiveProps$34(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3833,7 +3972,7 @@ var defaultProps$34 = {
 	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$34[key] = propConfig.default;
 	});
@@ -3845,7 +3984,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$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$34(props, defaultProps$34);
@@ -3855,7 +3994,7 @@ const OmbreComponent$34 = (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,
@@ -3877,7 +4016,7 @@ const OmbreComponent$34 = (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);
 			};
@@ -3950,9 +4089,9 @@ const OmbreComponent$34 = (props) => {
 		children: props.children
 	});
 };
-var Group_default = OmbreComponent$34;
-function computeEffectiveProps$33(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Halftone_default = OmbreComponent$34;
+function computeEffectiveProps$33(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3971,7 +4110,7 @@ var defaultProps$33 = {
 	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$33[key] = propConfig.default;
 	});
@@ -3983,7 +4122,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$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$33(props, defaultProps$33);
@@ -3993,7 +4132,7 @@ const OmbreComponent$33 = (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,
@@ -4015,7 +4154,7 @@ const OmbreComponent$33 = (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);
 			};
@@ -4088,9 +4227,9 @@ const OmbreComponent$33 = (props) => {
 		children: props.children
 	});
 };
-var Halftone_default = OmbreComponent$33;
-function computeEffectiveProps$32(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var HueShift_default = OmbreComponent$33;
+function computeEffectiveProps$32(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4109,7 +4248,7 @@ var defaultProps$32 = {
 	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$32[key] = propConfig.default;
 	});
@@ -4121,7 +4260,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$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$32(props, defaultProps$32);
@@ -4131,7 +4270,7 @@ const OmbreComponent$32 = (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,
@@ -4153,7 +4292,7 @@ const OmbreComponent$32 = (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);
 			};
@@ -4226,9 +4365,9 @@ const OmbreComponent$32 = (props) => {
 		children: props.children
 	});
 };
-var HueShift_default = OmbreComponent$32;
-function computeEffectiveProps$31(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var ImageTexture_default = OmbreComponent$32;
+function computeEffectiveProps$31(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4247,7 +4386,7 @@ var defaultProps$31 = {
 	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$31[key] = propConfig.default;
 	});
@@ -4259,7 +4398,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$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$31(props, defaultProps$31);
@@ -4269,7 +4408,7 @@ const OmbreComponent$31 = (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,
@@ -4291,7 +4430,7 @@ const OmbreComponent$31 = (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);
 			};
@@ -4364,9 +4503,9 @@ const OmbreComponent$31 = (props) => {
 		children: props.children
 	});
 };
-var ImageTexture_default = OmbreComponent$31;
-function computeEffectiveProps$30(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Invert_default = OmbreComponent$31;
+function computeEffectiveProps$30(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4385,7 +4524,7 @@ var defaultProps$30 = {
 	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$30[key] = propConfig.default;
 	});
@@ -4397,7 +4536,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$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$30(props, defaultProps$30);
@@ -4407,7 +4546,7 @@ const OmbreComponent$30 = (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,
@@ -4429,7 +4568,7 @@ const OmbreComponent$30 = (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);
 			};
@@ -4502,9 +4641,9 @@ const OmbreComponent$30 = (props) => {
 		children: props.children
 	});
 };
-var Invert_default = OmbreComponent$30;
-function computeEffectiveProps$29(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var LinearBlur_default = OmbreComponent$30;
+function computeEffectiveProps$29(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4523,7 +4662,7 @@ var defaultProps$29 = {
 	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$29[key] = propConfig.default;
 	});
@@ -4535,7 +4674,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$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$29(props, defaultProps$29);
@@ -4545,7 +4684,7 @@ const OmbreComponent$29 = (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,
@@ -4567,7 +4706,7 @@ const OmbreComponent$29 = (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);
 			};
@@ -4640,9 +4779,9 @@ const OmbreComponent$29 = (props) => {
 		children: props.children
 	});
 };
-var LinearBlur_default = OmbreComponent$29;
-function computeEffectiveProps$28(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var LinearGradient_default = OmbreComponent$29;
+function computeEffectiveProps$28(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4661,7 +4800,7 @@ var defaultProps$28 = {
 	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$28[key] = propConfig.default;
 	});
@@ -4673,7 +4812,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$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$28(props, defaultProps$28);
@@ -4683,7 +4822,7 @@ const OmbreComponent$28 = (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,
@@ -4705,7 +4844,7 @@ const OmbreComponent$28 = (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);
 			};
@@ -4778,9 +4917,9 @@ const OmbreComponent$28 = (props) => {
 		children: props.children
 	});
 };
-var LinearGradient_default = OmbreComponent$28;
-function computeEffectiveProps$27(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Liquify_default = OmbreComponent$28;
+function computeEffectiveProps$27(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4799,7 +4938,7 @@ var defaultProps$27 = {
 	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$27[key] = propConfig.default;
 	});
@@ -4811,7 +4950,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$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$27(props, defaultProps$27);
@@ -4821,7 +4960,7 @@ const OmbreComponent$27 = (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,
@@ -4843,7 +4982,7 @@ const OmbreComponent$27 = (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);
 			};
@@ -4916,9 +5055,9 @@ const OmbreComponent$27 = (props) => {
 		children: props.children
 	});
 };
-var Liquify_default = OmbreComponent$27;
-function computeEffectiveProps$26(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Perspective_default = OmbreComponent$27;
+function computeEffectiveProps$26(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4937,7 +5076,7 @@ var defaultProps$26 = {
 	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$26[key] = propConfig.default;
 	});
@@ -4949,7 +5088,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$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$26(props, defaultProps$26);
@@ -4959,7 +5098,7 @@ const OmbreComponent$26 = (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,
@@ -4981,7 +5120,7 @@ const OmbreComponent$26 = (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);
 			};
@@ -5054,9 +5193,9 @@ const OmbreComponent$26 = (props) => {
 		children: props.children
 	});
 };
-var Perspective_default = OmbreComponent$26;
-function computeEffectiveProps$25(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Pixelate_default = OmbreComponent$26;
+function computeEffectiveProps$25(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5075,7 +5214,7 @@ var defaultProps$25 = {
 	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$25[key] = propConfig.default;
 	});
@@ -5087,7 +5226,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$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$25(props, defaultProps$25);
@@ -5097,7 +5236,7 @@ const OmbreComponent$25 = (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,
@@ -5119,7 +5258,7 @@ const OmbreComponent$25 = (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);
 			};
@@ -5192,9 +5331,9 @@ const OmbreComponent$25 = (props) => {
 		children: props.children
 	});
 };
-var Pixelate_default = OmbreComponent$25;
-function computeEffectiveProps$24(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var PolarCoordinates_default = OmbreComponent$25;
+function computeEffectiveProps$24(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5213,7 +5352,7 @@ var defaultProps$24 = {
 	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$24[key] = propConfig.default;
 	});
@@ -5225,7 +5364,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$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$24(props, defaultProps$24);
@@ -5235,7 +5374,7 @@ const OmbreComponent$24 = (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,
@@ -5257,7 +5396,7 @@ const OmbreComponent$24 = (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);
 			};
@@ -5330,9 +5469,9 @@ const OmbreComponent$24 = (props) => {
 		children: props.children
 	});
 };
-var PolarCoordinates_default = OmbreComponent$24;
-function computeEffectiveProps$23(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Posterize_default = OmbreComponent$24;
+function computeEffectiveProps$23(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5351,7 +5490,7 @@ var defaultProps$23 = {
 	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$23[key] = propConfig.default;
 	});
@@ -5363,7 +5502,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$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$23(props, defaultProps$23);
@@ -5373,7 +5512,7 @@ const OmbreComponent$23 = (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,
@@ -5395,7 +5534,7 @@ const OmbreComponent$23 = (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);
 			};
@@ -5468,9 +5607,9 @@ const OmbreComponent$23 = (props) => {
 		children: props.children
 	});
 };
-var Posterize_default = OmbreComponent$23;
-function computeEffectiveProps$22(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var ProgressiveBlur_default = OmbreComponent$23;
+function computeEffectiveProps$22(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5489,7 +5628,7 @@ var defaultProps$22 = {
 	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$22[key] = propConfig.default;
 	});
@@ -5501,7 +5640,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$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$22(props, defaultProps$22);
@@ -5511,7 +5650,7 @@ const OmbreComponent$22 = (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,
@@ -5533,7 +5672,7 @@ const OmbreComponent$22 = (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);
 			};
@@ -5606,9 +5745,9 @@ const OmbreComponent$22 = (props) => {
 		children: props.children
 	});
 };
-var ProgressiveBlur_default = OmbreComponent$22;
-function computeEffectiveProps$21(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var RadialGradient_default = OmbreComponent$22;
+function computeEffectiveProps$21(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5627,7 +5766,7 @@ var defaultProps$21 = {
 	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$21[key] = propConfig.default;
 	});
@@ -5639,7 +5778,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$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$21(props, defaultProps$21);
@@ -5649,7 +5788,7 @@ const OmbreComponent$21 = (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,
@@ -5671,7 +5810,7 @@ const OmbreComponent$21 = (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);
 			};
@@ -5744,9 +5883,9 @@ const OmbreComponent$21 = (props) => {
 		children: props.children
 	});
 };
-var RadialGradient_default = OmbreComponent$21;
-function computeEffectiveProps$20(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var RectangularCoordinates_default = OmbreComponent$21;
+function computeEffectiveProps$20(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5765,7 +5904,7 @@ var defaultProps$20 = {
 	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$20[key] = propConfig.default;
 	});
@@ -5777,7 +5916,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$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$20(props, defaultProps$20);
@@ -5787,7 +5926,7 @@ const OmbreComponent$20 = (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,
@@ -5809,7 +5948,7 @@ const OmbreComponent$20 = (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);
 			};
@@ -5882,9 +6021,9 @@ const OmbreComponent$20 = (props) => {
 		children: props.children
 	});
 };
-var RectangularCoordinates_default = OmbreComponent$20;
-function computeEffectiveProps$19(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Ripples_default = OmbreComponent$20;
+function computeEffectiveProps$19(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5903,7 +6042,7 @@ var defaultProps$19 = {
 	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$19[key] = propConfig.default;
 	});
@@ -5915,7 +6054,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$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$19(props, defaultProps$19);
@@ -5925,7 +6064,7 @@ const OmbreComponent$19 = (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,
@@ -5947,7 +6086,7 @@ const OmbreComponent$19 = (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);
 			};
@@ -6020,9 +6159,9 @@ const OmbreComponent$19 = (props) => {
 		children: props.children
 	});
 };
-var Ripples_default = OmbreComponent$19;
-function computeEffectiveProps$18(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Saturation_default = OmbreComponent$19;
+function computeEffectiveProps$18(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6041,7 +6180,7 @@ var defaultProps$18 = {
 	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$18[key] = propConfig.default;
 	});
@@ -6053,7 +6192,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$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$18(props, defaultProps$18);
@@ -6063,7 +6202,7 @@ const OmbreComponent$18 = (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,
@@ -6085,7 +6224,7 @@ const OmbreComponent$18 = (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);
 			};
@@ -6158,9 +6297,9 @@ const OmbreComponent$18 = (props) => {
 		children: props.children
 	});
 };
-var Saturation_default = OmbreComponent$18;
-function computeEffectiveProps$17(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Sharpness_default = OmbreComponent$18;
+function computeEffectiveProps$17(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6179,7 +6318,7 @@ var defaultProps$17 = {
 	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$17[key] = propConfig.default;
 	});
@@ -6191,7 +6330,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$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$17(props, defaultProps$17);
@@ -6201,7 +6340,7 @@ const OmbreComponent$17 = (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,
@@ -6223,7 +6362,7 @@ const OmbreComponent$17 = (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);
 			};
@@ -6296,9 +6435,9 @@ const OmbreComponent$17 = (props) => {
 		children: props.children
 	});
 };
-var Sharpness_default = OmbreComponent$17;
-function computeEffectiveProps$16(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Shatter_default = OmbreComponent$17;
+function computeEffectiveProps$16(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6317,7 +6456,7 @@ var defaultProps$16 = {
 	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$16[key] = propConfig.default;
 	});
@@ -6329,7 +6468,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$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$16(props, defaultProps$16);
@@ -6339,7 +6478,7 @@ const OmbreComponent$16 = (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,
@@ -6361,7 +6500,7 @@ const OmbreComponent$16 = (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);
 			};
@@ -6434,9 +6573,9 @@ const OmbreComponent$16 = (props) => {
 		children: props.children
 	});
 };
-var Shatter_default = OmbreComponent$16;
-function computeEffectiveProps$15(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var SimplexNoise_default = OmbreComponent$16;
+function computeEffectiveProps$15(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6455,7 +6594,7 @@ var defaultProps$15 = {
 	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$15[key] = propConfig.default;
 	});
@@ -6467,7 +6606,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$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$15(props, defaultProps$15);
@@ -6477,7 +6616,7 @@ const OmbreComponent$15 = (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,
@@ -6499,7 +6638,7 @@ const OmbreComponent$15 = (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);
 			};
@@ -6572,9 +6711,9 @@ const OmbreComponent$15 = (props) => {
 		children: props.children
 	});
 };
-var SimplexNoise_default = OmbreComponent$15;
-function computeEffectiveProps$14(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var SineWave_default = OmbreComponent$15;
+function computeEffectiveProps$14(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6593,7 +6732,7 @@ var defaultProps$14 = {
 	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$14[key] = propConfig.default;
 	});
@@ -6605,7 +6744,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$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$14(props, defaultProps$14);
@@ -6615,7 +6754,7 @@ const OmbreComponent$14 = (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,
@@ -6637,7 +6776,7 @@ const OmbreComponent$14 = (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);
 			};
@@ -6710,9 +6849,9 @@ const OmbreComponent$14 = (props) => {
 		children: props.children
 	});
 };
-var SineWave_default = OmbreComponent$14;
-function computeEffectiveProps$13(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var SolidColor_default = OmbreComponent$14;
+function computeEffectiveProps$13(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6731,7 +6870,7 @@ var defaultProps$13 = {
 	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$13[key] = propConfig.default;
 	});
@@ -6743,7 +6882,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$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$13(props, defaultProps$13);
@@ -6753,7 +6892,7 @@ const OmbreComponent$13 = (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,
@@ -6775,7 +6914,7 @@ const OmbreComponent$13 = (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);
 			};
@@ -6848,9 +6987,9 @@ const OmbreComponent$13 = (props) => {
 		children: props.children
 	});
 };
-var SolidColor_default = OmbreComponent$13;
-function computeEffectiveProps$12(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Spherize_default = OmbreComponent$13;
+function computeEffectiveProps$12(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6869,7 +7008,7 @@ var defaultProps$12 = {
 	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$12[key] = propConfig.default;
 	});
@@ -6881,7 +7020,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$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$12(props, defaultProps$12);
@@ -6891,7 +7030,7 @@ const OmbreComponent$12 = (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,
@@ -6913,7 +7052,7 @@ const OmbreComponent$12 = (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);
 			};
@@ -6986,9 +7125,9 @@ const OmbreComponent$12 = (props) => {
 		children: props.children
 	});
 };
-var Spherize_default = OmbreComponent$12;
-function computeEffectiveProps$11(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Spiral_default = OmbreComponent$12;
+function computeEffectiveProps$11(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7007,7 +7146,7 @@ var defaultProps$11 = {
 	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$11[key] = propConfig.default;
 	});
@@ -7019,7 +7158,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$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$11(props, defaultProps$11);
@@ -7029,7 +7168,7 @@ const OmbreComponent$11 = (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,
@@ -7051,7 +7190,7 @@ const OmbreComponent$11 = (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);
 			};
@@ -7124,9 +7263,9 @@ const OmbreComponent$11 = (props) => {
 		children: props.children
 	});
 };
-var Spiral_default = OmbreComponent$11;
-function computeEffectiveProps$10(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Strands_default = OmbreComponent$11;
+function computeEffectiveProps$10(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7145,7 +7284,7 @@ var defaultProps$10 = {
 	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$10[key] = propConfig.default;
 	});
@@ -7157,7 +7296,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$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$10(props, defaultProps$10);
@@ -7167,7 +7306,7 @@ const OmbreComponent$10 = (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,
@@ -7189,7 +7328,7 @@ const OmbreComponent$10 = (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);
 			};
@@ -7262,9 +7401,9 @@ const OmbreComponent$10 = (props) => {
 		children: props.children
 	});
 };
-var Strands_default = OmbreComponent$10;
-function computeEffectiveProps$9(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Stretch_default = OmbreComponent$10;
+function computeEffectiveProps$9(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7283,7 +7422,7 @@ var defaultProps$9 = {
 	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$9[key] = propConfig.default;
 	});
@@ -7295,7 +7434,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$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$9(props, defaultProps$9);
@@ -7305,7 +7444,7 @@ const OmbreComponent$9 = (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,
@@ -7327,7 +7466,7 @@ const OmbreComponent$9 = (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);
 			};
@@ -7400,9 +7539,9 @@ const OmbreComponent$9 = (props) => {
 		children: props.children
 	});
 };
-var Stretch_default = OmbreComponent$9;
-function computeEffectiveProps$8(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Stripes_default = OmbreComponent$9;
+function computeEffectiveProps$8(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7421,7 +7560,7 @@ var defaultProps$8 = {
 	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$8[key] = propConfig.default;
 	});
@@ -7433,7 +7572,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$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$8(props, defaultProps$8);
@@ -7443,7 +7582,7 @@ const OmbreComponent$8 = (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,
@@ -7465,7 +7604,7 @@ const OmbreComponent$8 = (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);
 			};
@@ -7538,9 +7677,9 @@ const OmbreComponent$8 = (props) => {
 		children: props.children
 	});
 };
-var Stripes_default = OmbreComponent$8;
-function computeEffectiveProps$7(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Swirl_default = OmbreComponent$8;
+function computeEffectiveProps$7(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7559,7 +7698,7 @@ var defaultProps$7 = {
 	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$7[key] = propConfig.default;
 	});
@@ -7571,7 +7710,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$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$7(props, defaultProps$7);
@@ -7581,7 +7720,7 @@ const OmbreComponent$7 = (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,
@@ -7603,7 +7742,7 @@ const OmbreComponent$7 = (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);
 			};
@@ -7676,9 +7815,9 @@ const OmbreComponent$7 = (props) => {
 		children: props.children
 	});
 };
-var Swirl_default = OmbreComponent$7;
-function computeEffectiveProps$6(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var TiltShift_default = OmbreComponent$7;
+function computeEffectiveProps$6(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7697,7 +7836,7 @@ var defaultProps$6 = {
 	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$6[key] = propConfig.default;
 	});
@@ -7709,7 +7848,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$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$6(props, defaultProps$6);
@@ -7719,7 +7858,7 @@ const OmbreComponent$6 = (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,
@@ -7741,7 +7880,7 @@ const OmbreComponent$6 = (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);
 			};
@@ -7814,9 +7953,9 @@ const OmbreComponent$6 = (props) => {
 		children: props.children
 	});
 };
-var TiltShift_default = OmbreComponent$6;
-function computeEffectiveProps$5(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Tint_default = OmbreComponent$6;
+function computeEffectiveProps$5(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7835,7 +7974,7 @@ var defaultProps$5 = {
 	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$5[key] = propConfig.default;
 	});
@@ -7847,7 +7986,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$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$5(props, defaultProps$5);
@@ -7857,7 +7996,7 @@ const OmbreComponent$5 = (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,
@@ -7879,7 +8018,7 @@ const OmbreComponent$5 = (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);
 			};
@@ -7952,9 +8091,9 @@ const OmbreComponent$5 = (props) => {
 		children: props.children
 	});
 };
-var Tint_default = OmbreComponent$5;
-function computeEffectiveProps$4(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Tritone_default = OmbreComponent$5;
+function computeEffectiveProps$4(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7973,7 +8112,7 @@ var defaultProps$4 = {
 	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$4[key] = propConfig.default;
 	});
@@ -7985,7 +8124,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$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$4(props, defaultProps$4);
@@ -7995,7 +8134,7 @@ const OmbreComponent$4 = (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,
@@ -8017,7 +8156,7 @@ const OmbreComponent$4 = (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);
 			};
@@ -8090,9 +8229,9 @@ const OmbreComponent$4 = (props) => {
 		children: props.children
 	});
 };
-var Tritone_default = OmbreComponent$4;
-function computeEffectiveProps$3(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Twirl_default = OmbreComponent$4;
+function computeEffectiveProps$3(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8111,7 +8250,7 @@ var defaultProps$3 = {
 	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$3[key] = propConfig.default;
 	});
@@ -8123,7 +8262,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$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$3(props, defaultProps$3);
@@ -8133,7 +8272,7 @@ const OmbreComponent$3 = (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,
@@ -8155,7 +8294,7 @@ const OmbreComponent$3 = (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);
 			};
@@ -8228,9 +8367,9 @@ const OmbreComponent$3 = (props) => {
 		children: props.children
 	});
 };
-var Twirl_default = OmbreComponent$3;
-function computeEffectiveProps$2(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var Vibrance_default = OmbreComponent$3;
+function computeEffectiveProps$2(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8249,7 +8388,7 @@ var defaultProps$2 = {
 	visible: true
 };
 try {
-	if (componentDefinition$58 && componentDefinition$58.props) Object.entries(componentDefinition$58.props).forEach(([key, config]) => {
+	if (componentDefinition$59 && componentDefinition$59.props) Object.entries(componentDefinition$59.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$2[key] = propConfig.default;
 	});
@@ -8261,7 +8400,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$58.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$59.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$2(props, defaultProps$2);
@@ -8271,7 +8410,7 @@ const OmbreComponent$2 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$58, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$59, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -8293,7 +8432,7 @@ const OmbreComponent$2 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$58.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$58);
+			parentRegister(instanceId, componentDefinition$59.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$59);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -8366,9 +8505,9 @@ const OmbreComponent$2 = (props) => {
 		children: props.children
 	});
 };
-var Vibrance_default = OmbreComponent$2;
-function computeEffectiveProps$1(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var WaveDistortion_default = OmbreComponent$2;
+function computeEffectiveProps$1(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8387,7 +8526,7 @@ var defaultProps$1 = {
 	visible: true
 };
 try {
-	if (componentDefinition$59 && componentDefinition$59.props) Object.entries(componentDefinition$59.props).forEach(([key, config]) => {
+	if (componentDefinition$60 && componentDefinition$60.props) Object.entries(componentDefinition$60.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$1[key] = propConfig.default;
 	});
@@ -8399,7 +8538,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$59.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$60.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$1(props, defaultProps$1);
@@ -8409,7 +8548,7 @@ const OmbreComponent$1 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$59, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$60, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -8431,7 +8570,7 @@ const OmbreComponent$1 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$59.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$59);
+			parentRegister(instanceId, componentDefinition$60.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$60);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -8504,9 +8643,9 @@ const OmbreComponent$1 = (props) => {
 		children: props.children
 	});
 };
-var WaveDistortion_default = OmbreComponent$1;
-function computeEffectiveProps(props, defaultProps$61) {
-	let baseProps = { ...defaultProps$61 };
+var WebcamTexture_default = OmbreComponent$1;
+function computeEffectiveProps(props, defaultProps$62) {
+	let baseProps = { ...defaultProps$62 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8525,7 +8664,7 @@ var defaultProps = {
 	visible: true
 };
 try {
-	if (componentDefinition$60 && componentDefinition$60.props) Object.entries(componentDefinition$60.props).forEach(([key, config]) => {
+	if (componentDefinition$61 && componentDefinition$61.props) Object.entries(componentDefinition$61.props).forEach(([key, config]) => {
 		const propConfig = config;
 		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
 	});
@@ -8537,7 +8676,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$60.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$61.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps(props, defaultProps);
@@ -8547,7 +8686,7 @@ const OmbreComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$60, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$61, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -8569,7 +8708,7 @@ const OmbreComponent = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$60.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$60);
+			parentRegister(instanceId, componentDefinition$61.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$61);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -8643,4 +8782,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, Shatter_default as Shatter, 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, Stripes_default as Stripes, 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 };
+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, Shatter_default as Shatter, 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, Stripes_default as Stripes, 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, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };