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

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

@@ -3,7 +3,8 @@
     export type {ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent} from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
 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 } from "../../util.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';
@@ -11,9 +12,8 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
       export interface Props {
      class?: string;
      style?: string;
-      /** The label displayed on the button.
-If empty, the button can be rendered as icon-only. */
-label?: string;
+     /** The label displayed on the button. If empty, the button can be rendered as icon-only. */
+     label?: string;
       /** Array of menu options with value, label, and optional level, icon, and children.
 Each option can include:
 - `value`: Unique string identifier.
@@ -22,15 +22,12 @@ Each option can include:
 - `children`: Optional array of child options (for nested/flyout menus).
 - `level`: Optional nesting level (for hierarchical menus). */
 options?: ContextMenuOption[];
-      /** Array of currently selected option values.
-Used to control which options are checked/selected in the menu. */
-selectedValues?: string[];
-      /** Whether the button should fill the full width of its container.
-If true, the button stretches to 100% width. */
-fullWidth?: boolean;
-      /** Whether the button should show an icon slot.
-If true, the `icon` slot is rendered at the start of the button. */
-hasIcon?: boolean;
+     /** Array of currently selected option values. Used to control which options are checked/selected in the menu. */
+     selectedValues?: string[];
+     /** Whether the button should fill the full width of its container. If true, the button stretches to 100% width. */
+     fullWidth?: boolean;
+     /** Whether the button should show an icon slot. If true, the `icon` slot is rendered at the start of the button. */
+     hasIcon?: boolean;
       /** The variant type of context menu to display.
 Determines menu layout and selection behavior.
 - `Regular`: Standard single-select.
@@ -40,30 +37,22 @@ Determines menu layout and selection behavior.
 - `Multi`: Multi-column menu.
 - `MultiWithSubtitles`: Multi-column with group subtitles. */
 menuType?: ContextMenuType;
-      /** Whether multiple selections are allowed.
-Overrides the default selection mode for the chosen variant.
-If not explicitly set, defaults based on `menuType`. */
-multiSelect?: boolean | undefined;
-      /** Allows single selection per group (flyout/multi-column only).
-When true, only one item per group/column can be selected. */
-selectPerGroup?: boolean | undefined;
-      /** Whether to show a title bar with close button at the top of the menu.
-If true, the menu displays a title bar (use `menuTitle` for text). */
-hasTitleBar?: boolean;
-      /** Title text displayed in the title bar (if `hasTitleBar` is true). */
-menuTitle?: string;
-      /** Array of column groups for the `multi-with-subtitles` layout.
-Used to define grouped columns with subtitles in multi-column menus. */
-columnGroups?: ColumnGroup[];
-      /** Number of items per column in multi-column layouts.
-Used for `Multi` and `MultiWithSubtitles` menu types. */
-itemsPerColumn?: number;
-      /** Render the dropdown context menu above or below the button.
-If true, the menu opens above the button; otherwise, it opens below. */
-openTop?: boolean;
-      /** Whether both parts of the button are disabled.
-Disables both the button and the menu. */
-disabled?: boolean
+     /** Whether multiple selections are allowed. Overrides the default selection mode for the chosen variant. If not explicitly set, defaults based on `menuType`. */
+     multiSelect?: boolean | undefined;
+     /** Allows single selection per group (flyout/multi-column only). When true, only one item per group/column can be selected. */
+     selectPerGroup?: boolean | undefined;
+     /** Whether to show a title bar with close button at the top of the menu. If true, the menu displays a title bar (use `menuTitle` for text). */
+     hasTitleBar?: boolean;
+     /** Title text displayed in the title bar (if `hasTitleBar` is true). */
+     menuTitle?: string;
+     /** Array of column groups for the `multi-with-subtitles` layout. Used to define grouped columns with subtitles in multi-column menus. */
+     columnGroups?: ColumnGroup[];
+     /** Number of items per column in multi-column layouts. Used for `Multi` and `MultiWithSubtitles` menu types. */
+     itemsPerColumn?: number;
+     /** Render the dropdown context menu above or below the button. If true, the menu opens above the button; otherwise, it opens below. */
+     openTop?: boolean;
+     /** Whether both parts of the button are disabled. Disables both the button and the menu. */
+     disabled?: boolean
    }
       export interface Events {
     onChange?: (event: ObcSplitButtonChangeEvent) => void;
@@ -81,14 +70,9 @@ disabled?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange}
-   onitem-click={onItemClick}
-   onopen={onOpen}
-   onclose={onClose} >
+    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>

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

