shaders 2.2.33 → 2.2.35

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-Ci4D5lDy.js";
+import { n as generatePresetCode } from "./generatePresetCode-C4t1eM0z.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -9,56 +9,58 @@ import { componentDefinition as componentDefinition$1 } from "../core/shaders/As
 import { componentDefinition as componentDefinition$2 } from "../core/shaders/Beam/index.js";
 import { componentDefinition as componentDefinition$3 } from "../core/shaders/Blob/index.js";
 import { componentDefinition as componentDefinition$4 } from "../core/shaders/Blur/index.js";
-import { componentDefinition as componentDefinition$5 } from "../core/shaders/Bulge/index.js";
-import { componentDefinition as componentDefinition$6 } from "../core/shaders/CRTScreen/index.js";
-import { componentDefinition as componentDefinition$7 } from "../core/shaders/ChannelBlur/index.js";
-import { componentDefinition as componentDefinition$8 } from "../core/shaders/Checkerboard/index.js";
-import { componentDefinition as componentDefinition$9 } from "../core/shaders/ChromaFlow/index.js";
-import { componentDefinition as componentDefinition$10 } from "../core/shaders/ChromaticAberration/index.js";
-import { componentDefinition as componentDefinition$11 } from "../core/shaders/Circle/index.js";
-import { componentDefinition as componentDefinition$12 } from "../core/shaders/CursorTrail/index.js";
-import { componentDefinition as componentDefinition$13 } from "../core/shaders/DiffuseBlur/index.js";
-import { componentDefinition as componentDefinition$14 } from "../core/shaders/Dither/index.js";
-import { componentDefinition as componentDefinition$15 } from "../core/shaders/DotGrid/index.js";
-import { componentDefinition as componentDefinition$16 } from "../core/shaders/Duotone/index.js";
-import { componentDefinition as componentDefinition$17 } from "../core/shaders/FilmGrain/index.js";
-import { componentDefinition as componentDefinition$18 } from "../core/shaders/FloatingParticles/index.js";
-import { componentDefinition as componentDefinition$19 } from "../core/shaders/GlassTiles/index.js";
-import { componentDefinition as componentDefinition$20 } from "../core/shaders/Glow/index.js";
-import { componentDefinition as componentDefinition$21 } from "../core/shaders/Godrays/index.js";
-import { componentDefinition as componentDefinition$22 } from "../core/shaders/Grayscale/index.js";
-import { componentDefinition as componentDefinition$23 } from "../core/shaders/Grid/index.js";
-import { componentDefinition as componentDefinition$24 } from "../core/shaders/GridDistortion/index.js";
-import { componentDefinition as componentDefinition$25 } from "../core/shaders/Group/index.js";
-import { componentDefinition as componentDefinition$26 } from "../core/shaders/Halftone/index.js";
-import { componentDefinition as componentDefinition$27 } from "../core/shaders/HueShift/index.js";
-import { componentDefinition as componentDefinition$28 } from "../core/shaders/ImageTexture/index.js";
-import { componentDefinition as componentDefinition$29 } from "../core/shaders/Invert/index.js";
-import { componentDefinition as componentDefinition$30 } from "../core/shaders/LinearBlur/index.js";
-import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearGradient/index.js";
-import { componentDefinition as componentDefinition$32 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$33 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$34 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$5 } from "../core/shaders/BrightnessContrast/index.js";
+import { componentDefinition as componentDefinition$6 } from "../core/shaders/Bulge/index.js";
+import { componentDefinition as componentDefinition$7 } from "../core/shaders/CRTScreen/index.js";
+import { componentDefinition as componentDefinition$8 } from "../core/shaders/ChannelBlur/index.js";
+import { componentDefinition as componentDefinition$9 } from "../core/shaders/Checkerboard/index.js";
+import { componentDefinition as componentDefinition$10 } from "../core/shaders/ChromaFlow/index.js";
+import { componentDefinition as componentDefinition$11 } from "../core/shaders/ChromaticAberration/index.js";
+import { componentDefinition as componentDefinition$12 } from "../core/shaders/Circle/index.js";
+import { componentDefinition as componentDefinition$13 } from "../core/shaders/CursorTrail/index.js";
+import { componentDefinition as componentDefinition$14 } from "../core/shaders/DiffuseBlur/index.js";
+import { componentDefinition as componentDefinition$15 } from "../core/shaders/Dither/index.js";
+import { componentDefinition as componentDefinition$16 } from "../core/shaders/DotGrid/index.js";
+import { componentDefinition as componentDefinition$17 } from "../core/shaders/Duotone/index.js";
+import { componentDefinition as componentDefinition$18 } from "../core/shaders/FilmGrain/index.js";
+import { componentDefinition as componentDefinition$19 } from "../core/shaders/FloatingParticles/index.js";
+import { componentDefinition as componentDefinition$20 } from "../core/shaders/GlassTiles/index.js";
+import { componentDefinition as componentDefinition$21 } from "../core/shaders/Glow/index.js";
+import { componentDefinition as componentDefinition$22 } from "../core/shaders/Godrays/index.js";
+import { componentDefinition as componentDefinition$23 } from "../core/shaders/Grayscale/index.js";
+import { componentDefinition as componentDefinition$24 } from "../core/shaders/Grid/index.js";
+import { componentDefinition as componentDefinition$25 } from "../core/shaders/GridDistortion/index.js";
+import { componentDefinition as componentDefinition$26 } from "../core/shaders/Group/index.js";
+import { componentDefinition as componentDefinition$27 } from "../core/shaders/Halftone/index.js";
+import { componentDefinition as componentDefinition$28 } from "../core/shaders/HueShift/index.js";
+import { componentDefinition as componentDefinition$29 } from "../core/shaders/ImageTexture/index.js";
+import { componentDefinition as componentDefinition$30 } from "../core/shaders/Invert/index.js";
+import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearBlur/index.js";
+import { componentDefinition as componentDefinition$32 } from "../core/shaders/LinearGradient/index.js";
+import { componentDefinition as componentDefinition$33 } from "../core/shaders/Liquify/index.js";
+import { componentDefinition as componentDefinition$34 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/Sharpness/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/ZoomBlur/index.js";
 const OmbreContext = createContext(null);
 const Shader = ({ children, hideNotice = false, style = {}, className = "",...rest }) => {
 	const containerRef = useRef(null);
@@ -68,7 +70,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	if (rendererRef.current === null) rendererRef.current = shaderRenderer();
 	const telemetryCollectorRef = useRef(null);
 	const nodeRegister = useMemo(() => {
-		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$55 = null) => {
+		return (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$57 = null) => {
 			if (fragmentNodeFunc === null) {
 				try {
 					rendererRef.current.removeNode(id);
@@ -78,7 +80,7 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 				return;
 			}
 			try {
-				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$55);
+				rendererRef.current.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$57);
 			} catch (err) {
 				console.error("Error registering node:", err, {
 					id,
@@ -219,8 +221,284 @@ const Shader = ({ children, hideNotice = false, style = {}, className = "",...re
 	});
 };
 var Shader_default = Shader;
-function computeEffectiveProps$54(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$56(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM$56 = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps$56 = {
+	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$56[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const OmbreComponent$56 = (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$56(props, defaultProps$56);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM$56,
+		...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$56;
+function computeEffectiveProps$55(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	return baseProps;
+}
+var DEFAULT_TRANSFORM$55 = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+var defaultProps$55 = {
+	blendMode: "normal",
+	renderOrder: 0,
+	visible: true
+};
+try {
+	if (componentDefinition$1 && componentDefinition$1.props) Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
+		const propConfig = config;
+		if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps$55[key] = propConfig.default;
+	});
+} catch (e) {
+	console.warn("Error extracting default props:", e);
+}
+const OmbreComponent$55 = (props) => {
+	const context = useContext(OmbreContext);
+	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
+	const instanceId = useMemo(() => {
+		return props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	}, [props.id]);
+	const effectiveProps = useMemo(() => {
+		return computeEffectiveProps$55(props, defaultProps$55);
+	}, [props]);
+	const effectiveTransform = useMemo(() => ({
+		...DEFAULT_TRANSFORM$55,
+		...props.transform
+	}), [props.transform]);
+	const uniformsRef = useRef(null);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$1, 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$1.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$1);
+			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 Ascii_default = OmbreComponent$55;
+function computeEffectiveProps$54(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -239,7 +517,7 @@ var defaultProps$54 = {
 	visible: true
 };
 try {
-	if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.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$54[key] = propConfig.default;
 	});
@@ -251,7 +529,7 @@ const OmbreComponent$54 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$54(props, defaultProps$54);
@@ -261,7 +539,7 @@ const OmbreComponent$54 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$2, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -283,7 +561,7 @@ const OmbreComponent$54 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
+			parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$2);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -356,9 +634,9 @@ const OmbreComponent$54 = (props) => {
 		children: props.children
 	});
 };
-var AngularBlur_default = OmbreComponent$54;
-function computeEffectiveProps$53(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Beam_default = OmbreComponent$54;
+function computeEffectiveProps$53(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -377,7 +655,7 @@ var defaultProps$53 = {
 	visible: true
 };
 try {
-	if (componentDefinition$1 && componentDefinition$1.props) Object.entries(componentDefinition$1.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$53[key] = propConfig.default;
 	});
@@ -389,7 +667,7 @@ const OmbreComponent$53 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$53(props, defaultProps$53);
@@ -399,7 +677,7 @@ const OmbreComponent$53 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$1, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$3, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -421,7 +699,7 @@ const OmbreComponent$53 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$1);
+			parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$3);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -494,9 +772,9 @@ const OmbreComponent$53 = (props) => {
 		children: props.children
 	});
 };
-var Ascii_default = OmbreComponent$53;
-function computeEffectiveProps$52(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Blob_default = OmbreComponent$53;
+function computeEffectiveProps$52(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -515,7 +793,7 @@ var defaultProps$52 = {
 	visible: true
 };
 try {
-	if (componentDefinition$2 && componentDefinition$2.props) Object.entries(componentDefinition$2.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$52[key] = propConfig.default;
 	});
@@ -527,7 +805,7 @@ const OmbreComponent$52 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$52(props, defaultProps$52);
@@ -537,7 +815,7 @@ const OmbreComponent$52 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$2, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$4, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -559,7 +837,7 @@ const OmbreComponent$52 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$2);
+			parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$4);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -632,9 +910,9 @@ const OmbreComponent$52 = (props) => {
 		children: props.children
 	});
 };
-var Beam_default = OmbreComponent$52;
-function computeEffectiveProps$51(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Blur_default = OmbreComponent$52;
+function computeEffectiveProps$51(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -653,7 +931,7 @@ var defaultProps$51 = {
 	visible: true
 };
 try {
-	if (componentDefinition$3 && componentDefinition$3.props) Object.entries(componentDefinition$3.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$51[key] = propConfig.default;
 	});
@@ -665,7 +943,7 @@ const OmbreComponent$51 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$51(props, defaultProps$51);
@@ -675,7 +953,7 @@ const OmbreComponent$51 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$3, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$5, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -697,7 +975,7 @@ const OmbreComponent$51 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$3);
+			parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$5);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -770,9 +1048,9 @@ const OmbreComponent$51 = (props) => {
 		children: props.children
 	});
 };
