shaders 2.0.655 → 2.0.657

package/dist/svelte/components/HueShift.svelte

@@ -21,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,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 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    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 +64,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
@@ -87,13 +89,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 +105,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,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

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

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    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,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,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 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    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 +64,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
@@ -87,13 +89,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 +105,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,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

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

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    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,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,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 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    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 +64,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
@@ -87,13 +89,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 +105,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,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

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

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    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;

package/dist/svelte/components/LinearGradient.svelte

@@ -21,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,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 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    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 +64,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
@@ -87,13 +89,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 +105,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,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}

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

@@ -9,31 +9,8 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    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 LinearGradient: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<ExtendedComponentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, "">;
-type LinearGradient = InstanceType<typeof LinearGradient>;
+declare const LinearGradient: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type LinearGradient = ReturnType<typeof LinearGradient>;
 export default LinearGradient;

package/dist/svelte/components/Liquify.svelte

@@ -21,6 +21,7 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
@@ -36,8 +37,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 +46,12 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    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 +64,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
@@ -87,13 +89,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 +105,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,7 +148,7 @@
             id,
             mask: maskSource ? {
                 source: maskSource,
-                type: maskType || 'alpha'
+                type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
             renderOrder: 0
         };
@@ -172,7 +176,7 @@
                     id,
                     mask: maskSource ? {
                         source: maskSource,
-                        type: maskType || 'alpha'
+                        type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
                     renderOrder: 0
                 },
@@ -199,4 +203,4 @@
     });
 </script>
 
-<slot></slot>
+{@render children?.()}