shaders 2.2.41 → 2.2.42

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-K6ZAneRr.js";
+import { n as generatePresetCode } from "./generatePresetCode-BrkW1bEe.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -48,22 +48,23 @@ import { componentDefinition as componentDefinition$40 } from "../core/shaders/R
 import { componentDefinition as componentDefinition$41 } from "../core/shaders/Ripples/index.js";
 import { componentDefinition as componentDefinition$42 } from "../core/shaders/Saturation/index.js";
 import { componentDefinition as componentDefinition$43 } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Stripes/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/Tint/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$56 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$57 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$58 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$59 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/Shatter/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/Stripes/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/Tritone/index.js";
+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";
 const OmbreContext = createContext(null);
 const Shader = ({ children, hideNotice = false, style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
@@ -73,7 +74,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$60 = null) => {
+		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$61 = null) => {
 			if (fragmentNodeFunc === null) {
 				try {
 					rendererRef.current.removeNode(id);
@@ -83,7 +84,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 				return;
 			}
 			try {
-				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$60);
+				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$61);
 			} catch (err) {
 				console.error("Error registering node:", err, {
 					id,
@@ -224,8 +225,146 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	});
 };
 var Shader_default = Shader;
-function computeEffectiveProps$59(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$60(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM$60 = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps$60 = {
+	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$60[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const OmbreComponent$60 = (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$60(props, defaultProps$60);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM$60,
+		...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$60;
+function computeEffectiveProps$59(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -244,7 +383,7 @@ var defaultProps$59 = {
 	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$59[key] = propConfig.default;
 	});
@@ -256,7 +395,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.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$59(props, defaultProps$59);
@@ -266,7 +405,7 @@ const OmbreComponent$59 = (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,
@@ -288,7 +427,7 @@ const OmbreComponent$59 = (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);
 			};
@@ -361,9 +500,9 @@ const OmbreComponent$59 = (props) => {
 		children: props.children
 	});
 };
-var AngularBlur_default = OmbreComponent$59;
-function computeEffectiveProps$58(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Ascii_default = OmbreComponent$59;
+function computeEffectiveProps$58(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -382,7 +521,7 @@ var defaultProps$58 = {
 	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$58[key] = propConfig.default;
 	});
@@ -394,7 +533,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$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$58(props, defaultProps$58);
@@ -404,7 +543,7 @@ const OmbreComponent$58 = (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,
@@ -426,7 +565,7 @@ const OmbreComponent$58 = (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);
 			};
@@ -499,9 +638,9 @@ const OmbreComponent$58 = (props) => {
 		children: props.children
 	});
 };
-var Ascii_default = OmbreComponent$58;
-function computeEffectiveProps$57(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Beam_default = OmbreComponent$58;
+function computeEffectiveProps$57(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -520,7 +659,7 @@ var defaultProps$57 = {
 	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$57[key] = propConfig.default;
 	});
@@ -532,7 +671,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$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$57(props, defaultProps$57);
@@ -542,7 +681,7 @@ const OmbreComponent$57 = (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,
@@ -564,7 +703,7 @@ const OmbreComponent$57 = (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);
 			};
@@ -637,9 +776,9 @@ const OmbreComponent$57 = (props) => {
 		children: props.children
 	});
 };
-var Beam_default = OmbreComponent$57;
-function computeEffectiveProps$56(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Blob_default = OmbreComponent$57;
+function computeEffectiveProps$56(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -658,7 +797,7 @@ var defaultProps$56 = {
 	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$56[key] = propConfig.default;
 	});
@@ -670,7 +809,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$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$56(props, defaultProps$56);
@@ -680,7 +819,7 @@ const OmbreComponent$56 = (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,
@@ -702,7 +841,7 @@ const OmbreComponent$56 = (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);
 			};
@@ -775,9 +914,9 @@ const OmbreComponent$56 = (props) => {
 		children: props.children
 	});
 };
-var Blob_default = OmbreComponent$56;
-function computeEffectiveProps$55(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Blur_default = OmbreComponent$56;
+function computeEffectiveProps$55(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -796,7 +935,7 @@ var defaultProps$55 = {
 	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$55[key] = propConfig.default;
 	});
@@ -808,7 +947,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$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$55(props, defaultProps$55);
@@ -818,7 +957,7 @@ const OmbreComponent$55 = (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,
@@ -840,7 +979,7 @@ const OmbreComponent$55 = (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);
 			};
@@ -913,9 +1052,9 @@ const OmbreComponent$55 = (props) => {
 		children: props.children
 	});
 };
-var Blur_default = OmbreComponent$55;
-function computeEffectiveProps$54(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var BrightnessContrast_default = OmbreComponent$55;
+function computeEffectiveProps$54(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -934,7 +1073,7 @@ var defaultProps$54 = {
 	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$54[key] = propConfig.default;
 	});
@@ -946,7 +1085,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$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$54(props, defaultProps$54);
@@ -956,7 +1095,7 @@ const OmbreComponent$54 = (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,
@@ -978,7 +1117,7 @@ const OmbreComponent$54 = (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);
 			};
@@ -1051,9 +1190,9 @@ const OmbreComponent$54 = (props) => {
 		children: props.children
 	});
 };