-var Blob_default = OmbreComponent$51;
-function computeEffectiveProps$50(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var BrightnessContrast_default = OmbreComponent$51;
+function computeEffectiveProps$50(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -791,7 +1069,7 @@ var defaultProps$50 = {
 	visible: true
 };
 try {
-	if (componentDefinition$4 && componentDefinition$4.props) Object.entries(componentDefinition$4.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$50[key] = propConfig.default;
 	});
@@ -803,7 +1081,7 @@ const OmbreComponent$50 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$50(props, defaultProps$50);
@@ -813,7 +1091,7 @@ const OmbreComponent$50 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$4, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$6, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -835,7 +1113,7 @@ const OmbreComponent$50 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$4);
+			parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$6);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -908,9 +1186,9 @@ const OmbreComponent$50 = (props) => {
 		children: props.children
 	});
 };
-var Blur_default = OmbreComponent$50;
-function computeEffectiveProps$49(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Bulge_default = OmbreComponent$50;
+function computeEffectiveProps$49(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -929,7 +1207,7 @@ var defaultProps$49 = {
 	visible: true
 };
 try {
-	if (componentDefinition$5 && componentDefinition$5.props) Object.entries(componentDefinition$5.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$49[key] = propConfig.default;
 	});
@@ -941,7 +1219,7 @@ const OmbreComponent$49 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$49(props, defaultProps$49);
@@ -951,7 +1229,7 @@ const OmbreComponent$49 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$5, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$7, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -973,7 +1251,7 @@ const OmbreComponent$49 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$5);
+			parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$7);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1046,9 +1324,9 @@ const OmbreComponent$49 = (props) => {
 		children: props.children
 	});
 };
-var Bulge_default = OmbreComponent$49;
-function computeEffectiveProps$48(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var CRTScreen_default = OmbreComponent$49;
+function computeEffectiveProps$48(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1067,7 +1345,7 @@ var defaultProps$48 = {
 	visible: true
 };
 try {
-	if (componentDefinition$6 && componentDefinition$6.props) Object.entries(componentDefinition$6.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$48[key] = propConfig.default;
 	});
@@ -1079,7 +1357,7 @@ const OmbreComponent$48 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$48(props, defaultProps$48);
@@ -1089,7 +1367,7 @@ const OmbreComponent$48 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$6, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$8, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1111,7 +1389,7 @@ const OmbreComponent$48 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$6);
+			parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$8);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1184,9 +1462,9 @@ const OmbreComponent$48 = (props) => {
 		children: props.children
 	});
 };
-var CRTScreen_default = OmbreComponent$48;
-function computeEffectiveProps$47(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var ChannelBlur_default = OmbreComponent$48;
+function computeEffectiveProps$47(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1205,7 +1483,7 @@ var defaultProps$47 = {
 	visible: true
 };
 try {
-	if (componentDefinition$7 && componentDefinition$7.props) Object.entries(componentDefinition$7.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$47[key] = propConfig.default;
 	});
@@ -1217,7 +1495,7 @@ const OmbreComponent$47 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$47(props, defaultProps$47);
@@ -1227,7 +1505,7 @@ const OmbreComponent$47 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$7, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$9, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1249,7 +1527,7 @@ const OmbreComponent$47 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$7);
+			parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$9);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1322,9 +1600,9 @@ const OmbreComponent$47 = (props) => {
 		children: props.children
 	});
 };
