@oicl/openbridge-webcomponents-svelte 2.0.0-next.9 → 2.0.0-next.90

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

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
-import type { ObcAlertMenuItemStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
+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';
 export interface Props {
@@ -34,9 +34,20 @@ Default is 'single-line'. */
     size?: ObcMessageMenuItemSize;
     /** Whether to animate the item's appearance (intro animation). */
     animateIntro?: boolean;
+    /** The label for the secondary action button.
+Unlike the primary (ACK) action, the secondary label is not derived from
+`status`; it must be provided explicitly. The secondary action is only
+shown when a non-empty label is set and `secondaryActionState` is not
+`none`. */
+    secondaryActionLabel?: string;
+    /** [object Object],[object Object],[object Object] */
+    primaryActionState?: ObcAlertMenuItemActionState;
+    /** [object Object],[object Object],[object Object] */
+    secondaryActionState?: ObcAlertMenuItemActionState;
 }
 export interface Events {
     onAckClick?: (event: CustomEvent<void>) => void;
+    onAckSecondaryClick?: (event: CustomEvent<void>) => void;
     onItemClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
@@ -46,6 +57,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertMenuItem: import("svelte").Component<$$ComponentProps, {
     ObcAlertMenuItemStatus: typeof ObcAlertMenuItemStatus;
+    ObcAlertMenuItemActionState: typeof ObcAlertMenuItemActionState;
     ObcMessageMenuItemSize: typeof ObcMessageMenuItemSize;
 }, "">;
 type ObcAlertMenuItem = ReturnType<typeof ObcAlertMenuItem>;

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte

@@ -1,19 +1,18 @@
 
   <script lang="ts">
-    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
      readouts?: AutomationButtonReadoutStack[];
-     tag?: AutomationButtonReadoutStackTag | null;
+     tag?: string | null;
      size?: AutomationButtonReadoutStackSize;
-     idTagOrientation?: IdTagOrientation;
-     hasIdTag?: boolean
+     idTagOrientation?: IdTagOrientation
    }
       export interface Events {
     

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts

@@ -1,14 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     readouts?: AutomationButtonReadoutStack[];
-    tag?: AutomationButtonReadoutStackTag | null;
+    tag?: string | null;
     size?: AutomationButtonReadoutStackSize;
     idTagOrientation?: IdTagOrientation;
-    hasIdTag?: boolean;
 }
 export interface Events {
 }
@@ -18,7 +17,6 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationButtonReadoutStack: import("svelte").Component<$$ComponentProps, {
     AutomationButtonReadoutStack: typeof AutomationButtonReadoutStack;
-    AutomationButtonReadoutStackTag: typeof AutomationButtonReadoutStackTag;
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     IdTagOrientation: typeof IdTagOrientation;
 }, "">;

package/dist/components/badge/ObcBadge.svelte

@@ -19,7 +19,7 @@ Set to `false` for symbolic or icon-only badges. */
 showNumber?: boolean;
       /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
 type?: string;
@@ -34,7 +34,7 @@ size?: string;
 variant?: BadgeVariant;
       /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
 showIcon?: boolean
    }

package/dist/components/badge/ObcBadge.svelte.d.ts

@@ -14,7 +14,7 @@ Set to `false` for symbolic or icon-only badges. */
     showNumber?: boolean;
     /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
     type?: string;
@@ -29,7 +29,7 @@ Possible values: `regular` (default), `large`. */
     variant?: BadgeVariant;
     /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
     showIcon?: boolean;
 }

package/dist/components/card/ObcCard.svelte

@@ -14,13 +14,13 @@
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
 hasDialog?: boolean;
-      /** Total time in milliseconds before the dialog auto-closes.
+      /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
 dialogTimeOutSeconds?: number;
-      /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+      /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
 dialogVisibleTimerSeconds?: number
    }
       export interface Events {

package/dist/components/card/ObcCard.svelte.d.ts

@@ -8,13 +8,13 @@ export interface Props {
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
     hasDialog?: boolean;
-    /** Total time in milliseconds before the dialog auto-closes.
+    /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
     dialogTimeOutSeconds?: number;
-    /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+    /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
     dialogVisibleTimerSeconds?: number;
 }
 export interface Events {

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

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+    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 } from "../../util.js";
-      import type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+      import type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -16,12 +16,17 @@ Example:
   { value: 'volvo', label: 'Volvo' },
   { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-options?: { value: string; label: string; level?: number | undefined; }[];
+options?: DropdownButtonOption[];
       /** The value of the currently selected option. If not set, defaults to the first option in the list. */
 value?: string | undefined;
      disabled?: boolean;
       /** If true, the select expands to fill the width of its container. Default is false. */
 fullWidth?: boolean;