-var BrightnessContrast_default = OmbreComponent$54;
-function computeEffectiveProps$53(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Bulge_default = OmbreComponent$54;
+function computeEffectiveProps$53(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1072,7 +1211,7 @@ var defaultProps$53 = {
 	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$53[key] = propConfig.default;
 	});
@@ -1084,7 +1223,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$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$53(props, defaultProps$53);
@@ -1094,7 +1233,7 @@ const OmbreComponent$53 = (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,
@@ -1116,7 +1255,7 @@ const OmbreComponent$53 = (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);
 			};
@@ -1189,9 +1328,9 @@ const OmbreComponent$53 = (props) => {
 		children: props.children
 	});
 };
-var Bulge_default = OmbreComponent$53;
-function computeEffectiveProps$52(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var CRTScreen_default = OmbreComponent$53;
+function computeEffectiveProps$52(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1210,7 +1349,7 @@ var defaultProps$52 = {
 	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$52[key] = propConfig.default;
 	});
@@ -1222,7 +1361,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$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$52(props, defaultProps$52);
@@ -1232,7 +1371,7 @@ const OmbreComponent$52 = (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,
@@ -1254,7 +1393,7 @@ const OmbreComponent$52 = (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);
 			};
@@ -1327,9 +1466,9 @@ const OmbreComponent$52 = (props) => {
 		children: props.children
 	});
 };
-var CRTScreen_default = OmbreComponent$52;
-function computeEffectiveProps$51(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var ChannelBlur_default = OmbreComponent$52;
+function computeEffectiveProps$51(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1348,7 +1487,7 @@ var defaultProps$51 = {
 	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$51[key] = propConfig.default;
 	});
@@ -1360,7 +1499,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$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$51(props, defaultProps$51);
@@ -1370,7 +1509,7 @@ const OmbreComponent$51 = (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,
@@ -1392,7 +1531,7 @@ const OmbreComponent$51 = (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);
 			};
@@ -1465,9 +1604,9 @@ const OmbreComponent$51 = (props) => {
 		children: props.children
 	});
 };
-var ChannelBlur_default = OmbreComponent$51;
-function computeEffectiveProps$50(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Checkerboard_default = OmbreComponent$51;
+function computeEffectiveProps$50(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1486,7 +1625,7 @@ var defaultProps$50 = {
 	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$50[key] = propConfig.default;
 	});
@@ -1498,7 +1637,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$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$50(props, defaultProps$50);
@@ -1508,7 +1647,7 @@ const OmbreComponent$50 = (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,
@@ -1530,7 +1669,7 @@ const OmbreComponent$50 = (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);
 			};
@@ -1603,9 +1742,9 @@ const OmbreComponent$50 = (props) => {
 		children: props.children
 	});
 };
-var Checkerboard_default = OmbreComponent$50;
-function computeEffectiveProps$49(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var ChromaFlow_default = OmbreComponent$50;
+function computeEffectiveProps$49(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1624,7 +1763,7 @@ var defaultProps$49 = {
 	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$49[key] = propConfig.default;
 	});
@@ -1636,7 +1775,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$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$49(props, defaultProps$49);
@@ -1646,7 +1785,7 @@ const OmbreComponent$49 = (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,
@@ -1668,7 +1807,7 @@ const OmbreComponent$49 = (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);
 			};
@@ -1741,9 +1880,9 @@ const OmbreComponent$49 = (props) => {
 		children: props.children
 	});
 };
-var ChromaFlow_default = OmbreComponent$49;
-function computeEffectiveProps$48(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var ChromaticAberration_default = OmbreComponent$49;
+function computeEffectiveProps$48(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1762,7 +1901,7 @@ var defaultProps$48 = {
 	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$48[key] = propConfig.default;
 	});
@@ -1774,7 +1913,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$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$48(props, defaultProps$48);
@@ -1784,7 +1923,7 @@ const OmbreComponent$48 = (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,
@@ -1806,7 +1945,7 @@ const OmbreComponent$48 = (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);
 			};
@@ -1879,9 +2018,9 @@ const OmbreComponent$48 = (props) => {
 		children: props.children
 	});
 };
-var ChromaticAberration_default = OmbreComponent$48;
-function computeEffectiveProps$47(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Circle_default = OmbreComponent$48;
+function computeEffectiveProps$47(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1900,7 +2039,7 @@ var defaultProps$47 = {
 	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$47[key] = propConfig.default;
 	});
@@ -1912,7 +2051,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$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$47(props, defaultProps$47);
@@ -1922,7 +2061,7 @@ const OmbreComponent$47 = (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,
@@ -1944,7 +2083,7 @@ const OmbreComponent$47 = (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);
 			};
@@ -2017,9 +2156,9 @@ const OmbreComponent$47 = (props) => {
 		children: props.children
 	});
 };