-var ChannelBlur_default = OmbreComponent$47;
-function computeEffectiveProps$46(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Checkerboard_default = OmbreComponent$47;
+function computeEffectiveProps$46(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1343,7 +1621,7 @@ var defaultProps$46 = {
 	visible: true
 };
 try {
-	if (componentDefinition$8 && componentDefinition$8.props) Object.entries(componentDefinition$8.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$46[key] = propConfig.default;
 	});
@@ -1355,7 +1633,7 @@ const OmbreComponent$46 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$10.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$46(props, defaultProps$46);
@@ -1365,7 +1643,7 @@ const OmbreComponent$46 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$8, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$10, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1387,7 +1665,7 @@ const OmbreComponent$46 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$8);
+			parentRegister(instanceId, componentDefinition$10.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$10);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1460,9 +1738,9 @@ const OmbreComponent$46 = (props) => {
 		children: props.children
 	});
 };
-var Checkerboard_default = OmbreComponent$46;
-function computeEffectiveProps$45(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var ChromaFlow_default = OmbreComponent$46;
+function computeEffectiveProps$45(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1481,7 +1759,7 @@ var defaultProps$45 = {
 	visible: true
 };
 try {
-	if (componentDefinition$9 && componentDefinition$9.props) Object.entries(componentDefinition$9.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$45[key] = propConfig.default;
 	});
@@ -1493,7 +1771,7 @@ const OmbreComponent$45 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$11.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$45(props, defaultProps$45);
@@ -1503,7 +1781,7 @@ const OmbreComponent$45 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$9, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$11, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1525,7 +1803,7 @@ const OmbreComponent$45 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$9);
+			parentRegister(instanceId, componentDefinition$11.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$11);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1598,9 +1876,9 @@ const OmbreComponent$45 = (props) => {
 		children: props.children
 	});
 };
-var ChromaFlow_default = OmbreComponent$45;
-function computeEffectiveProps$44(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var ChromaticAberration_default = OmbreComponent$45;
+function computeEffectiveProps$44(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1619,7 +1897,7 @@ var defaultProps$44 = {
 	visible: true
 };
 try {
-	if (componentDefinition$10 && componentDefinition$10.props) Object.entries(componentDefinition$10.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$44[key] = propConfig.default;
 	});
@@ -1631,7 +1909,7 @@ const OmbreComponent$44 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$10.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$12.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$44(props, defaultProps$44);
@@ -1641,7 +1919,7 @@ const OmbreComponent$44 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$10, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$12, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1663,7 +1941,7 @@ const OmbreComponent$44 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$10.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$10);
+			parentRegister(instanceId, componentDefinition$12.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$12);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1736,9 +2014,9 @@ const OmbreComponent$44 = (props) => {
 		children: props.children
 	});
 };
-var ChromaticAberration_default = OmbreComponent$44;
-function computeEffectiveProps$43(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Circle_default = OmbreComponent$44;
+function computeEffectiveProps$43(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1757,7 +2035,7 @@ var defaultProps$43 = {
 	visible: true
 };
 try {
-	if (componentDefinition$11 && componentDefinition$11.props) Object.entries(componentDefinition$11.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$43[key] = propConfig.default;
 	});
@@ -1769,7 +2047,7 @@ const OmbreComponent$43 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$11.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$13.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$43(props, defaultProps$43);
@@ -1779,7 +2057,7 @@ const OmbreComponent$43 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$11, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$13, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1801,7 +2079,7 @@ const OmbreComponent$43 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$11.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$11);
+			parentRegister(instanceId, componentDefinition$13.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$13);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -1874,9 +2152,9 @@ const OmbreComponent$43 = (props) => {
 		children: props.children
 	});
 };
-var Circle_default = OmbreComponent$43;
-function computeEffectiveProps$42(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var CursorTrail_default = OmbreComponent$43;
+function computeEffectiveProps$42(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -1895,7 +2173,7 @@ var defaultProps$42 = {
 	visible: true
 };
 try {
-	if (componentDefinition$12 && componentDefinition$12.props) Object.entries(componentDefinition$12.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$42[key] = propConfig.default;
 	});
@@ -1907,7 +2185,7 @@ const OmbreComponent$42 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$12.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$14.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$42(props, defaultProps$42);
@@ -1917,7 +2195,7 @@ const OmbreComponent$42 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$12, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$14, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -1939,7 +2217,7 @@ const OmbreComponent$42 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$12.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$12);
+			parentRegister(instanceId, componentDefinition$14.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$14);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2012,9 +2290,9 @@ const OmbreComponent$42 = (props) => {
 		children: props.children
 	});
 };
-var CursorTrail_default = OmbreComponent$42;
-function computeEffectiveProps$41(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var DiffuseBlur_default = OmbreComponent$42;
+function computeEffectiveProps$41(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2033,7 +2311,7 @@ var defaultProps$41 = {
 	visible: true
 };
 try {
-	if (componentDefinition$13 && componentDefinition$13.props) Object.entries(componentDefinition$13.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$41[key] = propConfig.default;
 	});
@@ -2045,7 +2323,7 @@ const OmbreComponent$41 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$13.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$15.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$41(props, defaultProps$41);
@@ -2055,7 +2333,7 @@ const OmbreComponent$41 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$13, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$15, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2077,7 +2355,7 @@ const OmbreComponent$41 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$13.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$13);
+			parentRegister(instanceId, componentDefinition$15.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$15);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2150,9 +2428,9 @@ const OmbreComponent$41 = (props) => {
 		children: props.children
 	});
 };
-var DiffuseBlur_default = OmbreComponent$41;
-function computeEffectiveProps$40(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Dither_default = OmbreComponent$41;
+function computeEffectiveProps$40(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2171,7 +2449,7 @@ var defaultProps$40 = {
 	visible: true
 };
 try {
-	if (componentDefinition$14 && componentDefinition$14.props) Object.entries(componentDefinition$14.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$40[key] = propConfig.default;
 	});
@@ -2183,7 +2461,7 @@ const OmbreComponent$40 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$14.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$16.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$40(props, defaultProps$40);
@@ -2193,7 +2471,7 @@ const OmbreComponent$40 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$14, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$16, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2215,7 +2493,7 @@ const OmbreComponent$40 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$14.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$14);
+			parentRegister(instanceId, componentDefinition$16.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$16);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2288,9 +2566,9 @@ const OmbreComponent$40 = (props) => {
 		children: props.children
 	});
 };
-var Dither_default = OmbreComponent$40;
-function computeEffectiveProps$39(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var DotGrid_default = OmbreComponent$40;
+function computeEffectiveProps$39(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2309,7 +2587,7 @@ var defaultProps$39 = {
 	visible: true
 };
 try {
-	if (componentDefinition$15 && componentDefinition$15.props) Object.entries(componentDefinition$15.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$39[key] = propConfig.default;
 	});
@@ -2321,7 +2599,7 @@ const OmbreComponent$39 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$15.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$17.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$39(props, defaultProps$39);
@@ -2331,7 +2609,7 @@ const OmbreComponent$39 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$15, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$17, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2353,7 +2631,7 @@ const OmbreComponent$39 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$15.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$15);
+			parentRegister(instanceId, componentDefinition$17.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$17);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2426,9 +2704,9 @@ const OmbreComponent$39 = (props) => {
 		children: props.children
 	});
 };
