@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.140

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,7 @@
   <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 type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
 
@@ -17,10 +17,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,33 +35,31 @@
     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}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 
-      {#if description}
+      {#if descriptionSnippet}
         <div slot="description">
-          {@render description()}
+          {@render descriptionSnippet()}
         </div>
       {/if}
 

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,29 @@
   <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 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,10 +41,7 @@ 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">

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,51 @@
 
   <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 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,7 +58,7 @@ hasIcon?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
         <div slot="icon">

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;

package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte

@@ -1,29 +1,37 @@
 
   <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-group/navigation-item-group.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.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 label text displayed for the navigation group. */
-label?: string;
-      /** Optional URL to navigate to when the group label is clicked.
-If set, clicking the group label will navigate to this URL. */
-href?: string | undefined;
-      /** Whether the group is currently checked/selected.
-Use to highlight the group as active. */
-checked?: boolean;
-      /** Visual variant of the navigation group.
-Accepts values from `ObcNavigationMenuVariant` (e.g., 'full', 'compact').
-Controls the styling and layout of the group and its flyout. */
-variant?: ObcNavigationMenuVariant;
-      /** If true, the flyout panel appears tightly anchored to the group label with compact styling. */
-hug?: boolean;
-     hasIcon?: boolean
+     /** The label text displayed for the navigation group. */
+     label?: string;
+     /** Optional URL to navigate to when the group label is clicked. If set, clicking the group label will navigate to this URL. */
+     href?: string | undefined;
+     /** Whether the group is currently checked/selected. Use to highlight the group as active. */
+     checked?: boolean;
+     /** Visual variant of the navigation group. Accepts values from `ObcNavigationMenuVariant` (e.g., 'full', 'compact'). Controls the styling and layout of the group and its flyout. */
+     variant?: ObcNavigationMenuVariant;
+     /** If true, the flyout panel appears tightly anchored to the group label with compact styling. */
+     hug?: boolean;
+     hasIcon?: boolean;
+     /** Set by `obc-navigation-menu` in its Tree variant — renders the group as a tree row. */
+     treeMode?: boolean;
+     /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+     treeBranches?: TreeBranchType[];
+     /** Terminal type for the group header in the Tree variant — one of `regular` (default), `aggregated-header`, or `group-header`. No effect in flat variants. */
+     terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined;
+     /** Whether the group starts expanded. Useful for trees that open by default. */
+     defaultOpen?: boolean
    }
       export interface Events {
     onOpen?: (event: CustomEvent<void>) => void
@@ -39,7 +47,7 @@ hug?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onopen={onOpen} >
+    use:forwardEvents={{'open': onOpen}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte.d.ts

@@ -1,24 +1,31 @@
 import '@oicl/openbridge-webcomponents/dist/components/navigation-item-group/navigation-item-group.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 label text displayed for the navigation group. */
     label?: string;
-    /** Optional URL to navigate to when the group label is clicked.
-If set, clicking the group label will navigate to this URL. */
+    /** Optional URL to navigate to when the group label is clicked. If set, clicking the group label will navigate to this URL. */
     href?: string | undefined;
-    /** Whether the group is currently checked/selected.
-Use to highlight the group as active. */
+    /** Whether the group is currently checked/selected. Use to highlight the group as active. */
     checked?: boolean;
-    /** Visual variant of the navigation group.
-Accepts values from `ObcNavigationMenuVariant` (e.g., 'full', 'compact').
-Controls the styling and layout of the group and its flyout. */
+    /** Visual variant of the navigation group. Accepts values from `ObcNavigationMenuVariant` (e.g., 'full', 'compact'). Controls the styling and layout of the group and its flyout. */
     variant?: ObcNavigationMenuVariant;
     /** If true, the flyout panel appears tightly anchored to the group label with compact styling. */
     hug?: boolean;
     hasIcon?: boolean;
+    /** Set by `obc-navigation-menu` in its Tree variant — renders the group as a tree row. */
+    treeMode?: boolean;
+    /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+    treeBranches?: TreeBranchType[];
+    /** Terminal type for the group header in the Tree variant — one of `regular` (default), `aggregated-header`, or `group-header`. No effect in flat variants. */
+    terminalType?: string;
+    /** [object Object],[object Object],[object Object] */
+    alerts?: TreeNavigationItemAlerts | undefined;
+    /** Whether the group starts expanded. Useful for trees that open by default. */
+    defaultOpen?: boolean;
 }
 export interface Events {
     onOpen?: (event: CustomEvent<void>) => void;
@@ -30,6 +37,8 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcNavigationItemGroup: import("svelte").Component<$$ComponentProps, {
     ObcNavigationMenuVariant: typeof ObcNavigationMenuVariant;
+    TreeBranchType: typeof TreeBranchType;
+    TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
 }, "">;
 type ObcNavigationItemGroup = ReturnType<typeof ObcNavigationItemGroup>;
 export default ObcNavigationItemGroup;

package/dist/components/navigation-menu/ObcNavigationMenu.svelte

@@ -14,13 +14,17 @@
 - `full`: Standard menu with icons and labels (default).
 - `icon-only`: Compact, icon-only menu (use only when no flyouts/groups are present).
 - `icon-only-large`: Icon-only menu supporting flyouts/groups.
-- `compact`: Minimal, space-saving menu. */
+- `compact`: Minimal, space-saving menu.
+- `tree`: Hierarchical tree — groups expand inline and rows are indented by depth. */
 variant?: ObcNavigationMenuVariant;
-      /** Visual variant of the flyout.
-One of `Full` (default) or `Compact`. */
-flyoutVariant?: ObcNavigationMenuFlyoutVariant;
-      /** When `true`, adapts the layout for small screens (e.g., moves logo into the footer area and adjusts item layout). */
-smallScreen?: boolean
+     /**
+      * Visual variant of the flyout. One of `Full` (default) or `Compact`.
+      *
+      * Available when `variant==Full`.
+      */
+     flyoutVariant?: ObcNavigationMenuFlyoutVariant;
+     /** When `true`, adapts the layout for small screens (e.g., moves logo into the footer area and adjusts item layout). */
+     smallScreen?: boolean
    }
       export interface Events {
     

package/dist/components/navigation-menu/ObcNavigationMenu.svelte.d.ts

@@ -9,10 +9,14 @@ export interface Props {
 - `full`: Standard menu with icons and labels (default).
 - `icon-only`: Compact, icon-only menu (use only when no flyouts/groups are present).
 - `icon-only-large`: Icon-only menu supporting flyouts/groups.
-- `compact`: Minimal, space-saving menu. */
+- `compact`: Minimal, space-saving menu.
+- `tree`: Hierarchical tree — groups expand inline and rows are indented by depth. */
     variant?: ObcNavigationMenuVariant;
-    /** Visual variant of the flyout.
-One of `Full` (default) or `Compact`. */
+    /**
+     * Visual variant of the flyout. One of `Full` (default) or `Compact`.
+     *
+     * Available when `variant==Full`.
+     */
     flyoutVariant?: ObcNavigationMenuFlyoutVariant;
     /** When `true`, adapts the layout for small screens (e.g., moves logo into the footer area and adjusts item layout). */
     smallScreen?: boolean;

package/dist/components/notification-badge-button/ObcNotificationBadgeButton.svelte

@@ -2,48 +2,42 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/notification-badge-button/notification-badge-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Removes the right border for seamless grouping with adjacent buttons.
-Use when this button is not the last in a horizontal group. */
-openRight?: boolean;
-      /** Removes the left border for seamless grouping with adjacent buttons.
-Use when this button is not the first in a horizontal group. */
-openLeft?: boolean;
-      /** Applies rounded corners to the left side of the button.
-Use for the first button in a group or when aligning to a container's left edge. */
-cornerLeft?: boolean;
-      /** Applies rounded corners to the right side of the button.
-Use for the last button in a group or when aligning to a container's right edge. */
-cornerRight?: boolean;
-      /** Applies icon-specific styling for icon-only buttons.
-When true, supply an icon in the default slot. */
-icon?: boolean;
-      /** Disables the button, preventing user interaction and applying a muted style. */
-disabled?: boolean;
-      /** Applies an indented background style for emphasis or grouping.
-Useful for visually separating the button from others or indicating a secondary action. */
-indent?: boolean
+     /** Removes the right border for seamless grouping with adjacent buttons. Use when this button is not the last in a horizontal group. */
+     openRight?: boolean;
+     /** Removes the left border for seamless grouping with adjacent buttons. Use when this button is not the first in a horizontal group. */
+     openLeft?: boolean;
+     /** Applies rounded corners to the left side of the button. Use for the first button in a group or when aligning to a container's left edge. */
+     cornerLeft?: boolean;
+     /** Applies rounded corners to the right side of the button. Use for the last button in a group or when aligning to a container's right edge. */
+     cornerRight?: boolean;
+     /** Applies icon-specific styling for icon-only buttons. When true, supply an icon in the default slot. */
+     icon?: boolean;
+     /** Disables the button, preventing user interaction and applying a muted style. */
+     disabled?: boolean;
+     /** Applies an indented background style for emphasis or grouping. Useful for visually separating the button from others or indicating a secondary action. */
+     indent?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-notification-badge-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}