-var Circle_default = OmbreComponent$47;
-function computeEffectiveProps$46(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var CursorTrail_default = OmbreComponent$47;
+function computeEffectiveProps$46(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2038,7 +2177,7 @@ var defaultProps$46 = {
 	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$46[key] = propConfig.default;
 	});
@@ -2050,7 +2189,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$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$46(props, defaultProps$46);
@@ -2060,7 +2199,7 @@ const OmbreComponent$46 = (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,
@@ -2082,7 +2221,7 @@ const OmbreComponent$46 = (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);
 			};
@@ -2155,9 +2294,9 @@ const OmbreComponent$46 = (props) => {
 		children: props.children
 	});
 };
-var CursorTrail_default = OmbreComponent$46;
-function computeEffectiveProps$45(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var DiffuseBlur_default = OmbreComponent$46;
+function computeEffectiveProps$45(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2176,7 +2315,7 @@ var defaultProps$45 = {
 	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$45[key] = propConfig.default;
 	});
@@ -2188,7 +2327,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$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$45(props, defaultProps$45);
@@ -2198,7 +2337,7 @@ const OmbreComponent$45 = (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,
@@ -2220,7 +2359,7 @@ const OmbreComponent$45 = (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);
 			};
@@ -2293,9 +2432,9 @@ const OmbreComponent$45 = (props) => {
 		children: props.children
 	});
 };
-var DiffuseBlur_default = OmbreComponent$45;
-function computeEffectiveProps$44(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Dither_default = OmbreComponent$45;
+function computeEffectiveProps$44(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2314,7 +2453,7 @@ var defaultProps$44 = {
 	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$44[key] = propConfig.default;
 	});
@@ -2326,7 +2465,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$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$44(props, defaultProps$44);
@@ -2336,7 +2475,7 @@ const OmbreComponent$44 = (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,
@@ -2358,7 +2497,7 @@ const OmbreComponent$44 = (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);
 			};
@@ -2431,9 +2570,9 @@ const OmbreComponent$44 = (props) => {
 		children: props.children
 	});
 };
-var Dither_default = OmbreComponent$44;
-function computeEffectiveProps$43(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var DotGrid_default = OmbreComponent$44;
+function computeEffectiveProps$43(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2452,7 +2591,7 @@ var defaultProps$43 = {
 	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$43[key] = propConfig.default;
 	});
@@ -2464,7 +2603,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$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$43(props, defaultProps$43);
@@ -2474,7 +2613,7 @@ const OmbreComponent$43 = (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,
@@ -2496,7 +2635,7 @@ const OmbreComponent$43 = (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);
 			};
@@ -2569,9 +2708,9 @@ const OmbreComponent$43 = (props) => {
 		children: props.children
 	});
 };
-var DotGrid_default = OmbreComponent$43;
-function computeEffectiveProps$42(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Duotone_default = OmbreComponent$43;
+function computeEffectiveProps$42(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2590,7 +2729,7 @@ var defaultProps$42 = {
 	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$42[key] = propConfig.default;
 	});
@@ -2602,7 +2741,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$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$42(props, defaultProps$42);
@@ -2612,7 +2751,7 @@ const OmbreComponent$42 = (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,
@@ -2634,7 +2773,7 @@ const OmbreComponent$42 = (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);
 			};
@@ -2707,9 +2846,9 @@ const OmbreComponent$42 = (props) => {
 		children: props.children
 	});
 };
-var Duotone_default = OmbreComponent$42;
-function computeEffectiveProps$41(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var FilmGrain_default = OmbreComponent$42;
+function computeEffectiveProps$41(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2728,7 +2867,7 @@ var defaultProps$41 = {
 	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$41[key] = propConfig.default;
 	});
@@ -2740,7 +2879,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$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$41(props, defaultProps$41);
@@ -2750,7 +2889,7 @@ const OmbreComponent$41 = (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,
@@ -2772,7 +2911,7 @@ const OmbreComponent$41 = (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);
 			};
@@ -2845,9 +2984,9 @@ const OmbreComponent$41 = (props) => {
 		children: props.children
 	});
 };
-var FilmGrain_default = OmbreComponent$41;
-function computeEffectiveProps$40(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var FloatingParticles_default = OmbreComponent$41;
+function computeEffectiveProps$40(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2866,7 +3005,7 @@ var defaultProps$40 = {
 	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$40[key] = propConfig.default;
 	});
@@ -2878,7 +3017,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$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$40(props, defaultProps$40);
@@ -2888,7 +3027,7 @@ const OmbreComponent$40 = (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,
@@ -2910,7 +3049,7 @@ const OmbreComponent$40 = (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);
 			};
@@ -2983,9 +3122,9 @@ const OmbreComponent$40 = (props) => {
 		children: props.children
 	});
 };