+      /** If true, a `value` that does not match any option leaves the button with no option selected,
+showing `placeholder` instead of defaulting to the first option. Default is false. */
+allowEmptySelection?: boolean;
+      /** Text shown when nothing is selected and `allowEmptySelection` is true. Default is an empty string. */
+placeholder?: string;
       /** Controls the button's display type.
 - `label`: Text label only (default)
 - `icon`: Icon only, no label

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

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
-import type { ObcDropdownButtonChangeEvent, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+import type { ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -11,16 +11,17 @@ Example:
 { value: 'volvo', label: 'Volvo' },
 { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-    options?: {
-        value: string;
-        label: string;
-        level?: number | undefined;
-    }[];
+    options?: DropdownButtonOption[];
     /** The value of the currently selected option. If not set, defaults to the first option in the list. */
     value?: string | undefined;
     disabled?: boolean;
     /** If true, the select expands to fill the width of its container. Default is false. */
     fullWidth?: boolean;
+    /** If true, a `value` that does not match any option leaves the button with no option selected,
+showing `placeholder` instead of defaulting to the first option. Default is false. */
+    allowEmptySelection?: boolean;
+    /** Text shown when nothing is selected and `allowEmptySelection` is true. Default is an empty string. */
+    placeholder?: string;
     /** Controls the button's display type.
 - `label`: Text label only (default)
 - `icon`: Icon only, no label
@@ -43,6 +44,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcDropdownButton: import("svelte").Component<$$ComponentProps, {
     ObcDropdownButtonChangeEvent: typeof ObcDropdownButtonChangeEvent;
+    DropdownButtonOption: typeof DropdownButtonOption;
     DropdownButtonType: typeof DropdownButtonType;
 }, "">;
 type ObcDropdownButton = ReturnType<typeof ObcDropdownButton>;

package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte

@@ -39,9 +39,9 @@ required?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  label?: Snippet
+  labelSnippet?: Snippet
 }
-      const {onChange, class: className, style, leadingIcon, label, ...props} = $props<Props & Events & Slots>();
+      const {onChange, class: className, style, leadingIcon, labelSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-elevated-card-radio
@@ -56,9 +56,9 @@ required?: boolean
         </div>
       {/if}
 
-      {#if label}
+      {#if labelSnippet}
         <div slot="label">
-          {@render label()}
+          {@render labelSnippet()}
         </div>
       {/if}
     </obc-elevated-card-radio>

package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte.d.ts

@@ -34,7 +34,7 @@ export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
-    label?: Snippet;
+    labelSnippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcElevatedCardRadio: import("svelte").Component<$$ComponentProps, {

package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+    export type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import { setProperties } from "../../util.js";
-      import type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+      import type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -12,7 +12,7 @@
       /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
 
 Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
-options?: { label: string; value: string; }[];
+options?: ElevatedCardRadioGroupOption[];
       /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
 
 Default: `'default'` */

