shaders 2.0.656 → 2.0.658

package/dist/svelte/components/FilmGrain.svelte

@@ -21,11 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -36,8 +39,8 @@
         )
     };
 
-    // Declare props using Svelte 5's syntax with defaults
-    const props = $props<ExtendedComponentProps>();
+    // Declare props using Svelte 5's syntax
+    const props: ExtendedComponentProps = $props();
 
     // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
     const blendMode = props.blendMode ?? componentDefaults.blendMode;
@@ -45,11 +48,13 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
+    const { children } = props;
 
     /**
      * FIRST: Get the parent ID from context BEFORE setting our own context
      */
-    const parentId = getContext<string>('ombreParentId');
+    const parentId = getContext<string>('shaderParentId');
     if (parentId === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -62,7 +67,7 @@
     /**
      * THEN: Provide our unique identifier to child components
      */
-    setContext('ombreParentId', instanceId);
+    setContext('shaderParentId', instanceId);
 
     /**
      * Creates a non-reactive object containing only props that differ from defaults
@@ -74,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -87,13 +92,15 @@
 
     /**
      * Creates the GPU uniform values map using only the changed props
+     * Note: Intentionally captures initial value - props are immutable after initialization
      */
+    // svelte-ignore state_referenced_locally
     const uniforms: UniformsMap = createUniformsMap(componentDefinition, shaderReadyProps, instanceId);
 
     /**
      * Get the node registration function from parent context
      */
-    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('shaderNodeRegister');
     if (parentRegister === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -101,17 +108,17 @@
     /**
      * Get the uniform update function from parent context
      */
-    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
     if (parentUniformUpdate === undefined) {
-        throw new Error('Shader components require ombreUniformUpdate from parent');
+        throw new Error('Shader components require shaderUniformUpdate from parent');
     }
 
     /**
      * Get the metadata update function from parent context
      */
-    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
     if (parentMetadataUpdate === undefined) {
-        throw new Error('Shader components require ombreMetadataUpdate from parent');
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
     }
 
     // Flag to track when component is registered
@@ -144,9 +151,9 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -172,9 +179,9 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );
@@ -199,4 +206,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

package/dist/svelte/components/FilmGrain.svelte.d.ts

@@ -9,31 +9,9 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const FilmGrain: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type FilmGrain = InstanceType<typeof FilmGrain>;
+declare const FilmGrain: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type FilmGrain = ReturnType<typeof FilmGrain>;
 export default FilmGrain;

package/dist/svelte/components/GlassTiles.svelte

@@ -21,11 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -36,8 +39,8 @@
         )
     };
 
-    // Declare props using Svelte 5's syntax with defaults
-    const props = $props<ExtendedComponentProps>();
+    // Declare props using Svelte 5's syntax
+    const props: ExtendedComponentProps = $props();
 
     // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
     const blendMode = props.blendMode ?? componentDefaults.blendMode;
@@ -45,11 +48,13 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
+    const { children } = props;
 
     /**
      * FIRST: Get the parent ID from context BEFORE setting our own context
      */
-    const parentId = getContext<string>('ombreParentId');
+    const parentId = getContext<string>('shaderParentId');
     if (parentId === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -62,7 +67,7 @@
     /**
      * THEN: Provide our unique identifier to child components
      */
-    setContext('ombreParentId', instanceId);
+    setContext('shaderParentId', instanceId);
 
     /**
      * Creates a non-reactive object containing only props that differ from defaults
@@ -74,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -87,13 +92,15 @@
 
     /**
      * Creates the GPU uniform values map using only the changed props
+     * Note: Intentionally captures initial value - props are immutable after initialization
      */
+    // svelte-ignore state_referenced_locally
     const uniforms: UniformsMap = createUniformsMap(componentDefinition, shaderReadyProps, instanceId);
 
     /**
      * Get the node registration function from parent context
      */
-    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('shaderNodeRegister');
     if (parentRegister === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -101,17 +108,17 @@
     /**
      * Get the uniform update function from parent context
      */
-    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
     if (parentUniformUpdate === undefined) {
-        throw new Error('Shader components require ombreUniformUpdate from parent');
+        throw new Error('Shader components require shaderUniformUpdate from parent');
     }
 
     /**
      * Get the metadata update function from parent context
      */
-    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
     if (parentMetadataUpdate === undefined) {
-        throw new Error('Shader components require ombreMetadataUpdate from parent');
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
     }
 
     // Flag to track when component is registered
@@ -144,9 +151,9 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -172,9 +179,9 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );
@@ -199,4 +206,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

package/dist/svelte/components/GlassTiles.svelte.d.ts

@@ -9,31 +9,9 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const GlassTiles: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type GlassTiles = InstanceType<typeof GlassTiles>;
+declare const GlassTiles: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type GlassTiles = ReturnType<typeof GlassTiles>;
 export default GlassTiles;

package/dist/svelte/components/Grayscale.svelte

@@ -21,11 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -36,8 +39,8 @@
         )
     };
 
-    // Declare props using Svelte 5's syntax with defaults
-    const props = $props<ExtendedComponentProps>();
+    // Declare props using Svelte 5's syntax
+    const props: ExtendedComponentProps = $props();
 
     // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
     const blendMode = props.blendMode ?? componentDefaults.blendMode;