-var DotGrid_default = OmbreComponent$39;
-function computeEffectiveProps$38(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Duotone_default = OmbreComponent$39;
+function computeEffectiveProps$38(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2447,7 +2725,7 @@ var defaultProps$38 = {
 	visible: true
 };
 try {
-	if (componentDefinition$16 && componentDefinition$16.props) Object.entries(componentDefinition$16.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$38[key] = propConfig.default;
 	});
@@ -2459,7 +2737,7 @@ const OmbreComponent$38 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$16.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$18.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$38(props, defaultProps$38);
@@ -2469,7 +2747,7 @@ const OmbreComponent$38 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$16, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$18, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2491,7 +2769,7 @@ const OmbreComponent$38 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$16.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$16);
+			parentRegister(instanceId, componentDefinition$18.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$18);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2564,9 +2842,9 @@ const OmbreComponent$38 = (props) => {
 		children: props.children
 	});
 };
-var Duotone_default = OmbreComponent$38;
-function computeEffectiveProps$37(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var FilmGrain_default = OmbreComponent$38;
+function computeEffectiveProps$37(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2585,7 +2863,7 @@ var defaultProps$37 = {
 	visible: true
 };
 try {
-	if (componentDefinition$17 && componentDefinition$17.props) Object.entries(componentDefinition$17.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$37[key] = propConfig.default;
 	});
@@ -2597,7 +2875,7 @@ const OmbreComponent$37 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$17.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$19.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$37(props, defaultProps$37);
@@ -2607,7 +2885,7 @@ const OmbreComponent$37 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$17, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$19, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2629,7 +2907,7 @@ const OmbreComponent$37 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$17.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$17);
+			parentRegister(instanceId, componentDefinition$19.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$19);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2702,9 +2980,9 @@ const OmbreComponent$37 = (props) => {
 		children: props.children
 	});
 };
-var FilmGrain_default = OmbreComponent$37;
-function computeEffectiveProps$36(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var FloatingParticles_default = OmbreComponent$37;
+function computeEffectiveProps$36(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2723,7 +3001,7 @@ var defaultProps$36 = {
 	visible: true
 };
 try {
-	if (componentDefinition$18 && componentDefinition$18.props) Object.entries(componentDefinition$18.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$36[key] = propConfig.default;
 	});
@@ -2735,7 +3013,7 @@ const OmbreComponent$36 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$18.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$20.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$36(props, defaultProps$36);
@@ -2745,7 +3023,7 @@ const OmbreComponent$36 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$18, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$20, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2767,7 +3045,7 @@ const OmbreComponent$36 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$18.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$18);
+			parentRegister(instanceId, componentDefinition$20.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$20);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2840,9 +3118,9 @@ const OmbreComponent$36 = (props) => {
 		children: props.children
 	});
 };
-var FloatingParticles_default = OmbreComponent$36;
-function computeEffectiveProps$35(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var GlassTiles_default = OmbreComponent$36;
+function computeEffectiveProps$35(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2861,7 +3139,7 @@ var defaultProps$35 = {
 	visible: true
 };
 try {
-	if (componentDefinition$19 && componentDefinition$19.props) Object.entries(componentDefinition$19.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$35[key] = propConfig.default;
 	});
@@ -2873,7 +3151,7 @@ const OmbreComponent$35 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$19.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$21.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$35(props, defaultProps$35);
@@ -2883,7 +3161,7 @@ const OmbreComponent$35 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$19, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$21, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -2905,7 +3183,7 @@ const OmbreComponent$35 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$19.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$19);
+			parentRegister(instanceId, componentDefinition$21.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$21);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -2978,9 +3256,9 @@ const OmbreComponent$35 = (props) => {
 		children: props.children
 	});
 };
-var GlassTiles_default = OmbreComponent$35;
-function computeEffectiveProps$34(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Glow_default = OmbreComponent$35;
+function computeEffectiveProps$34(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -2999,7 +3277,7 @@ var defaultProps$34 = {
 	visible: true
 };
 try {
-	if (componentDefinition$20 && componentDefinition$20.props) Object.entries(componentDefinition$20.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$34[key] = propConfig.default;
 	});
@@ -3011,7 +3289,7 @@ const OmbreComponent$34 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$20.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$22.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$34(props, defaultProps$34);
@@ -3021,7 +3299,7 @@ const OmbreComponent$34 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$20, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$22, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3043,7 +3321,7 @@ const OmbreComponent$34 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$20.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$20);
+			parentRegister(instanceId, componentDefinition$22.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$22);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3116,9 +3394,9 @@ const OmbreComponent$34 = (props) => {
 		children: props.children
 	});
 };
-var Glow_default = OmbreComponent$34;
-function computeEffectiveProps$33(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Godrays_default = OmbreComponent$34;
+function computeEffectiveProps$33(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3137,7 +3415,7 @@ var defaultProps$33 = {
 	visible: true
 };
 try {
-	if (componentDefinition$21 && componentDefinition$21.props) Object.entries(componentDefinition$21.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$33[key] = propConfig.default;
 	});
@@ -3149,7 +3427,7 @@ const OmbreComponent$33 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$21.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$23.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$33(props, defaultProps$33);
@@ -3159,7 +3437,7 @@ const OmbreComponent$33 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$21, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$23, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3181,7 +3459,7 @@ const OmbreComponent$33 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$21.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$21);
+			parentRegister(instanceId, componentDefinition$23.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$23);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3254,9 +3532,9 @@ const OmbreComponent$33 = (props) => {
 		children: props.children
 	});
 };
-var Godrays_default = OmbreComponent$33;
-function computeEffectiveProps$32(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Grayscale_default = OmbreComponent$33;
+function computeEffectiveProps$32(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3275,7 +3553,7 @@ var defaultProps$32 = {
 	visible: true
 };
 try {
-	if (componentDefinition$22 && componentDefinition$22.props) Object.entries(componentDefinition$22.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$32[key] = propConfig.default;
 	});
@@ -3287,7 +3565,7 @@ const OmbreComponent$32 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$22.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$24.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$32(props, defaultProps$32);
@@ -3297,7 +3575,7 @@ const OmbreComponent$32 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$22, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$24, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3319,7 +3597,7 @@ const OmbreComponent$32 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$22.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$22);
+			parentRegister(instanceId, componentDefinition$24.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$24);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3392,9 +3670,9 @@ const OmbreComponent$32 = (props) => {
 		children: props.children
 	});
 };
-var Grayscale_default = OmbreComponent$32;
-function computeEffectiveProps$31(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Grid_default = OmbreComponent$32;
+function computeEffectiveProps$31(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3413,7 +3691,7 @@ var defaultProps$31 = {
 	visible: true
 };
 try {
-	if (componentDefinition$23 && componentDefinition$23.props) Object.entries(componentDefinition$23.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$31[key] = propConfig.default;
 	});
@@ -3425,7 +3703,7 @@ const OmbreComponent$31 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$23.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$25.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$31(props, defaultProps$31);
@@ -3435,7 +3713,7 @@ const OmbreComponent$31 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$23, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$25, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3457,7 +3735,7 @@ const OmbreComponent$31 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$23.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$23);
+			parentRegister(instanceId, componentDefinition$25.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$25);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3530,9 +3808,9 @@ const OmbreComponent$31 = (props) => {
 		children: props.children
 	});
 };
