shaders 2.2.37 → 2.2.39

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";
@@ -114,7 +114,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 +229,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$;
     }
   });
@@ -271,6 +270,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,
@@ -283,8 +283,8 @@ function ShaderComponent$V(props) {
     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;
       }
     }
@@ -305,7 +305,6 @@ function ShaderComponent$V(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -378,7 +377,7 @@ function ShaderComponent$V(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -411,6 +410,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,
@@ -423,8 +423,8 @@ function ShaderComponent$U(props) {
     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;
       }
     }
@@ -445,7 +445,6 @@ function ShaderComponent$U(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -518,7 +517,7 @@ function ShaderComponent$U(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -551,6 +550,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,
@@ -563,8 +563,8 @@ function ShaderComponent$T(props) {
     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;
       }
     }
@@ -585,7 +585,6 @@ function ShaderComponent$T(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -658,7 +657,7 @@ function ShaderComponent$T(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -691,6 +690,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,
@@ -703,8 +703,8 @@ function ShaderComponent$S(props) {
     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;
       }
     }
@@ -725,7 +725,6 @@ function ShaderComponent$S(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -798,7 +797,7 @@ function ShaderComponent$S(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -831,6 +830,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,
@@ -843,8 +843,8 @@ function ShaderComponent$R(props) {
     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;
       }
     }
@@ -865,7 +865,6 @@ function ShaderComponent$R(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -938,7 +937,7 @@ function ShaderComponent$R(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -971,6 +970,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,
@@ -983,8 +983,8 @@ function ShaderComponent$Q(props) {
     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;
       }
     }
@@ -1005,7 +1005,6 @@ function ShaderComponent$Q(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1078,7 +1077,7 @@ function ShaderComponent$Q(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1111,6 +1110,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,
@@ -1123,8 +1123,8 @@ function ShaderComponent$P(props) {
     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;
       }
     }
@@ -1145,7 +1145,6 @@ function ShaderComponent$P(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1218,7 +1217,7 @@ function ShaderComponent$P(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1251,6 +1250,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,
@@ -1263,8 +1263,8 @@ function ShaderComponent$O(props) {
     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;
       }
     }
@@ -1285,7 +1285,6 @@ function ShaderComponent$O(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1358,7 +1357,7 @@ function ShaderComponent$O(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1391,6 +1390,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,
@@ -1403,8 +1403,8 @@ function ShaderComponent$N(props) {
     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;
       }
     }
@@ -1425,7 +1425,6 @@ function ShaderComponent$N(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1498,7 +1497,7 @@ function ShaderComponent$N(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1531,6 +1530,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,
@@ -1543,8 +1543,8 @@ function ShaderComponent$M(props) {
     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;
       }
     }
@@ -1565,7 +1565,6 @@ function ShaderComponent$M(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1638,7 +1637,7 @@ function ShaderComponent$M(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1671,6 +1670,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,
@@ -1683,8 +1683,8 @@ function ShaderComponent$L(props) {
     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;
       }
     }
@@ -1705,7 +1705,6 @@ function ShaderComponent$L(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1778,7 +1777,7 @@ function ShaderComponent$L(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1811,6 +1810,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,
@@ -1823,8 +1823,8 @@ function ShaderComponent$K(props) {
     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;
       }
     }
@@ -1845,7 +1845,6 @@ function ShaderComponent$K(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -1918,7 +1917,7 @@ function ShaderComponent$K(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -1951,6 +1950,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,
@@ -1963,8 +1963,8 @@ function ShaderComponent$J(props) {
     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;
       }
     }
@@ -1985,7 +1985,6 @@ function ShaderComponent$J(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2058,7 +2057,7 @@ function ShaderComponent$J(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2091,6 +2090,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,
@@ -2103,8 +2103,8 @@ function ShaderComponent$I(props) {
     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;
       }
     }
@@ -2125,7 +2125,6 @@ function ShaderComponent$I(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2198,7 +2197,7 @@ function ShaderComponent$I(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2231,6 +2230,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,
@@ -2243,8 +2243,8 @@ function ShaderComponent$H(props) {
     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;
       }
     }
@@ -2265,7 +2265,6 @@ function ShaderComponent$H(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2338,7 +2337,7 @@ function ShaderComponent$H(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2371,6 +2370,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,
@@ -2383,8 +2383,8 @@ function ShaderComponent$G(props) {
     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;
       }
     }
@@ -2405,7 +2405,6 @@ function ShaderComponent$G(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2478,7 +2477,7 @@ function ShaderComponent$G(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2511,6 +2510,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,
@@ -2523,8 +2523,8 @@ function ShaderComponent$F(props) {
     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;
       }
     }
@@ -2545,7 +2545,6 @@ function ShaderComponent$F(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2618,7 +2617,7 @@ function ShaderComponent$F(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2651,6 +2650,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,
@@ -2663,8 +2663,8 @@ function ShaderComponent$E(props) {
     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;
       }
     }
@@ -2685,7 +2685,6 @@ function ShaderComponent$E(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2758,7 +2757,7 @@ function ShaderComponent$E(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2791,6 +2790,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,
@@ -2803,8 +2803,8 @@ function ShaderComponent$D(props) {
     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;
       }
     }
@@ -2825,7 +2825,6 @@ function ShaderComponent$D(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -2898,7 +2897,7 @@ function ShaderComponent$D(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -2931,6 +2930,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,
@@ -2943,8 +2943,8 @@ function ShaderComponent$C(props) {
     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;
       }
     }
@@ -2965,7 +2965,6 @@ function ShaderComponent$C(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3038,7 +3037,7 @@ function ShaderComponent$C(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3071,6 +3070,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,
@@ -3083,8 +3083,8 @@ function ShaderComponent$B(props) {
     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;
       }
     }
@@ -3105,7 +3105,6 @@ function ShaderComponent$B(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3178,7 +3177,7 @@ function ShaderComponent$B(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3211,6 +3210,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,
@@ -3223,8 +3223,8 @@ function ShaderComponent$A(props) {
     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;
       }
     }
@@ -3245,7 +3245,6 @@ function ShaderComponent$A(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3318,7 +3317,7 @@ function ShaderComponent$A(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3351,6 +3350,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,
@@ -3363,8 +3363,8 @@ function ShaderComponent$z(props) {
     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;
       }
     }
@@ -3385,7 +3385,6 @@ function ShaderComponent$z(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3458,7 +3457,7 @@ function ShaderComponent$z(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3491,6 +3490,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,
@@ -3503,8 +3503,8 @@ function ShaderComponent$y(props) {
     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;
       }
     }
@@ -3525,7 +3525,6 @@ function ShaderComponent$y(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3598,7 +3597,7 @@ function ShaderComponent$y(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3631,6 +3630,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,
@@ -3643,8 +3643,8 @@ function ShaderComponent$x(props) {
     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;
       }
     }
@@ -3665,7 +3665,6 @@ function ShaderComponent$x(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3738,7 +3737,7 @@ function ShaderComponent$x(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3771,6 +3770,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,
@@ -3783,8 +3783,8 @@ function ShaderComponent$w(props) {
     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;
       }
     }
@@ -3805,7 +3805,6 @@ function ShaderComponent$w(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -3878,7 +3877,7 @@ function ShaderComponent$w(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -3911,6 +3910,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,
@@ -3923,8 +3923,8 @@ function ShaderComponent$v(props) {
     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;
       }
     }
@@ -3945,7 +3945,6 @@ function ShaderComponent$v(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4018,7 +4017,7 @@ function ShaderComponent$v(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4051,6 +4050,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,
@@ -4063,8 +4063,8 @@ function ShaderComponent$u(props) {
     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;
       }
     }
@@ -4085,7 +4085,6 @@ function ShaderComponent$u(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4158,7 +4157,7 @@ function ShaderComponent$u(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4191,6 +4190,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,
@@ -4203,8 +4203,8 @@ function ShaderComponent$t(props) {
     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;
       }
     }
@@ -4225,7 +4225,6 @@ function ShaderComponent$t(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4298,7 +4297,7 @@ function ShaderComponent$t(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4331,6 +4330,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,
@@ -4343,8 +4343,8 @@ function ShaderComponent$s(props) {
     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;
       }
     }
@@ -4365,7 +4365,6 @@ function ShaderComponent$s(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4438,7 +4437,7 @@ function ShaderComponent$s(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4471,6 +4470,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,
@@ -4483,8 +4483,8 @@ function ShaderComponent$r(props) {
     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;
       }
     }
@@ -4505,7 +4505,6 @@ function ShaderComponent$r(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4578,7 +4577,7 @@ function ShaderComponent$r(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4611,6 +4610,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,
@@ -4623,8 +4623,8 @@ function ShaderComponent$q(props) {
     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;
       }
     }
@@ -4645,7 +4645,6 @@ function ShaderComponent$q(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4718,7 +4717,7 @@ function ShaderComponent$q(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4751,6 +4750,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,
@@ -4763,8 +4763,8 @@ function ShaderComponent$p(props) {
     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;
       }
     }
@@ -4785,7 +4785,6 @@ function ShaderComponent$p(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4858,7 +4857,7 @@ function ShaderComponent$p(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -4891,6 +4890,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,
@@ -4903,8 +4903,8 @@ function ShaderComponent$o(props) {
     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;
       }
     }
@@ -4925,7 +4925,6 @@ function ShaderComponent$o(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -4998,7 +4997,7 @@ function ShaderComponent$o(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5031,6 +5030,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,
@@ -5043,8 +5043,8 @@ function ShaderComponent$n(props) {
     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;
       }
     }
@@ -5065,7 +5065,6 @@ function ShaderComponent$n(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5138,7 +5137,7 @@ function ShaderComponent$n(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5171,6 +5170,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,
@@ -5183,8 +5183,8 @@ function ShaderComponent$m(props) {
     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;
       }
     }
@@ -5205,7 +5205,6 @@ function ShaderComponent$m(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5278,7 +5277,7 @@ function ShaderComponent$m(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5311,6 +5310,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,
@@ -5323,8 +5323,8 @@ function ShaderComponent$l(props) {
     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;
       }
     }
@@ -5345,7 +5345,6 @@ function ShaderComponent$l(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5418,7 +5417,7 @@ function ShaderComponent$l(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5451,6 +5450,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,
@@ -5463,8 +5463,8 @@ function ShaderComponent$k(props) {
     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;
       }
     }
@@ -5485,7 +5485,6 @@ function ShaderComponent$k(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5558,7 +5557,7 @@ function ShaderComponent$k(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5591,6 +5590,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,
@@ -5603,8 +5603,8 @@ function ShaderComponent$j(props) {
     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;
       }
     }
@@ -5625,7 +5625,6 @@ function ShaderComponent$j(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5698,7 +5697,7 @@ function ShaderComponent$j(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5731,6 +5730,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,
@@ -5743,8 +5743,8 @@ function ShaderComponent$i(props) {
     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;
       }
     }
@@ -5765,7 +5765,6 @@ function ShaderComponent$i(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5838,7 +5837,7 @@ function ShaderComponent$i(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -5871,6 +5870,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,
@@ -5883,8 +5883,8 @@ function ShaderComponent$h(props) {
     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;
       }
     }
@@ -5905,7 +5905,6 @@ function ShaderComponent$h(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -5978,7 +5977,7 @@ function ShaderComponent$h(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6011,6 +6010,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,
@@ -6023,8 +6023,8 @@ function ShaderComponent$g(props) {
     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;
       }
     }
@@ -6045,7 +6045,6 @@ function ShaderComponent$g(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6118,7 +6117,7 @@ function ShaderComponent$g(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6151,6 +6150,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,
@@ -6163,8 +6163,8 @@ function ShaderComponent$f(props) {
     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;
       }
     }
@@ -6185,7 +6185,6 @@ function ShaderComponent$f(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6258,7 +6257,7 @@ function ShaderComponent$f(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6291,6 +6290,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,
@@ -6303,8 +6303,8 @@ function ShaderComponent$e(props) {
     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;
       }
     }
@@ -6325,7 +6325,6 @@ function ShaderComponent$e(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6398,7 +6397,7 @@ function ShaderComponent$e(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6431,6 +6430,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,
@@ -6443,8 +6443,8 @@ function ShaderComponent$d(props) {
     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;
       }
     }
@@ -6465,7 +6465,6 @@ function ShaderComponent$d(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6538,7 +6537,7 @@ function ShaderComponent$d(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6571,6 +6570,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,
@@ -6583,8 +6583,8 @@ function ShaderComponent$c(props) {
     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;
       }
     }
@@ -6605,7 +6605,6 @@ function ShaderComponent$c(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6678,7 +6677,7 @@ function ShaderComponent$c(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6711,6 +6710,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,
@@ -6723,8 +6723,8 @@ function ShaderComponent$b(props) {
     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;
       }
     }
@@ -6745,7 +6745,6 @@ function ShaderComponent$b(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6818,7 +6817,7 @@ function ShaderComponent$b(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6851,6 +6850,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,
@@ -6863,8 +6863,8 @@ function ShaderComponent$a(props) {
     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;
       }
     }
@@ -6885,7 +6885,6 @@ function ShaderComponent$a(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -6958,7 +6957,7 @@ function ShaderComponent$a(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -6991,6 +6990,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,
@@ -7003,8 +7003,8 @@ function ShaderComponent$9(props) {
     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;
       }
     }
@@ -7025,7 +7025,6 @@ function ShaderComponent$9(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7098,7 +7097,7 @@ function ShaderComponent$9(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7131,6 +7130,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,
@@ -7143,8 +7143,8 @@ function ShaderComponent$8(props) {
     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;
       }
     }
@@ -7165,7 +7165,6 @@ function ShaderComponent$8(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7238,7 +7237,7 @@ function ShaderComponent$8(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7271,6 +7270,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,
@@ -7283,8 +7283,8 @@ function ShaderComponent$7(props) {
     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;
       }
     }
@@ -7305,7 +7305,6 @@ function ShaderComponent$7(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7378,7 +7377,7 @@ function ShaderComponent$7(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7411,6 +7410,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,
@@ -7423,8 +7423,8 @@ function ShaderComponent$6(props) {
     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;
       }
     }
@@ -7445,7 +7445,6 @@ function ShaderComponent$6(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7518,7 +7517,7 @@ function ShaderComponent$6(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7551,6 +7550,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,
@@ -7563,8 +7563,8 @@ function ShaderComponent$5(props) {
     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;
       }
     }
@@ -7585,7 +7585,6 @@ function ShaderComponent$5(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7658,7 +7657,7 @@ function ShaderComponent$5(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7691,6 +7690,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,
@@ -7703,8 +7703,8 @@ function ShaderComponent$4(props) {
     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;
       }
     }
@@ -7725,7 +7725,6 @@ function ShaderComponent$4(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7798,7 +7797,7 @@ function ShaderComponent$4(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7831,6 +7830,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,
@@ -7843,8 +7843,8 @@ function ShaderComponent$3(props) {
     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;
       }
     }
@@ -7865,7 +7865,6 @@ function ShaderComponent$3(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -7938,7 +7937,7 @@ function ShaderComponent$3(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -7971,6 +7970,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,
@@ -7983,8 +7983,8 @@ function ShaderComponent$2(props) {
     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;
       }
     }
@@ -8005,7 +8005,6 @@ function ShaderComponent$2(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -8078,7 +8077,7 @@ function ShaderComponent$2(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -8111,6 +8110,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,
@@ -8123,8 +8123,8 @@ function ShaderComponent$1(props) {
     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;
       }
     }
@@ -8145,7 +8145,6 @@ function ShaderComponent$1(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -8218,7 +8217,7 @@ function ShaderComponent$1(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }
@@ -8251,6 +8250,7 @@ try {
   console.warn("Error extracting default props:", e);
 }
 function ShaderComponent(props) {
+  const [local, otherProps] = splitProps(props, ["children"]);
   const context = useShaderContext();
   const {
     shaderParentId: parentId,
@@ -8263,8 +8263,8 @@ function ShaderComponent(props) {
     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;
       }
     }
@@ -8285,7 +8285,6 @@ function ShaderComponent(props) {
     ...context,
     shaderParentId: instanceId
   }));
-  const resolved = children(() => props.children);
   let isRegistered = false;
   onMount(() => {
     const uniforms = getUniformsMap();
@@ -8358,7 +8357,7 @@ function ShaderComponent(props) {
       return childContextValue();
     },
     get children() {
-      return resolved();
+      return local.children;
     }
   });
 }