-var FloatingParticles_default = OmbreComponent$40;
-function computeEffectiveProps$39(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var GlassTiles_default = OmbreComponent$40;
+function computeEffectiveProps$39(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3004,7 +3143,7 @@ var defaultProps$39 = {
 	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$39[key] = propConfig.default;
 	});
@@ -3016,7 +3155,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$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$39(props, defaultProps$39);
@@ -3026,7 +3165,7 @@ const OmbreComponent$39 = (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,
@@ -3048,7 +3187,7 @@ const OmbreComponent$39 = (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);
 			};
@@ -3121,9 +3260,9 @@ const OmbreComponent$39 = (props) => {
 		children: props.children
 	});
 };
-var GlassTiles_default = OmbreComponent$39;
-function computeEffectiveProps$38(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Glow_default = OmbreComponent$39;
+function computeEffectiveProps$38(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3142,7 +3281,7 @@ var defaultProps$38 = {
 	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$38[key] = propConfig.default;
 	});
@@ -3154,7 +3293,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$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$38(props, defaultProps$38);
@@ -3164,7 +3303,7 @@ const OmbreComponent$38 = (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,
@@ -3186,7 +3325,7 @@ const OmbreComponent$38 = (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);
 			};
@@ -3259,9 +3398,9 @@ const OmbreComponent$38 = (props) => {
 		children: props.children
 	});
 };
-var Glow_default = OmbreComponent$38;
-function computeEffectiveProps$37(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Godrays_default = OmbreComponent$38;
+function computeEffectiveProps$37(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3280,7 +3419,7 @@ var defaultProps$37 = {
 	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$37[key] = propConfig.default;
 	});
@@ -3292,7 +3431,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$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$37(props, defaultProps$37);
@@ -3302,7 +3441,7 @@ const OmbreComponent$37 = (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,
@@ -3324,7 +3463,7 @@ const OmbreComponent$37 = (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);
 			};
@@ -3397,9 +3536,9 @@ const OmbreComponent$37 = (props) => {
 		children: props.children
 	});
 };
-var Godrays_default = OmbreComponent$37;
-function computeEffectiveProps$36(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Grayscale_default = OmbreComponent$37;
+function computeEffectiveProps$36(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3418,7 +3557,7 @@ var defaultProps$36 = {
 	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$36[key] = propConfig.default;
 	});
@@ -3430,7 +3569,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$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$36(props, defaultProps$36);
@@ -3440,7 +3579,7 @@ const OmbreComponent$36 = (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,
@@ -3462,7 +3601,7 @@ const OmbreComponent$36 = (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);
 			};
@@ -3535,9 +3674,9 @@ const OmbreComponent$36 = (props) => {
 		children: props.children
 	});
 };
-var Grayscale_default = OmbreComponent$36;
-function computeEffectiveProps$35(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Grid_default = OmbreComponent$36;
+function computeEffectiveProps$35(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3556,7 +3695,7 @@ var defaultProps$35 = {
 	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$35[key] = propConfig.default;
 	});
@@ -3568,7 +3707,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$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$35(props, defaultProps$35);
@@ -3578,7 +3717,7 @@ const OmbreComponent$35 = (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,
@@ -3600,7 +3739,7 @@ const OmbreComponent$35 = (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);
 			};
@@ -3673,9 +3812,9 @@ const OmbreComponent$35 = (props) => {
 		children: props.children
 	});
 };
-var Grid_default = OmbreComponent$35;
-function computeEffectiveProps$34(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var GridDistortion_default = OmbreComponent$35;
+function computeEffectiveProps$34(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3694,7 +3833,7 @@ var defaultProps$34 = {
 	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$34[key] = propConfig.default;
 	});
@@ -3706,7 +3845,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$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$34(props, defaultProps$34);
@@ -3716,7 +3855,7 @@ const OmbreComponent$34 = (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,
@@ -3738,7 +3877,7 @@ const OmbreComponent$34 = (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);
 			};
@@ -3811,9 +3950,9 @@ const OmbreComponent$34 = (props) => {
 		children: props.children
 	});
 };
-var GridDistortion_default = OmbreComponent$34;
-function computeEffectiveProps$33(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Group_default = OmbreComponent$34;
+function computeEffectiveProps$33(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3832,7 +3971,7 @@ var defaultProps$33 = {
 	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$33[key] = propConfig.default;
 	});
@@ -3844,7 +3983,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$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$33(props, defaultProps$33);
@@ -3854,7 +3993,7 @@ const OmbreComponent$33 = (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,
@@ -3876,7 +4015,7 @@ const OmbreComponent$33 = (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);
 			};
@@ -3949,9 +4088,9 @@ const OmbreComponent$33 = (props) => {
 		children: props.children
 	});
 };
-var Group_default = OmbreComponent$33;
-function computeEffectiveProps$32(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Halftone_default = OmbreComponent$33;
+function computeEffectiveProps$32(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3970,7 +4109,7 @@ var defaultProps$32 = {
 	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$32[key] = propConfig.default;
 	});
@@ -3982,7 +4121,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$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$32(props, defaultProps$32);
@@ -3992,7 +4131,7 @@ const OmbreComponent$32 = (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,
@@ -4014,7 +4153,7 @@ const OmbreComponent$32 = (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);
 			};
@@ -4087,9 +4226,9 @@ const OmbreComponent$32 = (props) => {
 		children: props.children
 	});
 };