-var Grid_default = OmbreComponent$31;
-function computeEffectiveProps$30(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var GridDistortion_default = OmbreComponent$31;
+function computeEffectiveProps$30(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3551,7 +3829,7 @@ var defaultProps$30 = {
 	visible: true
 };
 try {
-	if (componentDefinition$24 && componentDefinition$24.props) Object.entries(componentDefinition$24.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$30[key] = propConfig.default;
 	});
@@ -3563,7 +3841,7 @@ const OmbreComponent$30 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$24.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$26.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$30(props, defaultProps$30);
@@ -3573,7 +3851,7 @@ const OmbreComponent$30 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$24, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$26, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3595,7 +3873,7 @@ const OmbreComponent$30 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$24.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$24);
+			parentRegister(instanceId, componentDefinition$26.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$26);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3668,9 +3946,9 @@ const OmbreComponent$30 = (props) => {
 		children: props.children
 	});
 };
-var GridDistortion_default = OmbreComponent$30;
-function computeEffectiveProps$29(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Group_default = OmbreComponent$30;
+function computeEffectiveProps$29(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3689,7 +3967,7 @@ var defaultProps$29 = {
 	visible: true
 };
 try {
-	if (componentDefinition$25 && componentDefinition$25.props) Object.entries(componentDefinition$25.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$29[key] = propConfig.default;
 	});
@@ -3701,7 +3979,7 @@ const OmbreComponent$29 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$25.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$27.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$29(props, defaultProps$29);
@@ -3711,7 +3989,7 @@ const OmbreComponent$29 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$25, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$27, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3733,7 +4011,7 @@ const OmbreComponent$29 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$25.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$25);
+			parentRegister(instanceId, componentDefinition$27.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$27);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3806,9 +4084,9 @@ const OmbreComponent$29 = (props) => {
 		children: props.children
 	});
 };
-var Group_default = OmbreComponent$29;
-function computeEffectiveProps$28(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Halftone_default = OmbreComponent$29;
+function computeEffectiveProps$28(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3827,7 +4105,7 @@ var defaultProps$28 = {
 	visible: true
 };
 try {
-	if (componentDefinition$26 && componentDefinition$26.props) Object.entries(componentDefinition$26.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$28[key] = propConfig.default;
 	});
@@ -3839,7 +4117,7 @@ const OmbreComponent$28 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$26.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$28.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$28(props, defaultProps$28);
@@ -3849,7 +4127,7 @@ const OmbreComponent$28 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$26, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$28, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -3871,7 +4149,7 @@ const OmbreComponent$28 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$26.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$26);
+			parentRegister(instanceId, componentDefinition$28.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$28);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -3944,9 +4222,9 @@ const OmbreComponent$28 = (props) => {
 		children: props.children
 	});
 };
-var Halftone_default = OmbreComponent$28;
-function computeEffectiveProps$27(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var HueShift_default = OmbreComponent$28;
+function computeEffectiveProps$27(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -3965,7 +4243,7 @@ var defaultProps$27 = {
 	visible: true
 };
 try {
-	if (componentDefinition$27 && componentDefinition$27.props) Object.entries(componentDefinition$27.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$27[key] = propConfig.default;
 	});
@@ -3977,7 +4255,7 @@ const OmbreComponent$27 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$27.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$29.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$27(props, defaultProps$27);
@@ -3987,7 +4265,7 @@ const OmbreComponent$27 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$27, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$29, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4009,7 +4287,7 @@ const OmbreComponent$27 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$27.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$27);
+			parentRegister(instanceId, componentDefinition$29.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$29);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4082,9 +4360,9 @@ const OmbreComponent$27 = (props) => {
 		children: props.children
 	});
 };
-var HueShift_default = OmbreComponent$27;
-function computeEffectiveProps$26(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var ImageTexture_default = OmbreComponent$27;
+function computeEffectiveProps$26(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4103,7 +4381,7 @@ var defaultProps$26 = {
 	visible: true
 };
 try {
-	if (componentDefinition$28 && componentDefinition$28.props) Object.entries(componentDefinition$28.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$26[key] = propConfig.default;
 	});
@@ -4115,7 +4393,7 @@ const OmbreComponent$26 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$28.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$30.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$26(props, defaultProps$26);
@@ -4125,7 +4403,7 @@ const OmbreComponent$26 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$28, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$30, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4147,7 +4425,7 @@ const OmbreComponent$26 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$28.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$28);
+			parentRegister(instanceId, componentDefinition$30.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$30);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4220,9 +4498,9 @@ const OmbreComponent$26 = (props) => {
 		children: props.children
 	});
 };
-var ImageTexture_default = OmbreComponent$26;
-function computeEffectiveProps$25(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Invert_default = OmbreComponent$26;
+function computeEffectiveProps$25(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4241,7 +4519,7 @@ var defaultProps$25 = {
 	visible: true
 };
 try {
-	if (componentDefinition$29 && componentDefinition$29.props) Object.entries(componentDefinition$29.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$25[key] = propConfig.default;
 	});
@@ -4253,7 +4531,7 @@ const OmbreComponent$25 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$29.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$31.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$25(props, defaultProps$25);
@@ -4263,7 +4541,7 @@ const OmbreComponent$25 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$29, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$31, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4285,7 +4563,7 @@ const OmbreComponent$25 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$29.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$29);
+			parentRegister(instanceId, componentDefinition$31.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$31);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4358,9 +4636,9 @@ const OmbreComponent$25 = (props) => {
 		children: props.children
 	});
 };
-var Invert_default = OmbreComponent$25;
-function computeEffectiveProps$24(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var LinearBlur_default = OmbreComponent$25;
+function computeEffectiveProps$24(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4379,7 +4657,7 @@ var defaultProps$24 = {
 	visible: true
 };
 try {
-	if (componentDefinition$30 && componentDefinition$30.props) Object.entries(componentDefinition$30.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$24[key] = propConfig.default;
 	});
@@ -4391,7 +4669,7 @@ const OmbreComponent$24 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$30.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$32.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$24(props, defaultProps$24);
@@ -4401,7 +4679,7 @@ const OmbreComponent$24 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$30, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$32, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4423,7 +4701,7 @@ const OmbreComponent$24 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$30.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$30);
+			parentRegister(instanceId, componentDefinition$32.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$32);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4496,9 +4774,9 @@ const OmbreComponent$24 = (props) => {
 		children: props.children
 	});
 };
