shaders 2.0.656 → 2.0.658

package/dist/svelte/components/GridDistortion.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/GridDistortion.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 GridDistortion: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type GridDistortion = InstanceType<typeof GridDistortion>;
+declare const GridDistortion: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type GridDistortion = ReturnType<typeof GridDistortion>;
 export default GridDistortion;

package/dist/svelte/components/HueShift.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/HueShift.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 HueShift: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type HueShift = InstanceType<typeof HueShift>;
+declare const HueShift: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type HueShift = ReturnType<typeof HueShift>;
 export default HueShift;

package/dist/svelte/components/ImageTexture.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/ImageTexture.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 ImageTexture: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type ImageTexture = InstanceType<typeof ImageTexture>;
+declare const ImageTexture: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type ImageTexture = ReturnType<typeof ImageTexture>;
 export default ImageTexture;

package/dist/svelte/components/Invert.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/Invert.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 Invert: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type Invert = InstanceType<typeof Invert>;
+declare const Invert: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Invert = ReturnType<typeof Invert>;
 export default Invert;