package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
-import type { ObcElevatedCardRadioGroupChangeEvent } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+import type { ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -7,10 +7,7 @@ export interface Props {
     /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
 
 Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: ElevatedCardRadioGroupOption[];
     /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
 
 Default: `'default'` */
@@ -33,6 +30,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcElevatedCardRadioGroup: import("svelte").Component<$$ComponentProps, {
     ObcElevatedCardRadioGroupChangeEvent: typeof ObcElevatedCardRadioGroupChangeEvent;
+    ElevatedCardRadioGroupOption: typeof ElevatedCardRadioGroupOption;
 }, "">;
 type ObcElevatedCardRadioGroup = ReturnType<typeof ObcElevatedCardRadioGroup>;
 export default ObcElevatedCardRadioGroup;

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

@@ -54,10 +54,10 @@ lineType?: ObcFloatingItemLineType
   description?: Snippet;
   time?: Snippet;
   day?: Snippet;
-  action?: Snippet;
-  action2?: Snippet
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-floating-item
@@ -104,15 +104,15 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if action}
+      {#if actionSnippet}
         <div slot="action">
-          {@render action()}
+          {@render actionSnippet()}
         </div>
       {/if}
 
-      {#if action2}
+      {#if action2Snippet}
         <div slot="action2">
-          {@render action2()}
+          {@render action2Snippet()}
         </div>
       {/if}
     </obc-floating-item>

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

@@ -49,8 +49,8 @@ export interface Slots {
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcFloatingItem: import("svelte").Component<$$ComponentProps, {

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

@@ -17,11 +17,11 @@
   }
       export interface Slots {
   title?: Snippet;
-  contentTitle?: Snippet;
+  contentTitleSnippet?: Snippet;
   children?: Snippet;
   footer?: Snippet
 }
-      const { class: className, style, title, contentTitle, children, footer, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, title, contentTitleSnippet, children, footer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-form-container
@@ -36,9 +36,9 @@
         </div>
       {/if}
 
-      {#if contentTitle}
+      {#if contentTitleSnippet}
         <div slot="content-title">
-          {@render contentTitle()}
+          {@render contentTitleSnippet()}
         </div>
       {/if}
 

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

@@ -11,7 +11,7 @@ export interface Events {
 }
 export interface Slots {
     title?: Snippet;
-    contentTitle?: Snippet;
+    contentTitleSnippet?: Snippet;
     children?: Snippet;
     footer?: Snippet;
 }

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

@@ -35,23 +35,25 @@ Use to indicate ongoing actions or loading states.
 If undefined, no progress indicator is shown. */
 progress?: number | undefined;
       /** If true, displays a label below the icon using the `label` slot. */
-hasLabel?: boolean
+hasLabel?: boolean;
+      /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
+showDivider?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet;
   label?: Snippet
 }
-      const { class: className, style, children, label, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, label, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-icon-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    onclick={onClick} >
       
       {#if children}
         {@render children()}

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

@@ -31,8 +31,11 @@ If undefined, no progress indicator is shown. */
     progress?: number | undefined;
     /** If true, displays a label below the icon using the `label` slot. */
     hasLabel?: boolean;
+    /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
+    showDivider?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

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

@@ -19,6 +19,8 @@
      time?: string;
      primaryActionLabel?: string;
      secondaryActionLabel?: string;
+     enablePrimaryAction?: boolean;
+     enableSecondaryAction?: boolean;
      hasPrimaryIcon?: boolean;
      hasSecondaryIcon?: boolean;
      hasTrailingIcon?: boolean;
@@ -31,14 +33,14 @@
     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
@@ -49,15 +51,15 @@
    onprimary-action-click={onPrimaryActionClick}
    onsecondary-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

@@ -14,6 +14,8 @@ export interface Props {
     time?: string;
     primaryActionLabel?: string;
     secondaryActionLabel?: string;
+    enablePrimaryAction?: boolean;
+    enableSecondaryAction?: boolean;
     hasPrimaryIcon?: boolean;
     hasSecondaryIcon?: boolean;
     hasTrailingIcon?: boolean;
@@ -28,8 +30,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

@@ -14,7 +14,11 @@ size?: ObcModalWindowSize;
       /** Whether to show an optional third action button. */
 hasOptionalAction?: boolean;
       /** Whether to show the leading icon slot in the header. */
-hasLeadingIcon?: boolean
+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;

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

@@ -10,6 +10,10 @@ 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;

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

@@ -1,9 +1,11 @@
 
   <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 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 {
@@ -31,7 +33,16 @@ Only relevant when `group` is true. */
 groupSelected?: boolean;
       /** Whether the item has a leading icon. */
 hasIcon?: boolean;
-     hasTrailingIcon?: boolean
+     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

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

@@ -1,5 +1,6 @@
 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;
@@ -27,6 +28,15 @@ Only relevant when `group` is true. */
     /** Whether the item has a leading icon. */
     hasIcon?: boolean;
     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;
@@ -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,9 +1,11 @@
 
   <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 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 {
@@ -23,7 +25,18 @@ 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
+     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