-var LinearBlur_default = OmbreComponent$24;
-function computeEffectiveProps$23(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var LinearGradient_default = OmbreComponent$24;
+function computeEffectiveProps$23(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4517,7 +4795,7 @@ var defaultProps$23 = {
 	visible: true
 };
 try {
-	if (componentDefinition$31 && componentDefinition$31.props) Object.entries(componentDefinition$31.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$23[key] = propConfig.default;
 	});
@@ -4529,7 +4807,7 @@ const OmbreComponent$23 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$31.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$33.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$23(props, defaultProps$23);
@@ -4539,7 +4817,7 @@ const OmbreComponent$23 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$31, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$33, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4561,7 +4839,7 @@ const OmbreComponent$23 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$31.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$31);
+			parentRegister(instanceId, componentDefinition$33.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$33);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4634,9 +4912,9 @@ const OmbreComponent$23 = (props) => {
 		children: props.children
 	});
 };
-var LinearGradient_default = OmbreComponent$23;
-function computeEffectiveProps$22(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Liquify_default = OmbreComponent$23;
+function computeEffectiveProps$22(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4655,7 +4933,7 @@ var defaultProps$22 = {
 	visible: true
 };
 try {
-	if (componentDefinition$32 && componentDefinition$32.props) Object.entries(componentDefinition$32.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$22[key] = propConfig.default;
 	});
@@ -4667,7 +4945,7 @@ const OmbreComponent$22 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$32.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$34.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$22(props, defaultProps$22);
@@ -4677,7 +4955,7 @@ const OmbreComponent$22 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$32, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$34, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4699,7 +4977,7 @@ const OmbreComponent$22 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$32.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$32);
+			parentRegister(instanceId, componentDefinition$34.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$34);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4772,9 +5050,9 @@ const OmbreComponent$22 = (props) => {
 		children: props.children
 	});
 };
-var Liquify_default = OmbreComponent$22;
-function computeEffectiveProps$21(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Pixelate_default = OmbreComponent$22;
+function computeEffectiveProps$21(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4793,7 +5071,7 @@ var defaultProps$21 = {
 	visible: true
 };
 try {
-	if (componentDefinition$33 && componentDefinition$33.props) Object.entries(componentDefinition$33.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$21[key] = propConfig.default;
 	});
@@ -4805,7 +5083,7 @@ const OmbreComponent$21 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$33.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$35.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$21(props, defaultProps$21);
@@ -4815,7 +5093,7 @@ const OmbreComponent$21 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$33, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$35, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4837,7 +5115,7 @@ const OmbreComponent$21 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$33.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$33);
+			parentRegister(instanceId, componentDefinition$35.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$35);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -4910,9 +5188,9 @@ const OmbreComponent$21 = (props) => {
 		children: props.children
 	});
 };
-var Pixelate_default = OmbreComponent$21;
-function computeEffectiveProps$20(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var PolarCoordinates_default = OmbreComponent$21;
+function computeEffectiveProps$20(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -4931,7 +5209,7 @@ var defaultProps$20 = {
 	visible: true
 };
 try {
-	if (componentDefinition$34 && componentDefinition$34.props) Object.entries(componentDefinition$34.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$20[key] = propConfig.default;
 	});
@@ -4943,7 +5221,7 @@ const OmbreComponent$20 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$34.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$36.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$20(props, defaultProps$20);
@@ -4953,7 +5231,7 @@ const OmbreComponent$20 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$34, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$36, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -4975,7 +5253,7 @@ const OmbreComponent$20 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$34.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$34);
+			parentRegister(instanceId, componentDefinition$36.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$36);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5048,9 +5326,9 @@ const OmbreComponent$20 = (props) => {
 		children: props.children
 	});
 };
-var PolarCoordinates_default = OmbreComponent$20;
-function computeEffectiveProps$19(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Posterize_default = OmbreComponent$20;
+function computeEffectiveProps$19(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5069,7 +5347,7 @@ var defaultProps$19 = {
 	visible: true
 };
 try {
-	if (componentDefinition$35 && componentDefinition$35.props) Object.entries(componentDefinition$35.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$19[key] = propConfig.default;
 	});
@@ -5081,7 +5359,7 @@ const OmbreComponent$19 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$35.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$37.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$19(props, defaultProps$19);
@@ -5091,7 +5369,7 @@ const OmbreComponent$19 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$35, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$37, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5113,7 +5391,7 @@ const OmbreComponent$19 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$35.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$35);
+			parentRegister(instanceId, componentDefinition$37.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$37);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5186,9 +5464,9 @@ const OmbreComponent$19 = (props) => {
 		children: props.children
 	});
 };
-var Posterize_default = OmbreComponent$19;
-function computeEffectiveProps$18(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var ProgressiveBlur_default = OmbreComponent$19;
+function computeEffectiveProps$18(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5207,7 +5485,7 @@ var defaultProps$18 = {
 	visible: true
 };
 try {
-	if (componentDefinition$36 && componentDefinition$36.props) Object.entries(componentDefinition$36.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$18[key] = propConfig.default;
 	});
@@ -5219,7 +5497,7 @@ const OmbreComponent$18 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$36.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$38.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$18(props, defaultProps$18);
@@ -5229,7 +5507,7 @@ const OmbreComponent$18 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$36, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$38, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5251,7 +5529,7 @@ const OmbreComponent$18 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$36.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$36);
+			parentRegister(instanceId, componentDefinition$38.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$38);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5324,9 +5602,9 @@ const OmbreComponent$18 = (props) => {
 		children: props.children
 	});
 };
-var ProgressiveBlur_default = OmbreComponent$18;
-function computeEffectiveProps$17(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var RadialGradient_default = OmbreComponent$18;
+function computeEffectiveProps$17(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5345,7 +5623,7 @@ var defaultProps$17 = {
 	visible: true
 };
 try {
-	if (componentDefinition$37 && componentDefinition$37.props) Object.entries(componentDefinition$37.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$17[key] = propConfig.default;
 	});
@@ -5357,7 +5635,7 @@ const OmbreComponent$17 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$37.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$39.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$17(props, defaultProps$17);
@@ -5367,7 +5645,7 @@ const OmbreComponent$17 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$37, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$39, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5389,7 +5667,7 @@ const OmbreComponent$17 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$37.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$37);
+			parentRegister(instanceId, componentDefinition$39.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$39);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5462,9 +5740,9 @@ const OmbreComponent$17 = (props) => {
 		children: props.children
 	});
 };
-var RadialGradient_default = OmbreComponent$17;
-function computeEffectiveProps$16(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var RectangularCoordinates_default = OmbreComponent$17;
+function computeEffectiveProps$16(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5483,7 +5761,7 @@ var defaultProps$16 = {
 	visible: true
 };
 try {
-	if (componentDefinition$38 && componentDefinition$38.props) Object.entries(componentDefinition$38.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$16[key] = propConfig.default;
 	});
@@ -5495,7 +5773,7 @@ const OmbreComponent$16 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$38.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$40.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$16(props, defaultProps$16);
@@ -5505,7 +5783,7 @@ const OmbreComponent$16 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$38, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$40, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5527,7 +5805,7 @@ const OmbreComponent$16 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$38.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$38);
+			parentRegister(instanceId, componentDefinition$40.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$40);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5600,9 +5878,9 @@ const OmbreComponent$16 = (props) => {
 		children: props.children
 	});
 };
