shaders 2.2.38 → 2.2.40

package/dist/solid/index.js

@@ -1,5 +1,5 @@
 import { createComponent, template, spread, mergeProps, insert, use } from "solid-js/web";
-import { createContext, splitProps, createMemo, children, onMount, onCleanup, useContext, createEffect } from "solid-js";
+import { createContext, splitProps, createMemo, onMount, onCleanup, useContext, createEffect } from "solid-js";
 import { shaderRenderer, createUniformsMap } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
 import { vec4 } from "three/tsl";
@@ -56,11 +56,12 @@ import { componentDefinition as componentDefinition$N } from "../core/shaders/St
 import { componentDefinition as componentDefinition$O } from "../core/shaders/Stretch/index.js";
 import { componentDefinition as componentDefinition$P } from "../core/shaders/Swirl/index.js";
 import { componentDefinition as componentDefinition$Q } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$R } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$S } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$T } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$U } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$V } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$R } from "../core/shaders/Tint/index.js";
+import { componentDefinition as componentDefinition$S } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$T } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$U } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$V } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$W } from "../core/shaders/ZoomBlur/index.js";
 import { generatePresetCode } from "./utils/generatePresetCode.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div><canvas data-renderer=shaders style=width:100%;height:100%;display:block>`);
 const ShaderContext = createContext();
@@ -114,7 +115,6 @@ function Shader(allProps) {
     shaderUniformUpdate: uniformUpdate,
     shaderMetadataUpdate: metadataUpdate
   }));
-  const resolved = children(() => props.children);
   const initializeRenderer = async () => {
     const canvas = canvasRef;
     if (!canvas || isInitialized || isInitializing) {
@@ -230,7 +230,7 @@ function Shader(allProps) {
       }, domProps), false, true);
       var _ref$2 = canvasRef;
       typeof _ref$2 === "function" ? use(_ref$2, _el$2) : canvasRef = _el$2;
-      insert(_el$, resolved, null);
+      insert(_el$, () => props.children, null);
       return _el$;
     }
   });
@@ -242,7 +242,7 @@ function useShaderContext() {
   }
   return ctx;
 }
