shaders 2.2.39 → 2.2.40

package/dist/solid/index.js

@@ -56,11 +56,12 @@ import { componentDefinition as componentDefinition$N } from "../core/shaders/St
 import { componentDefinition as componentDefinition$O } from "../core/shaders/Stretch/index.js";
 import { componentDefinition as componentDefinition$P } from "../core/shaders/Swirl/index.js";
 import { componentDefinition as componentDefinition$Q } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$R } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$S } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$T } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$U } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$V } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$R } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$S } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$T } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$U } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$V } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$W } from "../core/shaders/ZoomBlur/index.js";
 import { generatePresetCode } from "./utils/generatePresetCode.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div><canvas data-renderer=shaders style=width:100%;height:100%;display:block>`);
 const ShaderContext = createContext();
@@ -241,7 +242,7 @@ function useShaderContext() {
   }
   return ctx;
 }
-const DEFAULT_TRANSFORM$V = {
+const DEFAULT_TRANSFORM$W = {
   offsetX: 0,
   offsetY: 0,
   rotation: 0,
@@ -250,7 +251,7 @@ const DEFAULT_TRANSFORM$V = {
   anchorY: 0.5,
   edges: "transparent"
 };
-const defaultProps$V = {
+const defaultProps$W = {
   blendMode: "normal",
   renderOrder: 0,
   visible: true
@@ -260,6 +261,146 @@ const defaultProps$V = {
 try {
   if (componentDefinition && componentDefinition.props) {
     Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps$W[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent$W(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
+  const context = useShaderContext();
+  const {
+    shaderParentId: parentId,
+    shaderNodeRegister: parentRegister,
+    shaderUniformUpdate: parentUniformUpdate,
+    shaderMetadataUpdate: parentMetadataUpdate
+  } = context;
+  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps$W
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM$W,
+    ...props.transform
+  }));
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+    }
+    return uniformsMap;
+  };
+  const childContextValue = createMemo(() => ({
+    ...context,
+    shaderParentId: instanceId
+  }));
+  let isRegistered = false;
+  onMount(() => {
+    const uniforms = getUniformsMap();
+    if (!uniforms) 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, uniforms, componentDefinition);
+      isRegistered = true;
+    } catch (error) {
+      console.error("Error registering shader node:", error);
+    }
+  });
+  onCleanup(() => {
+    isRegistered = false;
+    parentRegister(instanceId, null, null, null, null);
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const props_snapshot = effectiveProps();
+      Object.entries(uniforms).forEach(([propName, uniformData]) => {
+        if (!uniformData || typeof uniformData !== "object") return;
+        const {
+          uniform
+        } = uniformData;
+        if ((uniform == null ? void 0 : uniform.value) !== void 0 && propName in props_snapshot) {
+          const newValue = props_snapshot[propName];
+          parentUniformUpdate(instanceId, propName, newValue);
+        }
+      });
+    } catch (error) {
+      console.error("Error updating uniforms:", error);
+    }
+  });
+  createEffect(() => {
+    if (!isRegistered) 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()
+      };
+      parentMetadataUpdate(instanceId, metadata);
+    } catch (error) {
+      console.error("Error updating metadata:", error);
+    }
+  });
+  return createComponent(ShaderContext.Provider, {
+    get value() {
+      return childContextValue();
+    },
+    get children() {
+      return local.children;
+    }
+  });
+}
+const DEFAULT_TRANSFORM$V = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps$V = {
+  blendMode: "normal",
+  renderOrder: 0,
+  visible: true
+  // opacity intentionally has no default - handled by renderer
+  // transform intentionally has no default - handled by effectiveTransform
+};
+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$V[key] = propConfig.default;
@@ -278,7 +419,7 @@ function ShaderComponent$V(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$V
@@ -297,7 +438,7 @@ function ShaderComponent$V(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -322,7 +463,7 @@ function ShaderComponent$V(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -398,8 +539,8 @@ const defaultProps$U = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$1 && componentDefinition$1.props) {
-    Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
+  if (componentDefinition$2 && componentDefinition$2.props) {
+    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$U[key] = propConfig.default;
@@ -418,7 +559,7 @@ function ShaderComponent$U(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$U
@@ -437,7 +578,7 @@ function ShaderComponent$U(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -462,7 +603,7 @@ function ShaderComponent$U(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -538,8 +679,8 @@ const defaultProps$T = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$2 && componentDefinition$2.props) {
-    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
+  if (componentDefinition$3 && componentDefinition$3.props) {
+    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$T[key] = propConfig.default;
@@ -558,7 +699,7 @@ function ShaderComponent$T(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$T
@@ -577,7 +718,7 @@ function ShaderComponent$T(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -602,7 +743,7 @@ function ShaderComponent$T(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
+      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -678,8 +819,8 @@ const defaultProps$S = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$3 && componentDefinition$3.props) {
-    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
+  if (componentDefinition$4 && componentDefinition$4.props) {
+    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$S[key] = propConfig.default;
@@ -698,7 +839,7 @@ function ShaderComponent$S(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$S
@@ -717,7 +858,7 @@ function ShaderComponent$S(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -742,7 +883,7 @@ function ShaderComponent$S(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
+      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -818,8 +959,8 @@ const defaultProps$R = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$4 && componentDefinition$4.props) {
-    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
+  if (componentDefinition$5 && componentDefinition$5.props) {
+    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$R[key] = propConfig.default;
@@ -838,7 +979,7 @@ function ShaderComponent$R(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$R
@@ -857,7 +998,7 @@ function ShaderComponent$R(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -882,7 +1023,7 @@ function ShaderComponent$R(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
+      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -958,8 +1099,8 @@ const defaultProps$Q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$5 && componentDefinition$5.props) {
-    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
+  if (componentDefinition$6 && componentDefinition$6.props) {
+    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$Q[key] = propConfig.default;
@@ -978,7 +1119,7 @@ function ShaderComponent$Q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$Q
@@ -997,7 +1138,7 @@ function ShaderComponent$Q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1022,7 +1163,7 @@ function ShaderComponent$Q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
+      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1098,8 +1239,8 @@ const defaultProps$P = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$6 && componentDefinition$6.props) {
-    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
+  if (componentDefinition$7 && componentDefinition$7.props) {
+    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$P[key] = propConfig.default;
@@ -1118,7 +1259,7 @@ function ShaderComponent$P(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$P
@@ -1137,7 +1278,7 @@ function ShaderComponent$P(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1162,7 +1303,7 @@ function ShaderComponent$P(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
+      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1238,8 +1379,8 @@ const defaultProps$O = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$7 && componentDefinition$7.props) {
-    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
+  if (componentDefinition$8 && componentDefinition$8.props) {
+    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$O[key] = propConfig.default;
@@ -1258,7 +1399,7 @@ function ShaderComponent$O(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$O
@@ -1277,7 +1418,7 @@ function ShaderComponent$O(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1302,7 +1443,7 @@ function ShaderComponent$O(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
+      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1378,8 +1519,8 @@ const defaultProps$N = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$8 && componentDefinition$8.props) {
-    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
+  if (componentDefinition$9 && componentDefinition$9.props) {
+    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$N[key] = propConfig.default;
@@ -1398,7 +1539,7 @@ function ShaderComponent$N(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$N
@@ -1417,7 +1558,7 @@ function ShaderComponent$N(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1442,7 +1583,7 @@ function ShaderComponent$N(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
+      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1518,8 +1659,8 @@ const defaultProps$M = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$9 && componentDefinition$9.props) {
-    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
+  if (componentDefinition$a && componentDefinition$a.props) {
+    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$M[key] = propConfig.default;
@@ -1538,7 +1679,7 @@ function ShaderComponent$M(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$M
@@ -1557,7 +1698,7 @@ function ShaderComponent$M(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1582,7 +1723,7 @@ function ShaderComponent$M(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
+      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1658,8 +1799,8 @@ const defaultProps$L = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$a && componentDefinition$a.props) {
-    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
+  if (componentDefinition$b && componentDefinition$b.props) {
+    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$L[key] = propConfig.default;
@@ -1678,7 +1819,7 @@ function ShaderComponent$L(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$L
@@ -1697,7 +1838,7 @@ function ShaderComponent$L(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1722,7 +1863,7 @@ function ShaderComponent$L(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
+      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1798,8 +1939,8 @@ const defaultProps$K = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$b && componentDefinition$b.props) {
-    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
+  if (componentDefinition$c && componentDefinition$c.props) {
+    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$K[key] = propConfig.default;
@@ -1818,7 +1959,7 @@ function ShaderComponent$K(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$K
@@ -1837,7 +1978,7 @@ function ShaderComponent$K(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1862,7 +2003,7 @@ function ShaderComponent$K(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
+      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1938,8 +2079,8 @@ const defaultProps$J = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$c && componentDefinition$c.props) {
-    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
+  if (componentDefinition$d && componentDefinition$d.props) {
+    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$J[key] = propConfig.default;
@@ -1958,7 +2099,7 @@ function ShaderComponent$J(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$J
@@ -1977,7 +2118,7 @@ function ShaderComponent$J(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2002,7 +2143,7 @@ function ShaderComponent$J(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
+      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2078,8 +2219,8 @@ const defaultProps$I = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$d && componentDefinition$d.props) {
-    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
+  if (componentDefinition$e && componentDefinition$e.props) {
+    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$I[key] = propConfig.default;
@@ -2098,7 +2239,7 @@ function ShaderComponent$I(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$I
@@ -2117,7 +2258,7 @@ function ShaderComponent$I(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2142,7 +2283,7 @@ function ShaderComponent$I(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
+      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2218,8 +2359,8 @@ const defaultProps$H = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$e && componentDefinition$e.props) {
-    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
+  if (componentDefinition$f && componentDefinition$f.props) {
+    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$H[key] = propConfig.default;
@@ -2238,7 +2379,7 @@ function ShaderComponent$H(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$H
@@ -2257,7 +2398,7 @@ function ShaderComponent$H(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2282,7 +2423,7 @@ function ShaderComponent$H(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
+      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2358,8 +2499,8 @@ const defaultProps$G = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$f && componentDefinition$f.props) {
-    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
+  if (componentDefinition$g && componentDefinition$g.props) {
+    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$G[key] = propConfig.default;
@@ -2378,7 +2519,7 @@ function ShaderComponent$G(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$G
@@ -2397,7 +2538,7 @@ function ShaderComponent$G(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2422,7 +2563,7 @@ function ShaderComponent$G(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
+      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2498,8 +2639,8 @@ const defaultProps$F = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$g && componentDefinition$g.props) {
-    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
+  if (componentDefinition$h && componentDefinition$h.props) {
+    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$F[key] = propConfig.default;
@@ -2518,7 +2659,7 @@ function ShaderComponent$F(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$F
@@ -2537,7 +2678,7 @@ function ShaderComponent$F(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2562,7 +2703,7 @@ function ShaderComponent$F(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
+      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2638,8 +2779,8 @@ const defaultProps$E = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$h && componentDefinition$h.props) {
-    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
+  if (componentDefinition$i && componentDefinition$i.props) {
+    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$E[key] = propConfig.default;
@@ -2658,7 +2799,7 @@ function ShaderComponent$E(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$E
@@ -2677,7 +2818,7 @@ function ShaderComponent$E(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2702,7 +2843,7 @@ function ShaderComponent$E(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
+      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2778,8 +2919,8 @@ const defaultProps$D = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$i && componentDefinition$i.props) {
-    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
+  if (componentDefinition$j && componentDefinition$j.props) {
+    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$D[key] = propConfig.default;
@@ -2798,7 +2939,7 @@ function ShaderComponent$D(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$D
@@ -2817,7 +2958,7 @@ function ShaderComponent$D(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2842,7 +2983,7 @@ function ShaderComponent$D(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
+      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2918,8 +3059,8 @@ const defaultProps$C = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$j && componentDefinition$j.props) {
-    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
+  if (componentDefinition$k && componentDefinition$k.props) {
+    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$C[key] = propConfig.default;
@@ -2938,7 +3079,7 @@ function ShaderComponent$C(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$C
@@ -2957,7 +3098,7 @@ function ShaderComponent$C(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2982,7 +3123,7 @@ function ShaderComponent$C(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
+      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3058,8 +3199,8 @@ const defaultProps$B = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$k && componentDefinition$k.props) {
-    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
+  if (componentDefinition$l && componentDefinition$l.props) {
+    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$B[key] = propConfig.default;
@@ -3078,7 +3219,7 @@ function ShaderComponent$B(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$B
@@ -3097,7 +3238,7 @@ function ShaderComponent$B(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3122,7 +3263,7 @@ function ShaderComponent$B(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
+      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3198,8 +3339,8 @@ const defaultProps$A = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$l && componentDefinition$l.props) {
-    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
+  if (componentDefinition$m && componentDefinition$m.props) {
+    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$A[key] = propConfig.default;
@@ -3218,7 +3359,7 @@ function ShaderComponent$A(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$A
@@ -3237,7 +3378,7 @@ function ShaderComponent$A(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3262,7 +3403,7 @@ function ShaderComponent$A(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
+      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3338,8 +3479,8 @@ const defaultProps$z = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$m && componentDefinition$m.props) {
-    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
+  if (componentDefinition$n && componentDefinition$n.props) {
+    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$z[key] = propConfig.default;
@@ -3358,7 +3499,7 @@ function ShaderComponent$z(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$z
@@ -3377,7 +3518,7 @@ function ShaderComponent$z(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3402,7 +3543,7 @@ function ShaderComponent$z(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
+      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3478,8 +3619,8 @@ const defaultProps$y = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$n && componentDefinition$n.props) {
-    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
+  if (componentDefinition$o && componentDefinition$o.props) {
+    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$y[key] = propConfig.default;
@@ -3498,7 +3639,7 @@ function ShaderComponent$y(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$y
@@ -3517,7 +3658,7 @@ function ShaderComponent$y(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3542,7 +3683,7 @@ function ShaderComponent$y(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
+      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3618,8 +3759,8 @@ const defaultProps$x = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$o && componentDefinition$o.props) {
-    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
+  if (componentDefinition$p && componentDefinition$p.props) {
+    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$x[key] = propConfig.default;
@@ -3638,7 +3779,7 @@ function ShaderComponent$x(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$x
@@ -3657,7 +3798,7 @@ function ShaderComponent$x(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3682,7 +3823,7 @@ function ShaderComponent$x(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
+      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3758,8 +3899,8 @@ const defaultProps$w = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$p && componentDefinition$p.props) {
-    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
+  if (componentDefinition$q && componentDefinition$q.props) {
+    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$w[key] = propConfig.default;
@@ -3778,7 +3919,7 @@ function ShaderComponent$w(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$w
@@ -3797,7 +3938,7 @@ function ShaderComponent$w(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3822,7 +3963,7 @@ function ShaderComponent$w(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
+      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3898,8 +4039,8 @@ const defaultProps$v = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$q && componentDefinition$q.props) {
-    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
+  if (componentDefinition$r && componentDefinition$r.props) {
+    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$v[key] = propConfig.default;
@@ -3918,7 +4059,7 @@ function ShaderComponent$v(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$v
@@ -3937,7 +4078,7 @@ function ShaderComponent$v(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3962,7 +4103,7 @@ function ShaderComponent$v(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
+      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4038,8 +4179,8 @@ const defaultProps$u = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$r && componentDefinition$r.props) {
-    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
+  if (componentDefinition$s && componentDefinition$s.props) {
+    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$u[key] = propConfig.default;
@@ -4058,7 +4199,7 @@ function ShaderComponent$u(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$u
@@ -4077,7 +4218,7 @@ function ShaderComponent$u(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4102,7 +4243,7 @@ function ShaderComponent$u(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
+      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4178,8 +4319,8 @@ const defaultProps$t = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$s && componentDefinition$s.props) {
-    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
+  if (componentDefinition$t && componentDefinition$t.props) {
+    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$t[key] = propConfig.default;
@@ -4198,7 +4339,7 @@ function ShaderComponent$t(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$t
@@ -4217,7 +4358,7 @@ function ShaderComponent$t(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4242,7 +4383,7 @@ function ShaderComponent$t(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
+      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4318,8 +4459,8 @@ const defaultProps$s = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$t && componentDefinition$t.props) {
-    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
+  if (componentDefinition$u && componentDefinition$u.props) {
+    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$s[key] = propConfig.default;
@@ -4338,7 +4479,7 @@ function ShaderComponent$s(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$s
@@ -4357,7 +4498,7 @@ function ShaderComponent$s(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4382,7 +4523,7 @@ function ShaderComponent$s(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
+      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4458,8 +4599,8 @@ const defaultProps$r = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$u && componentDefinition$u.props) {
-    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
+  if (componentDefinition$v && componentDefinition$v.props) {
+    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$r[key] = propConfig.default;
@@ -4478,7 +4619,7 @@ function ShaderComponent$r(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$r
@@ -4497,7 +4638,7 @@ function ShaderComponent$r(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4522,7 +4663,7 @@ function ShaderComponent$r(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
+      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4598,8 +4739,8 @@ const defaultProps$q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$v && componentDefinition$v.props) {
-    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
+  if (componentDefinition$w && componentDefinition$w.props) {
+    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$q[key] = propConfig.default;
@@ -4618,7 +4759,7 @@ function ShaderComponent$q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$q
@@ -4637,7 +4778,7 @@ function ShaderComponent$q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4662,7 +4803,7 @@ function ShaderComponent$q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
+      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4738,8 +4879,8 @@ const defaultProps$p = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$w && componentDefinition$w.props) {
-    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
+  if (componentDefinition$x && componentDefinition$x.props) {
+    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$p[key] = propConfig.default;
@@ -4758,7 +4899,7 @@ function ShaderComponent$p(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$p
@@ -4777,7 +4918,7 @@ function ShaderComponent$p(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4802,7 +4943,7 @@ function ShaderComponent$p(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
+      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4878,8 +5019,8 @@ const defaultProps$o = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$x && componentDefinition$x.props) {
-    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
+  if (componentDefinition$y && componentDefinition$y.props) {
+    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$o[key] = propConfig.default;
@@ -4898,7 +5039,7 @@ function ShaderComponent$o(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$o
@@ -4917,7 +5058,7 @@ function ShaderComponent$o(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4942,7 +5083,7 @@ function ShaderComponent$o(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
+      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5018,8 +5159,8 @@ const defaultProps$n = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$y && componentDefinition$y.props) {
-    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
+  if (componentDefinition$z && componentDefinition$z.props) {
+    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$n[key] = propConfig.default;
@@ -5038,7 +5179,7 @@ function ShaderComponent$n(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$n
@@ -5057,7 +5198,7 @@ function ShaderComponent$n(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5082,7 +5223,7 @@ function ShaderComponent$n(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
+      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5158,8 +5299,8 @@ const defaultProps$m = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$z && componentDefinition$z.props) {
-    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
+  if (componentDefinition$A && componentDefinition$A.props) {
+    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$m[key] = propConfig.default;
@@ -5178,7 +5319,7 @@ function ShaderComponent$m(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$m
@@ -5197,7 +5338,7 @@ function ShaderComponent$m(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5222,7 +5363,7 @@ function ShaderComponent$m(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
+      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5298,8 +5439,8 @@ const defaultProps$l = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$A && componentDefinition$A.props) {
-    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
+  if (componentDefinition$B && componentDefinition$B.props) {
+    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$l[key] = propConfig.default;
@@ -5318,7 +5459,7 @@ function ShaderComponent$l(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$l
@@ -5337,7 +5478,7 @@ function ShaderComponent$l(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5362,7 +5503,7 @@ function ShaderComponent$l(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
+      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5438,8 +5579,8 @@ const defaultProps$k = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$B && componentDefinition$B.props) {
-    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
+  if (componentDefinition$C && componentDefinition$C.props) {
+    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$k[key] = propConfig.default;
@@ -5458,7 +5599,7 @@ function ShaderComponent$k(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$k
@@ -5477,7 +5618,7 @@ function ShaderComponent$k(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5502,7 +5643,7 @@ function ShaderComponent$k(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
+      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5578,8 +5719,8 @@ const defaultProps$j = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$C && componentDefinition$C.props) {
-    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
+  if (componentDefinition$D && componentDefinition$D.props) {
+    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$j[key] = propConfig.default;
@@ -5598,7 +5739,7 @@ function ShaderComponent$j(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$j
@@ -5617,7 +5758,7 @@ function ShaderComponent$j(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5642,7 +5783,7 @@ function ShaderComponent$j(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
+      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5718,8 +5859,8 @@ const defaultProps$i = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$D && componentDefinition$D.props) {
-    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
+  if (componentDefinition$E && componentDefinition$E.props) {
+    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$i[key] = propConfig.default;
@@ -5738,7 +5879,7 @@ function ShaderComponent$i(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$i
@@ -5757,7 +5898,7 @@ function ShaderComponent$i(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5782,7 +5923,7 @@ function ShaderComponent$i(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
+      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5858,8 +5999,8 @@ const defaultProps$h = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$E && componentDefinition$E.props) {
-    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
+  if (componentDefinition$F && componentDefinition$F.props) {
+    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$h[key] = propConfig.default;
@@ -5878,7 +6019,7 @@ function ShaderComponent$h(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$h
@@ -5897,7 +6038,7 @@ function ShaderComponent$h(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5922,7 +6063,7 @@ function ShaderComponent$h(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
+      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5998,8 +6139,8 @@ const defaultProps$g = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$F && componentDefinition$F.props) {
-    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
+  if (componentDefinition$G && componentDefinition$G.props) {
+    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$g[key] = propConfig.default;
@@ -6018,7 +6159,7 @@ function ShaderComponent$g(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$g
@@ -6037,7 +6178,7 @@ function ShaderComponent$g(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6062,7 +6203,7 @@ function ShaderComponent$g(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
+      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6138,8 +6279,8 @@ const defaultProps$f = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$G && componentDefinition$G.props) {
-    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
+  if (componentDefinition$H && componentDefinition$H.props) {
+    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$f[key] = propConfig.default;
@@ -6158,7 +6299,7 @@ function ShaderComponent$f(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$f
@@ -6177,7 +6318,7 @@ function ShaderComponent$f(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6202,7 +6343,7 @@ function ShaderComponent$f(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
+      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6278,8 +6419,8 @@ const defaultProps$e = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$H && componentDefinition$H.props) {
-    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
+  if (componentDefinition$I && componentDefinition$I.props) {
+    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$e[key] = propConfig.default;
@@ -6298,7 +6439,7 @@ function ShaderComponent$e(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$e
@@ -6317,7 +6458,7 @@ function ShaderComponent$e(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6342,7 +6483,7 @@ function ShaderComponent$e(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
+      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6418,8 +6559,8 @@ const defaultProps$d = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$I && componentDefinition$I.props) {
-    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
+  if (componentDefinition$J && componentDefinition$J.props) {
+    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$d[key] = propConfig.default;
@@ -6438,7 +6579,7 @@ function ShaderComponent$d(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$d
@@ -6457,7 +6598,7 @@ function ShaderComponent$d(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6482,7 +6623,7 @@ function ShaderComponent$d(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
+      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6558,8 +6699,8 @@ const defaultProps$c = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$J && componentDefinition$J.props) {
-    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
+  if (componentDefinition$K && componentDefinition$K.props) {
+    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$c[key] = propConfig.default;
@@ -6578,7 +6719,7 @@ function ShaderComponent$c(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$c
@@ -6597,7 +6738,7 @@ function ShaderComponent$c(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6622,7 +6763,7 @@ function ShaderComponent$c(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
+      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6698,8 +6839,8 @@ const defaultProps$b = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$K && componentDefinition$K.props) {
-    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
+  if (componentDefinition$L && componentDefinition$L.props) {
+    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$b[key] = propConfig.default;
@@ -6718,7 +6859,7 @@ function ShaderComponent$b(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$b
@@ -6737,7 +6878,7 @@ function ShaderComponent$b(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6762,7 +6903,7 @@ function ShaderComponent$b(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
+      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6838,8 +6979,8 @@ const defaultProps$a = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$L && componentDefinition$L.props) {
-    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
+  if (componentDefinition$M && componentDefinition$M.props) {
+    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$a[key] = propConfig.default;
@@ -6858,7 +6999,7 @@ function ShaderComponent$a(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$a
@@ -6877,7 +7018,7 @@ function ShaderComponent$a(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6902,7 +7043,7 @@ function ShaderComponent$a(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
+      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6978,8 +7119,8 @@ const defaultProps$9 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$M && componentDefinition$M.props) {
-    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
+  if (componentDefinition$N && componentDefinition$N.props) {
+    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$9[key] = propConfig.default;
@@ -6998,7 +7139,7 @@ function ShaderComponent$9(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$9
@@ -7017,7 +7158,7 @@ function ShaderComponent$9(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7042,7 +7183,7 @@ function ShaderComponent$9(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
+      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7118,8 +7259,8 @@ const defaultProps$8 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$N && componentDefinition$N.props) {
-    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
+  if (componentDefinition$O && componentDefinition$O.props) {
+    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$8[key] = propConfig.default;
@@ -7138,7 +7279,7 @@ function ShaderComponent$8(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$8
@@ -7157,7 +7298,7 @@ function ShaderComponent$8(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7182,7 +7323,7 @@ function ShaderComponent$8(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
+      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7258,8 +7399,8 @@ const defaultProps$7 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$O && componentDefinition$O.props) {
-    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
+  if (componentDefinition$P && componentDefinition$P.props) {
+    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$7[key] = propConfig.default;
@@ -7278,7 +7419,7 @@ function ShaderComponent$7(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$7
@@ -7297,7 +7438,7 @@ function ShaderComponent$7(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7322,7 +7463,7 @@ function ShaderComponent$7(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
+      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7398,8 +7539,8 @@ const defaultProps$6 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$P && componentDefinition$P.props) {
-    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
+  if (componentDefinition$Q && componentDefinition$Q.props) {
+    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$6[key] = propConfig.default;
@@ -7418,7 +7559,7 @@ function ShaderComponent$6(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$6
@@ -7437,7 +7578,7 @@ function ShaderComponent$6(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7462,7 +7603,7 @@ function ShaderComponent$6(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
+      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7538,8 +7679,8 @@ const defaultProps$5 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$Q && componentDefinition$Q.props) {
-    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
+  if (componentDefinition$R && componentDefinition$R.props) {
+    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$5[key] = propConfig.default;
@@ -7558,7 +7699,7 @@ function ShaderComponent$5(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$5
@@ -7577,7 +7718,7 @@ function ShaderComponent$5(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7602,7 +7743,7 @@ function ShaderComponent$5(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
+      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7678,8 +7819,8 @@ const defaultProps$4 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$R && componentDefinition$R.props) {
-    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
+  if (componentDefinition$S && componentDefinition$S.props) {
+    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$4[key] = propConfig.default;
@@ -7698,7 +7839,7 @@ function ShaderComponent$4(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$4
@@ -7717,7 +7858,7 @@ function ShaderComponent$4(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7742,7 +7883,7 @@ function ShaderComponent$4(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
+      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7818,8 +7959,8 @@ const defaultProps$3 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$S && componentDefinition$S.props) {
-    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
+  if (componentDefinition$T && componentDefinition$T.props) {
+    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$3[key] = propConfig.default;
@@ -7838,7 +7979,7 @@ function ShaderComponent$3(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$3
@@ -7857,7 +7998,7 @@ function ShaderComponent$3(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7882,7 +8023,7 @@ function ShaderComponent$3(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
+      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7958,8 +8099,8 @@ const defaultProps$2 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$T && componentDefinition$T.props) {
-    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
+  if (componentDefinition$U && componentDefinition$U.props) {
+    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$2[key] = propConfig.default;
@@ -7978,7 +8119,7 @@ function ShaderComponent$2(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$2
@@ -7997,7 +8138,7 @@ function ShaderComponent$2(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8022,7 +8163,7 @@ function ShaderComponent$2(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
+      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8098,8 +8239,8 @@ const defaultProps$1 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$U && componentDefinition$U.props) {
-    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
+  if (componentDefinition$V && componentDefinition$V.props) {
+    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$1[key] = propConfig.default;
@@ -8118,7 +8259,7 @@ function ShaderComponent$1(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$1
@@ -8137,7 +8278,7 @@ function ShaderComponent$1(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8162,7 +8303,7 @@ function ShaderComponent$1(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
+      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8238,8 +8379,8 @@ const defaultProps = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$V && componentDefinition$V.props) {
-    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
+  if (componentDefinition$W && componentDefinition$W.props) {
+    Object.entries(componentDefinition$W.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps[key] = propConfig.default;
@@ -8258,7 +8399,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$W.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -8277,7 +8418,7 @@ function ShaderComponent(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$W, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8302,7 +8443,7 @@ function ShaderComponent(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
+      parentRegister(instanceId, componentDefinition$W.fragmentNode, parentId, metadata, uniforms, componentDefinition$W);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8362,60 +8503,61 @@ function ShaderComponent(props) {
   });
 }
 export {
-  ShaderComponent$V as AngularBlur,
-  ShaderComponent$U as Ascii,
-  ShaderComponent$T as Beam,
-  ShaderComponent$S as Blob,
-  ShaderComponent$R as Blur,
-  ShaderComponent$Q as BrightnessContrast,
-  ShaderComponent$P as Bulge,
-  ShaderComponent$O as CRTScreen,
-  ShaderComponent$N as ChannelBlur,
-  ShaderComponent$M as Checkerboard,
-  ShaderComponent$L as ChromaFlow,
-  ShaderComponent$K as ChromaticAberration,
-  ShaderComponent$J as Circle,
-  ShaderComponent$I as CursorTrail,
-  ShaderComponent$H as DiffuseBlur,
-  ShaderComponent$G as Dither,
-  ShaderComponent$F as DotGrid,
-  ShaderComponent$E as Duotone,
-  ShaderComponent$D as FilmGrain,
-  ShaderComponent$C as FloatingParticles,
-  ShaderComponent$B as GlassTiles,
-  ShaderComponent$A as Glow,
-  ShaderComponent$z as Godrays,
-  ShaderComponent$y as Grayscale,
-  ShaderComponent$x as Grid,
-  ShaderComponent$w as GridDistortion,
-  ShaderComponent$v as Group,
-  ShaderComponent$u as Halftone,
-  ShaderComponent$t as HueShift,
-  ShaderComponent$s as ImageTexture,
-  ShaderComponent$r as Invert,
-  ShaderComponent$q as LinearBlur,
-  ShaderComponent$p as LinearGradient,
-  ShaderComponent$o as Liquify,
-  ShaderComponent$n as Perspective,
-  ShaderComponent$m as Pixelate,
-  ShaderComponent$l as PolarCoordinates,
-  ShaderComponent$k as Posterize,
-  ShaderComponent$j as ProgressiveBlur,
-  ShaderComponent$i as RadialGradient,
-  ShaderComponent$h as RectangularCoordinates,
-  ShaderComponent$g as Ripples,
-  ShaderComponent$f as Saturation,
+  ShaderComponent$W as AngularBlur,
+  ShaderComponent$V as Ascii,
+  ShaderComponent$U as Beam,
+  ShaderComponent$T as Blob,
+  ShaderComponent$S as Blur,
+  ShaderComponent$R as BrightnessContrast,
+  ShaderComponent$Q as Bulge,
+  ShaderComponent$P as CRTScreen,
+  ShaderComponent$O as ChannelBlur,
+  ShaderComponent$N as Checkerboard,
+  ShaderComponent$M as ChromaFlow,
+  ShaderComponent$L as ChromaticAberration,
+  ShaderComponent$K as Circle,
+  ShaderComponent$J as CursorTrail,
+  ShaderComponent$I as DiffuseBlur,
+  ShaderComponent$H as Dither,
+  ShaderComponent$G as DotGrid,
+  ShaderComponent$F as Duotone,
+  ShaderComponent$E as FilmGrain,
+  ShaderComponent$D as FloatingParticles,
+  ShaderComponent$C as GlassTiles,
+  ShaderComponent$B as Glow,
+  ShaderComponent$A as Godrays,
+  ShaderComponent$z as Grayscale,
+  ShaderComponent$y as Grid,
+  ShaderComponent$x as GridDistortion,
+  ShaderComponent$w as Group,
+  ShaderComponent$v as Halftone,
+  ShaderComponent$u as HueShift,
+  ShaderComponent$t as ImageTexture,
+  ShaderComponent$s as Invert,
+  ShaderComponent$r as LinearBlur,
+  ShaderComponent$q as LinearGradient,
+  ShaderComponent$p as Liquify,
+  ShaderComponent$o as Perspective,
+  ShaderComponent$n as Pixelate,
+  ShaderComponent$m as PolarCoordinates,
+  ShaderComponent$l as Posterize,
+  ShaderComponent$k as ProgressiveBlur,
+  ShaderComponent$j as RadialGradient,
+  ShaderComponent$i as RectangularCoordinates,
+  ShaderComponent$h as Ripples,
+  ShaderComponent$g as Saturation,
   Shader,
-  ShaderComponent$e as Sharpness,
-  ShaderComponent$d as SimplexNoise,
-  ShaderComponent$c as SineWave,
-  ShaderComponent$b as SolidColor,
-  ShaderComponent$a as Spherize,
-  ShaderComponent$9 as Spiral,
-  ShaderComponent$8 as Strands,
-  ShaderComponent$7 as Stretch,
-  ShaderComponent$6 as Swirl,
-  ShaderComponent$5 as TiltShift,
+  ShaderComponent$f as Sharpness,
+  ShaderComponent$e as SimplexNoise,
+  ShaderComponent$d as SineWave,
+  ShaderComponent$c as SolidColor,
+  ShaderComponent$b as Spherize,
+  ShaderComponent$a as Spiral,
+  ShaderComponent$9 as Strands,
+  ShaderComponent$8 as Stretch,
+  ShaderComponent$7 as Swirl,
+  ShaderComponent$6 as TiltShift,
+  ShaderComponent$5 as Tint,
   ShaderComponent$4 as Tritone,
   ShaderComponent$3 as Twirl,
   ShaderComponent$2 as Vibrance,