shaders 2.2.41 → 2.2.43

package/dist/solid/index.js

@@ -47,22 +47,24 @@ import { componentDefinition as componentDefinition$E } from "../core/shaders/Re
 import { componentDefinition as componentDefinition$F } from "../core/shaders/Ripples/index.js";
 import { componentDefinition as componentDefinition$G } from "../core/shaders/Saturation/index.js";
 import { componentDefinition as componentDefinition$H } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$I } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$J } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$K } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$L } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$M } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$N } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$O } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$P } from "../core/shaders/Stripes/index.js";
-import { componentDefinition as componentDefinition$Q } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$R } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$S } from "../core/shaders/Tint/index.js";
-import { componentDefinition as componentDefinition$T } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$U } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$V } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$W } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$X } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$I } from "../core/shaders/Shatter/index.js";
+import { componentDefinition as componentDefinition$J } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$K } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$L } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$M } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$N } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$O } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$P } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$Q } from "../core/shaders/Stripes/index.js";
+import { componentDefinition as componentDefinition$R } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$S } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$T } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$U } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$V } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$W } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$X } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$Y } from "../core/shaders/WebcamTexture/index.js";
+import { componentDefinition as componentDefinition$Z } 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();
@@ -243,7 +245,7 @@ function useShaderContext() {
   }
   return ctx;
 }