-var Halftone_default = OmbreComponent$32;
-function computeEffectiveProps$31(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var HueShift_default = OmbreComponent$32;
+function computeEffectiveProps$31(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4108,7 +4247,7 @@ var defaultProps$31 = {
 	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$31[key] = propConfig.default;
 	});
@@ -4120,7 +4259,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$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$31(props, defaultProps$31);
@@ -4130,7 +4269,7 @@ const OmbreComponent$31 = (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,
@@ -4152,7 +4291,7 @@ const OmbreComponent$31 = (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);
 			};
@@ -4225,9 +4364,9 @@ const OmbreComponent$31 = (props) => {
 		children: props.children
 	});
 };
-var HueShift_default = OmbreComponent$31;
-function computeEffectiveProps$30(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var ImageTexture_default = OmbreComponent$31;
+function computeEffectiveProps$30(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4246,7 +4385,7 @@ var defaultProps$30 = {
 	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$30[key] = propConfig.default;
 	});
@@ -4258,7 +4397,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$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$30(props, defaultProps$30);
@@ -4268,7 +4407,7 @@ const OmbreComponent$30 = (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,
@@ -4290,7 +4429,7 @@ const OmbreComponent$30 = (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);
 			};
@@ -4363,9 +4502,9 @@ const OmbreComponent$30 = (props) => {
 		children: props.children
 	});
 };
-var ImageTexture_default = OmbreComponent$30;
-function computeEffectiveProps$29(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Invert_default = OmbreComponent$30;
+function computeEffectiveProps$29(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4384,7 +4523,7 @@ var defaultProps$29 = {
 	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$29[key] = propConfig.default;
 	});
@@ -4396,7 +4535,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$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$29(props, defaultProps$29);
@@ -4406,7 +4545,7 @@ const OmbreComponent$29 = (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,
@@ -4428,7 +4567,7 @@ const OmbreComponent$29 = (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);
 			};
@@ -4501,9 +4640,9 @@ const OmbreComponent$29 = (props) => {
 		children: props.children
 	});
 };
-var Invert_default = OmbreComponent$29;
-function computeEffectiveProps$28(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var LinearBlur_default = OmbreComponent$29;
+function computeEffectiveProps$28(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4522,7 +4661,7 @@ var defaultProps$28 = {
 	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$28[key] = propConfig.default;
 	});
@@ -4534,7 +4673,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$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$28(props, defaultProps$28);
@@ -4544,7 +4683,7 @@ const OmbreComponent$28 = (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,
@@ -4566,7 +4705,7 @@ const OmbreComponent$28 = (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);
 			};
@@ -4639,9 +4778,9 @@ const OmbreComponent$28 = (props) => {
 		children: props.children
 	});
 };
-var LinearBlur_default = OmbreComponent$28;
-function computeEffectiveProps$27(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var LinearGradient_default = OmbreComponent$28;
+function computeEffectiveProps$27(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4660,7 +4799,7 @@ var defaultProps$27 = {
 	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$27[key] = propConfig.default;
 	});
@@ -4672,7 +4811,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$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$27(props, defaultProps$27);
@@ -4682,7 +4821,7 @@ const OmbreComponent$27 = (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,
@@ -4704,7 +4843,7 @@ const OmbreComponent$27 = (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);
 			};
@@ -4777,9 +4916,9 @@ const OmbreComponent$27 = (props) => {
 		children: props.children
 	});
 };
-var LinearGradient_default = OmbreComponent$27;
-function computeEffectiveProps$26(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Liquify_default = OmbreComponent$27;
+function computeEffectiveProps$26(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4798,7 +4937,7 @@ var defaultProps$26 = {
 	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$26[key] = propConfig.default;
 	});
@@ -4810,7 +4949,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$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$26(props, defaultProps$26);
@@ -4820,7 +4959,7 @@ const OmbreComponent$26 = (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,
@@ -4842,7 +4981,7 @@ const OmbreComponent$26 = (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);
 			};
@@ -4915,9 +5054,9 @@ const OmbreComponent$26 = (props) => {
 		children: props.children
 	});
 };
-var Liquify_default = OmbreComponent$26;
-function computeEffectiveProps$25(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Perspective_default = OmbreComponent$26;
+function computeEffectiveProps$25(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4936,7 +5075,7 @@ var defaultProps$25 = {
 	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$25[key] = propConfig.default;
 	});
@@ -4948,7 +5087,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$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$25(props, defaultProps$25);
@@ -4958,7 +5097,7 @@ const OmbreComponent$25 = (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,
@@ -4980,7 +5119,7 @@ const OmbreComponent$25 = (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);
 			};
@@ -5053,9 +5192,9 @@ const OmbreComponent$25 = (props) => {
 		children: props.children
 	});
 };