-var RectangularCoordinates_default = OmbreComponent$16;
-function computeEffectiveProps$15(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Ripples_default = OmbreComponent$16;
+function computeEffectiveProps$15(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5621,7 +5899,7 @@ var defaultProps$15 = {
 	visible: true
 };
 try {
-	if (componentDefinition$39 && componentDefinition$39.props) Object.entries(componentDefinition$39.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$15[key] = propConfig.default;
 	});
@@ -5633,7 +5911,7 @@ const OmbreComponent$15 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$39.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$41.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$15(props, defaultProps$15);
@@ -5643,7 +5921,7 @@ const OmbreComponent$15 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$39, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$41, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5665,7 +5943,7 @@ const OmbreComponent$15 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$39.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$39);
+			parentRegister(instanceId, componentDefinition$41.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$41);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5738,9 +6016,9 @@ const OmbreComponent$15 = (props) => {
 		children: props.children
 	});
 };
-var Ripples_default = OmbreComponent$15;
-function computeEffectiveProps$14(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Saturation_default = OmbreComponent$15;
+function computeEffectiveProps$14(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5759,7 +6037,7 @@ var defaultProps$14 = {
 	visible: true
 };
 try {
-	if (componentDefinition$40 && componentDefinition$40.props) Object.entries(componentDefinition$40.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$14[key] = propConfig.default;
 	});
@@ -5771,7 +6049,7 @@ const OmbreComponent$14 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$40.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$42.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$14(props, defaultProps$14);
@@ -5781,7 +6059,7 @@ const OmbreComponent$14 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$40, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$42, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5803,7 +6081,7 @@ const OmbreComponent$14 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$40.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$40);
+			parentRegister(instanceId, componentDefinition$42.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$42);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -5876,9 +6154,9 @@ const OmbreComponent$14 = (props) => {
 		children: props.children
 	});
 };
-var Saturation_default = OmbreComponent$14;
-function computeEffectiveProps$13(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+var Sharpness_default = OmbreComponent$14;
+function computeEffectiveProps$13(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -5897,7 +6175,7 @@ var defaultProps$13 = {
 	visible: true
 };
 try {
-	if (componentDefinition$41 && componentDefinition$41.props) Object.entries(componentDefinition$41.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$13[key] = propConfig.default;
 	});
@@ -5909,7 +6187,7 @@ const OmbreComponent$13 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$41.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$43.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$13(props, defaultProps$13);
@@ -5919,7 +6197,7 @@ const OmbreComponent$13 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$41, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$43, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -5941,7 +6219,7 @@ const OmbreComponent$13 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$41.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$41);
+			parentRegister(instanceId, componentDefinition$43.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$43);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6015,8 +6293,8 @@ const OmbreComponent$13 = (props) => {
 	});
 };
 var SimplexNoise_default = OmbreComponent$13;
-function computeEffectiveProps$12(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$12(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6035,7 +6313,7 @@ var defaultProps$12 = {
 	visible: true
 };
 try {
-	if (componentDefinition$42 && componentDefinition$42.props) Object.entries(componentDefinition$42.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$12[key] = propConfig.default;
 	});
@@ -6047,7 +6325,7 @@ const OmbreComponent$12 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$42.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$44.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$12(props, defaultProps$12);
@@ -6057,7 +6335,7 @@ const OmbreComponent$12 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$42, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$44, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6079,7 +6357,7 @@ const OmbreComponent$12 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$42.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$42);
+			parentRegister(instanceId, componentDefinition$44.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$44);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6153,8 +6431,8 @@ const OmbreComponent$12 = (props) => {
 	});
 };
 var SineWave_default = OmbreComponent$12;
-function computeEffectiveProps$11(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$11(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6173,7 +6451,7 @@ var defaultProps$11 = {
 	visible: true
 };
 try {
-	if (componentDefinition$43 && componentDefinition$43.props) Object.entries(componentDefinition$43.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$11[key] = propConfig.default;
 	});
@@ -6185,7 +6463,7 @@ const OmbreComponent$11 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$43.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$45.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$11(props, defaultProps$11);
@@ -6195,7 +6473,7 @@ const OmbreComponent$11 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$43, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$45, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6217,7 +6495,7 @@ const OmbreComponent$11 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$43.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$43);
+			parentRegister(instanceId, componentDefinition$45.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$45);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6291,8 +6569,8 @@ const OmbreComponent$11 = (props) => {
 	});
 };
 var SolidColor_default = OmbreComponent$11;
-function computeEffectiveProps$10(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$10(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6311,7 +6589,7 @@ var defaultProps$10 = {
 	visible: true
 };
 try {
-	if (componentDefinition$44 && componentDefinition$44.props) Object.entries(componentDefinition$44.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$10[key] = propConfig.default;
 	});
@@ -6323,7 +6601,7 @@ const OmbreComponent$10 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$44.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$46.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$10(props, defaultProps$10);
@@ -6333,7 +6611,7 @@ const OmbreComponent$10 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$44, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$46, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6355,7 +6633,7 @@ const OmbreComponent$10 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$44.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$44);
+			parentRegister(instanceId, componentDefinition$46.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$46);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6429,8 +6707,8 @@ const OmbreComponent$10 = (props) => {
 	});
 };
 var Spherize_default = OmbreComponent$10;
-function computeEffectiveProps$9(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$9(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6449,7 +6727,7 @@ var defaultProps$9 = {
 	visible: true
 };
 try {
-	if (componentDefinition$45 && componentDefinition$45.props) Object.entries(componentDefinition$45.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$9[key] = propConfig.default;
 	});
@@ -6461,7 +6739,7 @@ const OmbreComponent$9 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$45.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$47.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$9(props, defaultProps$9);
@@ -6471,7 +6749,7 @@ const OmbreComponent$9 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$45, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$47, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6493,7 +6771,7 @@ const OmbreComponent$9 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$45.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$45);
+			parentRegister(instanceId, componentDefinition$47.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$47);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6567,8 +6845,8 @@ const OmbreComponent$9 = (props) => {
 	});
 };
 var Spiral_default = OmbreComponent$9;
-function computeEffectiveProps$8(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$8(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6587,7 +6865,7 @@ var defaultProps$8 = {
 	visible: true
 };
 try {
-	if (componentDefinition$46 && componentDefinition$46.props) Object.entries(componentDefinition$46.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$8[key] = propConfig.default;
 	});
@@ -6599,7 +6877,7 @@ const OmbreComponent$8 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$46.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$48.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$8(props, defaultProps$8);
@@ -6609,7 +6887,7 @@ const OmbreComponent$8 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$46, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$48, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6631,7 +6909,7 @@ const OmbreComponent$8 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$46.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$46);
+			parentRegister(instanceId, componentDefinition$48.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$48);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6705,8 +6983,8 @@ const OmbreComponent$8 = (props) => {
 	});
 };
 var Strands_default = OmbreComponent$8;
-function computeEffectiveProps$7(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$7(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6725,7 +7003,7 @@ var defaultProps$7 = {
 	visible: true
 };
 try {
-	if (componentDefinition$47 && componentDefinition$47.props) Object.entries(componentDefinition$47.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$7[key] = propConfig.default;
 	});
@@ -6737,7 +7015,7 @@ const OmbreComponent$7 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$47.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$49.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$7(props, defaultProps$7);
@@ -6747,7 +7025,7 @@ const OmbreComponent$7 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$47, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$49, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6769,7 +7047,7 @@ const OmbreComponent$7 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$47.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$47);
+			parentRegister(instanceId, componentDefinition$49.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$49);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6843,8 +7121,8 @@ const OmbreComponent$7 = (props) => {
 	});
 };
 var Stretch_default = OmbreComponent$7;
