shaders 2.2.35 → 2.2.36

package/dist/solid/index.js

@@ -37,29 +37,30 @@ import { componentDefinition as componentDefinition$u } from "../core/shaders/In
 import { componentDefinition as componentDefinition$v } from "../core/shaders/LinearBlur/index.js";
 import { componentDefinition as componentDefinition$w } from "../core/shaders/LinearGradient/index.js";
 import { componentDefinition as componentDefinition$x } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$y } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$z } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$A } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$B } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$C } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$D } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$E } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$F } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$G } from "../core/shaders/Sharpness/index.js";
-import { componentDefinition as componentDefinition$H } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$I } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$J } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$K } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$L } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$M } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$N } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$O } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$P } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$Q } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$R } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$S } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$T } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$U } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$y } from "../core/shaders/Perspective/index.js";
+import { componentDefinition as componentDefinition$z } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$A } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$B } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$C } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$D } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$E } from "../core/shaders/RectangularCoordinates/index.js";
+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/Swirl/index.js";
+import { componentDefinition as componentDefinition$Q } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$R } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$S } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$T } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$U } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$V } from "../core/shaders/ZoomBlur/index.js";
 import { generatePresetCode } from "./utils/generatePresetCode.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div><canvas data-renderer=shaders style=width:100%;height:100%;display:block>`);
 const ShaderContext = createContext();
@@ -240,7 +241,7 @@ function useShaderContext() {
   }
   return ctx;
 }