-const DEFAULT_TRANSFORM$X = {
+const DEFAULT_TRANSFORM$Z = {
   offsetX: 0,
   offsetY: 0,
   rotation: 0,
@@ -252,7 +254,7 @@ const DEFAULT_TRANSFORM$X = {
   anchorY: 0.5,
   edges: "transparent"
 };
-const defaultProps$X = {
+const defaultProps$Z = {
   blendMode: "normal",
   renderOrder: 0,
   visible: true
@@ -262,6 +264,286 @@ const defaultProps$X = {
 try {
   if (componentDefinition && componentDefinition.props) {
     Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps$Z[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent$Z(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$Z
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM$Z,
+    ...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$Y = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps$Y = {
+  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$Y[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent$Y(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$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps$Y
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM$Y,
+    ...props.transform
+  }));
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      uniformsMap = createUniformsMap(componentDefinition$1, 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$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      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$X = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps$X = {
+  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$2 && componentDefinition$2.props) {
+    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$X[key] = propConfig.default;
@@ -280,7 +562,7 @@ function ShaderComponent$X(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.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$X
@@ -299,7 +581,7 @@ function ShaderComponent$X(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -324,7 +606,7 @@ function ShaderComponent$X(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -400,8 +682,8 @@ const defaultProps$W = {
   // 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$3 && componentDefinition$3.props) {
+    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$W[key] = propConfig.default;
@@ -420,7 +702,7 @@ function ShaderComponent$W(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$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$W
@@ -439,7 +721,7 @@ function ShaderComponent$W(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -464,7 +746,7 @@ function ShaderComponent$W(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -540,8 +822,8 @@ const defaultProps$V = {
   // 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$4 && componentDefinition$4.props) {
+    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$V[key] = propConfig.default;
@@ -560,7 +842,7 @@ function ShaderComponent$V(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$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$V
@@ -579,7 +861,7 @@ function ShaderComponent$V(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -604,7 +886,7 @@ function ShaderComponent$V(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
+      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -680,8 +962,8 @@ const defaultProps$U = {
   // 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$5 && componentDefinition$5.props) {
+    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$U[key] = propConfig.default;
@@ -700,7 +982,7 @@ function ShaderComponent$U(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$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$U
@@ -719,7 +1001,7 @@ function ShaderComponent$U(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -744,7 +1026,7 @@ function ShaderComponent$U(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
+      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -820,8 +1102,8 @@ const defaultProps$T = {
   // 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$6 && componentDefinition$6.props) {
+    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$T[key] = propConfig.default;
@@ -840,7 +1122,7 @@ function ShaderComponent$T(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$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$T
@@ -859,7 +1141,7 @@ function ShaderComponent$T(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -884,7 +1166,7 @@ function ShaderComponent$T(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
+      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -960,8 +1242,8 @@ const defaultProps$S = {
   // 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$7 && componentDefinition$7.props) {
+    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$S[key] = propConfig.default;
@@ -980,7 +1262,7 @@ function ShaderComponent$S(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$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$S
@@ -999,7 +1281,7 @@ function ShaderComponent$S(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1024,7 +1306,7 @@ function ShaderComponent$S(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
+      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1100,8 +1382,8 @@ const defaultProps$R = {
   // 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$8 && componentDefinition$8.props) {
+    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$R[key] = propConfig.default;
@@ -1120,7 +1402,7 @@ function ShaderComponent$R(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$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$R
@@ -1139,7 +1421,7 @@ function ShaderComponent$R(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1164,7 +1446,7 @@ function ShaderComponent$R(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
+      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1240,8 +1522,8 @@ const defaultProps$Q = {
   // 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$9 && componentDefinition$9.props) {
+    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$Q[key] = propConfig.default;
@@ -1260,7 +1542,7 @@ function ShaderComponent$Q(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$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$Q
@@ -1279,7 +1561,7 @@ function ShaderComponent$Q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1304,7 +1586,7 @@ function ShaderComponent$Q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
+      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1380,8 +1662,8 @@ const defaultProps$P = {
   // 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$a && componentDefinition$a.props) {
+    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$P[key] = propConfig.default;
@@ -1400,7 +1682,7 @@ function ShaderComponent$P(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$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$P
@@ -1419,7 +1701,7 @@ function ShaderComponent$P(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1444,7 +1726,7 @@ function ShaderComponent$P(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
+      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1520,8 +1802,8 @@ const defaultProps$O = {
   // 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$b && componentDefinition$b.props) {
+    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$O[key] = propConfig.default;
@@ -1540,7 +1822,7 @@ function ShaderComponent$O(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$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$O
@@ -1559,7 +1841,7 @@ function ShaderComponent$O(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1584,7 +1866,7 @@ function ShaderComponent$O(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
+      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1660,8 +1942,8 @@ const defaultProps$N = {
   // 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$c && componentDefinition$c.props) {
+    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$N[key] = propConfig.default;
@@ -1680,7 +1962,7 @@ function ShaderComponent$N(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$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$N
@@ -1699,7 +1981,7 @@ function ShaderComponent$N(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1724,7 +2006,7 @@ function ShaderComponent$N(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
+      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1800,8 +2082,8 @@ const defaultProps$M = {
   // 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$d && componentDefinition$d.props) {
+    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$M[key] = propConfig.default;
@@ -1820,7 +2102,7 @@ function ShaderComponent$M(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$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$M
@@ -1839,7 +2121,7 @@ function ShaderComponent$M(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1864,7 +2146,7 @@ function ShaderComponent$M(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
+      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1940,8 +2222,8 @@ const defaultProps$L = {
   // 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$e && componentDefinition$e.props) {
+    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$L[key] = propConfig.default;
@@ -1960,7 +2242,7 @@ function ShaderComponent$L(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$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$L
@@ -1979,7 +2261,7 @@ function ShaderComponent$L(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2004,7 +2286,7 @@ function ShaderComponent$L(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
+      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2080,8 +2362,8 @@ const defaultProps$K = {
   // 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$f && componentDefinition$f.props) {
+    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$K[key] = propConfig.default;
@@ -2100,7 +2382,7 @@ function ShaderComponent$K(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$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$K
@@ -2119,7 +2401,7 @@ function ShaderComponent$K(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2144,7 +2426,7 @@ function ShaderComponent$K(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
+      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2220,8 +2502,8 @@ const defaultProps$J = {
   // 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$g && componentDefinition$g.props) {
+    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$J[key] = propConfig.default;
@@ -2240,7 +2522,7 @@ function ShaderComponent$J(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$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$J
@@ -2259,7 +2541,7 @@ function ShaderComponent$J(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2284,7 +2566,7 @@ function ShaderComponent$J(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
+      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2360,8 +2642,8 @@ const defaultProps$I = {
   // 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$h && componentDefinition$h.props) {
+    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$I[key] = propConfig.default;
@@ -2380,7 +2662,7 @@ function ShaderComponent$I(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$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$I
@@ -2399,7 +2681,7 @@ function ShaderComponent$I(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2424,7 +2706,7 @@ function ShaderComponent$I(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
+      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2500,8 +2782,8 @@ const defaultProps$H = {
   // 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$i && componentDefinition$i.props) {
+    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$H[key] = propConfig.default;
@@ -2520,7 +2802,7 @@ function ShaderComponent$H(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$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$H
@@ -2539,7 +2821,7 @@ function ShaderComponent$H(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2564,7 +2846,7 @@ function ShaderComponent$H(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
+      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2640,8 +2922,8 @@ const defaultProps$G = {
   // 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$j && componentDefinition$j.props) {
+    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$G[key] = propConfig.default;
@@ -2660,7 +2942,7 @@ function ShaderComponent$G(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$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$G
@@ -2679,7 +2961,7 @@ function ShaderComponent$G(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2704,7 +2986,7 @@ function ShaderComponent$G(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
+      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2780,8 +3062,8 @@ const defaultProps$F = {
   // 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$k && componentDefinition$k.props) {
+    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$F[key] = propConfig.default;
@@ -2800,7 +3082,7 @@ function ShaderComponent$F(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$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$F
@@ -2819,7 +3101,7 @@ function ShaderComponent$F(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2844,7 +3126,7 @@ function ShaderComponent$F(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
+      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2920,8 +3202,8 @@ const defaultProps$E = {
   // 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$l && componentDefinition$l.props) {
+    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$E[key] = propConfig.default;
@@ -2940,7 +3222,7 @@ function ShaderComponent$E(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$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$E
@@ -2959,7 +3241,7 @@ function ShaderComponent$E(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2984,7 +3266,7 @@ function ShaderComponent$E(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
+      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3060,8 +3342,8 @@ const defaultProps$D = {
   // 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$m && componentDefinition$m.props) {
+    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$D[key] = propConfig.default;
@@ -3080,7 +3362,7 @@ function ShaderComponent$D(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$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$D
@@ -3099,7 +3381,7 @@ function ShaderComponent$D(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3124,7 +3406,7 @@ function ShaderComponent$D(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
+      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3200,8 +3482,8 @@ const defaultProps$C = {
   // 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$n && componentDefinition$n.props) {
+    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$C[key] = propConfig.default;
@@ -3220,7 +3502,7 @@ function ShaderComponent$C(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$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$C
@@ -3239,7 +3521,7 @@ function ShaderComponent$C(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3264,7 +3546,7 @@ function ShaderComponent$C(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
+      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3340,8 +3622,8 @@ const defaultProps$B = {
   // 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$o && componentDefinition$o.props) {
+    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$B[key] = propConfig.default;
@@ -3360,7 +3642,7 @@ function ShaderComponent$B(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$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$B
@@ -3379,7 +3661,7 @@ function ShaderComponent$B(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3404,7 +3686,7 @@ function ShaderComponent$B(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
+      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3480,8 +3762,8 @@ const defaultProps$A = {
   // 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$p && componentDefinition$p.props) {
+    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$A[key] = propConfig.default;
@@ -3500,7 +3782,7 @@ function ShaderComponent$A(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$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$A
@@ -3519,7 +3801,7 @@ function ShaderComponent$A(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3544,7 +3826,7 @@ function ShaderComponent$A(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
+      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3620,8 +3902,8 @@ const defaultProps$z = {
   // 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$q && componentDefinition$q.props) {
+    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$z[key] = propConfig.default;
@@ -3640,7 +3922,7 @@ function ShaderComponent$z(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$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$z
@@ -3659,7 +3941,7 @@ function ShaderComponent$z(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3684,7 +3966,7 @@ function ShaderComponent$z(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
+      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3760,8 +4042,8 @@ const defaultProps$y = {
   // 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$r && componentDefinition$r.props) {
+    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$y[key] = propConfig.default;
@@ -3780,7 +4062,7 @@ function ShaderComponent$y(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$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$y
@@ -3799,7 +4081,7 @@ function ShaderComponent$y(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3824,7 +4106,7 @@ function ShaderComponent$y(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
+      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3900,8 +4182,8 @@ const defaultProps$x = {
   // 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$s && componentDefinition$s.props) {
+    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$x[key] = propConfig.default;
@@ -3920,7 +4202,7 @@ function ShaderComponent$x(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$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$x
@@ -3939,7 +4221,7 @@ function ShaderComponent$x(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3964,7 +4246,7 @@ function ShaderComponent$x(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
+      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4040,8 +4322,8 @@ const defaultProps$w = {
   // 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$t && componentDefinition$t.props) {
+    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$w[key] = propConfig.default;
@@ -4060,7 +4342,7 @@ function ShaderComponent$w(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$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$w
@@ -4079,7 +4361,7 @@ function ShaderComponent$w(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4104,7 +4386,7 @@ function ShaderComponent$w(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
+      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4180,8 +4462,8 @@ const defaultProps$v = {
   // 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$u && componentDefinition$u.props) {
+    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$v[key] = propConfig.default;
@@ -4200,7 +4482,7 @@ function ShaderComponent$v(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$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$v
@@ -4219,7 +4501,7 @@ function ShaderComponent$v(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4244,7 +4526,7 @@ function ShaderComponent$v(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
+      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4320,8 +4602,8 @@ const defaultProps$u = {
   // 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$v && componentDefinition$v.props) {
+    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$u[key] = propConfig.default;
@@ -4340,7 +4622,7 @@ function ShaderComponent$u(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$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$u
@@ -4359,7 +4641,7 @@ function ShaderComponent$u(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4384,7 +4666,7 @@ function ShaderComponent$u(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
+      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4460,8 +4742,8 @@ const defaultProps$t = {
   // 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$w && componentDefinition$w.props) {
+    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$t[key] = propConfig.default;
@@ -4480,7 +4762,7 @@ function ShaderComponent$t(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$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$t
@@ -4499,7 +4781,7 @@ function ShaderComponent$t(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4524,7 +4806,7 @@ function ShaderComponent$t(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
+      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4600,8 +4882,8 @@ const defaultProps$s = {
   // 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$x && componentDefinition$x.props) {
+    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$s[key] = propConfig.default;
@@ -4620,7 +4902,7 @@ function ShaderComponent$s(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$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$s
@@ -4639,7 +4921,7 @@ function ShaderComponent$s(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4664,7 +4946,7 @@ function ShaderComponent$s(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
+      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4740,8 +5022,8 @@ const defaultProps$r = {
   // 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$y && componentDefinition$y.props) {
+    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$r[key] = propConfig.default;
@@ -4760,7 +5042,7 @@ function ShaderComponent$r(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$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$r
@@ -4779,7 +5061,7 @@ function ShaderComponent$r(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4804,7 +5086,7 @@ function ShaderComponent$r(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
+      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4880,8 +5162,8 @@ const defaultProps$q = {
   // 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$z && componentDefinition$z.props) {
+    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$q[key] = propConfig.default;
@@ -4900,7 +5182,7 @@ function ShaderComponent$q(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$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$q
@@ -4919,7 +5201,7 @@ function ShaderComponent$q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4944,7 +5226,7 @@ function ShaderComponent$q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
+      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5020,8 +5302,8 @@ const defaultProps$p = {
   // 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$A && componentDefinition$A.props) {
+    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$p[key] = propConfig.default;
@@ -5040,7 +5322,7 @@ function ShaderComponent$p(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$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$p
@@ -5059,7 +5341,7 @@ function ShaderComponent$p(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5084,7 +5366,7 @@ function ShaderComponent$p(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
+      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5160,8 +5442,8 @@ const defaultProps$o = {
   // 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$B && componentDefinition$B.props) {
+    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$o[key] = propConfig.default;
@@ -5180,7 +5462,7 @@ function ShaderComponent$o(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$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$o
@@ -5199,7 +5481,7 @@ function ShaderComponent$o(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5224,7 +5506,7 @@ function ShaderComponent$o(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
+      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5300,8 +5582,8 @@ const defaultProps$n = {
   // 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$C && componentDefinition$C.props) {
+    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$n[key] = propConfig.default;
@@ -5320,7 +5602,7 @@ function ShaderComponent$n(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$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$n
@@ -5339,7 +5621,7 @@ function ShaderComponent$n(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5364,7 +5646,7 @@ function ShaderComponent$n(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
+      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5440,8 +5722,8 @@ const defaultProps$m = {
   // 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$D && componentDefinition$D.props) {
+    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$m[key] = propConfig.default;
@@ -5460,7 +5742,7 @@ function ShaderComponent$m(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$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$m
@@ -5479,7 +5761,7 @@ function ShaderComponent$m(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5504,7 +5786,7 @@ function ShaderComponent$m(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
+      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5580,8 +5862,8 @@ const defaultProps$l = {
   // 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$E && componentDefinition$E.props) {
+    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$l[key] = propConfig.default;
@@ -5600,7 +5882,7 @@ function ShaderComponent$l(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$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$l
@@ -5619,7 +5901,7 @@ function ShaderComponent$l(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5644,7 +5926,7 @@ function ShaderComponent$l(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
+      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5720,8 +6002,8 @@ const defaultProps$k = {
   // 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$F && componentDefinition$F.props) {
+    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$k[key] = propConfig.default;
@@ -5740,7 +6022,7 @@ function ShaderComponent$k(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$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$k
@@ -5759,7 +6041,7 @@ function ShaderComponent$k(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5784,7 +6066,7 @@ function ShaderComponent$k(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
+      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5860,8 +6142,8 @@ const defaultProps$j = {
   // 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$G && componentDefinition$G.props) {
+    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$j[key] = propConfig.default;
@@ -5880,7 +6162,7 @@ function ShaderComponent$j(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$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$j
@@ -5899,7 +6181,7 @@ function ShaderComponent$j(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5924,7 +6206,7 @@ function ShaderComponent$j(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
+      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6000,8 +6282,8 @@ const defaultProps$i = {
   // 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$H && componentDefinition$H.props) {
+    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$i[key] = propConfig.default;
@@ -6020,7 +6302,7 @@ function ShaderComponent$i(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$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$i
@@ -6039,7 +6321,7 @@ function ShaderComponent$i(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6064,7 +6346,7 @@ function ShaderComponent$i(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
+      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6140,8 +6422,8 @@ const defaultProps$h = {
   // 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$I && componentDefinition$I.props) {
+    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$h[key] = propConfig.default;
@@ -6160,7 +6442,7 @@ function ShaderComponent$h(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$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$h
@@ -6179,7 +6461,7 @@ function ShaderComponent$h(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6204,7 +6486,7 @@ function ShaderComponent$h(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
+      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6280,8 +6562,8 @@ const defaultProps$g = {
   // 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$J && componentDefinition$J.props) {
+    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$g[key] = propConfig.default;
@@ -6300,7 +6582,7 @@ function ShaderComponent$g(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$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$g
@@ -6319,7 +6601,7 @@ function ShaderComponent$g(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6344,7 +6626,7 @@ function ShaderComponent$g(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
+      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6420,8 +6702,8 @@ const defaultProps$f = {
   // 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$K && componentDefinition$K.props) {
+    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$f[key] = propConfig.default;
@@ -6440,7 +6722,7 @@ function ShaderComponent$f(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$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$f
@@ -6459,7 +6741,7 @@ function ShaderComponent$f(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6484,7 +6766,7 @@ function ShaderComponent$f(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
+      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6560,8 +6842,8 @@ const defaultProps$e = {
   // 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$L && componentDefinition$L.props) {
+    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$e[key] = propConfig.default;
@@ -6580,7 +6862,7 @@ function ShaderComponent$e(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$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$e
@@ -6599,7 +6881,7 @@ function ShaderComponent$e(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6624,7 +6906,7 @@ function ShaderComponent$e(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
+      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6700,8 +6982,8 @@ const defaultProps$d = {
   // 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$M && componentDefinition$M.props) {
+    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$d[key] = propConfig.default;
@@ -6720,7 +7002,7 @@ function ShaderComponent$d(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$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$d
@@ -6739,7 +7021,7 @@ function ShaderComponent$d(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6764,7 +7046,7 @@ function ShaderComponent$d(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
+      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6840,8 +7122,8 @@ const defaultProps$c = {
   // 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$N && componentDefinition$N.props) {
+    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$c[key] = propConfig.default;
@@ -6860,7 +7142,7 @@ function ShaderComponent$c(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$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$c
@@ -6879,7 +7161,7 @@ function ShaderComponent$c(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6904,7 +7186,7 @@ function ShaderComponent$c(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
+      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6980,8 +7262,8 @@ const defaultProps$b = {
   // 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$O && componentDefinition$O.props) {
+    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$b[key] = propConfig.default;
@@ -7000,7 +7282,7 @@ function ShaderComponent$b(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$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$b
@@ -7019,7 +7301,7 @@ function ShaderComponent$b(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7044,7 +7326,7 @@ function ShaderComponent$b(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
+      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7120,8 +7402,8 @@ const defaultProps$a = {
   // 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$P && componentDefinition$P.props) {
+    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$a[key] = propConfig.default;
@@ -7140,7 +7422,7 @@ function ShaderComponent$a(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$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$a
@@ -7159,7 +7441,7 @@ function ShaderComponent$a(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7184,7 +7466,7 @@ function ShaderComponent$a(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
+      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7260,8 +7542,8 @@ const defaultProps$9 = {
   // 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$Q && componentDefinition$Q.props) {
+    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$9[key] = propConfig.default;
@@ -7280,7 +7562,7 @@ function ShaderComponent$9(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$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$9
@@ -7299,7 +7581,7 @@ function ShaderComponent$9(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7324,7 +7606,7 @@ function ShaderComponent$9(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
+      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7400,8 +7682,8 @@ const defaultProps$8 = {
   // 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$R && componentDefinition$R.props) {
+    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$8[key] = propConfig.default;
@@ -7420,7 +7702,7 @@ function ShaderComponent$8(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$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$8
@@ -7439,7 +7721,7 @@ function ShaderComponent$8(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7464,7 +7746,7 @@ function ShaderComponent$8(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
+      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7540,8 +7822,8 @@ const defaultProps$7 = {
   // 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$S && componentDefinition$S.props) {
+    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$7[key] = propConfig.default;
@@ -7560,7 +7842,7 @@ function ShaderComponent$7(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$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$7
@@ -7579,7 +7861,7 @@ function ShaderComponent$7(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7604,7 +7886,7 @@ function ShaderComponent$7(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
+      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7680,8 +7962,8 @@ const defaultProps$6 = {
   // 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$T && componentDefinition$T.props) {
+    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$6[key] = propConfig.default;
@@ -7700,7 +7982,7 @@ function ShaderComponent$6(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$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$6
@@ -7719,7 +8001,7 @@ function ShaderComponent$6(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7744,7 +8026,7 @@ function ShaderComponent$6(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
+      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7820,8 +8102,8 @@ const defaultProps$5 = {
   // 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$U && componentDefinition$U.props) {
+    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$5[key] = propConfig.default;
@@ -7840,7 +8122,7 @@ function ShaderComponent$5(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$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$5
@@ -7859,7 +8141,7 @@ function ShaderComponent$5(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7884,7 +8166,7 @@ function ShaderComponent$5(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
+      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7960,8 +8242,8 @@ const defaultProps$4 = {
   // 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$V && componentDefinition$V.props) {
+    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$4[key] = propConfig.default;
@@ -7980,7 +8262,7 @@ function ShaderComponent$4(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$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$4
@@ -7999,7 +8281,7 @@ function ShaderComponent$4(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8024,7 +8306,7 @@ function ShaderComponent$4(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
+      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8100,8 +8382,8 @@ const defaultProps$3 = {
   // 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$W && componentDefinition$W.props) {
+    Object.entries(componentDefinition$W.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$3[key] = propConfig.default;
@@ -8120,7 +8402,7 @@ function ShaderComponent$3(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$W.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$3
@@ -8139,7 +8421,7 @@ function ShaderComponent$3(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$W, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8164,7 +8446,7 @@ function ShaderComponent$3(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
+      parentRegister(instanceId, componentDefinition$W.fragmentNode, parentId, metadata, uniforms, componentDefinition$W);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8240,8 +8522,8 @@ const defaultProps$2 = {
   // 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$X && componentDefinition$X.props) {
+    Object.entries(componentDefinition$X.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$2[key] = propConfig.default;
@@ -8260,7 +8542,7 @@ function ShaderComponent$2(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$X.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$2
@@ -8279,7 +8561,7 @@ function ShaderComponent$2(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$X, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8304,7 +8586,7 @@ function ShaderComponent$2(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
+      parentRegister(instanceId, componentDefinition$X.fragmentNode, parentId, metadata, uniforms, componentDefinition$X);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8380,8 +8662,8 @@ const defaultProps$1 = {
   // 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$Y && componentDefinition$Y.props) {
+    Object.entries(componentDefinition$Y.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$1[key] = propConfig.default;
@@ -8400,7 +8682,7 @@ function ShaderComponent$1(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$Y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$1
@@ -8419,7 +8701,7 @@ function ShaderComponent$1(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$W, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Y, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8444,7 +8726,7 @@ function ShaderComponent$1(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$W.fragmentNode, parentId, metadata, uniforms, componentDefinition$W);
+      parentRegister(instanceId, componentDefinition$Y.fragmentNode, parentId, metadata, uniforms, componentDefinition$Y);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8520,8 +8802,8 @@ const defaultProps = {
   // 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$Z && componentDefinition$Z.props) {
+    Object.entries(componentDefinition$Z.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps[key] = propConfig.default;
@@ -8540,7 +8822,7 @@ function ShaderComponent(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$Z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -8559,7 +8841,7 @@ function ShaderComponent(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$X, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Z, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8584,7 +8866,7 @@ function ShaderComponent(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$X.fragmentNode, parentId, metadata, uniforms, componentDefinition$X);
+      parentRegister(instanceId, componentDefinition$Z.fragmentNode, parentId, metadata, uniforms, componentDefinition$Z);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8644,66 +8926,68 @@ function ShaderComponent(props) {
   });
 }
 export {
-  ShaderComponent$X as AngularBlur,
-  ShaderComponent$W as Ascii,
-  ShaderComponent$V as Beam,
-  ShaderComponent$U as Blob,
-  ShaderComponent$T as Blur,
-  ShaderComponent$S as BrightnessContrast,
-  ShaderComponent$R as Bulge,
-  ShaderComponent$Q as CRTScreen,
-  ShaderComponent$P as ChannelBlur,
-  ShaderComponent$O as Checkerboard,
-  ShaderComponent$N as ChromaFlow,
-  ShaderComponent$M as ChromaticAberration,
-  ShaderComponent$L as Circle,
-  ShaderComponent$K as CursorTrail,
-  ShaderComponent$J as DiffuseBlur,
-  ShaderComponent$I as Dither,
-  ShaderComponent$H as DotGrid,
-  ShaderComponent$G as Duotone,
-  ShaderComponent$F as FilmGrain,
-  ShaderComponent$E as FloatingParticles,
-  ShaderComponent$D as GlassTiles,
-  ShaderComponent$C as Glow,
-  ShaderComponent$B as Godrays,
-  ShaderComponent$A as Grayscale,
-  ShaderComponent$z as Grid,
-  ShaderComponent$y as GridDistortion,
-  ShaderComponent$x as Group,
-  ShaderComponent$w as Halftone,
-  ShaderComponent$v as HueShift,
-  ShaderComponent$u as ImageTexture,
-  ShaderComponent$t as Invert,
-  ShaderComponent$s as LinearBlur,
-  ShaderComponent$r as LinearGradient,
-  ShaderComponent$q as Liquify,
-  ShaderComponent$p as Perspective,
-  ShaderComponent$o as Pixelate,
-  ShaderComponent$n as PolarCoordinates,
-  ShaderComponent$m as Posterize,
-  ShaderComponent$l as ProgressiveBlur,
-  ShaderComponent$k as RadialGradient,
-  ShaderComponent$j as RectangularCoordinates,
-  ShaderComponent$i as Ripples,
-  ShaderComponent$h as Saturation,
+  ShaderComponent$Z as AngularBlur,
+  ShaderComponent$Y as Ascii,
+  ShaderComponent$X as Beam,
+  ShaderComponent$W as Blob,
+  ShaderComponent$V as Blur,
+  ShaderComponent$U as BrightnessContrast,
+  ShaderComponent$T as Bulge,
+  ShaderComponent$S as CRTScreen,
+  ShaderComponent$R as ChannelBlur,
+  ShaderComponent$Q as Checkerboard,
+  ShaderComponent$P as ChromaFlow,
+  ShaderComponent$O as ChromaticAberration,
+  ShaderComponent$N as Circle,
+  ShaderComponent$M as CursorTrail,
+  ShaderComponent$L as DiffuseBlur,
+  ShaderComponent$K as Dither,
+  ShaderComponent$J as DotGrid,
+  ShaderComponent$I as Duotone,
+  ShaderComponent$H as FilmGrain,
+  ShaderComponent$G as FloatingParticles,
+  ShaderComponent$F as GlassTiles,
+  ShaderComponent$E as Glow,
+  ShaderComponent$D as Godrays,
+  ShaderComponent$C as Grayscale,
+  ShaderComponent$B as Grid,
+  ShaderComponent$A as GridDistortion,
+  ShaderComponent$z as Group,
+  ShaderComponent$y as Halftone,
+  ShaderComponent$x as HueShift,
+  ShaderComponent$w as ImageTexture,
+  ShaderComponent$v as Invert,
+  ShaderComponent$u as LinearBlur,
+  ShaderComponent$t as LinearGradient,
+  ShaderComponent$s as Liquify,
+  ShaderComponent$r as Perspective,
+  ShaderComponent$q as Pixelate,
+  ShaderComponent$p as PolarCoordinates,
+  ShaderComponent$o as Posterize,
+  ShaderComponent$n as ProgressiveBlur,
+  ShaderComponent$m as RadialGradient,
+  ShaderComponent$l as RectangularCoordinates,
+  ShaderComponent$k as Ripples,
+  ShaderComponent$j as Saturation,
   Shader,
-  ShaderComponent$g as Sharpness,
-  ShaderComponent$f as SimplexNoise,
-  ShaderComponent$e as SineWave,
-  ShaderComponent$d as SolidColor,
-  ShaderComponent$c as Spherize,
-  ShaderComponent$b as Spiral,
-  ShaderComponent$a as Strands,
-  ShaderComponent$9 as Stretch,
-  ShaderComponent$8 as Stripes,
-  ShaderComponent$7 as Swirl,
-  ShaderComponent$6 as TiltShift,
-  ShaderComponent$5 as Tint,
-  ShaderComponent$4 as Tritone,
-  ShaderComponent$3 as Twirl,
-  ShaderComponent$2 as Vibrance,
-  ShaderComponent$1 as WaveDistortion,
+  ShaderComponent$i as Sharpness,
+  ShaderComponent$h as Shatter,
+  ShaderComponent$g as SimplexNoise,
+  ShaderComponent$f as SineWave,
+  ShaderComponent$e as SolidColor,
+  ShaderComponent$d as Spherize,
+  ShaderComponent$c as Spiral,
+  ShaderComponent$b as Strands,
+  ShaderComponent$a as Stretch,
+  ShaderComponent$9 as Stripes,
+  ShaderComponent$8 as Swirl,
+  ShaderComponent$7 as TiltShift,
+  ShaderComponent$6 as Tint,
+  ShaderComponent$5 as Tritone,
+  ShaderComponent$4 as Twirl,
+  ShaderComponent$3 as Vibrance,
+  ShaderComponent$2 as WaveDistortion,
+  ShaderComponent$1 as WebcamTexture,
   ShaderComponent as ZoomBlur,
   generatePresetCode
 };