shaders 2.2.34 → 2.2.36

package/dist/solid/index.js

@@ -37,28 +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/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$H } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$I } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$J } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$K } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$L } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$M } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$N } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$O } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$P } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$Q } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$R } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$S } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$T } 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();
@@ -239,7 +241,7 @@ function useShaderContext() {
   }
   return ctx;
 }
-const DEFAULT_TRANSFORM$T = {
+const DEFAULT_TRANSFORM$V = {
   offsetX: 0,
   offsetY: 0,
   rotation: 0,
@@ -248,7 +250,7 @@ const DEFAULT_TRANSFORM$T = {
   anchorY: 0.5,
   edges: "transparent"
 };
-const defaultProps$T = {
+const defaultProps$V = {
   blendMode: "normal",
   renderOrder: 0,
   visible: true
@@ -258,6 +260,284 @@ const defaultProps$T = {
 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;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent$U(props) {
+  const context = useShaderContext();
+  const {
+    shaderParentId: parentId,
+    shaderNodeRegister: parentRegister,
+    shaderUniformUpdate: parentUniformUpdate,
+    shaderMetadataUpdate: parentMetadataUpdate
+  } = context;
+  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps$U
+    };
+    for (const [key, value] of Object.entries(props)) {
+      if (key !== "children" && value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM$U,
+    ...props.transform
+  }));
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
+    }
+    return uniformsMap;
+  };
+  const childContextValue = createMemo(() => ({
+    ...context,
+    shaderParentId: instanceId
+  }));
+  let isRegistered = false;
+  onMount(() => {
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      isRegistered = true;
+    } catch (error) {
+      console.error("Error registering shader node:", error);
+    }
+  });
+  onCleanup(() => {
+    isRegistered = false;
+    parentRegister(instanceId, null, null, null, null);
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const props_snapshot = effectiveProps();
+      Object.entries(uniforms).forEach(([propName, uniformData]) => {
+        if (!uniformData || typeof uniformData !== "object") return;
+        const {
+          uniform
+        } = uniformData;
+        if ((uniform == null ? void 0 : uniform.value) !== void 0 && propName in props_snapshot) {
+          const newValue = props_snapshot[propName];
+          parentUniformUpdate(instanceId, propName, newValue);
+        }
+      });
+    } catch (error) {
+      console.error("Error updating uniforms:", error);
+    }
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentMetadataUpdate(instanceId, metadata);
+    } catch (error) {
+      console.error("Error updating metadata:", error);
+    }
+  });
+  return createComponent(ShaderContext.Provider, {
+    get value() {
+      return childContextValue();
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+const DEFAULT_TRANSFORM$T = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps$T = {
+  blendMode: "normal",
+  renderOrder: 0,
+  visible: true
+  // opacity intentionally has no default - handled by renderer
+  // transform intentionally has no default - handled by effectiveTransform
+};
+try {
+  if (componentDefinition$2 && componentDefinition$2.props) {
+    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$T[key] = propConfig.default;
@@ -275,7 +555,7 @@ function ShaderComponent$T(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$T
@@ -294,7 +574,7 @@ function ShaderComponent$T(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -319,7 +599,7 @@ function ShaderComponent$T(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -395,8 +675,8 @@ const defaultProps$S = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$1 && componentDefinition$1.props) {
-    Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
+  if (componentDefinition$3 && componentDefinition$3.props) {
+    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$S[key] = propConfig.default;
@@ -414,7 +694,7 @@ function ShaderComponent$S(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$S
@@ -433,7 +713,7 @@ function ShaderComponent$S(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -458,7 +738,7 @@ function ShaderComponent$S(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -534,8 +814,8 @@ const defaultProps$R = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$2 && componentDefinition$2.props) {
-    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
+  if (componentDefinition$4 && componentDefinition$4.props) {
+    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$R[key] = propConfig.default;
@@ -553,7 +833,7 @@ function ShaderComponent$R(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$R
@@ -572,7 +852,7 @@ function ShaderComponent$R(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -597,7 +877,7 @@ function ShaderComponent$R(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
+      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -673,8 +953,8 @@ const defaultProps$Q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$3 && componentDefinition$3.props) {
-    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
+  if (componentDefinition$5 && componentDefinition$5.props) {
+    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$Q[key] = propConfig.default;
@@ -692,7 +972,7 @@ function ShaderComponent$Q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$Q
@@ -711,7 +991,7 @@ function ShaderComponent$Q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -736,7 +1016,7 @@ function ShaderComponent$Q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
+      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -812,8 +1092,8 @@ const defaultProps$P = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$4 && componentDefinition$4.props) {
-    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
+  if (componentDefinition$6 && componentDefinition$6.props) {
+    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$P[key] = propConfig.default;
@@ -831,7 +1111,7 @@ function ShaderComponent$P(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$P
@@ -850,7 +1130,7 @@ function ShaderComponent$P(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -875,7 +1155,7 @@ function ShaderComponent$P(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
+      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -951,8 +1231,8 @@ const defaultProps$O = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$5 && componentDefinition$5.props) {
-    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
+  if (componentDefinition$7 && componentDefinition$7.props) {
+    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$O[key] = propConfig.default;
@@ -970,7 +1250,7 @@ function ShaderComponent$O(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$O
@@ -989,7 +1269,7 @@ function ShaderComponent$O(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1014,7 +1294,7 @@ function ShaderComponent$O(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
+      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1090,8 +1370,8 @@ const defaultProps$N = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$6 && componentDefinition$6.props) {
-    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
+  if (componentDefinition$8 && componentDefinition$8.props) {
+    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$N[key] = propConfig.default;
@@ -1109,7 +1389,7 @@ function ShaderComponent$N(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$N
@@ -1128,7 +1408,7 @@ function ShaderComponent$N(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1153,7 +1433,7 @@ function ShaderComponent$N(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
+      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1229,8 +1509,8 @@ const defaultProps$M = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$7 && componentDefinition$7.props) {
-    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
+  if (componentDefinition$9 && componentDefinition$9.props) {
+    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$M[key] = propConfig.default;
@@ -1248,7 +1528,7 @@ function ShaderComponent$M(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$M
@@ -1267,7 +1547,7 @@ function ShaderComponent$M(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1292,7 +1572,7 @@ function ShaderComponent$M(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
+      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1368,8 +1648,8 @@ const defaultProps$L = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$8 && componentDefinition$8.props) {
-    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
+  if (componentDefinition$a && componentDefinition$a.props) {
+    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$L[key] = propConfig.default;
@@ -1387,7 +1667,7 @@ function ShaderComponent$L(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$L
@@ -1406,7 +1686,7 @@ function ShaderComponent$L(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1431,7 +1711,7 @@ function ShaderComponent$L(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
+      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1507,8 +1787,8 @@ const defaultProps$K = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$9 && componentDefinition$9.props) {
-    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
+  if (componentDefinition$b && componentDefinition$b.props) {
+    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$K[key] = propConfig.default;
@@ -1526,7 +1806,7 @@ function ShaderComponent$K(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$K
@@ -1545,7 +1825,7 @@ function ShaderComponent$K(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1570,7 +1850,7 @@ function ShaderComponent$K(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
+      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1646,8 +1926,8 @@ const defaultProps$J = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$a && componentDefinition$a.props) {
-    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
+  if (componentDefinition$c && componentDefinition$c.props) {
+    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$J[key] = propConfig.default;
@@ -1665,7 +1945,7 @@ function ShaderComponent$J(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$J
@@ -1684,7 +1964,7 @@ function ShaderComponent$J(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1709,7 +1989,7 @@ function ShaderComponent$J(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
+      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1785,8 +2065,8 @@ const defaultProps$I = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$b && componentDefinition$b.props) {
-    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
+  if (componentDefinition$d && componentDefinition$d.props) {
+    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$I[key] = propConfig.default;
@@ -1804,7 +2084,7 @@ function ShaderComponent$I(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$I
@@ -1823,7 +2103,7 @@ function ShaderComponent$I(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1848,7 +2128,7 @@ function ShaderComponent$I(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
+      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1924,8 +2204,8 @@ const defaultProps$H = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$c && componentDefinition$c.props) {
-    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
+  if (componentDefinition$e && componentDefinition$e.props) {
+    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$H[key] = propConfig.default;
@@ -1943,7 +2223,7 @@ function ShaderComponent$H(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$H
@@ -1962,7 +2242,7 @@ function ShaderComponent$H(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1987,7 +2267,7 @@ function ShaderComponent$H(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
+      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2063,8 +2343,8 @@ const defaultProps$G = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$d && componentDefinition$d.props) {
-    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
+  if (componentDefinition$f && componentDefinition$f.props) {
+    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$G[key] = propConfig.default;
@@ -2082,7 +2362,7 @@ function ShaderComponent$G(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$G
@@ -2101,7 +2381,7 @@ function ShaderComponent$G(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2126,7 +2406,7 @@ function ShaderComponent$G(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
+      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2202,8 +2482,8 @@ const defaultProps$F = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$e && componentDefinition$e.props) {
-    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
+  if (componentDefinition$g && componentDefinition$g.props) {
+    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$F[key] = propConfig.default;
@@ -2221,7 +2501,7 @@ function ShaderComponent$F(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$F
@@ -2240,7 +2520,7 @@ function ShaderComponent$F(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2265,7 +2545,7 @@ function ShaderComponent$F(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
+      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2341,8 +2621,8 @@ const defaultProps$E = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$f && componentDefinition$f.props) {
-    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
+  if (componentDefinition$h && componentDefinition$h.props) {
+    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$E[key] = propConfig.default;
@@ -2360,7 +2640,7 @@ function ShaderComponent$E(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$E
@@ -2379,7 +2659,7 @@ function ShaderComponent$E(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2404,7 +2684,7 @@ function ShaderComponent$E(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
+      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2480,8 +2760,8 @@ const defaultProps$D = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$g && componentDefinition$g.props) {
-    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
+  if (componentDefinition$i && componentDefinition$i.props) {
+    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$D[key] = propConfig.default;
@@ -2499,7 +2779,7 @@ function ShaderComponent$D(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$D
@@ -2518,7 +2798,7 @@ function ShaderComponent$D(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2543,7 +2823,7 @@ function ShaderComponent$D(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
+      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2619,8 +2899,8 @@ const defaultProps$C = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$h && componentDefinition$h.props) {
-    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
+  if (componentDefinition$j && componentDefinition$j.props) {
+    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$C[key] = propConfig.default;
@@ -2638,7 +2918,7 @@ function ShaderComponent$C(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$C
@@ -2657,7 +2937,7 @@ function ShaderComponent$C(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2682,7 +2962,7 @@ function ShaderComponent$C(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
+      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2758,8 +3038,8 @@ const defaultProps$B = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$i && componentDefinition$i.props) {
-    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
+  if (componentDefinition$k && componentDefinition$k.props) {
+    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$B[key] = propConfig.default;
@@ -2777,7 +3057,7 @@ function ShaderComponent$B(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$B
@@ -2796,7 +3076,7 @@ function ShaderComponent$B(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2821,7 +3101,7 @@ function ShaderComponent$B(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
+      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2897,8 +3177,8 @@ const defaultProps$A = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$j && componentDefinition$j.props) {
-    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
+  if (componentDefinition$l && componentDefinition$l.props) {
+    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$A[key] = propConfig.default;
@@ -2916,7 +3196,7 @@ function ShaderComponent$A(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$A
@@ -2935,7 +3215,7 @@ function ShaderComponent$A(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2960,7 +3240,7 @@ function ShaderComponent$A(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
+      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3036,8 +3316,8 @@ const defaultProps$z = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$k && componentDefinition$k.props) {
-    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
+  if (componentDefinition$m && componentDefinition$m.props) {
+    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$z[key] = propConfig.default;
@@ -3055,7 +3335,7 @@ function ShaderComponent$z(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$z
@@ -3074,7 +3354,7 @@ function ShaderComponent$z(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3099,7 +3379,7 @@ function ShaderComponent$z(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
+      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3175,8 +3455,8 @@ const defaultProps$y = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$l && componentDefinition$l.props) {
-    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
+  if (componentDefinition$n && componentDefinition$n.props) {
+    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$y[key] = propConfig.default;
@@ -3194,7 +3474,7 @@ function ShaderComponent$y(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$y
@@ -3213,7 +3493,7 @@ function ShaderComponent$y(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3238,7 +3518,7 @@ function ShaderComponent$y(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
+      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3314,8 +3594,8 @@ const defaultProps$x = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$m && componentDefinition$m.props) {
-    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
+  if (componentDefinition$o && componentDefinition$o.props) {
+    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$x[key] = propConfig.default;
@@ -3333,7 +3613,7 @@ function ShaderComponent$x(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$x
@@ -3352,7 +3632,7 @@ function ShaderComponent$x(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3377,7 +3657,7 @@ function ShaderComponent$x(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
+      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3453,8 +3733,8 @@ const defaultProps$w = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$n && componentDefinition$n.props) {
-    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
+  if (componentDefinition$p && componentDefinition$p.props) {
+    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$w[key] = propConfig.default;
@@ -3472,7 +3752,7 @@ function ShaderComponent$w(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$w
@@ -3491,7 +3771,7 @@ function ShaderComponent$w(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3516,7 +3796,7 @@ function ShaderComponent$w(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
+      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3592,8 +3872,8 @@ const defaultProps$v = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$o && componentDefinition$o.props) {
-    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
+  if (componentDefinition$q && componentDefinition$q.props) {
+    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$v[key] = propConfig.default;
@@ -3611,7 +3891,7 @@ function ShaderComponent$v(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$v
@@ -3630,7 +3910,7 @@ function ShaderComponent$v(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3655,7 +3935,7 @@ function ShaderComponent$v(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
+      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3731,8 +4011,8 @@ const defaultProps$u = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$p && componentDefinition$p.props) {
-    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
+  if (componentDefinition$r && componentDefinition$r.props) {
+    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$u[key] = propConfig.default;
@@ -3750,7 +4030,7 @@ function ShaderComponent$u(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$u
@@ -3769,7 +4049,7 @@ function ShaderComponent$u(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3794,7 +4074,7 @@ function ShaderComponent$u(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
+      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3870,8 +4150,8 @@ const defaultProps$t = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$q && componentDefinition$q.props) {
-    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
+  if (componentDefinition$s && componentDefinition$s.props) {
+    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$t[key] = propConfig.default;
@@ -3889,7 +4169,7 @@ function ShaderComponent$t(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$t
@@ -3908,7 +4188,7 @@ function ShaderComponent$t(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3933,7 +4213,7 @@ function ShaderComponent$t(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
+      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4009,8 +4289,8 @@ const defaultProps$s = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$r && componentDefinition$r.props) {
-    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
+  if (componentDefinition$t && componentDefinition$t.props) {
+    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$s[key] = propConfig.default;
@@ -4028,7 +4308,7 @@ function ShaderComponent$s(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$s
@@ -4047,7 +4327,7 @@ function ShaderComponent$s(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4072,7 +4352,7 @@ function ShaderComponent$s(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
+      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4148,8 +4428,8 @@ const defaultProps$r = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$s && componentDefinition$s.props) {
-    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
+  if (componentDefinition$u && componentDefinition$u.props) {
+    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$r[key] = propConfig.default;
@@ -4167,7 +4447,7 @@ function ShaderComponent$r(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$r
@@ -4186,7 +4466,7 @@ function ShaderComponent$r(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4211,7 +4491,7 @@ function ShaderComponent$r(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
+      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4287,8 +4567,8 @@ const defaultProps$q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$t && componentDefinition$t.props) {
-    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
+  if (componentDefinition$v && componentDefinition$v.props) {
+    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$q[key] = propConfig.default;
@@ -4306,7 +4586,7 @@ function ShaderComponent$q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$q
@@ -4325,7 +4605,7 @@ function ShaderComponent$q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4350,7 +4630,7 @@ function ShaderComponent$q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
+      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4426,8 +4706,8 @@ const defaultProps$p = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$u && componentDefinition$u.props) {
-    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
+  if (componentDefinition$w && componentDefinition$w.props) {
+    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$p[key] = propConfig.default;
@@ -4445,7 +4725,7 @@ function ShaderComponent$p(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$p
@@ -4464,7 +4744,7 @@ function ShaderComponent$p(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4489,7 +4769,7 @@ function ShaderComponent$p(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
+      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4565,8 +4845,8 @@ const defaultProps$o = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$v && componentDefinition$v.props) {
-    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
+  if (componentDefinition$x && componentDefinition$x.props) {
+    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$o[key] = propConfig.default;
@@ -4584,7 +4864,7 @@ function ShaderComponent$o(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$o
@@ -4603,7 +4883,7 @@ function ShaderComponent$o(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4628,7 +4908,7 @@ function ShaderComponent$o(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
+      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4704,8 +4984,8 @@ const defaultProps$n = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$w && componentDefinition$w.props) {
-    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
+  if (componentDefinition$y && componentDefinition$y.props) {
+    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$n[key] = propConfig.default;
@@ -4723,7 +5003,7 @@ function ShaderComponent$n(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$n
@@ -4742,7 +5022,7 @@ function ShaderComponent$n(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4767,7 +5047,7 @@ function ShaderComponent$n(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
+      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4843,8 +5123,8 @@ const defaultProps$m = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$x && componentDefinition$x.props) {
-    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
+  if (componentDefinition$z && componentDefinition$z.props) {
+    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$m[key] = propConfig.default;
@@ -4862,7 +5142,7 @@ function ShaderComponent$m(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$m
@@ -4881,7 +5161,7 @@ function ShaderComponent$m(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4906,7 +5186,7 @@ function ShaderComponent$m(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
+      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4982,8 +5262,8 @@ const defaultProps$l = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$y && componentDefinition$y.props) {
-    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
+  if (componentDefinition$A && componentDefinition$A.props) {
+    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$l[key] = propConfig.default;
@@ -5001,7 +5281,7 @@ function ShaderComponent$l(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$l
@@ -5020,7 +5300,7 @@ function ShaderComponent$l(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5045,7 +5325,7 @@ function ShaderComponent$l(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
+      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5121,8 +5401,8 @@ const defaultProps$k = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$z && componentDefinition$z.props) {
-    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
+  if (componentDefinition$B && componentDefinition$B.props) {
+    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$k[key] = propConfig.default;
@@ -5140,7 +5420,7 @@ function ShaderComponent$k(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$k
@@ -5159,7 +5439,7 @@ function ShaderComponent$k(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5184,7 +5464,7 @@ function ShaderComponent$k(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
+      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5260,8 +5540,8 @@ const defaultProps$j = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$A && componentDefinition$A.props) {
-    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
+  if (componentDefinition$C && componentDefinition$C.props) {
+    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$j[key] = propConfig.default;
@@ -5279,7 +5559,7 @@ function ShaderComponent$j(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$j
@@ -5298,7 +5578,7 @@ function ShaderComponent$j(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5323,7 +5603,7 @@ function ShaderComponent$j(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
+      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5399,8 +5679,8 @@ const defaultProps$i = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$B && componentDefinition$B.props) {
-    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
+  if (componentDefinition$D && componentDefinition$D.props) {
+    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$i[key] = propConfig.default;
@@ -5418,7 +5698,7 @@ function ShaderComponent$i(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$i
@@ -5437,7 +5717,7 @@ function ShaderComponent$i(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5462,7 +5742,7 @@ function ShaderComponent$i(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
+      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5538,8 +5818,8 @@ const defaultProps$h = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$C && componentDefinition$C.props) {
-    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
+  if (componentDefinition$E && componentDefinition$E.props) {
+    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$h[key] = propConfig.default;
@@ -5557,7 +5837,7 @@ function ShaderComponent$h(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$h
@@ -5576,7 +5856,7 @@ function ShaderComponent$h(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5601,7 +5881,7 @@ function ShaderComponent$h(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
+      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5677,8 +5957,8 @@ const defaultProps$g = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$D && componentDefinition$D.props) {
-    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
+  if (componentDefinition$F && componentDefinition$F.props) {
+    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$g[key] = propConfig.default;
@@ -5696,7 +5976,7 @@ function ShaderComponent$g(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$g
@@ -5715,7 +5995,7 @@ function ShaderComponent$g(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5740,7 +6020,7 @@ function ShaderComponent$g(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
+      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5816,8 +6096,8 @@ const defaultProps$f = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$E && componentDefinition$E.props) {
-    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
+  if (componentDefinition$G && componentDefinition$G.props) {
+    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$f[key] = propConfig.default;
@@ -5835,7 +6115,7 @@ function ShaderComponent$f(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$f
@@ -5854,7 +6134,7 @@ function ShaderComponent$f(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5879,7 +6159,7 @@ function ShaderComponent$f(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
+      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5955,8 +6235,8 @@ const defaultProps$e = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$F && componentDefinition$F.props) {
-    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
+  if (componentDefinition$H && componentDefinition$H.props) {
+    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$e[key] = propConfig.default;
@@ -5974,7 +6254,7 @@ function ShaderComponent$e(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$e
@@ -5993,7 +6273,7 @@ function ShaderComponent$e(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6018,7 +6298,7 @@ function ShaderComponent$e(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
+      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6094,8 +6374,8 @@ const defaultProps$d = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$G && componentDefinition$G.props) {
-    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
+  if (componentDefinition$I && componentDefinition$I.props) {
+    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$d[key] = propConfig.default;
@@ -6113,7 +6393,7 @@ function ShaderComponent$d(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$d
@@ -6132,7 +6412,7 @@ function ShaderComponent$d(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6157,7 +6437,7 @@ function ShaderComponent$d(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
+      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6233,8 +6513,8 @@ const defaultProps$c = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$H && componentDefinition$H.props) {
-    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
+  if (componentDefinition$J && componentDefinition$J.props) {
+    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$c[key] = propConfig.default;
@@ -6252,7 +6532,7 @@ function ShaderComponent$c(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$c
@@ -6271,7 +6551,7 @@ function ShaderComponent$c(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6296,7 +6576,7 @@ function ShaderComponent$c(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
+      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6372,8 +6652,8 @@ const defaultProps$b = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$I && componentDefinition$I.props) {
-    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
+  if (componentDefinition$K && componentDefinition$K.props) {
+    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$b[key] = propConfig.default;
@@ -6391,7 +6671,7 @@ function ShaderComponent$b(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$b
@@ -6410,7 +6690,7 @@ function ShaderComponent$b(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6435,7 +6715,7 @@ function ShaderComponent$b(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
+      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6511,8 +6791,8 @@ const defaultProps$a = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$J && componentDefinition$J.props) {
-    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
+  if (componentDefinition$L && componentDefinition$L.props) {
+    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$a[key] = propConfig.default;
@@ -6530,7 +6810,7 @@ function ShaderComponent$a(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$a
@@ -6549,7 +6829,7 @@ function ShaderComponent$a(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6574,7 +6854,7 @@ function ShaderComponent$a(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
+      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6650,8 +6930,8 @@ const defaultProps$9 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$K && componentDefinition$K.props) {
-    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
+  if (componentDefinition$M && componentDefinition$M.props) {
+    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$9[key] = propConfig.default;
@@ -6669,7 +6949,7 @@ function ShaderComponent$9(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$9
@@ -6688,7 +6968,7 @@ function ShaderComponent$9(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6713,7 +6993,7 @@ function ShaderComponent$9(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
+      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6789,8 +7069,8 @@ const defaultProps$8 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$L && componentDefinition$L.props) {
-    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
+  if (componentDefinition$N && componentDefinition$N.props) {
+    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$8[key] = propConfig.default;
@@ -6808,7 +7088,7 @@ function ShaderComponent$8(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$8
@@ -6827,7 +7107,7 @@ function ShaderComponent$8(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6852,7 +7132,7 @@ function ShaderComponent$8(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
+      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6928,8 +7208,8 @@ const defaultProps$7 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$M && componentDefinition$M.props) {
-    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
+  if (componentDefinition$O && componentDefinition$O.props) {
+    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$7[key] = propConfig.default;
@@ -6947,7 +7227,7 @@ function ShaderComponent$7(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$7
@@ -6966,7 +7246,7 @@ function ShaderComponent$7(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6991,7 +7271,7 @@ function ShaderComponent$7(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
+      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7067,8 +7347,8 @@ const defaultProps$6 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$N && componentDefinition$N.props) {
-    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
+  if (componentDefinition$P && componentDefinition$P.props) {
+    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$6[key] = propConfig.default;
@@ -7086,7 +7366,7 @@ function ShaderComponent$6(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$6
@@ -7105,7 +7385,7 @@ function ShaderComponent$6(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7130,7 +7410,7 @@ function ShaderComponent$6(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
+      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7206,8 +7486,8 @@ const defaultProps$5 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$O && componentDefinition$O.props) {
-    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
+  if (componentDefinition$Q && componentDefinition$Q.props) {
+    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$5[key] = propConfig.default;
@@ -7225,7 +7505,7 @@ function ShaderComponent$5(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$5
@@ -7244,7 +7524,7 @@ function ShaderComponent$5(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7269,7 +7549,7 @@ function ShaderComponent$5(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
+      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7345,8 +7625,8 @@ const defaultProps$4 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$P && componentDefinition$P.props) {
-    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
+  if (componentDefinition$R && componentDefinition$R.props) {
+    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$4[key] = propConfig.default;
@@ -7364,7 +7644,7 @@ function ShaderComponent$4(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$4
@@ -7383,7 +7663,7 @@ function ShaderComponent$4(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7408,7 +7688,7 @@ function ShaderComponent$4(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
+      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7484,8 +7764,8 @@ const defaultProps$3 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$Q && componentDefinition$Q.props) {
-    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
+  if (componentDefinition$S && componentDefinition$S.props) {
+    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$3[key] = propConfig.default;
@@ -7503,7 +7783,7 @@ function ShaderComponent$3(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$3
@@ -7522,7 +7802,7 @@ function ShaderComponent$3(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7547,7 +7827,7 @@ function ShaderComponent$3(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
+      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7623,8 +7903,8 @@ const defaultProps$2 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$R && componentDefinition$R.props) {
-    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
+  if (componentDefinition$T && componentDefinition$T.props) {
+    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$2[key] = propConfig.default;
@@ -7642,7 +7922,7 @@ function ShaderComponent$2(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$2
@@ -7661,7 +7941,7 @@ function ShaderComponent$2(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7686,7 +7966,7 @@ function ShaderComponent$2(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
+      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7762,8 +8042,8 @@ const defaultProps$1 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$S && componentDefinition$S.props) {
-    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
+  if (componentDefinition$U && componentDefinition$U.props) {
+    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$1[key] = propConfig.default;
@@ -7781,7 +8061,7 @@ function ShaderComponent$1(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$1
@@ -7800,7 +8080,7 @@ function ShaderComponent$1(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7825,7 +8105,7 @@ function ShaderComponent$1(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
+      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7901,8 +8181,8 @@ const defaultProps = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$T && componentDefinition$T.props) {
-    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
+  if (componentDefinition$V && componentDefinition$V.props) {
+    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps[key] = propConfig.default;
@@ -7920,7 +8200,7 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
@@ -7939,7 +8219,7 @@ function ShaderComponent(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7964,7 +8244,7 @@ function ShaderComponent(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
+      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8024,49 +8304,51 @@ function ShaderComponent(props) {
   });
 }
 export {
-  ShaderComponent$T as AngularBlur,
-  ShaderComponent$S as Ascii,
-  ShaderComponent$R as Beam,
-  ShaderComponent$Q as Blob,
-  ShaderComponent$P as Blur,
-  ShaderComponent$O as BrightnessContrast,
-  ShaderComponent$N as Bulge,
-  ShaderComponent$M as CRTScreen,
-  ShaderComponent$L as ChannelBlur,
-  ShaderComponent$K as Checkerboard,
-  ShaderComponent$J as ChromaFlow,
-  ShaderComponent$I as ChromaticAberration,
-  ShaderComponent$H as Circle,
-  ShaderComponent$G as CursorTrail,
-  ShaderComponent$F as DiffuseBlur,
-  ShaderComponent$E as Dither,
-  ShaderComponent$D as DotGrid,
-  ShaderComponent$C as Duotone,
-  ShaderComponent$B as FilmGrain,
-  ShaderComponent$A as FloatingParticles,
-  ShaderComponent$z as GlassTiles,
-  ShaderComponent$y as Glow,
-  ShaderComponent$x as Godrays,
-  ShaderComponent$w as Grayscale,
-  ShaderComponent$v as Grid,
-  ShaderComponent$u as GridDistortion,
-  ShaderComponent$t as Group,
-  ShaderComponent$s as Halftone,
-  ShaderComponent$r as HueShift,
-  ShaderComponent$q as ImageTexture,
-  ShaderComponent$p as Invert,
-  ShaderComponent$o as LinearBlur,
-  ShaderComponent$n as LinearGradient,
-  ShaderComponent$m as Liquify,
-  ShaderComponent$l as Pixelate,
-  ShaderComponent$k as PolarCoordinates,
-  ShaderComponent$j as Posterize,
-  ShaderComponent$i as ProgressiveBlur,
-  ShaderComponent$h as RadialGradient,
-  ShaderComponent$g as RectangularCoordinates,
-  ShaderComponent$f as Ripples,
-  ShaderComponent$e as Saturation,
+  ShaderComponent$V as AngularBlur,
+  ShaderComponent$U as Ascii,
+  ShaderComponent$T as Beam,
+  ShaderComponent$S as Blob,
+  ShaderComponent$R as Blur,
+  ShaderComponent$Q as BrightnessContrast,
+  ShaderComponent$P as Bulge,
+  ShaderComponent$O as CRTScreen,
+  ShaderComponent$N as ChannelBlur,
+  ShaderComponent$M as Checkerboard,
+  ShaderComponent$L as ChromaFlow,
+  ShaderComponent$K as ChromaticAberration,
+  ShaderComponent$J as Circle,
+  ShaderComponent$I as CursorTrail,
+  ShaderComponent$H as DiffuseBlur,
+  ShaderComponent$G as Dither,
+  ShaderComponent$F as DotGrid,
+  ShaderComponent$E as Duotone,
+  ShaderComponent$D as FilmGrain,
+  ShaderComponent$C as FloatingParticles,
+  ShaderComponent$B as GlassTiles,
+  ShaderComponent$A as Glow,
+  ShaderComponent$z as Godrays,
+  ShaderComponent$y as Grayscale,
+  ShaderComponent$x as Grid,
+  ShaderComponent$w as GridDistortion,
+  ShaderComponent$v as Group,
+  ShaderComponent$u as Halftone,
+  ShaderComponent$t as HueShift,
+  ShaderComponent$s as ImageTexture,
+  ShaderComponent$r as Invert,
+  ShaderComponent$q as LinearBlur,
+  ShaderComponent$p as LinearGradient,
+  ShaderComponent$o as Liquify,
+  ShaderComponent$n as Perspective,
+  ShaderComponent$m as Pixelate,
+  ShaderComponent$l as PolarCoordinates,
+  ShaderComponent$k as Posterize,
+  ShaderComponent$j as ProgressiveBlur,
+  ShaderComponent$i as RadialGradient,
+  ShaderComponent$h as RectangularCoordinates,
+  ShaderComponent$g as Ripples,
+  ShaderComponent$f as Saturation,
   Shader,
+  ShaderComponent$e as Sharpness,
   ShaderComponent$d as SimplexNoise,
   ShaderComponent$c as SineWave,
   ShaderComponent$b as SolidColor,