-const DEFAULT_TRANSFORM$U = {
+const DEFAULT_TRANSFORM$V = {
   offsetX: 0,
   offsetY: 0,
   rotation: 0,
@@ -249,7 +250,7 @@ const DEFAULT_TRANSFORM$U = {
   anchorY: 0.5,
   edges: "transparent"
 };
-const defaultProps$U = {
+const defaultProps$V = {
   blendMode: "normal",
   renderOrder: 0,
   visible: true
@@ -259,6 +260,145 @@ const defaultProps$U = {
 try {
   if (componentDefinition && componentDefinition.props) {
     Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps$V[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent$V(props) {
+  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$V
+    };
+    for (const [key, value] of Object.entries(props)) {
+      if (key !== "children" && value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM$V,
+    ...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 props.children;
+    }
+  });
+}
+const DEFAULT_TRANSFORM$U = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps$U = {
+  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$U[key] = propConfig.default;
@@ -276,7 +416,7 @@ function ShaderComponent$U(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$U
@@ -295,7 +435,7 @@ function ShaderComponent$U(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -320,7 +460,7 @@ function ShaderComponent$U(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -396,8 +536,8 @@ const defaultProps$T = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$1 && componentDefinition$1.props) {
-    Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
+  if (componentDefinition$2 && componentDefinition$2.props) {
+    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$T[key] = propConfig.default;
@@ -415,7 +555,7 @@ function ShaderComponent$T(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$T
@@ -434,7 +574,7 @@ function ShaderComponent$T(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -459,7 +599,7 @@ function ShaderComponent$T(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -535,8 +675,8 @@ const defaultProps$S = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$2 && componentDefinition$2.props) {
-    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
+  if (componentDefinition$3 && componentDefinition$3.props) {
+    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$S[key] = propConfig.default;
@@ -554,7 +694,7 @@ function ShaderComponent$S(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$S
@@ -573,7 +713,7 @@ function ShaderComponent$S(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -598,7 +738,7 @@ function ShaderComponent$S(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
+      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -674,8 +814,8 @@ const defaultProps$R = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$3 && componentDefinition$3.props) {
-    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
+  if (componentDefinition$4 && componentDefinition$4.props) {
+    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$R[key] = propConfig.default;
@@ -693,7 +833,7 @@ function ShaderComponent$R(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$R
@@ -712,7 +852,7 @@ function ShaderComponent$R(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -737,7 +877,7 @@ function ShaderComponent$R(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
+      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -813,8 +953,8 @@ const defaultProps$Q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$4 && componentDefinition$4.props) {
-    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
+  if (componentDefinition$5 && componentDefinition$5.props) {
+    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$Q[key] = propConfig.default;
@@ -832,7 +972,7 @@ function ShaderComponent$Q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$Q
@@ -851,7 +991,7 @@ function ShaderComponent$Q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -876,7 +1016,7 @@ function ShaderComponent$Q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
+      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -952,8 +1092,8 @@ const defaultProps$P = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$5 && componentDefinition$5.props) {
-    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
+  if (componentDefinition$6 && componentDefinition$6.props) {
+    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$P[key] = propConfig.default;
@@ -971,7 +1111,7 @@ function ShaderComponent$P(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$P
@@ -990,7 +1130,7 @@ function ShaderComponent$P(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1015,7 +1155,7 @@ function ShaderComponent$P(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
+      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1091,8 +1231,8 @@ const defaultProps$O = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$6 && componentDefinition$6.props) {
-    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
+  if (componentDefinition$7 && componentDefinition$7.props) {
+    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$O[key] = propConfig.default;
@@ -1110,7 +1250,7 @@ function ShaderComponent$O(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$O
@@ -1129,7 +1269,7 @@ function ShaderComponent$O(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1154,7 +1294,7 @@ function ShaderComponent$O(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
+      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1230,8 +1370,8 @@ const defaultProps$N = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$7 && componentDefinition$7.props) {
-    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
+  if (componentDefinition$8 && componentDefinition$8.props) {
+    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$N[key] = propConfig.default;
@@ -1249,7 +1389,7 @@ function ShaderComponent$N(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$N
@@ -1268,7 +1408,7 @@ function ShaderComponent$N(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1293,7 +1433,7 @@ function ShaderComponent$N(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
+      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1369,8 +1509,8 @@ const defaultProps$M = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$8 && componentDefinition$8.props) {
-    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
+  if (componentDefinition$9 && componentDefinition$9.props) {
+    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$M[key] = propConfig.default;
@@ -1388,7 +1528,7 @@ function ShaderComponent$M(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$M
@@ -1407,7 +1547,7 @@ function ShaderComponent$M(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1432,7 +1572,7 @@ function ShaderComponent$M(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
+      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1508,8 +1648,8 @@ const defaultProps$L = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$9 && componentDefinition$9.props) {
-    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
+  if (componentDefinition$a && componentDefinition$a.props) {
+    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$L[key] = propConfig.default;
@@ -1527,7 +1667,7 @@ function ShaderComponent$L(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$L
@@ -1546,7 +1686,7 @@ function ShaderComponent$L(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1571,7 +1711,7 @@ function ShaderComponent$L(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
+      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1647,8 +1787,8 @@ const defaultProps$K = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$a && componentDefinition$a.props) {
-    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
+  if (componentDefinition$b && componentDefinition$b.props) {
+    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$K[key] = propConfig.default;
@@ -1666,7 +1806,7 @@ function ShaderComponent$K(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$K
@@ -1685,7 +1825,7 @@ function ShaderComponent$K(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1710,7 +1850,7 @@ function ShaderComponent$K(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
+      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1786,8 +1926,8 @@ const defaultProps$J = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$b && componentDefinition$b.props) {
-    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
+  if (componentDefinition$c && componentDefinition$c.props) {
+    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$J[key] = propConfig.default;
@@ -1805,7 +1945,7 @@ function ShaderComponent$J(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$J
@@ -1824,7 +1964,7 @@ function ShaderComponent$J(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1849,7 +1989,7 @@ function ShaderComponent$J(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
+      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1925,8 +2065,8 @@ const defaultProps$I = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$c && componentDefinition$c.props) {
-    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
+  if (componentDefinition$d && componentDefinition$d.props) {
+    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$I[key] = propConfig.default;
@@ -1944,7 +2084,7 @@ function ShaderComponent$I(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$I
@@ -1963,7 +2103,7 @@ function ShaderComponent$I(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1988,7 +2128,7 @@ function ShaderComponent$I(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
+      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2064,8 +2204,8 @@ const defaultProps$H = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$d && componentDefinition$d.props) {
-    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
+  if (componentDefinition$e && componentDefinition$e.props) {
+    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$H[key] = propConfig.default;
@@ -2083,7 +2223,7 @@ function ShaderComponent$H(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$H
@@ -2102,7 +2242,7 @@ function ShaderComponent$H(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2127,7 +2267,7 @@ function ShaderComponent$H(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
+      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2203,8 +2343,8 @@ const defaultProps$G = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$e && componentDefinition$e.props) {
-    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
+  if (componentDefinition$f && componentDefinition$f.props) {
+    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$G[key] = propConfig.default;
@@ -2222,7 +2362,7 @@ function ShaderComponent$G(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$G
@@ -2241,7 +2381,7 @@ function ShaderComponent$G(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2266,7 +2406,7 @@ function ShaderComponent$G(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
+      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2342,8 +2482,8 @@ const defaultProps$F = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$f && componentDefinition$f.props) {
-    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
+  if (componentDefinition$g && componentDefinition$g.props) {
+    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$F[key] = propConfig.default;
@@ -2361,7 +2501,7 @@ function ShaderComponent$F(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$F
@@ -2380,7 +2520,7 @@ function ShaderComponent$F(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2405,7 +2545,7 @@ function ShaderComponent$F(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
+      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2481,8 +2621,8 @@ const defaultProps$E = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$g && componentDefinition$g.props) {
-    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
+  if (componentDefinition$h && componentDefinition$h.props) {
+    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$E[key] = propConfig.default;
@@ -2500,7 +2640,7 @@ function ShaderComponent$E(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$E
@@ -2519,7 +2659,7 @@ function ShaderComponent$E(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2544,7 +2684,7 @@ function ShaderComponent$E(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
+      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2620,8 +2760,8 @@ const defaultProps$D = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$h && componentDefinition$h.props) {
-    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
+  if (componentDefinition$i && componentDefinition$i.props) {
+    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$D[key] = propConfig.default;
@@ -2639,7 +2779,7 @@ function ShaderComponent$D(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$D
@@ -2658,7 +2798,7 @@ function ShaderComponent$D(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2683,7 +2823,7 @@ function ShaderComponent$D(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
+      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2759,8 +2899,8 @@ const defaultProps$C = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$i && componentDefinition$i.props) {
-    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
+  if (componentDefinition$j && componentDefinition$j.props) {
+    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$C[key] = propConfig.default;
@@ -2778,7 +2918,7 @@ function ShaderComponent$C(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$C
@@ -2797,7 +2937,7 @@ function ShaderComponent$C(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2822,7 +2962,7 @@ function ShaderComponent$C(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
+      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2898,8 +3038,8 @@ const defaultProps$B = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$j && componentDefinition$j.props) {
-    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
+  if (componentDefinition$k && componentDefinition$k.props) {
+    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$B[key] = propConfig.default;
@@ -2917,7 +3057,7 @@ function ShaderComponent$B(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$B
@@ -2936,7 +3076,7 @@ function ShaderComponent$B(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2961,7 +3101,7 @@ function ShaderComponent$B(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
+      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3037,8 +3177,8 @@ const defaultProps$A = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$k && componentDefinition$k.props) {
-    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
+  if (componentDefinition$l && componentDefinition$l.props) {
+    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$A[key] = propConfig.default;
@@ -3056,7 +3196,7 @@ function ShaderComponent$A(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$A
@@ -3075,7 +3215,7 @@ function ShaderComponent$A(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3100,7 +3240,7 @@ function ShaderComponent$A(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
+      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3176,8 +3316,8 @@ const defaultProps$z = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$l && componentDefinition$l.props) {
-    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
+  if (componentDefinition$m && componentDefinition$m.props) {
+    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$z[key] = propConfig.default;
@@ -3195,7 +3335,7 @@ function ShaderComponent$z(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$z
@@ -3214,7 +3354,7 @@ function ShaderComponent$z(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3239,7 +3379,7 @@ function ShaderComponent$z(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
+      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3315,8 +3455,8 @@ const defaultProps$y = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$m && componentDefinition$m.props) {
-    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
+  if (componentDefinition$n && componentDefinition$n.props) {
+    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$y[key] = propConfig.default;
@@ -3334,7 +3474,7 @@ function ShaderComponent$y(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$y
@@ -3353,7 +3493,7 @@ function ShaderComponent$y(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3378,7 +3518,7 @@ function ShaderComponent$y(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
+      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3454,8 +3594,8 @@ const defaultProps$x = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$n && componentDefinition$n.props) {
-    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
+  if (componentDefinition$o && componentDefinition$o.props) {
+    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$x[key] = propConfig.default;
@@ -3473,7 +3613,7 @@ function ShaderComponent$x(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$x
@@ -3492,7 +3632,7 @@ function ShaderComponent$x(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3517,7 +3657,7 @@ function ShaderComponent$x(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
+      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3593,8 +3733,8 @@ const defaultProps$w = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$o && componentDefinition$o.props) {
-    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
+  if (componentDefinition$p && componentDefinition$p.props) {
+    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$w[key] = propConfig.default;
@@ -3612,7 +3752,7 @@ function ShaderComponent$w(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$w
@@ -3631,7 +3771,7 @@ function ShaderComponent$w(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3656,7 +3796,7 @@ function ShaderComponent$w(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
+      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3732,8 +3872,8 @@ const defaultProps$v = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$p && componentDefinition$p.props) {
-    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
+  if (componentDefinition$q && componentDefinition$q.props) {
+    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$v[key] = propConfig.default;
@@ -3751,7 +3891,7 @@ function ShaderComponent$v(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$v
@@ -3770,7 +3910,7 @@ function ShaderComponent$v(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3795,7 +3935,7 @@ function ShaderComponent$v(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
+      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3871,8 +4011,8 @@ const defaultProps$u = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$q && componentDefinition$q.props) {
-    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
+  if (componentDefinition$r && componentDefinition$r.props) {
+    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$u[key] = propConfig.default;
@@ -3890,7 +4030,7 @@ function ShaderComponent$u(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$u
@@ -3909,7 +4049,7 @@ function ShaderComponent$u(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3934,7 +4074,7 @@ function ShaderComponent$u(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
+      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4010,8 +4150,8 @@ const defaultProps$t = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$r && componentDefinition$r.props) {
-    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
+  if (componentDefinition$s && componentDefinition$s.props) {
+    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$t[key] = propConfig.default;
@@ -4029,7 +4169,7 @@ function ShaderComponent$t(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$t
@@ -4048,7 +4188,7 @@ function ShaderComponent$t(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4073,7 +4213,7 @@ function ShaderComponent$t(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
+      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4149,8 +4289,8 @@ const defaultProps$s = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$s && componentDefinition$s.props) {
-    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
+  if (componentDefinition$t && componentDefinition$t.props) {
+    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$s[key] = propConfig.default;
@@ -4168,7 +4308,7 @@ function ShaderComponent$s(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$s
@@ -4187,7 +4327,7 @@ function ShaderComponent$s(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4212,7 +4352,7 @@ function ShaderComponent$s(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
+      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4288,8 +4428,8 @@ const defaultProps$r = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$t && componentDefinition$t.props) {
-    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
+  if (componentDefinition$u && componentDefinition$u.props) {
+    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$r[key] = propConfig.default;
@@ -4307,7 +4447,7 @@ function ShaderComponent$r(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$r
@@ -4326,7 +4466,7 @@ function ShaderComponent$r(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4351,7 +4491,7 @@ function ShaderComponent$r(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
+      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4427,8 +4567,8 @@ const defaultProps$q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$u && componentDefinition$u.props) {
-    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
+  if (componentDefinition$v && componentDefinition$v.props) {
+    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$q[key] = propConfig.default;
@@ -4446,7 +4586,7 @@ function ShaderComponent$q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$q
@@ -4465,7 +4605,7 @@ function ShaderComponent$q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4490,7 +4630,7 @@ function ShaderComponent$q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
+      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4566,8 +4706,8 @@ const defaultProps$p = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$v && componentDefinition$v.props) {
-    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
+  if (componentDefinition$w && componentDefinition$w.props) {
+    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$p[key] = propConfig.default;
@@ -4585,7 +4725,7 @@ function ShaderComponent$p(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$p
@@ -4604,7 +4744,7 @@ function ShaderComponent$p(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4629,7 +4769,7 @@ function ShaderComponent$p(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
+      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4705,8 +4845,8 @@ const defaultProps$o = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$w && componentDefinition$w.props) {
-    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
+  if (componentDefinition$x && componentDefinition$x.props) {
+    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$o[key] = propConfig.default;
@@ -4724,7 +4864,7 @@ function ShaderComponent$o(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$o
@@ -4743,7 +4883,7 @@ function ShaderComponent$o(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4768,7 +4908,7 @@ function ShaderComponent$o(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
+      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4844,8 +4984,8 @@ const defaultProps$n = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$x && componentDefinition$x.props) {
-    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
+  if (componentDefinition$y && componentDefinition$y.props) {
+    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$n[key] = propConfig.default;
@@ -4863,7 +5003,7 @@ function ShaderComponent$n(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$n
@@ -4882,7 +5022,7 @@ function ShaderComponent$n(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4907,7 +5047,7 @@ function ShaderComponent$n(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
+      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4983,8 +5123,8 @@ const defaultProps$m = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$y && componentDefinition$y.props) {
-    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
+  if (componentDefinition$z && componentDefinition$z.props) {
+    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$m[key] = propConfig.default;
@@ -5002,7 +5142,7 @@ function ShaderComponent$m(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$m
@@ -5021,7 +5161,7 @@ function ShaderComponent$m(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5046,7 +5186,7 @@ function ShaderComponent$m(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
+      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5122,8 +5262,8 @@ const defaultProps$l = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$z && componentDefinition$z.props) {
-    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
+  if (componentDefinition$A && componentDefinition$A.props) {
+    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$l[key] = propConfig.default;
@@ -5141,7 +5281,7 @@ function ShaderComponent$l(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$l
@@ -5160,7 +5300,7 @@ function ShaderComponent$l(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5185,7 +5325,7 @@ function ShaderComponent$l(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
+      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5261,8 +5401,8 @@ const defaultProps$k = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$A && componentDefinition$A.props) {
-    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
+  if (componentDefinition$B && componentDefinition$B.props) {
+    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$k[key] = propConfig.default;
@@ -5280,7 +5420,7 @@ function ShaderComponent$k(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$k
@@ -5299,7 +5439,7 @@ function ShaderComponent$k(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5324,7 +5464,7 @@ function ShaderComponent$k(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
+      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5400,8 +5540,8 @@ const defaultProps$j = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$B && componentDefinition$B.props) {
-    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
+  if (componentDefinition$C && componentDefinition$C.props) {
+    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$j[key] = propConfig.default;
@@ -5419,7 +5559,7 @@ function ShaderComponent$j(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$j
@@ -5438,7 +5578,7 @@ function ShaderComponent$j(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5463,7 +5603,7 @@ function ShaderComponent$j(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
+      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5539,8 +5679,8 @@ const defaultProps$i = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$C && componentDefinition$C.props) {
-    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
+  if (componentDefinition$D && componentDefinition$D.props) {
+    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$i[key] = propConfig.default;
@@ -5558,7 +5698,7 @@ function ShaderComponent$i(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$i
@@ -5577,7 +5717,7 @@ function ShaderComponent$i(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5602,7 +5742,7 @@ function ShaderComponent$i(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
+      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5678,8 +5818,8 @@ const defaultProps$h = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$D && componentDefinition$D.props) {
-    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
+  if (componentDefinition$E && componentDefinition$E.props) {
+    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$h[key] = propConfig.default;
@@ -5697,7 +5837,7 @@ function ShaderComponent$h(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$h
@@ -5716,7 +5856,7 @@ function ShaderComponent$h(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5741,7 +5881,7 @@ function ShaderComponent$h(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
+      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5817,8 +5957,8 @@ const defaultProps$g = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$E && componentDefinition$E.props) {
-    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
+  if (componentDefinition$F && componentDefinition$F.props) {
+    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$g[key] = propConfig.default;
@@ -5836,7 +5976,7 @@ function ShaderComponent$g(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$g
@@ -5855,7 +5995,7 @@ function ShaderComponent$g(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5880,7 +6020,7 @@ function ShaderComponent$g(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
+      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5956,8 +6096,8 @@ const defaultProps$f = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$F && componentDefinition$F.props) {
-    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
+  if (componentDefinition$G && componentDefinition$G.props) {
+    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$f[key] = propConfig.default;
@@ -5975,7 +6115,7 @@ function ShaderComponent$f(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$f
@@ -5994,7 +6134,7 @@ function ShaderComponent$f(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6019,7 +6159,7 @@ function ShaderComponent$f(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
+      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6095,8 +6235,8 @@ const defaultProps$e = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$G && componentDefinition$G.props) {
-    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
+  if (componentDefinition$H && componentDefinition$H.props) {
+    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$e[key] = propConfig.default;
@@ -6114,7 +6254,7 @@ function ShaderComponent$e(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$e
@@ -6133,7 +6273,7 @@ function ShaderComponent$e(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6158,7 +6298,7 @@ function ShaderComponent$e(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
+      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6234,8 +6374,8 @@ const defaultProps$d = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$H && componentDefinition$H.props) {
-    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
+  if (componentDefinition$I && componentDefinition$I.props) {
+    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$d[key] = propConfig.default;
@@ -6253,7 +6393,7 @@ function ShaderComponent$d(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$d
@@ -6272,7 +6412,7 @@ function ShaderComponent$d(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6297,7 +6437,7 @@ function ShaderComponent$d(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
+      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6373,8 +6513,8 @@ const defaultProps$c = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$I && componentDefinition$I.props) {
-    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
+  if (componentDefinition$J && componentDefinition$J.props) {
+    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$c[key] = propConfig.default;
@@ -6392,7 +6532,7 @@ function ShaderComponent$c(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$c
@@ -6411,7 +6551,7 @@ function ShaderComponent$c(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6436,7 +6576,7 @@ function ShaderComponent$c(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
+      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6512,8 +6652,8 @@ const defaultProps$b = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$J && componentDefinition$J.props) {
-    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
+  if (componentDefinition$K && componentDefinition$K.props) {
+    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$b[key] = propConfig.default;
@@ -6531,7 +6671,7 @@ function ShaderComponent$b(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$b
@@ -6550,7 +6690,7 @@ function ShaderComponent$b(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6575,7 +6715,7 @@ function ShaderComponent$b(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
+      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6651,8 +6791,8 @@ const defaultProps$a = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$K && componentDefinition$K.props) {
-    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
+  if (componentDefinition$L && componentDefinition$L.props) {
+    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$a[key] = propConfig.default;
@@ -6670,7 +6810,7 @@ function ShaderComponent$a(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$a
@@ -6689,7 +6829,7 @@ function ShaderComponent$a(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6714,7 +6854,7 @@ function ShaderComponent$a(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
+      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6790,8 +6930,8 @@ const defaultProps$9 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$L && componentDefinition$L.props) {
-    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
+  if (componentDefinition$M && componentDefinition$M.props) {
+    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$9[key] = propConfig.default;
@@ -6809,7 +6949,7 @@ function ShaderComponent$9(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$9
@@ -6828,7 +6968,7 @@ function ShaderComponent$9(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6853,7 +6993,7 @@ function ShaderComponent$9(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
+      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6929,8 +7069,8 @@ const defaultProps$8 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$M && componentDefinition$M.props) {
-    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
+  if (componentDefinition$N && componentDefinition$N.props) {
+    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$8[key] = propConfig.default;
@@ -6948,7 +7088,7 @@ function ShaderComponent$8(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$8
@@ -6967,7 +7107,7 @@ function ShaderComponent$8(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6992,7 +7132,7 @@ function ShaderComponent$8(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
+      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7068,8 +7208,8 @@ const defaultProps$7 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$N && componentDefinition$N.props) {
-    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
+  if (componentDefinition$O && componentDefinition$O.props) {
+    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$7[key] = propConfig.default;
@@ -7087,7 +7227,7 @@ function ShaderComponent$7(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$7
@@ -7106,7 +7246,7 @@ function ShaderComponent$7(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7131,7 +7271,7 @@ function ShaderComponent$7(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
+      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7207,8 +7347,8 @@ const defaultProps$6 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$O && componentDefinition$O.props) {
-    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
+  if (componentDefinition$P && componentDefinition$P.props) {
+    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$6[key] = propConfig.default;
@@ -7226,7 +7366,7 @@ function ShaderComponent$6(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$6
@@ -7245,7 +7385,7 @@ function ShaderComponent$6(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7270,7 +7410,7 @@ function ShaderComponent$6(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
+      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7346,8 +7486,8 @@ const defaultProps$5 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$P && componentDefinition$P.props) {
-    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
+  if (componentDefinition$Q && componentDefinition$Q.props) {
+    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$5[key] = propConfig.default;
@@ -7365,7 +7505,7 @@ function ShaderComponent$5(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$5
@@ -7384,7 +7524,7 @@ function ShaderComponent$5(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7409,7 +7549,7 @@ function ShaderComponent$5(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
+      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7485,8 +7625,8 @@ const defaultProps$4 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$Q && componentDefinition$Q.props) {
-    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
+  if (componentDefinition$R && componentDefinition$R.props) {
+    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$4[key] = propConfig.default;
@@ -7504,7 +7644,7 @@ function ShaderComponent$4(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$4
@@ -7523,7 +7663,7 @@ function ShaderComponent$4(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7548,7 +7688,7 @@ function ShaderComponent$4(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
+      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7624,8 +7764,8 @@ const defaultProps$3 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$R && componentDefinition$R.props) {
-    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
+  if (componentDefinition$S && componentDefinition$S.props) {
+    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$3[key] = propConfig.default;
@@ -7643,7 +7783,7 @@ function ShaderComponent$3(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$3
@@ -7662,7 +7802,7 @@ function ShaderComponent$3(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7687,7 +7827,7 @@ function ShaderComponent$3(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
+      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7763,8 +7903,8 @@ const defaultProps$2 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$S && componentDefinition$S.props) {
-    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
+  if (componentDefinition$T && componentDefinition$T.props) {
+    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$2[key] = propConfig.default;
@@ -7782,7 +7922,7 @@ function ShaderComponent$2(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$2
@@ -7801,7 +7941,7 @@ function ShaderComponent$2(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7826,7 +7966,7 @@ function ShaderComponent$2(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
+      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7902,8 +8042,8 @@ const defaultProps$1 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$T && componentDefinition$T.props) {
-    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
+  if (componentDefinition$U && componentDefinition$U.props) {
+    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$1[key] = propConfig.default;
@@ -7921,7 +8061,7 @@ function ShaderComponent$1(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$1
@@ -7940,7 +8080,7 @@ function ShaderComponent$1(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7965,7 +8105,7 @@ function ShaderComponent$1(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
+      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8041,8 +8181,8 @@ const defaultProps = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$U && componentDefinition$U.props) {
-    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
+  if (componentDefinition$V && componentDefinition$V.props) {
+    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps[key] = propConfig.default;
@@ -8060,7 +8200,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -8079,7 +8219,7 @@ function ShaderComponent(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8104,7 +8244,7 @@ function ShaderComponent(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
+      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8164,40 +8304,41 @@ function ShaderComponent(props) {
   });
 }
 export {
-  ShaderComponent$U as AngularBlur,
-  ShaderComponent$T as Ascii,
-  ShaderComponent$S as Beam,
-  ShaderComponent$R as Blob,
-  ShaderComponent$Q as Blur,
-  ShaderComponent$P as BrightnessContrast,
-  ShaderComponent$O as Bulge,
-  ShaderComponent$N as CRTScreen,
-  ShaderComponent$M as ChannelBlur,
-  ShaderComponent$L as Checkerboard,
-  ShaderComponent$K as ChromaFlow,
-  ShaderComponent$J as ChromaticAberration,
-  ShaderComponent$I as Circle,
-  ShaderComponent$H as CursorTrail,
-  ShaderComponent$G as DiffuseBlur,
-  ShaderComponent$F as Dither,
-  ShaderComponent$E as DotGrid,
-  ShaderComponent$D as Duotone,
-  ShaderComponent$C as FilmGrain,
-  ShaderComponent$B as FloatingParticles,
-  ShaderComponent$A as GlassTiles,
-  ShaderComponent$z as Glow,
-  ShaderComponent$y as Godrays,
-  ShaderComponent$x as Grayscale,
-  ShaderComponent$w as Grid,
-  ShaderComponent$v as GridDistortion,
-  ShaderComponent$u as Group,
-  ShaderComponent$t as Halftone,
-  ShaderComponent$s as HueShift,
-  ShaderComponent$r as ImageTexture,
-  ShaderComponent$q as Invert,
-  ShaderComponent$p as LinearBlur,
-  ShaderComponent$o as LinearGradient,
-  ShaderComponent$n as Liquify,
+  ShaderComponent$V as AngularBlur,
+  ShaderComponent$U as Ascii,
+  ShaderComponent$T as Beam,
+  ShaderComponent$S as Blob,
+  ShaderComponent$R as Blur,
+  ShaderComponent$Q as BrightnessContrast,
+  ShaderComponent$P as Bulge,
+  ShaderComponent$O as CRTScreen,
+  ShaderComponent$N as ChannelBlur,
+  ShaderComponent$M as Checkerboard,
+  ShaderComponent$L as ChromaFlow,
+  ShaderComponent$K as ChromaticAberration,
+  ShaderComponent$J as Circle,
+  ShaderComponent$I as CursorTrail,
+  ShaderComponent$H as DiffuseBlur,
+  ShaderComponent$G as Dither,
+  ShaderComponent$F as DotGrid,
+  ShaderComponent$E as Duotone,
+  ShaderComponent$D as FilmGrain,
+  ShaderComponent$C as FloatingParticles,
+  ShaderComponent$B as GlassTiles,
+  ShaderComponent$A as Glow,
+  ShaderComponent$z as Godrays,
+  ShaderComponent$y as Grayscale,
+  ShaderComponent$x as Grid,
+  ShaderComponent$w as GridDistortion,
+  ShaderComponent$v as Group,
+  ShaderComponent$u as Halftone,
+  ShaderComponent$t as HueShift,
+  ShaderComponent$s as ImageTexture,
+  ShaderComponent$r as Invert,
+  ShaderComponent$q as LinearBlur,
+  ShaderComponent$p as LinearGradient,
+  ShaderComponent$o as Liquify,
+  ShaderComponent$n as Perspective,
   ShaderComponent$m as Pixelate,
   ShaderComponent$l as PolarCoordinates,
   ShaderComponent$k as Posterize,