-function computeEffectiveProps$6(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$6(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -6863,7 +7141,7 @@ var defaultProps$6 = {
 	visible: true
 };
 try {
-	if (componentDefinition$48 && componentDefinition$48.props) Object.entries(componentDefinition$48.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$6[key] = propConfig.default;
 	});
@@ -6875,7 +7153,7 @@ const OmbreComponent$6 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$48.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$50.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$6(props, defaultProps$6);
@@ -6885,7 +7163,7 @@ const OmbreComponent$6 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$48, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$50, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -6907,7 +7185,7 @@ const OmbreComponent$6 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$48.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$48);
+			parentRegister(instanceId, componentDefinition$50.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$50);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -6981,8 +7259,8 @@ const OmbreComponent$6 = (props) => {
 	});
 };
 var Swirl_default = OmbreComponent$6;
-function computeEffectiveProps$5(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$5(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7001,7 +7279,7 @@ var defaultProps$5 = {
 	visible: true
 };
 try {
-	if (componentDefinition$49 && componentDefinition$49.props) Object.entries(componentDefinition$49.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$5[key] = propConfig.default;
 	});
@@ -7013,7 +7291,7 @@ const OmbreComponent$5 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$49.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$51.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$5(props, defaultProps$5);
@@ -7023,7 +7301,7 @@ const OmbreComponent$5 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$49, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$51, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7045,7 +7323,7 @@ const OmbreComponent$5 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$49.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$49);
+			parentRegister(instanceId, componentDefinition$51.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$51);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7119,8 +7397,8 @@ const OmbreComponent$5 = (props) => {
 	});
 };
 var TiltShift_default = OmbreComponent$5;
-function computeEffectiveProps$4(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$4(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7139,7 +7417,7 @@ var defaultProps$4 = {
 	visible: true
 };
 try {
-	if (componentDefinition$50 && componentDefinition$50.props) Object.entries(componentDefinition$50.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$4[key] = propConfig.default;
 	});
@@ -7151,7 +7429,7 @@ const OmbreComponent$4 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$50.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$52.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$4(props, defaultProps$4);
@@ -7161,7 +7439,7 @@ const OmbreComponent$4 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$50, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$52, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7183,7 +7461,7 @@ const OmbreComponent$4 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$50.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$50);
+			parentRegister(instanceId, componentDefinition$52.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$52);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7257,8 +7535,8 @@ const OmbreComponent$4 = (props) => {
 	});
 };
 var Tritone_default = OmbreComponent$4;
-function computeEffectiveProps$3(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$3(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7277,7 +7555,7 @@ var defaultProps$3 = {
 	visible: true
 };
 try {
-	if (componentDefinition$51 && componentDefinition$51.props) Object.entries(componentDefinition$51.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$3[key] = propConfig.default;
 	});
@@ -7289,7 +7567,7 @@ const OmbreComponent$3 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$51.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$53.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$3(props, defaultProps$3);
@@ -7299,7 +7577,7 @@ const OmbreComponent$3 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$51, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$53, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7321,7 +7599,7 @@ const OmbreComponent$3 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$51.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$51);
+			parentRegister(instanceId, componentDefinition$53.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$53);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7395,8 +7673,8 @@ const OmbreComponent$3 = (props) => {
 	});
 };
 var Twirl_default = OmbreComponent$3;
-function computeEffectiveProps$2(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$2(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7415,7 +7693,7 @@ var defaultProps$2 = {
 	visible: true
 };
 try {
-	if (componentDefinition$52 && componentDefinition$52.props) Object.entries(componentDefinition$52.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$2[key] = propConfig.default;
 	});
@@ -7427,7 +7705,7 @@ const OmbreComponent$2 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$52.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$54.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$2(props, defaultProps$2);
@@ -7437,7 +7715,7 @@ const OmbreComponent$2 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$52, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$54, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7459,7 +7737,7 @@ const OmbreComponent$2 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$52.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$52);
+			parentRegister(instanceId, componentDefinition$54.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$54);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7533,8 +7811,8 @@ const OmbreComponent$2 = (props) => {
 	});
 };
 var Vibrance_default = OmbreComponent$2;
-function computeEffectiveProps$1(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps$1(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7553,7 +7831,7 @@ var defaultProps$1 = {
 	visible: true
 };
 try {
-	if (componentDefinition$53 && componentDefinition$53.props) Object.entries(componentDefinition$53.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$1[key] = propConfig.default;
 	});
@@ -7565,7 +7843,7 @@ const OmbreComponent$1 = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$53.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$55.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps$1(props, defaultProps$1);
@@ -7575,7 +7853,7 @@ const OmbreComponent$1 = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$53, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$55, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7597,7 +7875,7 @@ const OmbreComponent$1 = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$53.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$53);
+			parentRegister(instanceId, componentDefinition$55.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$55);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7671,8 +7949,8 @@ const OmbreComponent$1 = (props) => {
 	});
 };
 var WaveDistortion_default = OmbreComponent$1;
-function computeEffectiveProps(props, defaultProps$55) {
-	let baseProps = { ...defaultProps$55 };
+function computeEffectiveProps(props, defaultProps$57) {
+	let baseProps = { ...defaultProps$57 };
 	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
 	return baseProps;
 }
@@ -7691,7 +7969,7 @@ var defaultProps = {
 	visible: true
 };
 try {
-	if (componentDefinition$54 && componentDefinition$54.props) Object.entries(componentDefinition$54.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[key] = propConfig.default;
 	});
@@ -7703,7 +7981,7 @@ const OmbreComponent = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { ombreParentId: parentId, ombreNodeRegister: parentRegister, ombreUniformUpdate: parentUniformUpdate, ombreMetadataUpdate: parentMetadataUpdate } = context;
 	const instanceId = useMemo(() => {
-		return props.id || `${componentDefinition$54.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		return props.id || `${componentDefinition$56.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps(props, defaultProps);
@@ -7713,7 +7991,7 @@ const OmbreComponent = (props) => {
 		...props.transform
 	}), [props.transform]);
 	const uniformsRef = useRef(null);
-	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$54, effectiveProps, instanceId);
+	if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition$56, effectiveProps, instanceId);
 	const childContextValue = useMemo(() => {
 		return {
 			...context,
@@ -7735,7 +8013,7 @@ const OmbreComponent = (props) => {
 				renderOrder: props.renderOrder || 0,
 				transform: effectiveTransform
 			};
-			parentRegister(instanceId, componentDefinition$54.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$54);
+			parentRegister(instanceId, componentDefinition$56.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition$56);
 			return () => {
 				parentRegister(instanceId, null, null, null, null);
 			};
@@ -7809,4 +8087,4 @@ const OmbreComponent = (props) => {
 	});
 };
 var ZoomBlur_default = OmbreComponent;
-export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Swirl_default as Swirl, TiltShift_default as TiltShift, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };
+export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Swirl_default as Swirl, TiltShift_default as TiltShift, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, ZoomBlur_default as ZoomBlur, generatePresetCode };