@@ -45,11 +48,13 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
+    const { children } = props;
 
     /**
      * FIRST: Get the parent ID from context BEFORE setting our own context
      */
-    const parentId = getContext<string>('ombreParentId');
+    const parentId = getContext<string>('shaderParentId');
     if (parentId === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -62,7 +67,7 @@
     /**
      * THEN: Provide our unique identifier to child components
      */
-    setContext('ombreParentId', instanceId);
+    setContext('shaderParentId', instanceId);
 
     /**
      * Creates a non-reactive object containing only props that differ from defaults
@@ -74,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -87,13 +92,15 @@
 
     /**
      * Creates the GPU uniform values map using only the changed props
+     * Note: Intentionally captures initial value - props are immutable after initialization
      */
+    // svelte-ignore state_referenced_locally
     const uniforms: UniformsMap = createUniformsMap(componentDefinition, shaderReadyProps, instanceId);
 
     /**
      * Get the node registration function from parent context
      */
-    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('shaderNodeRegister');
     if (parentRegister === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -101,17 +108,17 @@
     /**
      * Get the uniform update function from parent context
      */
-    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
     if (parentUniformUpdate === undefined) {
-        throw new Error('Shader components require ombreUniformUpdate from parent');
+        throw new Error('Shader components require shaderUniformUpdate from parent');
     }
 
     /**
      * Get the metadata update function from parent context
      */
-    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
     if (parentMetadataUpdate === undefined) {
-        throw new Error('Shader components require ombreMetadataUpdate from parent');
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
     }
 
     // Flag to track when component is registered
@@ -144,9 +151,9 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -172,9 +179,9 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );
@@ -199,4 +206,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

package/dist/svelte/components/Grayscale.svelte.d.ts

@@ -9,31 +9,9 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Grayscale: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Grayscale = InstanceType<typeof Grayscale>;
+declare const Grayscale: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Grayscale = ReturnType<typeof Grayscale>;
 export default Grayscale;

package/dist/svelte/components/Grid.svelte

@@ -21,11 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -36,8 +39,8 @@
         )
     };
 
-    // Declare props using Svelte 5's syntax with defaults
-    const props = $props<ExtendedComponentProps>();
+    // Declare props using Svelte 5's syntax
+    const props: ExtendedComponentProps = $props();
 
     // Apply defaults manually since Svelte 5 doesn't have withDefaults equivalent
     const blendMode = props.blendMode ?? componentDefaults.blendMode;
@@ -45,11 +48,13 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
+    const { children } = props;
 
     /**
      * FIRST: Get the parent ID from context BEFORE setting our own context
      */
-    const parentId = getContext<string>('ombreParentId');
+    const parentId = getContext<string>('shaderParentId');
     if (parentId === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -62,7 +67,7 @@
     /**
      * THEN: Provide our unique identifier to child components
      */
-    setContext('ombreParentId', instanceId);
+    setContext('shaderParentId', instanceId);
 
     /**
      * Creates a non-reactive object containing only props that differ from defaults
@@ -74,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -87,13 +92,15 @@
 
     /**
      * Creates the GPU uniform values map using only the changed props
+     * Note: Intentionally captures initial value - props are immutable after initialization
      */
+    // svelte-ignore state_referenced_locally
     const uniforms: UniformsMap = createUniformsMap(componentDefinition, shaderReadyProps, instanceId);
 
     /**
      * Get the node registration function from parent context
      */
-    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('ombreNodeRegister');
+    const parentRegister = getContext<(id: string, fragmentNodeFunc: any, parentId: string | null, metadata: NodeMetadata | null, uniforms: UniformsMap | null) => void>('shaderNodeRegister');
     if (parentRegister === undefined) {
         throw new Error('Shader components must be used inside an <Shader> component or another shader component');
     }
@@ -101,17 +108,17 @@
     /**
      * Get the uniform update function from parent context
      */
-    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('ombreUniformUpdate');
+    const parentUniformUpdate = getContext<(nodeId: string, uniformName: string, value: any) => void>('shaderUniformUpdate');
     if (parentUniformUpdate === undefined) {
-        throw new Error('Shader components require ombreUniformUpdate from parent');
+        throw new Error('Shader components require shaderUniformUpdate from parent');
     }
 
     /**
      * Get the metadata update function from parent context
      */
-    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('ombreMetadataUpdate');
+    const parentMetadataUpdate = getContext<(nodeId: string, metadata: NodeMetadata) => void>('shaderMetadataUpdate');
     if (parentMetadataUpdate === undefined) {
-        throw new Error('Shader components require ombreMetadataUpdate from parent');
+        throw new Error('Shader components require shaderMetadataUpdate from parent');
     }
 
     // Flag to track when component is registered
@@ -144,9 +151,9 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -172,9 +179,9 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );
@@ -199,4 +206,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

package/dist/svelte/components/Grid.svelte.d.ts

@@ -9,31 +9,9 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
+    children?: import('svelte').Snippet;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Grid: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Grid = InstanceType<typeof Grid>;
+declare const Grid: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Grid = ReturnType<typeof Grid>;
 export default Grid;