@oicl/openbridge-webcomponents-svelte 2.0.0-next.150 → 2.0.0-next.151

package/dist/components/alert-menu/ObcAlertMenu.svelte

@@ -3,6 +3,7 @@
     export type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import type { Snippet } from 'svelte';
 
@@ -55,20 +56,14 @@ showAlertListButton?: boolean
       {/if}
 
       {#if emptyTitle}
-        <div slot="empty-<tab>-title">
-          {@render emptyTitle()}
-        </div>
+        <NamedSlot name="empty-<tab>-title" content={emptyTitle} />
       {/if}
 
       {#if emptyDescription}
-        <div slot="empty-<tab>-description">
-          {@render emptyDescription()}
-        </div>
+        <NamedSlot name="empty-<tab>-description" content={emptyDescription} />
       {/if}
 
       {#if emptyIcon}
-        <div slot="empty-<tab>-icon">
-          {@render emptyIcon()}
-        </div>
+        <NamedSlot name="empty-<tab>-icon" content={emptyIcon} />
       {/if}
     </obc-alert-menu>

package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte

@@ -4,6 +4,7 @@
 export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAlertMenuItemStatus, ObcAlertMenuItemActionState} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
 import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
@@ -59,26 +60,18 @@ secondaryActionState?: ObcAlertMenuItemActionState
     use:forwardEvents={{'ack-click': onAckClick, 'ack-secondary-click': onAckSecondaryClick, 'item-click': onItemClick}} >
       
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
       {/if}
 
       {#if titleSnippet}
-        <div slot="title">
-          {@render titleSnippet()}
-        </div>
+        <NamedSlot name="title" content={titleSnippet} />
       {/if}
 
       {#if descriptionSnippet}
-        <div slot="description">
-          {@render descriptionSnippet()}
-        </div>
+        <NamedSlot name="description" content={descriptionSnippet} />
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-alert-menu-item>

package/dist/components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte

@@ -3,6 +3,7 @@
     export type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
       import type { Snippet } from 'svelte';
 
@@ -39,14 +40,10 @@
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if badges}
-        <div slot="badges">
-          {@render badges()}
-        </div>
+        <NamedSlot name="badges" content={badges} />
       {/if}
     </obc-alert-subsystem-counter>

package/dist/components/app-button/ObcAppButton.svelte

@@ -3,6 +3,7 @@
     export type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import type { Snippet } from 'svelte';
 
@@ -37,8 +38,6 @@ size?: AppButtonSize;
     use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-app-button>

package/dist/components/attachment-list-item/ObcAttachmentListItem.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/components/attachment-list-item/attachment-list-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -64,20 +65,14 @@
     use:forwardEvents={{'attachment-item-click': onAttachmentItemClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if tag}
-        <div slot="tag">
-          {@render tag()}
-        </div>
+        <NamedSlot name="tag" content={tag} />
       {/if}
 
       {#if trailingAction}
-        <div slot="trailing-action">
-          {@render trailingAction()}
-        </div>
+        <NamedSlot name="trailing-action" content={trailingAction} />
       {/if}
     </obc-attachment-list-item>

package/dist/components/badge/ObcBadge.svelte

@@ -3,6 +3,7 @@
     export type {BadgeVariant} from '@oicl/openbridge-webcomponents/dist/components/badge/badge.js';
       import '@oicl/openbridge-webcomponents/dist/components/badge/badge.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {BadgeVariant} from '@oicl/openbridge-webcomponents/dist/components/badge/badge.js';
       import type { Snippet } from 'svelte';
 
@@ -54,8 +55,6 @@ showIcon?: boolean
      >
       
       {#if badgeIcon}
-        <div slot="badge-icon">
-          {@render badgeIcon()}
-        </div>
+        <NamedSlot name="badge-icon" content={badgeIcon} />
       {/if}
     </obc-badge>

package/dist/components/button/ObcButton.svelte

@@ -3,6 +3,7 @@
     export type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import type { Snippet } from 'svelte';
 
@@ -55,14 +56,10 @@ segmentPosition?: segmentPosition
       {/if}
 
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if trailingIcon}
-        <div slot="trailing-icon">
-          {@render trailingIcon()}
-        </div>
+        <NamedSlot name="trailing-icon" content={trailingIcon} />
       {/if}
     </obc-button>

package/dist/components/card/ObcCard.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/components/card/card.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -42,9 +43,7 @@ dialogVisibleTimerSeconds?: number
      >
       
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if children}
@@ -52,14 +51,10 @@ dialogVisibleTimerSeconds?: number
       {/if}
 
       {#if dialogTitle}
-        <div slot="dialog-title">
-          {@render dialogTitle()}
-        </div>
+        <NamedSlot name="dialog-title" content={dialogTitle} />
       {/if}
 
       {#if dialogContent}
-        <div slot="dialog-content">
-          {@render dialogContent()}
-        </div>
+        <NamedSlot name="dialog-content" content={dialogContent} />
       {/if}
     </obc-card>

package/dist/components/check-button/ObcCheckButton.svelte

@@ -3,6 +3,7 @@
     export type {CheckButtonType, CheckButtonCheckboxAppearance} from '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {CheckButtonType, CheckButtonCheckboxAppearance} from '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import type { Snippet } from 'svelte';
 
@@ -72,20 +73,14 @@ checkboxAppearance?: CheckButtonCheckboxAppearance
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if checkedIcon}
-        <div slot="checked-icon">
-          {@render checkedIcon()}
-        </div>
+        <NamedSlot name="checked-icon" content={checkedIcon} />
       {/if}
 
       {#if uncheckedIcon}
-        <div slot="unchecked-icon">
-          {@render uncheckedIcon()}
-        </div>
+        <NamedSlot name="unchecked-icon" content={uncheckedIcon} />
       {/if}
     </obc-check-button>

package/dist/components/command-menu/ObcCommandMenu.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/components/command-menu/command-menu.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -38,56 +39,38 @@
     use:forwardEvents={{'change': onChange}} >
       
       {#if commandIcon}
-        <div slot="command-icon">
-          {@render commandIcon()}
-        </div>
+        <NamedSlot name="command-icon" content={commandIcon} />
       {/if}
 
       {#if commandStatus}
-        <div slot="command-status">
-          {@render commandStatus()}
-        </div>
+        <NamedSlot name="command-status" content={commandStatus} />
       {/if}
 
       {#if commandDescription}
-        <div slot="command-description">
-          {@render commandDescription()}
-        </div>
+        <NamedSlot name="command-description" content={commandDescription} />
       {/if}
 
       {#if commandLocation}
-        <div slot="command-location">
-          {@render commandLocation()}
-        </div>
+        <NamedSlot name="command-location" content={commandLocation} />
       {/if}
 
       {#if toogleActionToInCommandLabel}
-        <div slot="toogle-action-to-in-command-label">
-          {@render toogleActionToInCommandLabel()}
-        </div>
+        <NamedSlot name="toogle-action-to-in-command-label" content={toogleActionToInCommandLabel} />
       {/if}
 
       {#if toogleActionToNoCommandLabel}
-        <div slot="toogle-action-to-no-command-label">
-          {@render toogleActionToNoCommandLabel()}
-        </div>
+        <NamedSlot name="toogle-action-to-no-command-label" content={toogleActionToNoCommandLabel} />
       {/if}
 
       {#if toogleStateInCommandLabel}
-        <div slot="toogle-state-in-command-label">
-          {@render toogleStateInCommandLabel()}
-        </div>
+        <NamedSlot name="toogle-state-in-command-label" content={toogleStateInCommandLabel} />
       {/if}
 
       {#if toogleStateNoCommandLabel}
-        <div slot="toogle-state-no-command-label">
-          {@render toogleStateNoCommandLabel()}
-        </div>
+        <NamedSlot name="toogle-state-no-command-label" content={toogleStateNoCommandLabel} />
       {/if}
 
       {#if toogleStateInCommandIcon}
-        <div slot="toogle-state-in-command-icon">
-          {@render toogleStateInCommandIcon()}
-        </div>
+        <NamedSlot name="toogle-state-in-command-icon" content={toogleStateInCommandIcon} />
       {/if}
     </obc-command-menu>

package/dist/components/dropdown-button/ObcDropdownButton.svelte

@@ -3,6 +3,7 @@
     export type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import type { Snippet } from 'svelte';
 
@@ -59,8 +60,6 @@ type?: DropdownButtonType;
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-dropdown-button>

package/dist/components/elevated-card/ObcElevatedCard.svelte

@@ -3,6 +3,7 @@
     export type {ObcElevatedCardPosition, ObcElevatedCardSize, ObcElevatedCardTag} from '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcElevatedCardPosition, ObcElevatedCardSize, ObcElevatedCardTag} from '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import type { Snippet } from 'svelte';
 
@@ -83,44 +84,30 @@ overrideTag?: ObcElevatedCardTag | undefined;
     use:forwardEvents={{'action-click': onActionClick}} >
       
       {#if graphic}
-        <div slot="graphic">
-          {@render graphic()}
-        </div>
+        <NamedSlot name="graphic" content={graphic} />
       {/if}
 
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
+        <NamedSlot name="label" content={label} />
       {/if}
 
       {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
+        <NamedSlot name="description" content={description} />
       {/if}
 
       {#if status}
-        <div slot="status">
-          {@render status()}
-        </div>
+        <NamedSlot name="status" content={status} />
       {/if}
 
       {#if action}
-        <div slot="action">
-          {@render action()}
-        </div>
+        <NamedSlot name="action" content={action} />
       {/if}
 
       {#if trailingIcon}
-        <div slot="trailing-icon">
-          {@render trailingIcon()}
-        </div>
+        <NamedSlot name="trailing-icon" content={trailingIcon} />
       {/if}
     </obc-elevated-card>

package/dist/components/floating-item/ObcFloatingItem.svelte

@@ -3,6 +3,7 @@
     export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -69,50 +70,34 @@ lineType?: ObcFloatingItemLineType
     use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
       
       {#if primaryIcon}
-        <div slot="primary-icon">
-          {@render primaryIcon()}
-        </div>
+        <NamedSlot name="primary-icon" content={primaryIcon} />
       {/if}
 
       {#if secondaryIcon}
-        <div slot="secondary-icon">
-          {@render secondaryIcon()}
-        </div>
+        <NamedSlot name="secondary-icon" content={secondaryIcon} />
       {/if}
 
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
+        <NamedSlot name="description" content={description} />
       {/if}
 
       {#if time}
-        <div slot="time">
-          {@render time()}
-        </div>
+        <NamedSlot name="time" content={time} />
       {/if}
 
       {#if day}
-        <div slot="day">
-          {@render day()}
-        </div>
+        <NamedSlot name="day" content={day} />
       {/if}
 
       {#if actionSnippet}
-        <div slot="action">
-          {@render actionSnippet()}
-        </div>
+        <NamedSlot name="action" content={actionSnippet} />
       {/if}
 
       {#if action2Snippet}
-        <div slot="action2">
-          {@render action2Snippet()}
-        </div>
+        <NamedSlot name="action2" content={action2Snippet} />
       {/if}
     </obc-floating-item>

package/dist/components/form-container/ObcFormContainer.svelte

@@ -3,6 +3,7 @@
     export type {ObcFormContainerType} from '@oicl/openbridge-webcomponents/dist/components/form-container/form-container.js';
       import '@oicl/openbridge-webcomponents/dist/components/form-container/form-container.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFormContainerType} from '@oicl/openbridge-webcomponents/dist/components/form-container/form-container.js';
       import type { Snippet } from 'svelte';
 
@@ -31,15 +32,11 @@
      >
       
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if contentTitleSnippet}
-        <div slot="content-title">
-          {@render contentTitleSnippet()}
-        </div>
+        <NamedSlot name="content-title" content={contentTitleSnippet} />
       {/if}
 
       {#if children}
@@ -47,8 +44,6 @@
       {/if}
 
       {#if footer}
-        <div slot="footer">
-          {@render footer()}
-        </div>
+        <NamedSlot name="footer" content={footer} />
       {/if}
     </obc-form-container>

package/dist/components/form-group/ObcFormGroup.svelte

@@ -4,6 +4,7 @@
 export type {ObcFormGroupType} from '@oicl/openbridge-webcomponents/dist/components/form-group/form-group.js';
       import '@oicl/openbridge-webcomponents/dist/components/form-group/form-group.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFormItemActionChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
 import type {ObcFormGroupType} from '@oicl/openbridge-webcomponents/dist/components/form-group/form-group.js';
       import type { Snippet } from 'svelte';
@@ -31,15 +32,11 @@ import type {ObcFormGroupType} from '@oicl/openbridge-webcomponents/dist/compone
     use:forwardEvents={{'action-change': onActionChange}} >
       
       {#if subtitle}
-        <div slot="subtitle">
-          {@render subtitle()}
-        </div>
+        <NamedSlot name="subtitle" content={subtitle} />
       {/if}
 
       {#if text}
-        <div slot="text">
-          {@render text()}
-        </div>
+        <NamedSlot name="text" content={text} />
       {/if}
 
       {#if children}

package/dist/components/form-item/ObcFormItem.svelte

@@ -3,6 +3,7 @@
     export type {ObcFormItemActionChangeEvent, ObcFormItemType, ObcFormItemBasicState, ObcFormItemStatusIcon} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFormItemActionChangeEvent, ObcFormItemType, ObcFormItemBasicState, ObcFormItemStatusIcon} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
       import type { Snippet } from 'svelte';
 
@@ -39,9 +40,7 @@
     use:forwardEvents={{'action-change': onActionChange}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if children}

package/dist/components/icon-button/ObcIconButton.svelte

@@ -3,6 +3,7 @@
     export type {IconButtonVariant} from '@oicl/openbridge-webcomponents/dist/components/icon-button/icon-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/icon-button/icon-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {IconButtonVariant} from '@oicl/openbridge-webcomponents/dist/components/icon-button/icon-button.js';
       import type { Snippet } from 'svelte';
 
@@ -56,8 +57,6 @@ variant?: IconButtonVariant;
       {/if}
 
       {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
+        <NamedSlot name="label" content={label} />
       {/if}
     </obc-icon-button>

package/dist/components/icon-check-button/ObcIconCheckButton.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/components/icon-check-button/icon-check-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -50,8 +51,6 @@ externalControl?: boolean
     use:forwardEvents={{'icon-check-button-click': onIconCheckButtonClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-icon-check-button>

package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte

@@ -4,6 +4,7 @@
 export type {ObcNumberInputFieldTextAlign} from '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
       import '@oicl/openbridge-webcomponents/dist/components/keyboard-numeric/keyboard-numeric.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcKeyboardNumericType} from '@oicl/openbridge-webcomponents/dist/components/keyboard-numeric/keyboard-numeric.js';
 import type {ObcNumberInputFieldTextAlign} from '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
       import type { Snippet } from 'svelte';
@@ -59,8 +60,6 @@ import type {ObcNumberInputFieldTextAlign} from '@oicl/openbridge-webcomponents/
     use:forwardEvents={{'close-click': onCloseClick, 'value-change': onValueChange, 'done-click': onDoneClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
     </obc-keyboard-numeric>

package/dist/components/menu-button/ObcMenuButton.svelte

@@ -4,6 +4,7 @@
 export type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent} from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
 import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import type { Snippet } from 'svelte';
@@ -72,8 +73,6 @@ menuType?: ContextMenuType;
     use:forwardEvents={{'change': onChange, 'item-click': onItemClick, 'open': onOpen, 'close': onClose}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-menu-button>