-var Perspective_default = OmbreComponent$25;
-function computeEffectiveProps$24(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Pixelate_default = OmbreComponent$25;
+function computeEffectiveProps$24(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5074,7 +5213,7 @@ var defaultProps$24 = {
 	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$24[key] = propConfig.default;
 	});
@@ -5086,7 +5225,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$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$24(props, defaultProps$24);
@@ -5096,7 +5235,7 @@ const OmbreComponent$24 = (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,
@@ -5118,7 +5257,7 @@ const OmbreComponent$24 = (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);
 			};
@@ -5191,9 +5330,9 @@ const OmbreComponent$24 = (props) => {
 		children: props.children
 	});
 };
-var Pixelate_default = OmbreComponent$24;
-function computeEffectiveProps$23(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var PolarCoordinates_default = OmbreComponent$24;
+function computeEffectiveProps$23(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5212,7 +5351,7 @@ var defaultProps$23 = {
 	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$23[key] = propConfig.default;
 	});
@@ -5224,7 +5363,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$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$23(props, defaultProps$23);
@@ -5234,7 +5373,7 @@ const OmbreComponent$23 = (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,
@@ -5256,7 +5395,7 @@ const OmbreComponent$23 = (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);
 			};
@@ -5329,9 +5468,9 @@ const OmbreComponent$23 = (props) => {
 		children: props.children
 	});
 };
-var PolarCoordinates_default = OmbreComponent$23;
-function computeEffectiveProps$22(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Posterize_default = OmbreComponent$23;
+function computeEffectiveProps$22(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5350,7 +5489,7 @@ var defaultProps$22 = {
 	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$22[key] = propConfig.default;
 	});
@@ -5362,7 +5501,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$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$22(props, defaultProps$22);
@@ -5372,7 +5511,7 @@ const OmbreComponent$22 = (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,
@@ -5394,7 +5533,7 @@ const OmbreComponent$22 = (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);
 			};
@@ -5467,9 +5606,9 @@ const OmbreComponent$22 = (props) => {
 		children: props.children
 	});
 };
-var Posterize_default = OmbreComponent$22;
-function computeEffectiveProps$21(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var ProgressiveBlur_default = OmbreComponent$22;
+function computeEffectiveProps$21(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5488,7 +5627,7 @@ var defaultProps$21 = {
 	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$21[key] = propConfig.default;
 	});
@@ -5500,7 +5639,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$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$21(props, defaultProps$21);
@@ -5510,7 +5649,7 @@ const OmbreComponent$21 = (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,
@@ -5532,7 +5671,7 @@ const OmbreComponent$21 = (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);
 			};
@@ -5605,9 +5744,9 @@ const OmbreComponent$21 = (props) => {
 		children: props.children
 	});
 };
-var ProgressiveBlur_default = OmbreComponent$21;
-function computeEffectiveProps$20(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var RadialGradient_default = OmbreComponent$21;
+function computeEffectiveProps$20(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5626,7 +5765,7 @@ var defaultProps$20 = {
 	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$20[key] = propConfig.default;
 	});
@@ -5638,7 +5777,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$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$20(props, defaultProps$20);
@@ -5648,7 +5787,7 @@ const OmbreComponent$20 = (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,
@@ -5670,7 +5809,7 @@ const OmbreComponent$20 = (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);
 			};
@@ -5743,9 +5882,9 @@ const OmbreComponent$20 = (props) => {
 		children: props.children
 	});
 };
-var RadialGradient_default = OmbreComponent$20;
-function computeEffectiveProps$19(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var RectangularCoordinates_default = OmbreComponent$20;
+function computeEffectiveProps$19(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5764,7 +5903,7 @@ var defaultProps$19 = {
 	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$19[key] = propConfig.default;
 	});
@@ -5776,7 +5915,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$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$19(props, defaultProps$19);
@@ -5786,7 +5925,7 @@ const OmbreComponent$19 = (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,
@@ -5808,7 +5947,7 @@ const OmbreComponent$19 = (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);
 			};
@@ -5881,9 +6020,9 @@ const OmbreComponent$19 = (props) => {
 		children: props.children
 	});
 };
-var RectangularCoordinates_default = OmbreComponent$19;
-function computeEffectiveProps$18(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Ripples_default = OmbreComponent$19;
+function computeEffectiveProps$18(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5902,7 +6041,7 @@ var defaultProps$18 = {
 	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$18[key] = propConfig.default;
 	});
@@ -5914,7 +6053,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$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$18(props, defaultProps$18);
@@ -5924,7 +6063,7 @@ const OmbreComponent$18 = (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,
@@ -5946,7 +6085,7 @@ const OmbreComponent$18 = (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);
 			};
@@ -6019,9 +6158,9 @@ const OmbreComponent$18 = (props) => {
 		children: props.children
 	});
 };
-var Ripples_default = OmbreComponent$18;
-function computeEffectiveProps$17(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Saturation_default = OmbreComponent$18;
+function computeEffectiveProps$17(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6040,7 +6179,7 @@ var defaultProps$17 = {
 	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$17[key] = propConfig.default;
 	});
@@ -6052,7 +6191,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$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$17(props, defaultProps$17);
@@ -6062,7 +6201,7 @@ const OmbreComponent$17 = (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,
@@ -6084,7 +6223,7 @@ const OmbreComponent$17 = (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);
 			};
@@ -6157,9 +6296,9 @@ const OmbreComponent$17 = (props) => {
 		children: props.children
 	});
 };