-const DEFAULT_TRANSFORM$V = {
+const DEFAULT_TRANSFORM$W = {
   offsetX: 0,
   offsetY: 0,
   rotation: 0,
@@ -251,7 +251,7 @@ const DEFAULT_TRANSFORM$V = {
   anchorY: 0.5,
   edges: "transparent"
 };
-const defaultProps$V = {
+const defaultProps$W = {
   blendMode: "normal",
   renderOrder: 0,
   visible: true
@@ -261,6 +261,146 @@ const defaultProps$V = {
 try {
   if (componentDefinition && componentDefinition.props) {
     Object.entries(componentDefinition.props).forEach(([key, config]) => {
+      const propConfig = config;
+      if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
+        defaultProps$W[key] = propConfig.default;
+      }
+    });
+  }
+} catch (e) {
+  console.warn("Error extracting default props:", e);
+}
+function ShaderComponent$W(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
+  const context = useShaderContext();
+  const {
+    shaderParentId: parentId,
+    shaderNodeRegister: parentRegister,
+    shaderUniformUpdate: parentUniformUpdate,
+    shaderMetadataUpdate: parentMetadataUpdate
+  } = context;
+  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const effectiveProps = createMemo(() => {
+    let baseProps = {
+      ...defaultProps$W
+    };
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
+        baseProps[key] = value;
+      }
+    }
+    return baseProps;
+  });
+  const effectiveTransform = createMemo(() => ({
+    ...DEFAULT_TRANSFORM$W,
+    ...props.transform
+  }));
+  let uniformsMap = null;
+  const getUniformsMap = () => {
+    if (!uniformsMap) {
+      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+    }
+    return uniformsMap;
+  };
+  const childContextValue = createMemo(() => ({
+    ...context,
+    shaderParentId: instanceId
+  }));
+  let isRegistered = false;
+  onMount(() => {
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      isRegistered = true;
+    } catch (error) {
+      console.error("Error registering shader node:", error);
+    }
+  });
+  onCleanup(() => {
+    isRegistered = false;
+    parentRegister(instanceId, null, null, null, null);
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    const uniforms = getUniformsMap();
+    if (!uniforms) return;
+    try {
+      const props_snapshot = effectiveProps();
+      Object.entries(uniforms).forEach(([propName, uniformData]) => {
+        if (!uniformData || typeof uniformData !== "object") return;
+        const {
+          uniform
+        } = uniformData;
+        if ((uniform == null ? void 0 : uniform.value) !== void 0 && propName in props_snapshot) {
+          const newValue = props_snapshot[propName];
+          parentUniformUpdate(instanceId, propName, newValue);
+        }
+      });
+    } catch (error) {
+      console.error("Error updating uniforms:", error);
+    }
+  });
+  createEffect(() => {
+    if (!isRegistered) return;
+    try {
+      const metadata = {
+        blendMode: props.blendMode || "normal",
+        opacity: props.opacity,
+        visible: props.visible === false ? false : true,
+        id: props.id,
+        mask: props.maskSource ? {
+          source: props.maskSource,
+          type: props.maskType || "alpha"
+        } : void 0,
+        renderOrder: props.renderOrder || 0,
+        transform: effectiveTransform()
+      };
+      parentMetadataUpdate(instanceId, metadata);
+    } catch (error) {
+      console.error("Error updating metadata:", error);
+    }
+  });
+  return createComponent(ShaderContext.Provider, {
+    get value() {
+      return childContextValue();
+    },
+    get children() {
+      return local.children;
+    }
+  });
+}
+const DEFAULT_TRANSFORM$V = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+const defaultProps$V = {
+  blendMode: "normal",
+  renderOrder: 0,
+  visible: true
+  // opacity intentionally has no default - handled by renderer
+  // transform intentionally has no default - handled by effectiveTransform
+};
+try {
+  if (componentDefinition$1 && componentDefinition$1.props) {
+    Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$V[key] = propConfig.default;
@@ -271,6 +411,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$V(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -278,13 +419,13 @@ function ShaderComponent$V(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$V
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -297,7 +438,7 @@ function ShaderComponent$V(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -305,7 +446,6 @@ function ShaderComponent$V(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -323,7 +463,7 @@ function ShaderComponent$V(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniforms, componentDefinition);
+      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -378,7 +518,7 @@ function ShaderComponent$V(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -399,8 +539,8 @@ const defaultProps$U = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$1 && componentDefinition$1.props) {
-    Object.entries(componentDefinition$1.props).forEach(([key, config]) => {
+  if (componentDefinition$2 && componentDefinition$2.props) {
+    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$U[key] = propConfig.default;
@@ -411,6 +551,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$U(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -418,13 +559,13 @@ function ShaderComponent$U(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$1.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$U
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -437,7 +578,7 @@ function ShaderComponent$U(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$1, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -445,7 +586,6 @@ function ShaderComponent$U(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -463,7 +603,7 @@ function ShaderComponent$U(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$1.fragmentNode, parentId, metadata, uniforms, componentDefinition$1);
+      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -518,7 +658,7 @@ function ShaderComponent$U(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -539,8 +679,8 @@ const defaultProps$T = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$2 && componentDefinition$2.props) {
-    Object.entries(componentDefinition$2.props).forEach(([key, config]) => {
+  if (componentDefinition$3 && componentDefinition$3.props) {
+    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$T[key] = propConfig.default;
@@ -551,6 +691,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$T(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -558,13 +699,13 @@ function ShaderComponent$T(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$2.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$T
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -577,7 +718,7 @@ function ShaderComponent$T(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$2, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -585,7 +726,6 @@ function ShaderComponent$T(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -603,7 +743,7 @@ function ShaderComponent$T(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$2.fragmentNode, parentId, metadata, uniforms, componentDefinition$2);
+      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -658,7 +798,7 @@ function ShaderComponent$T(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -679,8 +819,8 @@ const defaultProps$S = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$3 && componentDefinition$3.props) {
-    Object.entries(componentDefinition$3.props).forEach(([key, config]) => {
+  if (componentDefinition$4 && componentDefinition$4.props) {
+    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$S[key] = propConfig.default;
@@ -691,6 +831,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$S(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -698,13 +839,13 @@ function ShaderComponent$S(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$3.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$S
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -717,7 +858,7 @@ function ShaderComponent$S(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$3, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -725,7 +866,6 @@ function ShaderComponent$S(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -743,7 +883,7 @@ function ShaderComponent$S(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$3.fragmentNode, parentId, metadata, uniforms, componentDefinition$3);
+      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -798,7 +938,7 @@ function ShaderComponent$S(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -819,8 +959,8 @@ const defaultProps$R = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$4 && componentDefinition$4.props) {
-    Object.entries(componentDefinition$4.props).forEach(([key, config]) => {
+  if (componentDefinition$5 && componentDefinition$5.props) {
+    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$R[key] = propConfig.default;
@@ -831,6 +971,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$R(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -838,13 +979,13 @@ function ShaderComponent$R(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$4.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$R
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -857,7 +998,7 @@ function ShaderComponent$R(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$4, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -865,7 +1006,6 @@ function ShaderComponent$R(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -883,7 +1023,7 @@ function ShaderComponent$R(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$4.fragmentNode, parentId, metadata, uniforms, componentDefinition$4);
+      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -938,7 +1078,7 @@ function ShaderComponent$R(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -959,8 +1099,8 @@ const defaultProps$Q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$5 && componentDefinition$5.props) {
-    Object.entries(componentDefinition$5.props).forEach(([key, config]) => {
+  if (componentDefinition$6 && componentDefinition$6.props) {
+    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$Q[key] = propConfig.default;
@@ -971,6 +1111,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$Q(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -978,13 +1119,13 @@ function ShaderComponent$Q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$5.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$Q
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -997,7 +1138,7 @@ function ShaderComponent$Q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$5, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1005,7 +1146,6 @@ function ShaderComponent$Q(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1023,7 +1163,7 @@ function ShaderComponent$Q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$5.fragmentNode, parentId, metadata, uniforms, componentDefinition$5);
+      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1078,7 +1218,7 @@ function ShaderComponent$Q(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1099,8 +1239,8 @@ const defaultProps$P = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$6 && componentDefinition$6.props) {
-    Object.entries(componentDefinition$6.props).forEach(([key, config]) => {
+  if (componentDefinition$7 && componentDefinition$7.props) {
+    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$P[key] = propConfig.default;
@@ -1111,6 +1251,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$P(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1118,13 +1259,13 @@ function ShaderComponent$P(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$6.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$P
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1137,7 +1278,7 @@ function ShaderComponent$P(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$6, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1145,7 +1286,6 @@ function ShaderComponent$P(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1163,7 +1303,7 @@ function ShaderComponent$P(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$6.fragmentNode, parentId, metadata, uniforms, componentDefinition$6);
+      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1218,7 +1358,7 @@ function ShaderComponent$P(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1239,8 +1379,8 @@ const defaultProps$O = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$7 && componentDefinition$7.props) {
-    Object.entries(componentDefinition$7.props).forEach(([key, config]) => {
+  if (componentDefinition$8 && componentDefinition$8.props) {
+    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$O[key] = propConfig.default;
@@ -1251,6 +1391,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$O(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1258,13 +1399,13 @@ function ShaderComponent$O(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$7.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$O
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1277,7 +1418,7 @@ function ShaderComponent$O(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$7, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1285,7 +1426,6 @@ function ShaderComponent$O(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1303,7 +1443,7 @@ function ShaderComponent$O(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$7.fragmentNode, parentId, metadata, uniforms, componentDefinition$7);
+      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1358,7 +1498,7 @@ function ShaderComponent$O(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1379,8 +1519,8 @@ const defaultProps$N = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$8 && componentDefinition$8.props) {
-    Object.entries(componentDefinition$8.props).forEach(([key, config]) => {
+  if (componentDefinition$9 && componentDefinition$9.props) {
+    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$N[key] = propConfig.default;
@@ -1391,6 +1531,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$N(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1398,13 +1539,13 @@ function ShaderComponent$N(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$8.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$N
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1417,7 +1558,7 @@ function ShaderComponent$N(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$8, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1425,7 +1566,6 @@ function ShaderComponent$N(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1443,7 +1583,7 @@ function ShaderComponent$N(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$8.fragmentNode, parentId, metadata, uniforms, componentDefinition$8);
+      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1498,7 +1638,7 @@ function ShaderComponent$N(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1519,8 +1659,8 @@ const defaultProps$M = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$9 && componentDefinition$9.props) {
-    Object.entries(componentDefinition$9.props).forEach(([key, config]) => {
+  if (componentDefinition$a && componentDefinition$a.props) {
+    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$M[key] = propConfig.default;
@@ -1531,6 +1671,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$M(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1538,13 +1679,13 @@ function ShaderComponent$M(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$9.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$M
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1557,7 +1698,7 @@ function ShaderComponent$M(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$9, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1565,7 +1706,6 @@ function ShaderComponent$M(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1583,7 +1723,7 @@ function ShaderComponent$M(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$9.fragmentNode, parentId, metadata, uniforms, componentDefinition$9);
+      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1638,7 +1778,7 @@ function ShaderComponent$M(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1659,8 +1799,8 @@ const defaultProps$L = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$a && componentDefinition$a.props) {
-    Object.entries(componentDefinition$a.props).forEach(([key, config]) => {
+  if (componentDefinition$b && componentDefinition$b.props) {
+    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$L[key] = propConfig.default;
@@ -1671,6 +1811,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$L(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1678,13 +1819,13 @@ function ShaderComponent$L(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$a.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$L
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1697,7 +1838,7 @@ function ShaderComponent$L(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$a, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1705,7 +1846,6 @@ function ShaderComponent$L(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1723,7 +1863,7 @@ function ShaderComponent$L(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$a.fragmentNode, parentId, metadata, uniforms, componentDefinition$a);
+      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1778,7 +1918,7 @@ function ShaderComponent$L(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1799,8 +1939,8 @@ const defaultProps$K = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$b && componentDefinition$b.props) {
-    Object.entries(componentDefinition$b.props).forEach(([key, config]) => {
+  if (componentDefinition$c && componentDefinition$c.props) {
+    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$K[key] = propConfig.default;
@@ -1811,6 +1951,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$K(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1818,13 +1959,13 @@ function ShaderComponent$K(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$b.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$K
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1837,7 +1978,7 @@ function ShaderComponent$K(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$b, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1845,7 +1986,6 @@ function ShaderComponent$K(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1863,7 +2003,7 @@ function ShaderComponent$K(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$b.fragmentNode, parentId, metadata, uniforms, componentDefinition$b);
+      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -1918,7 +2058,7 @@ function ShaderComponent$K(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1939,8 +2079,8 @@ const defaultProps$J = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$c && componentDefinition$c.props) {
-    Object.entries(componentDefinition$c.props).forEach(([key, config]) => {
+  if (componentDefinition$d && componentDefinition$d.props) {
+    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$J[key] = propConfig.default;
@@ -1951,6 +2091,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$J(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -1958,13 +2099,13 @@ function ShaderComponent$J(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$c.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$J
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -1977,7 +2118,7 @@ function ShaderComponent$J(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$c, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -1985,7 +2126,6 @@ function ShaderComponent$J(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2003,7 +2143,7 @@ function ShaderComponent$J(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$c.fragmentNode, parentId, metadata, uniforms, componentDefinition$c);
+      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2058,7 +2198,7 @@ function ShaderComponent$J(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2079,8 +2219,8 @@ const defaultProps$I = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$d && componentDefinition$d.props) {
-    Object.entries(componentDefinition$d.props).forEach(([key, config]) => {
+  if (componentDefinition$e && componentDefinition$e.props) {
+    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$I[key] = propConfig.default;
@@ -2091,6 +2231,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$I(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2098,13 +2239,13 @@ function ShaderComponent$I(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$d.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$I
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2117,7 +2258,7 @@ function ShaderComponent$I(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$d, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2125,7 +2266,6 @@ function ShaderComponent$I(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2143,7 +2283,7 @@ function ShaderComponent$I(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$d.fragmentNode, parentId, metadata, uniforms, componentDefinition$d);
+      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2198,7 +2338,7 @@ function ShaderComponent$I(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2219,8 +2359,8 @@ const defaultProps$H = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$e && componentDefinition$e.props) {
-    Object.entries(componentDefinition$e.props).forEach(([key, config]) => {
+  if (componentDefinition$f && componentDefinition$f.props) {
+    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$H[key] = propConfig.default;
@@ -2231,6 +2371,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$H(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2238,13 +2379,13 @@ function ShaderComponent$H(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$e.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$H
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2257,7 +2398,7 @@ function ShaderComponent$H(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$e, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2265,7 +2406,6 @@ function ShaderComponent$H(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2283,7 +2423,7 @@ function ShaderComponent$H(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$e.fragmentNode, parentId, metadata, uniforms, componentDefinition$e);
+      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2338,7 +2478,7 @@ function ShaderComponent$H(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2359,8 +2499,8 @@ const defaultProps$G = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$f && componentDefinition$f.props) {
-    Object.entries(componentDefinition$f.props).forEach(([key, config]) => {
+  if (componentDefinition$g && componentDefinition$g.props) {
+    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$G[key] = propConfig.default;
@@ -2371,6 +2511,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$G(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2378,13 +2519,13 @@ function ShaderComponent$G(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$f.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$G
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2397,7 +2538,7 @@ function ShaderComponent$G(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$f, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2405,7 +2546,6 @@ function ShaderComponent$G(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2423,7 +2563,7 @@ function ShaderComponent$G(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$f.fragmentNode, parentId, metadata, uniforms, componentDefinition$f);
+      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2478,7 +2618,7 @@ function ShaderComponent$G(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2499,8 +2639,8 @@ const defaultProps$F = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$g && componentDefinition$g.props) {
-    Object.entries(componentDefinition$g.props).forEach(([key, config]) => {
+  if (componentDefinition$h && componentDefinition$h.props) {
+    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$F[key] = propConfig.default;
@@ -2511,6 +2651,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$F(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2518,13 +2659,13 @@ function ShaderComponent$F(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$g.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$F
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2537,7 +2678,7 @@ function ShaderComponent$F(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$g, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2545,7 +2686,6 @@ function ShaderComponent$F(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2563,7 +2703,7 @@ function ShaderComponent$F(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$g.fragmentNode, parentId, metadata, uniforms, componentDefinition$g);
+      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2618,7 +2758,7 @@ function ShaderComponent$F(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2639,8 +2779,8 @@ const defaultProps$E = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$h && componentDefinition$h.props) {
-    Object.entries(componentDefinition$h.props).forEach(([key, config]) => {
+  if (componentDefinition$i && componentDefinition$i.props) {
+    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$E[key] = propConfig.default;
@@ -2651,6 +2791,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$E(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2658,13 +2799,13 @@ function ShaderComponent$E(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$h.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$E
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2677,7 +2818,7 @@ function ShaderComponent$E(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$h, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2685,7 +2826,6 @@ function ShaderComponent$E(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2703,7 +2843,7 @@ function ShaderComponent$E(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$h.fragmentNode, parentId, metadata, uniforms, componentDefinition$h);
+      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2758,7 +2898,7 @@ function ShaderComponent$E(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2779,8 +2919,8 @@ const defaultProps$D = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$i && componentDefinition$i.props) {
-    Object.entries(componentDefinition$i.props).forEach(([key, config]) => {
+  if (componentDefinition$j && componentDefinition$j.props) {
+    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$D[key] = propConfig.default;
@@ -2791,6 +2931,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$D(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2798,13 +2939,13 @@ function ShaderComponent$D(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$i.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$D
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2817,7 +2958,7 @@ function ShaderComponent$D(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$i, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2825,7 +2966,6 @@ function ShaderComponent$D(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2843,7 +2983,7 @@ function ShaderComponent$D(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$i.fragmentNode, parentId, metadata, uniforms, componentDefinition$i);
+      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -2898,7 +3038,7 @@ function ShaderComponent$D(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2919,8 +3059,8 @@ const defaultProps$C = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$j && componentDefinition$j.props) {
-    Object.entries(componentDefinition$j.props).forEach(([key, config]) => {
+  if (componentDefinition$k && componentDefinition$k.props) {
+    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$C[key] = propConfig.default;
@@ -2931,6 +3071,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$C(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -2938,13 +3079,13 @@ function ShaderComponent$C(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$j.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$C
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -2957,7 +3098,7 @@ function ShaderComponent$C(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$j, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -2965,7 +3106,6 @@ function ShaderComponent$C(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2983,7 +3123,7 @@ function ShaderComponent$C(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$j.fragmentNode, parentId, metadata, uniforms, componentDefinition$j);
+      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3038,7 +3178,7 @@ function ShaderComponent$C(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3059,8 +3199,8 @@ const defaultProps$B = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$k && componentDefinition$k.props) {
-    Object.entries(componentDefinition$k.props).forEach(([key, config]) => {
+  if (componentDefinition$l && componentDefinition$l.props) {
+    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$B[key] = propConfig.default;
@@ -3071,6 +3211,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$B(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3078,13 +3219,13 @@ function ShaderComponent$B(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$k.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$B
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3097,7 +3238,7 @@ function ShaderComponent$B(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$k, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3105,7 +3246,6 @@ function ShaderComponent$B(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3123,7 +3263,7 @@ function ShaderComponent$B(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$k.fragmentNode, parentId, metadata, uniforms, componentDefinition$k);
+      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3178,7 +3318,7 @@ function ShaderComponent$B(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3199,8 +3339,8 @@ const defaultProps$A = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$l && componentDefinition$l.props) {
-    Object.entries(componentDefinition$l.props).forEach(([key, config]) => {
+  if (componentDefinition$m && componentDefinition$m.props) {
+    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$A[key] = propConfig.default;
@@ -3211,6 +3351,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$A(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3218,13 +3359,13 @@ function ShaderComponent$A(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$l.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$A
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3237,7 +3378,7 @@ function ShaderComponent$A(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$l, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3245,7 +3386,6 @@ function ShaderComponent$A(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3263,7 +3403,7 @@ function ShaderComponent$A(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$l.fragmentNode, parentId, metadata, uniforms, componentDefinition$l);
+      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3318,7 +3458,7 @@ function ShaderComponent$A(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3339,8 +3479,8 @@ const defaultProps$z = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$m && componentDefinition$m.props) {
-    Object.entries(componentDefinition$m.props).forEach(([key, config]) => {
+  if (componentDefinition$n && componentDefinition$n.props) {
+    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$z[key] = propConfig.default;
@@ -3351,6 +3491,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$z(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3358,13 +3499,13 @@ function ShaderComponent$z(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$m.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$z
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3377,7 +3518,7 @@ function ShaderComponent$z(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$m, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3385,7 +3526,6 @@ function ShaderComponent$z(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3403,7 +3543,7 @@ function ShaderComponent$z(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$m.fragmentNode, parentId, metadata, uniforms, componentDefinition$m);
+      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3458,7 +3598,7 @@ function ShaderComponent$z(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3479,8 +3619,8 @@ const defaultProps$y = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$n && componentDefinition$n.props) {
-    Object.entries(componentDefinition$n.props).forEach(([key, config]) => {
+  if (componentDefinition$o && componentDefinition$o.props) {
+    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$y[key] = propConfig.default;
@@ -3491,6 +3631,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$y(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3498,13 +3639,13 @@ function ShaderComponent$y(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$n.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$y
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3517,7 +3658,7 @@ function ShaderComponent$y(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$n, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3525,7 +3666,6 @@ function ShaderComponent$y(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3543,7 +3683,7 @@ function ShaderComponent$y(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$n.fragmentNode, parentId, metadata, uniforms, componentDefinition$n);
+      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3598,7 +3738,7 @@ function ShaderComponent$y(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3619,8 +3759,8 @@ const defaultProps$x = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$o && componentDefinition$o.props) {
-    Object.entries(componentDefinition$o.props).forEach(([key, config]) => {
+  if (componentDefinition$p && componentDefinition$p.props) {
+    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$x[key] = propConfig.default;
@@ -3631,6 +3771,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$x(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3638,13 +3779,13 @@ function ShaderComponent$x(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$o.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$x
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3657,7 +3798,7 @@ function ShaderComponent$x(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$o, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3665,7 +3806,6 @@ function ShaderComponent$x(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3683,7 +3823,7 @@ function ShaderComponent$x(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$o.fragmentNode, parentId, metadata, uniforms, componentDefinition$o);
+      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3738,7 +3878,7 @@ function ShaderComponent$x(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3759,8 +3899,8 @@ const defaultProps$w = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$p && componentDefinition$p.props) {
-    Object.entries(componentDefinition$p.props).forEach(([key, config]) => {
+  if (componentDefinition$q && componentDefinition$q.props) {
+    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$w[key] = propConfig.default;
@@ -3771,6 +3911,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$w(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3778,13 +3919,13 @@ function ShaderComponent$w(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$p.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$w
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3797,7 +3938,7 @@ function ShaderComponent$w(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$p, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3805,7 +3946,6 @@ function ShaderComponent$w(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3823,7 +3963,7 @@ function ShaderComponent$w(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$p.fragmentNode, parentId, metadata, uniforms, componentDefinition$p);
+      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -3878,7 +4018,7 @@ function ShaderComponent$w(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3899,8 +4039,8 @@ const defaultProps$v = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$q && componentDefinition$q.props) {
-    Object.entries(componentDefinition$q.props).forEach(([key, config]) => {
+  if (componentDefinition$r && componentDefinition$r.props) {
+    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$v[key] = propConfig.default;
@@ -3911,6 +4051,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$v(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -3918,13 +4059,13 @@ function ShaderComponent$v(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$v
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -3937,7 +4078,7 @@ function ShaderComponent$v(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -3945,7 +4086,6 @@ function ShaderComponent$v(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3963,7 +4103,7 @@ function ShaderComponent$v(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$q.fragmentNode, parentId, metadata, uniforms, componentDefinition$q);
+      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4018,7 +4158,7 @@ function ShaderComponent$v(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4039,8 +4179,8 @@ const defaultProps$u = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$r && componentDefinition$r.props) {
-    Object.entries(componentDefinition$r.props).forEach(([key, config]) => {
+  if (componentDefinition$s && componentDefinition$s.props) {
+    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$u[key] = propConfig.default;
@@ -4051,6 +4191,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$u(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4058,13 +4199,13 @@ function ShaderComponent$u(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$r.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$u
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4077,7 +4218,7 @@ function ShaderComponent$u(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$r, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4085,7 +4226,6 @@ function ShaderComponent$u(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4103,7 +4243,7 @@ function ShaderComponent$u(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$r.fragmentNode, parentId, metadata, uniforms, componentDefinition$r);
+      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4158,7 +4298,7 @@ function ShaderComponent$u(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4179,8 +4319,8 @@ const defaultProps$t = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$s && componentDefinition$s.props) {
-    Object.entries(componentDefinition$s.props).forEach(([key, config]) => {
+  if (componentDefinition$t && componentDefinition$t.props) {
+    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$t[key] = propConfig.default;
@@ -4191,6 +4331,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$t(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4198,13 +4339,13 @@ function ShaderComponent$t(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$s.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$t
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4217,7 +4358,7 @@ function ShaderComponent$t(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$s, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4225,7 +4366,6 @@ function ShaderComponent$t(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4243,7 +4383,7 @@ function ShaderComponent$t(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$s.fragmentNode, parentId, metadata, uniforms, componentDefinition$s);
+      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4298,7 +4438,7 @@ function ShaderComponent$t(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4319,8 +4459,8 @@ const defaultProps$s = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$t && componentDefinition$t.props) {
-    Object.entries(componentDefinition$t.props).forEach(([key, config]) => {
+  if (componentDefinition$u && componentDefinition$u.props) {
+    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$s[key] = propConfig.default;
@@ -4331,6 +4471,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$s(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4338,13 +4479,13 @@ function ShaderComponent$s(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$t.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$s
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4357,7 +4498,7 @@ function ShaderComponent$s(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$t, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4365,7 +4506,6 @@ function ShaderComponent$s(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4383,7 +4523,7 @@ function ShaderComponent$s(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$t.fragmentNode, parentId, metadata, uniforms, componentDefinition$t);
+      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4438,7 +4578,7 @@ function ShaderComponent$s(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4459,8 +4599,8 @@ const defaultProps$r = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$u && componentDefinition$u.props) {
-    Object.entries(componentDefinition$u.props).forEach(([key, config]) => {
+  if (componentDefinition$v && componentDefinition$v.props) {
+    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$r[key] = propConfig.default;
@@ -4471,6 +4611,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$r(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4478,13 +4619,13 @@ function ShaderComponent$r(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$u.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$r
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4497,7 +4638,7 @@ function ShaderComponent$r(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$u, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4505,7 +4646,6 @@ function ShaderComponent$r(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4523,7 +4663,7 @@ function ShaderComponent$r(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$u.fragmentNode, parentId, metadata, uniforms, componentDefinition$u);
+      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4578,7 +4718,7 @@ function ShaderComponent$r(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4599,8 +4739,8 @@ const defaultProps$q = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$v && componentDefinition$v.props) {
-    Object.entries(componentDefinition$v.props).forEach(([key, config]) => {
+  if (componentDefinition$w && componentDefinition$w.props) {
+    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$q[key] = propConfig.default;
@@ -4611,6 +4751,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$q(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4618,13 +4759,13 @@ function ShaderComponent$q(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$v.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$q
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4637,7 +4778,7 @@ function ShaderComponent$q(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$v, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4645,7 +4786,6 @@ function ShaderComponent$q(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4663,7 +4803,7 @@ function ShaderComponent$q(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$v.fragmentNode, parentId, metadata, uniforms, componentDefinition$v);
+      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4718,7 +4858,7 @@ function ShaderComponent$q(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4739,8 +4879,8 @@ const defaultProps$p = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$w && componentDefinition$w.props) {
-    Object.entries(componentDefinition$w.props).forEach(([key, config]) => {
+  if (componentDefinition$x && componentDefinition$x.props) {
+    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$p[key] = propConfig.default;
@@ -4751,6 +4891,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$p(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4758,13 +4899,13 @@ function ShaderComponent$p(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$w.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$p
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4777,7 +4918,7 @@ function ShaderComponent$p(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$w, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4785,7 +4926,6 @@ function ShaderComponent$p(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4803,7 +4943,7 @@ function ShaderComponent$p(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$w.fragmentNode, parentId, metadata, uniforms, componentDefinition$w);
+      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4858,7 +4998,7 @@ function ShaderComponent$p(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4879,8 +5019,8 @@ const defaultProps$o = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$x && componentDefinition$x.props) {
-    Object.entries(componentDefinition$x.props).forEach(([key, config]) => {
+  if (componentDefinition$y && componentDefinition$y.props) {
+    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$o[key] = propConfig.default;
@@ -4891,6 +5031,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$o(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -4898,13 +5039,13 @@ function ShaderComponent$o(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$x.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$o
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -4917,7 +5058,7 @@ function ShaderComponent$o(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$x, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -4925,7 +5066,6 @@ function ShaderComponent$o(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4943,7 +5083,7 @@ function ShaderComponent$o(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$x.fragmentNode, parentId, metadata, uniforms, componentDefinition$x);
+      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -4998,7 +5138,7 @@ function ShaderComponent$o(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5019,8 +5159,8 @@ const defaultProps$n = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$y && componentDefinition$y.props) {
-    Object.entries(componentDefinition$y.props).forEach(([key, config]) => {
+  if (componentDefinition$z && componentDefinition$z.props) {
+    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$n[key] = propConfig.default;
@@ -5031,6 +5171,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$n(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5038,13 +5179,13 @@ function ShaderComponent$n(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$y.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$n
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5057,7 +5198,7 @@ function ShaderComponent$n(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$y, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5065,7 +5206,6 @@ function ShaderComponent$n(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5083,7 +5223,7 @@ function ShaderComponent$n(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$y.fragmentNode, parentId, metadata, uniforms, componentDefinition$y);
+      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5138,7 +5278,7 @@ function ShaderComponent$n(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5159,8 +5299,8 @@ const defaultProps$m = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$z && componentDefinition$z.props) {
-    Object.entries(componentDefinition$z.props).forEach(([key, config]) => {
+  if (componentDefinition$A && componentDefinition$A.props) {
+    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$m[key] = propConfig.default;
@@ -5171,6 +5311,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$m(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5178,13 +5319,13 @@ function ShaderComponent$m(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$z.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$m
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5197,7 +5338,7 @@ function ShaderComponent$m(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$z, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5205,7 +5346,6 @@ function ShaderComponent$m(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5223,7 +5363,7 @@ function ShaderComponent$m(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$z.fragmentNode, parentId, metadata, uniforms, componentDefinition$z);
+      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5278,7 +5418,7 @@ function ShaderComponent$m(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5299,8 +5439,8 @@ const defaultProps$l = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$A && componentDefinition$A.props) {
-    Object.entries(componentDefinition$A.props).forEach(([key, config]) => {
+  if (componentDefinition$B && componentDefinition$B.props) {
+    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$l[key] = propConfig.default;
@@ -5311,6 +5451,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$l(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5318,13 +5459,13 @@ function ShaderComponent$l(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$A.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$l
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5337,7 +5478,7 @@ function ShaderComponent$l(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$A, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5345,7 +5486,6 @@ function ShaderComponent$l(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5363,7 +5503,7 @@ function ShaderComponent$l(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$A.fragmentNode, parentId, metadata, uniforms, componentDefinition$A);
+      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5418,7 +5558,7 @@ function ShaderComponent$l(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5439,8 +5579,8 @@ const defaultProps$k = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$B && componentDefinition$B.props) {
-    Object.entries(componentDefinition$B.props).forEach(([key, config]) => {
+  if (componentDefinition$C && componentDefinition$C.props) {
+    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$k[key] = propConfig.default;
@@ -5451,6 +5591,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$k(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5458,13 +5599,13 @@ function ShaderComponent$k(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$B.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$k
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5477,7 +5618,7 @@ function ShaderComponent$k(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$B, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5485,7 +5626,6 @@ function ShaderComponent$k(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5503,7 +5643,7 @@ function ShaderComponent$k(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$B.fragmentNode, parentId, metadata, uniforms, componentDefinition$B);
+      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5558,7 +5698,7 @@ function ShaderComponent$k(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5579,8 +5719,8 @@ const defaultProps$j = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$C && componentDefinition$C.props) {
-    Object.entries(componentDefinition$C.props).forEach(([key, config]) => {
+  if (componentDefinition$D && componentDefinition$D.props) {
+    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$j[key] = propConfig.default;
@@ -5591,6 +5731,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$j(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5598,13 +5739,13 @@ function ShaderComponent$j(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$C.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$j
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5617,7 +5758,7 @@ function ShaderComponent$j(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$C, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5625,7 +5766,6 @@ function ShaderComponent$j(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5643,7 +5783,7 @@ function ShaderComponent$j(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$C.fragmentNode, parentId, metadata, uniforms, componentDefinition$C);
+      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5698,7 +5838,7 @@ function ShaderComponent$j(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5719,8 +5859,8 @@ const defaultProps$i = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$D && componentDefinition$D.props) {
-    Object.entries(componentDefinition$D.props).forEach(([key, config]) => {
+  if (componentDefinition$E && componentDefinition$E.props) {
+    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$i[key] = propConfig.default;
@@ -5731,6 +5871,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$i(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5738,13 +5879,13 @@ function ShaderComponent$i(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$D.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$i
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5757,7 +5898,7 @@ function ShaderComponent$i(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$D, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5765,7 +5906,6 @@ function ShaderComponent$i(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5783,7 +5923,7 @@ function ShaderComponent$i(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$D.fragmentNode, parentId, metadata, uniforms, componentDefinition$D);
+      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5838,7 +5978,7 @@ function ShaderComponent$i(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5859,8 +5999,8 @@ const defaultProps$h = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$E && componentDefinition$E.props) {
-    Object.entries(componentDefinition$E.props).forEach(([key, config]) => {
+  if (componentDefinition$F && componentDefinition$F.props) {
+    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$h[key] = propConfig.default;
@@ -5871,6 +6011,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$h(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -5878,13 +6019,13 @@ function ShaderComponent$h(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$E.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$h
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -5897,7 +6038,7 @@ function ShaderComponent$h(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$E, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -5905,7 +6046,6 @@ function ShaderComponent$h(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5923,7 +6063,7 @@ function ShaderComponent$h(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$E.fragmentNode, parentId, metadata, uniforms, componentDefinition$E);
+      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -5978,7 +6118,7 @@ function ShaderComponent$h(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5999,8 +6139,8 @@ const defaultProps$g = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$F && componentDefinition$F.props) {
-    Object.entries(componentDefinition$F.props).forEach(([key, config]) => {
+  if (componentDefinition$G && componentDefinition$G.props) {
+    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$g[key] = propConfig.default;
@@ -6011,6 +6151,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$g(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6018,13 +6159,13 @@ function ShaderComponent$g(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$F.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$g
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6037,7 +6178,7 @@ function ShaderComponent$g(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$F, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6045,7 +6186,6 @@ function ShaderComponent$g(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6063,7 +6203,7 @@ function ShaderComponent$g(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$F.fragmentNode, parentId, metadata, uniforms, componentDefinition$F);
+      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6118,7 +6258,7 @@ function ShaderComponent$g(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6139,8 +6279,8 @@ const defaultProps$f = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$G && componentDefinition$G.props) {
-    Object.entries(componentDefinition$G.props).forEach(([key, config]) => {
+  if (componentDefinition$H && componentDefinition$H.props) {
+    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$f[key] = propConfig.default;
@@ -6151,6 +6291,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$f(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6158,13 +6299,13 @@ function ShaderComponent$f(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$G.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$f
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6177,7 +6318,7 @@ function ShaderComponent$f(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$G, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6185,7 +6326,6 @@ function ShaderComponent$f(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6203,7 +6343,7 @@ function ShaderComponent$f(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$G.fragmentNode, parentId, metadata, uniforms, componentDefinition$G);
+      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6258,7 +6398,7 @@ function ShaderComponent$f(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6279,8 +6419,8 @@ const defaultProps$e = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$H && componentDefinition$H.props) {
-    Object.entries(componentDefinition$H.props).forEach(([key, config]) => {
+  if (componentDefinition$I && componentDefinition$I.props) {
+    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$e[key] = propConfig.default;
@@ -6291,6 +6431,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$e(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6298,13 +6439,13 @@ function ShaderComponent$e(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$H.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$e
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6317,7 +6458,7 @@ function ShaderComponent$e(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$H, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6325,7 +6466,6 @@ function ShaderComponent$e(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6343,7 +6483,7 @@ function ShaderComponent$e(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$H.fragmentNode, parentId, metadata, uniforms, componentDefinition$H);
+      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6398,7 +6538,7 @@ function ShaderComponent$e(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6419,8 +6559,8 @@ const defaultProps$d = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$I && componentDefinition$I.props) {
-    Object.entries(componentDefinition$I.props).forEach(([key, config]) => {
+  if (componentDefinition$J && componentDefinition$J.props) {
+    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$d[key] = propConfig.default;
@@ -6431,6 +6571,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$d(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6438,13 +6579,13 @@ function ShaderComponent$d(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$I.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$d
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6457,7 +6598,7 @@ function ShaderComponent$d(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$I, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6465,7 +6606,6 @@ function ShaderComponent$d(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6483,7 +6623,7 @@ function ShaderComponent$d(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$I.fragmentNode, parentId, metadata, uniforms, componentDefinition$I);
+      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6538,7 +6678,7 @@ function ShaderComponent$d(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6559,8 +6699,8 @@ const defaultProps$c = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$J && componentDefinition$J.props) {
-    Object.entries(componentDefinition$J.props).forEach(([key, config]) => {
+  if (componentDefinition$K && componentDefinition$K.props) {
+    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$c[key] = propConfig.default;
@@ -6571,6 +6711,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$c(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6578,13 +6719,13 @@ function ShaderComponent$c(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$J.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$c
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6597,7 +6738,7 @@ function ShaderComponent$c(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$J, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6605,7 +6746,6 @@ function ShaderComponent$c(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6623,7 +6763,7 @@ function ShaderComponent$c(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$J.fragmentNode, parentId, metadata, uniforms, componentDefinition$J);
+      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6678,7 +6818,7 @@ function ShaderComponent$c(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6699,8 +6839,8 @@ const defaultProps$b = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$K && componentDefinition$K.props) {
-    Object.entries(componentDefinition$K.props).forEach(([key, config]) => {
+  if (componentDefinition$L && componentDefinition$L.props) {
+    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$b[key] = propConfig.default;
@@ -6711,6 +6851,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$b(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6718,13 +6859,13 @@ function ShaderComponent$b(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$K.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$b
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6737,7 +6878,7 @@ function ShaderComponent$b(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$K, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6745,7 +6886,6 @@ function ShaderComponent$b(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6763,7 +6903,7 @@ function ShaderComponent$b(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$K.fragmentNode, parentId, metadata, uniforms, componentDefinition$K);
+      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6818,7 +6958,7 @@ function ShaderComponent$b(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6839,8 +6979,8 @@ const defaultProps$a = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$L && componentDefinition$L.props) {
-    Object.entries(componentDefinition$L.props).forEach(([key, config]) => {
+  if (componentDefinition$M && componentDefinition$M.props) {
+    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$a[key] = propConfig.default;
@@ -6851,6 +6991,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$a(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6858,13 +6999,13 @@ function ShaderComponent$a(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$L.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$a
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -6877,7 +7018,7 @@ function ShaderComponent$a(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$L, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -6885,7 +7026,6 @@ function ShaderComponent$a(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6903,7 +7043,7 @@ function ShaderComponent$a(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$L.fragmentNode, parentId, metadata, uniforms, componentDefinition$L);
+      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -6958,7 +7098,7 @@ function ShaderComponent$a(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6979,8 +7119,8 @@ const defaultProps$9 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$M && componentDefinition$M.props) {
-    Object.entries(componentDefinition$M.props).forEach(([key, config]) => {
+  if (componentDefinition$N && componentDefinition$N.props) {
+    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$9[key] = propConfig.default;
@@ -6991,6 +7131,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$9(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -6998,13 +7139,13 @@ function ShaderComponent$9(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$M.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$9
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7017,7 +7158,7 @@ function ShaderComponent$9(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$M, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7025,7 +7166,6 @@ function ShaderComponent$9(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7043,7 +7183,7 @@ function ShaderComponent$9(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$M.fragmentNode, parentId, metadata, uniforms, componentDefinition$M);
+      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7098,7 +7238,7 @@ function ShaderComponent$9(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7119,8 +7259,8 @@ const defaultProps$8 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$N && componentDefinition$N.props) {
-    Object.entries(componentDefinition$N.props).forEach(([key, config]) => {
+  if (componentDefinition$O && componentDefinition$O.props) {
+    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$8[key] = propConfig.default;
@@ -7131,6 +7271,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$8(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7138,13 +7279,13 @@ function ShaderComponent$8(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$N.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$8
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7157,7 +7298,7 @@ function ShaderComponent$8(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$N, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7165,7 +7306,6 @@ function ShaderComponent$8(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7183,7 +7323,7 @@ function ShaderComponent$8(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$N.fragmentNode, parentId, metadata, uniforms, componentDefinition$N);
+      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7238,7 +7378,7 @@ function ShaderComponent$8(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7259,8 +7399,8 @@ const defaultProps$7 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$O && componentDefinition$O.props) {
-    Object.entries(componentDefinition$O.props).forEach(([key, config]) => {
+  if (componentDefinition$P && componentDefinition$P.props) {
+    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$7[key] = propConfig.default;
@@ -7271,6 +7411,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$7(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7278,13 +7419,13 @@ function ShaderComponent$7(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$O.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$7
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7297,7 +7438,7 @@ function ShaderComponent$7(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$O, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7305,7 +7446,6 @@ function ShaderComponent$7(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7323,7 +7463,7 @@ function ShaderComponent$7(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$O.fragmentNode, parentId, metadata, uniforms, componentDefinition$O);
+      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7378,7 +7518,7 @@ function ShaderComponent$7(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7399,8 +7539,8 @@ const defaultProps$6 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$P && componentDefinition$P.props) {
-    Object.entries(componentDefinition$P.props).forEach(([key, config]) => {
+  if (componentDefinition$Q && componentDefinition$Q.props) {
+    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$6[key] = propConfig.default;
@@ -7411,6 +7551,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$6(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7418,13 +7559,13 @@ function ShaderComponent$6(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$P.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$6
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7437,7 +7578,7 @@ function ShaderComponent$6(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$P, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7445,7 +7586,6 @@ function ShaderComponent$6(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7463,7 +7603,7 @@ function ShaderComponent$6(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$P.fragmentNode, parentId, metadata, uniforms, componentDefinition$P);
+      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7518,7 +7658,7 @@ function ShaderComponent$6(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7539,8 +7679,8 @@ const defaultProps$5 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$Q && componentDefinition$Q.props) {
-    Object.entries(componentDefinition$Q.props).forEach(([key, config]) => {
+  if (componentDefinition$R && componentDefinition$R.props) {
+    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$5[key] = propConfig.default;
@@ -7551,6 +7691,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$5(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7558,13 +7699,13 @@ function ShaderComponent$5(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$Q.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$5
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7577,7 +7718,7 @@ function ShaderComponent$5(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$Q, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7585,7 +7726,6 @@ function ShaderComponent$5(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7603,7 +7743,7 @@ function ShaderComponent$5(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$Q.fragmentNode, parentId, metadata, uniforms, componentDefinition$Q);
+      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7658,7 +7798,7 @@ function ShaderComponent$5(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7679,8 +7819,8 @@ const defaultProps$4 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$R && componentDefinition$R.props) {
-    Object.entries(componentDefinition$R.props).forEach(([key, config]) => {
+  if (componentDefinition$S && componentDefinition$S.props) {
+    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$4[key] = propConfig.default;
@@ -7691,6 +7831,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$4(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7698,13 +7839,13 @@ function ShaderComponent$4(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$R.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$4
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7717,7 +7858,7 @@ function ShaderComponent$4(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$R, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7725,7 +7866,6 @@ function ShaderComponent$4(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7743,7 +7883,7 @@ function ShaderComponent$4(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$R.fragmentNode, parentId, metadata, uniforms, componentDefinition$R);
+      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7798,7 +7938,7 @@ function ShaderComponent$4(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7819,8 +7959,8 @@ const defaultProps$3 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$S && componentDefinition$S.props) {
-    Object.entries(componentDefinition$S.props).forEach(([key, config]) => {
+  if (componentDefinition$T && componentDefinition$T.props) {
+    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$3[key] = propConfig.default;
@@ -7831,6 +7971,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$3(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7838,13 +7979,13 @@ function ShaderComponent$3(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$S.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$3
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7857,7 +7998,7 @@ function ShaderComponent$3(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$S, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -7865,7 +8006,6 @@ function ShaderComponent$3(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7883,7 +8023,7 @@ function ShaderComponent$3(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$S.fragmentNode, parentId, metadata, uniforms, componentDefinition$S);
+      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -7938,7 +8078,7 @@ function ShaderComponent$3(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7959,8 +8099,8 @@ const defaultProps$2 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$T && componentDefinition$T.props) {
-    Object.entries(componentDefinition$T.props).forEach(([key, config]) => {
+  if (componentDefinition$U && componentDefinition$U.props) {
+    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$2[key] = propConfig.default;
@@ -7971,6 +8111,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$2(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -7978,13 +8119,13 @@ function ShaderComponent$2(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$T.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$2
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -7997,7 +8138,7 @@ function ShaderComponent$2(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$T, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8005,7 +8146,6 @@ function ShaderComponent$2(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -8023,7 +8163,7 @@ function ShaderComponent$2(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$T.fragmentNode, parentId, metadata, uniforms, componentDefinition$T);
+      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8078,7 +8218,7 @@ function ShaderComponent$2(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -8099,8 +8239,8 @@ const defaultProps$1 = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$U && componentDefinition$U.props) {
-    Object.entries(componentDefinition$U.props).forEach(([key, config]) => {
+  if (componentDefinition$V && componentDefinition$V.props) {
+    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps$1[key] = propConfig.default;
@@ -8111,6 +8251,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent$1(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -8118,13 +8259,13 @@ function ShaderComponent$1(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$U.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps$1
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -8137,7 +8278,7 @@ function ShaderComponent$1(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$U, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8145,7 +8286,6 @@ function ShaderComponent$1(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -8163,7 +8303,7 @@ function ShaderComponent$1(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$U.fragmentNode, parentId, metadata, uniforms, componentDefinition$U);
+      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8218,7 +8358,7 @@ function ShaderComponent$1(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -8239,8 +8379,8 @@ const defaultProps = {
   // transform intentionally has no default - handled by effectiveTransform
 };
 try {
-  if (componentDefinition$V && componentDefinition$V.props) {
-    Object.entries(componentDefinition$V.props).forEach(([key, config]) => {
+  if (componentDefinition$W && componentDefinition$W.props) {
+    Object.entries(componentDefinition$W.props).forEach(([key, config]) => {
       const propConfig = config;
       if (propConfig && typeof propConfig === "object" && "default" in propConfig) {
         defaultProps[key] = propConfig.default;
@@ -8251,6 +8391,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -8258,13 +8399,13 @@ function ShaderComponent(props) {
     shaderUniformUpdate: parentUniformUpdate,
     shaderMetadataUpdate: parentMetadataUpdate
   } = context;
-  const instanceId = props.id || `${componentDefinition$V.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+  const instanceId = props.id || `${componentDefinition$W.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
     };
-    for (const [key, value] of Object.entries(props)) {
-      if (key !== "children" && value !== void 0) {
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (value !== void 0) {
         baseProps[key] = value;
       }
     }
@@ -8277,7 +8418,7 @@ function ShaderComponent(props) {
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
-      uniformsMap = createUniformsMap(componentDefinition$V, effectiveProps(), instanceId);
+      uniformsMap = createUniformsMap(componentDefinition$W, effectiveProps(), instanceId);
     }
     return uniformsMap;
   };
@@ -8285,7 +8426,6 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -8303,7 +8443,7 @@ function ShaderComponent(props) {
         renderOrder: props.renderOrder || 0,
         transform: effectiveTransform()
       };
-      parentRegister(instanceId, componentDefinition$V.fragmentNode, parentId, metadata, uniforms, componentDefinition$V);
+      parentRegister(instanceId, componentDefinition$W.fragmentNode, parentId, metadata, uniforms, componentDefinition$W);
       isRegistered = true;
     } catch (error) {
       console.error("Error registering shader node:", error);
@@ -8358,65 +8498,66 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
 export {
-  ShaderComponent$V as AngularBlur,
-  ShaderComponent$U as Ascii,
-  ShaderComponent$T as Beam,
-  ShaderComponent$S as Blob,
-  ShaderComponent$R as Blur,
-  ShaderComponent$Q as BrightnessContrast,
-  ShaderComponent$P as Bulge,
-  ShaderComponent$O as CRTScreen,
-  ShaderComponent$N as ChannelBlur,
-  ShaderComponent$M as Checkerboard,
-  ShaderComponent$L as ChromaFlow,
-  ShaderComponent$K as ChromaticAberration,
-  ShaderComponent$J as Circle,
-  ShaderComponent$I as CursorTrail,
-  ShaderComponent$H as DiffuseBlur,
-  ShaderComponent$G as Dither,
-  ShaderComponent$F as DotGrid,
-  ShaderComponent$E as Duotone,
-  ShaderComponent$D as FilmGrain,
-  ShaderComponent$C as FloatingParticles,
-  ShaderComponent$B as GlassTiles,
-  ShaderComponent$A as Glow,
-  ShaderComponent$z as Godrays,
-  ShaderComponent$y as Grayscale,
-  ShaderComponent$x as Grid,
-  ShaderComponent$w as GridDistortion,
-  ShaderComponent$v as Group,
-  ShaderComponent$u as Halftone,
-  ShaderComponent$t as HueShift,
-  ShaderComponent$s as ImageTexture,
-  ShaderComponent$r as Invert,
-  ShaderComponent$q as LinearBlur,
-  ShaderComponent$p as LinearGradient,
-  ShaderComponent$o as Liquify,
-  ShaderComponent$n as Perspective,
-  ShaderComponent$m as Pixelate,
-  ShaderComponent$l as PolarCoordinates,
-  ShaderComponent$k as Posterize,
-  ShaderComponent$j as ProgressiveBlur,
-  ShaderComponent$i as RadialGradient,
-  ShaderComponent$h as RectangularCoordinates,
-  ShaderComponent$g as Ripples,
-  ShaderComponent$f as Saturation,
+  ShaderComponent$W as AngularBlur,
+  ShaderComponent$V as Ascii,
+  ShaderComponent$U as Beam,
+  ShaderComponent$T as Blob,
+  ShaderComponent$S as Blur,
+  ShaderComponent$R as BrightnessContrast,
+  ShaderComponent$Q as Bulge,
+  ShaderComponent$P as CRTScreen,
+  ShaderComponent$O as ChannelBlur,
+  ShaderComponent$N as Checkerboard,
+  ShaderComponent$M as ChromaFlow,
+  ShaderComponent$L as ChromaticAberration,
+  ShaderComponent$K as Circle,
+  ShaderComponent$J as CursorTrail,
+  ShaderComponent$I as DiffuseBlur,
+  ShaderComponent$H as Dither,
+  ShaderComponent$G as DotGrid,
+  ShaderComponent$F as Duotone,
+  ShaderComponent$E as FilmGrain,
+  ShaderComponent$D as FloatingParticles,
+  ShaderComponent$C as GlassTiles,
+  ShaderComponent$B as Glow,
+  ShaderComponent$A as Godrays,
+  ShaderComponent$z as Grayscale,
+  ShaderComponent$y as Grid,
+  ShaderComponent$x as GridDistortion,
+  ShaderComponent$w as Group,
+  ShaderComponent$v as Halftone,
+  ShaderComponent$u as HueShift,
+  ShaderComponent$t as ImageTexture,
+  ShaderComponent$s as Invert,
+  ShaderComponent$r as LinearBlur,
+  ShaderComponent$q as LinearGradient,
+  ShaderComponent$p as Liquify,
+  ShaderComponent$o as Perspective,
+  ShaderComponent$n as Pixelate,
+  ShaderComponent$m as PolarCoordinates,
+  ShaderComponent$l as Posterize,
+  ShaderComponent$k as ProgressiveBlur,
+  ShaderComponent$j as RadialGradient,
+  ShaderComponent$i as RectangularCoordinates,
+  ShaderComponent$h as Ripples,
+  ShaderComponent$g as Saturation,
   Shader,
-  ShaderComponent$e as Sharpness,
-  ShaderComponent$d as SimplexNoise,
-  ShaderComponent$c as SineWave,
-  ShaderComponent$b as SolidColor,
-  ShaderComponent$a as Spherize,
-  ShaderComponent$9 as Spiral,
-  ShaderComponent$8 as Strands,
-  ShaderComponent$7 as Stretch,
-  ShaderComponent$6 as Swirl,
-  ShaderComponent$5 as TiltShift,
+  ShaderComponent$f as Sharpness,
+  ShaderComponent$e as SimplexNoise,
+  ShaderComponent$d as SineWave,
+  ShaderComponent$c as SolidColor,
+  ShaderComponent$b as Spherize,
+  ShaderComponent$a as Spiral,
+  ShaderComponent$9 as Strands,
+  ShaderComponent$8 as Stretch,
+  ShaderComponent$7 as Swirl,
+  ShaderComponent$6 as TiltShift,
+  ShaderComponent$5 as Tint,
   ShaderComponent$4 as Tritone,
   ShaderComponent$3 as Twirl,
   ShaderComponent$2 as Vibrance,