@@ -5,8 +5,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The label displayed on the button.
-If empty, the button can be rendered as icon-only. */
+    /** The label displayed on the button. If empty, the button can be rendered as icon-only. */
     label?: string;
     /** Array of menu options with value, label, and optional level, icon, and children.
 Each option can include:
@@ -16,14 +15,11 @@ Each option can include:
 - `children`: Optional array of child options (for nested/flyout menus).
 - `level`: Optional nesting level (for hierarchical menus). */
     options?: ContextMenuOption[];
-    /** Array of currently selected option values.
-Used to control which options are checked/selected in the menu. */
+    /** Array of currently selected option values. Used to control which options are checked/selected in the menu. */
     selectedValues?: string[];
-    /** Whether the button should fill the full width of its container.
-If true, the button stretches to 100% width. */
+    /** Whether the button should fill the full width of its container. If true, the button stretches to 100% width. */
     fullWidth?: boolean;
-    /** Whether the button should show an icon slot.
-If true, the `icon` slot is rendered at the start of the button. */
+    /** Whether the button should show an icon slot. If true, the `icon` slot is rendered at the start of the button. */
     hasIcon?: boolean;
     /** The variant type of context menu to display.
 Determines menu layout and selection behavior.
@@ -34,29 +30,21 @@ Determines menu layout and selection behavior.
 - `Multi`: Multi-column menu.
 - `MultiWithSubtitles`: Multi-column with group subtitles. */
     menuType?: ContextMenuType;
-    /** Whether multiple selections are allowed.
-Overrides the default selection mode for the chosen variant.
-If not explicitly set, defaults based on `menuType`. */
+    /** Whether multiple selections are allowed. Overrides the default selection mode for the chosen variant. If not explicitly set, defaults based on `menuType`. */
     multiSelect?: boolean | undefined;
-    /** Allows single selection per group (flyout/multi-column only).
-When true, only one item per group/column can be selected. */
+    /** Allows single selection per group (flyout/multi-column only). When true, only one item per group/column can be selected. */
     selectPerGroup?: boolean | undefined;
-    /** Whether to show a title bar with close button at the top of the menu.
-If true, the menu displays a title bar (use `menuTitle` for text). */
+    /** Whether to show a title bar with close button at the top of the menu. If true, the menu displays a title bar (use `menuTitle` for text). */
     hasTitleBar?: boolean;
     /** Title text displayed in the title bar (if `hasTitleBar` is true). */
     menuTitle?: string;
-    /** Array of column groups for the `multi-with-subtitles` layout.
-Used to define grouped columns with subtitles in multi-column menus. */
+    /** Array of column groups for the `multi-with-subtitles` layout. Used to define grouped columns with subtitles in multi-column menus. */
     columnGroups?: ColumnGroup[];
-    /** Number of items per column in multi-column layouts.
-Used for `Multi` and `MultiWithSubtitles` menu types. */
+    /** Number of items per column in multi-column layouts. Used for `Multi` and `MultiWithSubtitles` menu types. */
     itemsPerColumn?: number;
-    /** Render the dropdown context menu above or below the button.
-If true, the menu opens above the button; otherwise, it opens below. */
+    /** Render the dropdown context menu above or below the button. If true, the menu opens above the button; otherwise, it opens below. */
     openTop?: boolean;
-    /** Whether both parts of the button are disabled.
-Disables both the button and the menu. */
+    /** Whether both parts of the button are disabled. Disables both the button and the menu. */
     disabled?: boolean;
 }
 export interface Events {

package/dist/components/message-menu-item/ObcMessageMenuItem.svelte

@@ -2,7 +2,8 @@
   <script lang="ts">
     export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
 
@@ -17,10 +18,14 @@
      description?: string;
      day?: string;
      time?: string;
+     /** Available when `hasActionLabelSlot==false`. */
      primaryActionLabel?: string;
      secondaryActionLabel?: string;
+     enablePrimaryAction?: boolean;
+     enableSecondaryAction?: boolean;
      hasPrimaryIcon?: boolean;
      hasSecondaryIcon?: boolean;
+     /** Available when `stackVertical==false`. */
      hasTrailingIcon?: boolean;
      isShelved?: boolean;
      hasActionLabelSlot?: boolean
@@ -31,57 +36,43 @@
     onSecondaryActionClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
-  title?: Snippet;
-  description?: Snippet;
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
   actionLabel?: Snippet;
   primaryIcon?: Snippet;
   secondaryIcon?: Snippet;
   trailingIcon?: Snippet
 }