-var Saturation_default = OmbreComponent$17;
-function computeEffectiveProps$16(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Sharpness_default = OmbreComponent$17;
+function computeEffectiveProps$16(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6178,7 +6317,7 @@ var defaultProps$16 = {
 	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$16[key] = propConfig.default;
 	});
@@ -6190,7 +6329,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$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$16(props, defaultProps$16);
@@ -6200,7 +6339,7 @@ const OmbreComponent$16 = (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,
@@ -6222,7 +6361,7 @@ const OmbreComponent$16 = (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);
 			};
@@ -6295,9 +6434,9 @@ const OmbreComponent$16 = (props) => {
 		children: props.children
 	});
 };
-var Sharpness_default = OmbreComponent$16;
-function computeEffectiveProps$15(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+var Shatter_default = OmbreComponent$16;
+function computeEffectiveProps$15(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6316,7 +6455,7 @@ var defaultProps$15 = {
 	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$15[key] = propConfig.default;
 	});
@@ -6328,7 +6467,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$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$15(props, defaultProps$15);
@@ -6338,7 +6477,7 @@ const OmbreComponent$15 = (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,
@@ -6360,7 +6499,7 @@ const OmbreComponent$15 = (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,8 +6573,8 @@ const OmbreComponent$15 = (props) => {
 	});
 };
 var SimplexNoise_default = OmbreComponent$15;
-function computeEffectiveProps$14(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$14(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6454,7 +6593,7 @@ var defaultProps$14 = {
 	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$14[key] = propConfig.default;
 	});
@@ -6466,7 +6605,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$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$14(props, defaultProps$14);
@@ -6476,7 +6615,7 @@ const OmbreComponent$14 = (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,
@@ -6498,7 +6637,7 @@ const OmbreComponent$14 = (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,8 +6711,8 @@ const OmbreComponent$14 = (props) => {
 	});
 };
 var SineWave_default = OmbreComponent$14;
-function computeEffectiveProps$13(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$13(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6592,7 +6731,7 @@ var defaultProps$13 = {
 	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$13[key] = propConfig.default;
 	});
@@ -6604,7 +6743,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$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$13(props, defaultProps$13);
@@ -6614,7 +6753,7 @@ const OmbreComponent$13 = (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,
@@ -6636,7 +6775,7 @@ const OmbreComponent$13 = (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,8 +6849,8 @@ const OmbreComponent$13 = (props) => {
 	});
 };
 var SolidColor_default = OmbreComponent$13;
-function computeEffectiveProps$12(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$12(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6730,7 +6869,7 @@ var defaultProps$12 = {
 	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$12[key] = propConfig.default;
 	});
@@ -6742,7 +6881,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$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$12(props, defaultProps$12);
@@ -6752,7 +6891,7 @@ const OmbreComponent$12 = (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,
@@ -6774,7 +6913,7 @@ const OmbreComponent$12 = (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,8 +6987,8 @@ const OmbreComponent$12 = (props) => {
 	});
 };
 var Spherize_default = OmbreComponent$12;
-function computeEffectiveProps$11(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$11(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6868,7 +7007,7 @@ var defaultProps$11 = {
 	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$11[key] = propConfig.default;
 	});
@@ -6880,7 +7019,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$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$11(props, defaultProps$11);
@@ -6890,7 +7029,7 @@ const OmbreComponent$11 = (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,
@@ -6912,7 +7051,7 @@ const OmbreComponent$11 = (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,8 +7125,8 @@ const OmbreComponent$11 = (props) => {
 	});
 };
 var Spiral_default = OmbreComponent$11;
-function computeEffectiveProps$10(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$10(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7006,7 +7145,7 @@ var defaultProps$10 = {
 	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$10[key] = propConfig.default;
 	});
@@ -7018,7 +7157,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$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$10(props, defaultProps$10);
@@ -7028,7 +7167,7 @@ const OmbreComponent$10 = (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,
@@ -7050,7 +7189,7 @@ const OmbreComponent$10 = (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,8 +7263,8 @@ const OmbreComponent$10 = (props) => {
 	});
 };
 var Strands_default = OmbreComponent$10;
-function computeEffectiveProps$9(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$9(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7144,7 +7283,7 @@ var defaultProps$9 = {
 	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$9[key] = propConfig.default;
 	});
@@ -7156,7 +7295,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$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$9(props, defaultProps$9);
@@ -7166,7 +7305,7 @@ const OmbreComponent$9 = (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,
@@ -7188,7 +7327,7 @@ const OmbreComponent$9 = (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,8 +7401,8 @@ const OmbreComponent$9 = (props) => {
 	});
 };
 var Stretch_default = OmbreComponent$9;
-function computeEffectiveProps$8(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$8(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7282,7 +7421,7 @@ var defaultProps$8 = {
 	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$8[key] = propConfig.default;
 	});
@@ -7294,7 +7433,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$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$8(props, defaultProps$8);
@@ -7304,7 +7443,7 @@ const OmbreComponent$8 = (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,
@@ -7326,7 +7465,7 @@ const OmbreComponent$8 = (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,8 +7539,8 @@ const OmbreComponent$8 = (props) => {
 	});
 };
 var Stripes_default = OmbreComponent$8;
-function computeEffectiveProps$7(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$7(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7420,7 +7559,7 @@ var defaultProps$7 = {
 	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$7[key] = propConfig.default;
 	});
@@ -7432,7 +7571,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$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$7(props, defaultProps$7);
@@ -7442,7 +7581,7 @@ const OmbreComponent$7 = (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,
@@ -7464,7 +7603,7 @@ const OmbreComponent$7 = (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,8 +7677,8 @@ const OmbreComponent$7 = (props) => {
 	});
 };
 var Swirl_default = OmbreComponent$7;
-function computeEffectiveProps$6(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$6(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7558,7 +7697,7 @@ var defaultProps$6 = {
 	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$6[key] = propConfig.default;
 	});
@@ -7570,7 +7709,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$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$6(props, defaultProps$6);
@@ -7580,7 +7719,7 @@ const OmbreComponent$6 = (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,
@@ -7602,7 +7741,7 @@ const OmbreComponent$6 = (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,8 +7815,8 @@ const OmbreComponent$6 = (props) => {
 	});
 };
 var TiltShift_default = OmbreComponent$6;
-function computeEffectiveProps$5(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$5(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7696,7 +7835,7 @@ var defaultProps$5 = {
 	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$5[key] = propConfig.default;
 	});
@@ -7708,7 +7847,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$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$5(props, defaultProps$5);
@@ -7718,7 +7857,7 @@ const OmbreComponent$5 = (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,
@@ -7740,7 +7879,7 @@ const OmbreComponent$5 = (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,8 +7953,8 @@ const OmbreComponent$5 = (props) => {
 	});
 };
 var Tint_default = OmbreComponent$5;
-function computeEffectiveProps$4(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$4(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7834,7 +7973,7 @@ var defaultProps$4 = {
 	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$4[key] = propConfig.default;
 	});
@@ -7846,7 +7985,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$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$4(props, defaultProps$4);
@@ -7856,7 +7995,7 @@ const OmbreComponent$4 = (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,
@@ -7878,7 +8017,7 @@ const OmbreComponent$4 = (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,8 +8091,8 @@ const OmbreComponent$4 = (props) => {
 	});
 };
 var Tritone_default = OmbreComponent$4;
-function computeEffectiveProps$3(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$3(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7972,7 +8111,7 @@ var defaultProps$3 = {
 	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$3[key] = propConfig.default;
 	});
@@ -7984,7 +8123,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$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$3(props, defaultProps$3);
@@ -7994,7 +8133,7 @@ const OmbreComponent$3 = (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,
@@ -8016,7 +8155,7 @@ const OmbreComponent$3 = (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,8 +8229,8 @@ const OmbreComponent$3 = (props) => {
 	});
 };
 var Twirl_default = OmbreComponent$3;
-function computeEffectiveProps$2(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$2(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8110,7 +8249,7 @@ var defaultProps$2 = {
 	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$2[key] = propConfig.default;
 	});
@@ -8122,7 +8261,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$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$2(props, defaultProps$2);
@@ -8132,7 +8271,7 @@ const OmbreComponent$2 = (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,
@@ -8154,7 +8293,7 @@ const OmbreComponent$2 = (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,8 +8367,8 @@ const OmbreComponent$2 = (props) => {
 	});
 };
 var Vibrance_default = OmbreComponent$2;
-function computeEffectiveProps$1(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps$1(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8248,7 +8387,7 @@ var defaultProps$1 = {
 	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$1[key] = propConfig.default;
 	});
@@ -8260,7 +8399,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$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$1(props, defaultProps$1);
@@ -8270,7 +8409,7 @@ const OmbreComponent$1 = (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,
@@ -8292,7 +8431,7 @@ const OmbreComponent$1 = (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,8 +8505,8 @@ const OmbreComponent$1 = (props) => {
 	});
 };
 var WaveDistortion_default = OmbreComponent$1;
-function computeEffectiveProps(props, defaultProps$60) {
-	let baseProps = { ...defaultProps$60 };
+function computeEffectiveProps(props, defaultProps$61) {
+	let baseProps = { ...defaultProps$61 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -8386,7 +8525,7 @@ var defaultProps = {
 	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[key] = propConfig.default;
 	});
@@ -8398,7 +8537,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$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(props, defaultProps);
@@ -8408,7 +8547,7 @@ const OmbreComponent = (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,
@@ -8430,7 +8569,7 @@ const OmbreComponent = (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,4 +8643,4 @@ const OmbreComponent = (props) => {
 	});
 };
 var ZoomBlur_default = OmbreComponent;
-export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Perspective_default as Perspective, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, 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, ZoomBlur_default as ZoomBlur, generatePresetCode };