-      const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, title, description, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, titleSnippet, descriptionSnippet, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-message-menu-item
     use:setProperties={props}
     class={className}
     style={style}
-    onmessage-click={onMessageClick}
-   onprimary-action-click={onPrimaryActionClick}
-   onsecondary-action-click={onSecondaryActionClick} >
+    use:forwardEvents={{'message-click': onMessageClick, 'primary-action-click': onPrimaryActionClick, 'secondary-action-click': onSecondaryActionClick}} >
       
-      {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+      {#if titleSnippet}
+        <NamedSlot name="title" content={titleSnippet} />
       {/if}
 
-      {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
+      {#if descriptionSnippet}
+        <NamedSlot name="description" content={descriptionSnippet} />
       {/if}
 
       {#if actionLabel}
-        <div slot="action-label">
-          {@render actionLabel()}
-        </div>
+        <NamedSlot name="action-label" content={actionLabel} />
       {/if}
 
       {#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 trailingIcon}
-        <div slot="trailing-icon">
-          {@render trailingIcon()}
-        </div>
+        <NamedSlot name="trailing-icon" content={trailingIcon} />
       {/if}
     </obc-message-menu-item>

package/dist/components/message-menu-item/ObcMessageMenuItem.svelte.d.ts

@@ -12,10 +12,14 @@ export interface Props {
     description?: string;
     day?: string;
     time?: string;
+    /** Available when `hasActionLabelSlot==false`. */
     primaryActionLabel?: string;
     secondaryActionLabel?: string;
+    enablePrimaryAction?: boolean;
+    enableSecondaryAction?: boolean;
     hasPrimaryIcon?: boolean;
     hasSecondaryIcon?: boolean;
+    /** Available when `stackVertical==false`. */
     hasTrailingIcon?: boolean;
     isShelved?: boolean;
     hasActionLabelSlot?: boolean;
@@ -28,8 +32,8 @@ export interface Events {
     onSecondaryActionClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
-    title?: Snippet;
-    description?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
     actionLabel?: Snippet;
     primaryIcon?: Snippet;
     secondaryIcon?: Snippet;

package/dist/components/modal-window/ObcModalWindow.svelte

@@ -2,25 +2,30 @@
   <script lang="ts">
     export type {ObcModalWindowSize} from '@oicl/openbridge-webcomponents/dist/components/modal-window/modal-window.js';
       import '@oicl/openbridge-webcomponents/dist/components/modal-window/modal-window.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcModalWindowSize} from '@oicl/openbridge-webcomponents/dist/components/modal-window/modal-window.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Controls the modal window size and action button layout. */
-size?: ObcModalWindowSize;
-      /** Whether to show an optional third action button. */
-hasOptionalAction?: boolean;
-      /** Whether to show the leading icon slot in the header. */
-hasLeadingIcon?: boolean
+     /** Controls the modal window size and action button layout. */
+     size?: ObcModalWindowSize;
+     /** Whether to show an optional third action button. */
+     hasOptionalAction?: boolean;
+     /** Whether to show the leading icon slot in the header. */
+     hasLeadingIcon?: boolean;
+     /** Whether to show the footer cancel button. */
+     hasCancelAction?: boolean;
+     /** Whether to show the header close (X) button. */
+     hasCloseAction?: boolean
    }
       export interface Events {
-    onCloseClick?: (event: CustomEvent<unknown>) => void;
-    onCancelClick?: (event: CustomEvent<unknown>) => void;
-    onDoneClick?: (event: CustomEvent<unknown>) => void;
-    onOptionClick?: (event: CustomEvent<unknown>) => void
+    onCloseClick?: (event: CustomEvent) => void;
+    onCancelClick?: (event: CustomEvent) => void;
+    onDoneClick?: (event: CustomEvent) => void;
+    onOptionClick?: (event: CustomEvent) => void
   }
       export interface Slots {
   leadingIcon?: Snippet;
@@ -37,44 +42,29 @@ hasLeadingIcon?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onclose-click={onCloseClick}
-   oncancel-click={onCancelClick}
-   ondone-click={onDoneClick}
-   onoption-click={onOptionClick} >
+    use:forwardEvents={{'close-click': onCloseClick, 'cancel-click': onCancelClick, 'done-click': onDoneClick, 'option-click': onOptionClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if content}
-        <div slot="content">
-          {@render content()}
-        </div>
+        <NamedSlot name="content" content={content} />
       {/if}
 
       {#if optionLabel}
-        <div slot="option-label">
-          {@render optionLabel()}
-        </div>
+        <NamedSlot name="option-label" content={optionLabel} />
       {/if}
 
       {#if cancelLabel}
-        <div slot="cancel-label">
-          {@render cancelLabel()}
-        </div>
+        <NamedSlot name="cancel-label" content={cancelLabel} />
       {/if}
 
       {#if doneLabel}
-        <div slot="done-label">
-          {@render doneLabel()}
-        </div>
+        <NamedSlot name="done-label" content={doneLabel} />
       {/if}
     </obc-modal-window>

package/dist/components/modal-window/ObcModalWindow.svelte.d.ts

@@ -10,12 +10,16 @@ export interface Props {
     hasOptionalAction?: boolean;
     /** Whether to show the leading icon slot in the header. */
     hasLeadingIcon?: boolean;
+    /** Whether to show the footer cancel button. */
+    hasCancelAction?: boolean;
+    /** Whether to show the header close (X) button. */
+    hasCloseAction?: boolean;
 }
 export interface Events {
-    onCloseClick?: (event: CustomEvent<unknown>) => void;
-    onCancelClick?: (event: CustomEvent<unknown>) => void;
-    onDoneClick?: (event: CustomEvent<unknown>) => void;
-    onOptionClick?: (event: CustomEvent<unknown>) => void;
+    onCloseClick?: (event: CustomEvent) => void;
+    onCancelClick?: (event: CustomEvent) => void;
+    onDoneClick?: (event: CustomEvent) => void;
+    onOptionClick?: (event: CustomEvent) => void;
 }
 export interface Slots {
     leadingIcon?: Snippet;

package/dist/components/navigation-item/ObcNavigationItem.svelte

@@ -1,40 +1,52 @@
 
   <script lang="ts">
     export type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The text label displayed for the navigation item.
-Hidden in icon-only variants. */
-label?: string;
-      /** The URL to navigate to when the item is clicked.
-If set, the item is rendered as a link (`<a href="..." />`).
-If undefined, acts as a button. */
-href?: string | undefined;
-      /** Whether the navigation item is currently selected/active.
-Use to indicate the current location or selection. */
-checked?: boolean;
-      /** Visual variant of the navigation item.
-One of `Full` (default), `IconOnly`, `IconOnlyLarge`, or `Compact`.
-Controls layout and visibility of icon/label. */
-variant?: ObcNavigationMenuVariant;
-      /** Enables group mode for the item, displaying a flyout indicator and supporting group selection.
-Use for items that open submenus or represent grouped navigation. */
-group?: boolean;
-      /** Highlights the item as selected within a group.
-Only relevant when `group` is true. */
-groupSelected?: boolean;
-      /** Whether the item has a leading icon. */
-hasIcon?: boolean;
-     hasTrailingIcon?: boolean
+     /**
+      * The text label displayed for the navigation item. Hidden in icon-only variants.
+      *
+      * Available when `variant in [Full, Compact]`.
+      */
+     label?: string;
+     /** The URL to navigate to when the item is clicked. If set, the item is rendered as a link (`<a href="..." />`). If undefined, acts as a button. */
+     href?: string | undefined;
+     /** Whether the navigation item is currently selected/active. Use to indicate the current location or selection. */
+     checked?: boolean;
+     /** Visual variant of the navigation item. One of `Full` (default), `IconOnly`, `IconOnlyLarge`, or `Compact`. Controls layout and visibility of icon/label. */
+     variant?: ObcNavigationMenuVariant;
+     /** Enables group mode for the item, displaying a flyout indicator and supporting group selection. Use for items that open submenus or represent grouped navigation. */
+     group?: boolean;
+     /**
+      * Highlights the item as selected within a group. Only relevant when `group` is true.
+      *
+      * Available when `group==true`.
+      */
+     groupSelected?: boolean;
+     /** Whether the item has a leading icon. */
+     hasIcon?: boolean;
+     /** Available when `group==false || variant==IconOnly`. */
+     hasTrailingIcon?: boolean;
+     /** Set by `obc-navigation-menu` in its Tree variant — renders the row as a tree item. */
+     treeMode?: boolean;
+     /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+     treeBranches?: TreeBranchType[];
+     /** Terminal type for the row in the Tree variant — one of `regular` (default), `aggregated-header`, or `group-header`. Has no effect in the flat variants. */
+     terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined
    }
       export interface Events {
-    onClick?: (event: CustomEvent<void>) => void
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   icon?: Snippet;
@@ -47,17 +59,13 @@ hasIcon?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if trailingIcon}
-        <div slot="trailing-icon">
-          {@render trailingIcon()}
-        </div>
+        <NamedSlot name="trailing-icon" content={trailingIcon} />
       {/if}
     </obc-navigation-item>

package/dist/components/navigation-item/ObcNavigationItem.svelte.d.ts

@@ -1,35 +1,45 @@
 import '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
 import type { ObcNavigationMenuVariant } from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+import type { TreeBranchType, TreeNavigationItemAlerts } from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The text label displayed for the navigation item.
-Hidden in icon-only variants. */
+    /**
+     * The text label displayed for the navigation item. Hidden in icon-only variants.
+     *
+     * Available when `variant in [Full, Compact]`.
+     */
     label?: string;
-    /** The URL to navigate to when the item is clicked.
-If set, the item is rendered as a link (`<a href="..." />`).
-If undefined, acts as a button. */
+    /** The URL to navigate to when the item is clicked. If set, the item is rendered as a link (`<a href="..." />`). If undefined, acts as a button. */
     href?: string | undefined;
-    /** Whether the navigation item is currently selected/active.
-Use to indicate the current location or selection. */
+    /** Whether the navigation item is currently selected/active. Use to indicate the current location or selection. */
     checked?: boolean;
-    /** Visual variant of the navigation item.
-One of `Full` (default), `IconOnly`, `IconOnlyLarge`, or `Compact`.
-Controls layout and visibility of icon/label. */
+    /** Visual variant of the navigation item. One of `Full` (default), `IconOnly`, `IconOnlyLarge`, or `Compact`. Controls layout and visibility of icon/label. */
     variant?: ObcNavigationMenuVariant;
-    /** Enables group mode for the item, displaying a flyout indicator and supporting group selection.
-Use for items that open submenus or represent grouped navigation. */
+    /** Enables group mode for the item, displaying a flyout indicator and supporting group selection. Use for items that open submenus or represent grouped navigation. */
     group?: boolean;
-    /** Highlights the item as selected within a group.
-Only relevant when `group` is true. */
+    /**
+     * Highlights the item as selected within a group. Only relevant when `group` is true.
+     *
+     * Available when `group==true`.
+     */
     groupSelected?: boolean;
     /** Whether the item has a leading icon. */
     hasIcon?: boolean;
+    /** Available when `group==false || variant==IconOnly`. */
     hasTrailingIcon?: boolean;
+    /** Set by `obc-navigation-menu` in its Tree variant — renders the row as a tree item. */
+    treeMode?: boolean;
+    /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+    treeBranches?: TreeBranchType[];
+    /** Terminal type for the row in the Tree variant — one of `regular` (default), `aggregated-header`, or `group-header`. Has no effect in the flat variants. */
+    terminalType?: string;
+    /** [object Object],[object Object],[object Object] */
+    alerts?: TreeNavigationItemAlerts | undefined;
 }
 export interface Events {
-    onClick?: (event: CustomEvent<void>) => void;
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     icon?: Snippet;
@@ -38,6 +48,8 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcNavigationItem: import("svelte").Component<$$ComponentProps, {
     ObcNavigationMenuVariant: typeof ObcNavigationMenuVariant;
+    TreeBranchType: typeof TreeBranchType;
+    TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
 }, "">;
 type ObcNavigationItem = ReturnType<typeof ObcNavigationItem>;
 export default ObcNavigationItem;