@oicl/openbridge-webcomponents-svelte 2.0.0-next.159 → 2.0.0-next.160

package/dist/components/context-menu-input/ObcContextMenuInput.svelte.d.ts

@@ -4,31 +4,13 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The variant type of context menu to display.
-
-- `'regular'`: Single-select navigation menu.
-- `'checkboxes'`: Multi-select with checkboxes.
-- `'nested-checkboxes'`: Multi-select with nested/hierarchical checkboxes.
-- `'flyout'`: Menu with expandable/cascading groups.
-- `'multi'`: Multi-column menu.
-- `'multi-with-subtitles'`: Multi-column menu with group subtitles.
-
-Defaults to `'regular'`. */
+    /** Menu variant: `regular` (default) is a single-select navigation menu, `checkboxes` and `nested-checkboxes` are flat and hierarchical multi-select, `flyout` has expandable cascading groups, and `multi` and `multi-with-subtitles` lay the menu out in columns, the latter with group subtitles. */
     type?: ContextMenuType;
-    /** Array of menu options to display.
-
-Each option should have a unique `value`, a `label`, and can optionally include:
-- `icon`: TemplateResult for a leading icon (e.g., `<obi-placeholder slot="icon"></obi-placeholder>`)
-- `level`: For nested checkboxes, indicates nesting depth.
-- `children`: For flyout/nested menus, an array of child options. */
+    /** Menu options, each with a unique `value` and a `label`, and optionally an `icon` template for the leading icon, a `level` giving the nesting depth for nested checkboxes, and `children` for a flyout or nested menu. */
     options?: ContextMenuOption[];
-    /** Array of currently selected option values.
-
-For multi-select variants, can contain multiple values. For single-select, contains at most one value. */
+    /** Array of currently selected option values. For multi-select variants, can contain multiple values. For single-select, contains at most one value. */
     selectedValues?: string[];
-    /** Whether to show a title bar with close button at the top of the menu.
-
-If true, displays the `title` property and a close icon button. */
+    /** Whether to show a title bar with close button at the top of the menu. If true, displays the `title` property and a close icon button. */
     hasTitleBar?: boolean;
     /**
      * Title text displayed in the title bar (if `hasTitleBar` is true).
@@ -36,21 +18,21 @@ If true, displays the `title` property and a close icon button. */
      * Available when `hasTitleBar==true`.
      */
     title?: string;
-    /** Array of column groups for the `multi-with-subtitles` layout.
-
-Each group defines a `title`, `columns` (number of columns in the group), and `options` (array of options for that group). */
+    /**
+     * Array of column groups for the `multi-with-subtitles` layout. Each group defines a `title`, `columns` (number of columns in the group), and `options` (array of options for that group).
+     *
+     * Available when `type==MultiWithSubtitles`.
+     */
     columnGroups?: ColumnGroup[];
-    /** Number of items per column in multi-column layouts.
-
-Used in `multi` and `multi-with-subtitles` variants to control column splitting. */
+    /**
+     * Number of items per column in multi-column layouts. Used in `multi` and `multi-with-subtitles` variants to control column splitting.
+     *
+     * Available when `type in [Multi, MultiWithSubtitles]`.
+     */
     itemsPerColumn?: number;
-    /** Whether multiple selections are allowed.
-
-If not set, defaults to true for checkbox/multi variants, false for regular/flyout. */
+    /** Whether multiple selections are allowed. If not set, defaults to true for checkbox/multi variants, false for regular/flyout. */
     multiSelect?: boolean | undefined;
-    /** If true, restricts selection to one option per group or column (used in flyout and multi-column).
-
-When enabled, only one option can be selected in each group or column. */
+    /** If true, restricts selection to one option per group or column (used in flyout and multi-column). When enabled, only one option can be selected in each group or column. */
     selectPerGroup?: boolean | undefined;
 }
 export interface Events {

package/dist/components/date-item/ObcDateItem.svelte

@@ -11,10 +11,8 @@ import type {DateItemSize} from '@oicl/openbridge-webcomponents/dist/components/
       export interface Props {
      class?: string;
      style?: string;
-      /** The size of the date item, controlling its layout and whether event details are shown.
-- `small`: Compact, shows only the date and event dots.
-- `large`: Expands to show event titles and descriptions for up to two events. */
-size?: DateItemSize;
+     /** Size of the date item: `small` (default) shows only the date and the event dots, `large` shows titles and descriptions for as many events as its height fits and aggregates the rest into a count. */
+     size?: DateItemSize;
      /** Whether the date item is disabled. When true, the button is visually muted and not interactive. */
      disabled?: boolean;
      /** Array of events to display on this date. In small size, shows an event dot indicator. In large size, displays event details using obc-event-item components. */

package/dist/components/date-item/ObcDateItem.svelte.d.ts

@@ -5,9 +5,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The size of the date item, controlling its layout and whether event details are shown.
-- `small`: Compact, shows only the date and event dots.
-- `large`: Expands to show event titles and descriptions for up to two events. */
+    /** Size of the date item: `small` (default) shows only the date and the event dots, `large` shows titles and descriptions for as many events as its height fits and aggregates the rest into a count. */
     size?: DateItemSize;
     /** Whether the date item is disabled. When true, the button is visually muted and not interactive. */
     disabled?: boolean;

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

@@ -10,14 +10,8 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** List of selectable options. Each option is an object with a `value` (string), `label` (string), and optional `level` (number) for indentation/grouping.
-
-Example:
-[
-  { value: 'volvo', label: 'Volvo' },
-  { value: 'xc90', label: 'XC 90', level: 2 }
-] */
-options?: DropdownButtonOption[];
+     /** Selectable options, each with a `value`, a `label` and an optional `level` that indents it under the preceding option — `{value: 'xc90', label: 'XC 90', level: 2}` renders as a child row. */
+     options?: DropdownButtonOption[];
      /** The value of the currently selected option. If not set, defaults to the first option in the list unless `allowEmptySelection` is true. */
      value?: string | undefined;
      disabled?: boolean;
@@ -27,11 +21,8 @@ options?: DropdownButtonOption[];
      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
-- `label-icon`: Icon before the label */
-type?: DropdownButtonType;
+     /** Display type: `label` (default) is text only, `icon` is the icon alone, `label-icon` puts the icon before the label. */
+     type?: DropdownButtonType;
      /** If true, the dropdown menu opens above the button. */
      openTop?: boolean;
      /** If true, the select is integration style. Default is false, only for integration bar. */

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

@@ -4,13 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** List of selectable options. Each option is an object with a `value` (string), `label` (string), and optional `level` (number) for indentation/grouping.
-
-Example:
-[
-{ value: 'volvo', label: 'Volvo' },
-{ value: 'xc90', label: 'XC 90', level: 2 }
-] */
+    /** Selectable options, each with a `value`, a `label` and an optional `level` that indents it under the preceding option — `{value: 'xc90', label: 'XC 90', level: 2}` renders as a child row. */
     options?: DropdownButtonOption[];
     /** The value of the currently selected option. If not set, defaults to the first option in the list unless `allowEmptySelection` is true. */
     value?: string | undefined;
@@ -21,10 +15,7 @@ Example:
     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
-- `label-icon`: Icon before the label */
+    /** Display type: `label` (default) is text only, `icon` is the icon alone, `label-icon` puts the icon before the label. */
     type?: DropdownButtonType;
     /** If true, the dropdown menu opens above the button. */
     openTop?: boolean;

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

@@ -10,25 +10,12 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Controls the card's visual grouping and border radius.
-- `regular` (default): Standard card, not visually grouped.
-- `top`: Card is visually grouped at the top of a section or stack.
-- `bottom`: Card is visually grouped at the bottom of a section or stack.
-- `center`: Card is visually grouped in the middle of a section or stack. */
-position?: ObcElevatedCardPosition;
-      /** Controls the card's content layout:
-- `single-line`: Label only, compact.
-- `double-line`: Label + single-line description.
-- `multi-line`: Label + multi-line description.
-Default is `single-line`. */
-size?: ObcElevatedCardSize;
-      /** Overrides the HTML tag used to render the card.
-- `button`: Renders as a <button> (default for clickable cards).
-- `a`: Renders as an <a> anchor (when `href` is set).
-- `article`: Renders as an <article> (for non-interactive or action cards).
-- `div`: Renders as a <div> (generic container).
-If not set, the tag is determined automatically based on `href` and `isClickable`. */
-overrideTag?: ObcElevatedCardTag | undefined;
+     /** Visual grouping and border radius: `regular` (default) is an ungrouped card, while `top`, `center` and `bottom` shape it for the first, an inner and the last card of a stack. */
+     position?: ObcElevatedCardPosition;
+     /** Content layout: `single-line` (default) is the label alone, `double-line` adds a one-line description, `multi-line` a wrapping one. */
+     size?: ObcElevatedCardSize;
+     /** Forces the card's host tag to `button`, `a`, `article` or `div`. Left unset, the tag follows `href` and `isClickable`: an anchor when `href` is set, a button when clickable, an article otherwise. */
+     overrideTag?: ObcElevatedCardTag | undefined;
      /** If false, the card is rendered as a static (non-clickable) element and uses `<article>` as its tag unless `overrideTag` is set. Useful for informational or status cards that should not be interactive. */
      isClickable?: boolean;
      /** Applies an informational style to the card. When true, the card uses the "info" visual style. */

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

@@ -4,24 +4,11 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Controls the card's visual grouping and border radius.
-- `regular` (default): Standard card, not visually grouped.
-- `top`: Card is visually grouped at the top of a section or stack.
-- `bottom`: Card is visually grouped at the bottom of a section or stack.
-- `center`: Card is visually grouped in the middle of a section or stack. */
+    /** Visual grouping and border radius: `regular` (default) is an ungrouped card, while `top`, `center` and `bottom` shape it for the first, an inner and the last card of a stack. */
     position?: ObcElevatedCardPosition;
-    /** Controls the card's content layout:
-- `single-line`: Label only, compact.
-- `double-line`: Label + single-line description.
-- `multi-line`: Label + multi-line description.
-Default is `single-line`. */
+    /** Content layout: `single-line` (default) is the label alone, `double-line` adds a one-line description, `multi-line` a wrapping one. */
     size?: ObcElevatedCardSize;
-    /** Overrides the HTML tag used to render the card.
-- `button`: Renders as a <button> (default for clickable cards).
-- `a`: Renders as an <a> anchor (when `href` is set).
-- `article`: Renders as an <article> (for non-interactive or action cards).
-- `div`: Renders as a <div> (generic container).
-If not set, the tag is determined automatically based on `href` and `isClickable`. */
+    /** Forces the card's host tag to `button`, `a`, `article` or `div`. Left unset, the tag follows `href` and `isClickable`: an anchor when `href` is set, a button when clickable, an article otherwise. */
     overrideTag?: ObcElevatedCardTag | undefined;
     /** If false, the card is rendered as a static (non-clickable) element and uses `<article>` as its tag unless `overrideTag` is set. Useful for informational or status cards that should not be interactive. */
     isClickable?: boolean;

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

@@ -9,14 +9,10 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** 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?: ElevatedCardRadioGroupOption[];
-      /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
-
-Default: `'default'` */
-name?: string;
+     /** 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?: ElevatedCardRadioGroupOption[];
+     /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission. */
+     name?: string;
      /** The currently selected value. Setting this will pre-select the corresponding card radio. */
      value?: string;
      /** Disables all options in the group when true. */

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

@@ -4,13 +4,9 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** 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'}]` */
+    /** 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?: ElevatedCardRadioGroupOption[];
-    /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
-
-Default: `'default'` */
+    /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission. */
     name?: string;
     /** The currently selected value. Setting this will pre-select the corresponding card radio. */
     value?: string;

package/dist/components/event-list/ObcEventList.svelte

@@ -15,8 +15,8 @@
      date?: number | Date;
      /** Array of events to display in the list. */
      events?: DateItemEvent[];
-      /** Locale for date formatting. Uses browser default if not specified. */
-locale?: string | undefined
+     /** Locale for date formatting, such as `en-US`, `nb-NO` or `de-DE`. Uses the browser default when unset. */
+     locale?: string | undefined
    }
       export interface Events {
     

package/dist/components/event-list/ObcEventList.svelte.d.ts

@@ -10,7 +10,7 @@ export interface Props {
     date?: number | Date;
     /** Array of events to display in the list. */
     events?: DateItemEvent[];
-    /** Locale for date formatting. Uses browser default if not specified. */
+    /** Locale for date formatting, such as `en-US`, `nb-NO` or `de-DE`. Uses the browser default when unset. */
     locale?: string | undefined;
 }
 export interface Events {

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

@@ -10,18 +10,10 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Visual style of the message.
-- `regular` (default): Standard notification with a single icon.
-- `application`: Enhanced style with primary and secondary icons.
-
-Use `application` when you want to visually distinguish system-level or application-specific messages. */
-type?: ObcFloatingItemType;
-      /** Layout direction of the component.
-- `horizontal` (default): Icon/content/actions arranged side-by-side.
-- `vertical`: Icon/content stacked, actions below.
-
-Choose `vertical` for narrow containers or when space is limited. */
-direction?: ObcFloatingItemDirection;
+     /** Visual style: `regular` (default) is a standard notification with a single icon, `application` carries a primary and a secondary icon — use it to set system-level or application-specific messages apart. */
+     type?: ObcFloatingItemType;
+     /** Layout direction: `horizontal` (default) puts icon, content and actions side-by-side, `vertical` stacks icon and content with the actions below — the better fit for a narrow container. */
+     direction?: ObcFloatingItemDirection;
      /** Shows a timestamp (slot `time`) when `true`. Enable to display a time label next to the title. */
      hasTimestamp?: boolean;
      /**
@@ -38,12 +30,8 @@ direction?: ObcFloatingItemDirection;
       * Available when `action==true`.
       */
      action2?: boolean;
-      /** Line wrapping style for the message content.
-- `single-line` (default): Truncates to one line.
-- `multi-line`: Allows up to 8 lines of content.
-
-Use `multi-line` for longer messages or detailed descriptions. */
-lineType?: ObcFloatingItemLineType
+     /** Line wrapping for the message content: `single-line` (default) truncates to one line, `multi-line` allows up to eight. */
+     lineType?: ObcFloatingItemLineType
    }
       export interface Events {
     onActionClick?: (event: CustomEvent<void>) => void;

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

@@ -4,17 +4,9 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Visual style of the message.
-- `regular` (default): Standard notification with a single icon.
-- `application`: Enhanced style with primary and secondary icons.
-
-Use `application` when you want to visually distinguish system-level or application-specific messages. */
+    /** Visual style: `regular` (default) is a standard notification with a single icon, `application` carries a primary and a secondary icon — use it to set system-level or application-specific messages apart. */
     type?: ObcFloatingItemType;
-    /** Layout direction of the component.
-- `horizontal` (default): Icon/content/actions arranged side-by-side.
-- `vertical`: Icon/content stacked, actions below.
-
-Choose `vertical` for narrow containers or when space is limited. */
+    /** Layout direction: `horizontal` (default) puts icon, content and actions side-by-side, `vertical` stacks icon and content with the actions below — the better fit for a narrow container. */
     direction?: ObcFloatingItemDirection;
     /** Shows a timestamp (slot `time`) when `true`. Enable to display a time label next to the title. */
     hasTimestamp?: boolean;
@@ -32,11 +24,7 @@ Choose `vertical` for narrow containers or when space is limited. */
      * Available when `action==true`.
      */
     action2?: boolean;
-    /** Line wrapping style for the message content.
-- `single-line` (default): Truncates to one line.
-- `multi-line`: Allows up to 8 lines of content.
-
-Use `multi-line` for longer messages or detailed descriptions. */
+    /** Line wrapping for the message content: `single-line` (default) truncates to one line, `multi-line` allows up to eight. */
     lineType?: ObcFloatingItemLineType;
 }
 export interface Events {

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

@@ -10,11 +10,8 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Visual style of the button.
-- `normal`: Standard appearance (default).
-- `raised`: Elevated with shadow.
-- `flat`: Minimal, backgroundless style. */
-variant?: IconButtonVariant;
+     /** Visual style: `normal` (default) is the standard appearance, `raised` adds a shadow, `flat` drops the background. */
+     variant?: IconButtonVariant;
      /** Whether the button is in an activated (selected/toggled) state. Visually highlights the button to indicate selection. */
      activated?: boolean;
      /** If true, aligns the button to the left edge and removes left border radius. Useful for grouping or edge-aligned layouts. */

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

@@ -4,10 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Visual style of the button.
-- `normal`: Standard appearance (default).
-- `raised`: Elevated with shadow.
-- `flat`: Minimal, backgroundless style. */
+    /** Visual style: `normal` (default) is the standard appearance, `raised` adds a shadow, `flat` drops the background. */
     variant?: IconButtonVariant;
     /** Whether the button is in an activated (selected/toggled) state. Visually highlights the button to indicate selection. */
     activated?: boolean;

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

@@ -10,30 +10,22 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Whether the button is currently checked (selected).
-
-When true, the button displays its checked styling. Toggling this property updates the visual state. */
-checked?: boolean;
-      /** If true, prevents interaction and shows disabled styling.
-
-When disabled, the button cannot be toggled and appears dimmed. */
-disabled?: boolean;
-      /** If true, displays the label text below the icon.
-
-When false, only the icon is shown (icon-only mode). */
-hasLabel?: boolean;
-      /** Text to display below the icon (when `hasLabel` is true).
-
-Used to describe the toggle action or state for clarity and accessibility. */
-label?: string;
-      /** If true, adds alert styling to the button.
-
-Use to visually indicate an alert, warning, or attention-required state. */
-hasAlert?: boolean;
-      /** If true, the button is controlled externally.
-
-Use to control the button state from outside the component. */
-externalControl?: boolean
+     /** Whether the button is currently checked (selected). When true, the button displays its checked styling. Toggling this property updates the visual state. */
+     checked?: boolean;
+     /** If true, prevents interaction and shows disabled styling. When disabled, the button cannot be toggled and appears dimmed. */
+     disabled?: boolean;
+     /** If true, displays the label text below the icon. When false, only the icon is shown (icon-only mode). */
+     hasLabel?: boolean;
+     /**
+      * Text to display below the icon (when `hasLabel` is true). Used to describe the toggle action or state for clarity and accessibility.
+      *
+      * Available when `hasLabel==true`.
+      */
+     label?: string;
+     /** If true, adds alert styling to the button. Use to visually indicate an alert, warning, or attention-required state. */
+     hasAlert?: boolean;
+     /** If true, the button is controlled externally. Use to control the button state from outside the component. */
+     externalControl?: boolean
    }
       export interface Events {
     onIconCheckButtonClick?: (event: CustomEvent<{checked: boolean}>) => void

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

@@ -3,29 +3,21 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Whether the button is currently checked (selected).
-
-When true, the button displays its checked styling. Toggling this property updates the visual state. */
+    /** Whether the button is currently checked (selected). When true, the button displays its checked styling. Toggling this property updates the visual state. */
     checked?: boolean;
-    /** If true, prevents interaction and shows disabled styling.
-
-When disabled, the button cannot be toggled and appears dimmed. */
+    /** If true, prevents interaction and shows disabled styling. When disabled, the button cannot be toggled and appears dimmed. */
     disabled?: boolean;
-    /** If true, displays the label text below the icon.
-
-When false, only the icon is shown (icon-only mode). */
+    /** If true, displays the label text below the icon. When false, only the icon is shown (icon-only mode). */
     hasLabel?: boolean;
-    /** Text to display below the icon (when `hasLabel` is true).
-
-Used to describe the toggle action or state for clarity and accessibility. */
+    /**
+     * Text to display below the icon (when `hasLabel` is true). Used to describe the toggle action or state for clarity and accessibility.
+     *
+     * Available when `hasLabel==true`.
+     */
     label?: string;
-    /** If true, adds alert styling to the button.
-
-Use to visually indicate an alert, warning, or attention-required state. */
+    /** If true, adds alert styling to the button. Use to visually indicate an alert, warning, or attention-required state. */
     hasAlert?: boolean;
-    /** If true, the button is controlled externally.
-
-Use to control the button state from outside the component. */
+    /** If true, the button is controlled externally. Use to control the button state from outside the component. */
     externalControl?: boolean;
 }
 export interface Events {

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

@@ -14,29 +14,16 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
      style?: 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.
-- `label`: Display text.
-- `icon`: Optional icon (e.g., `<obi-placeholder></obi-placeholder>`).
-- `children`: Optional array of child options (for nested/flyout menus).
-- `level`: Optional nesting level (for hierarchical menus). */
-options?: ContextMenuOption[];
+     /** Menu options, each with a unique `value` and a `label`, and optionally an `icon` template, `children` for a nested or flyout menu, and a `level` giving the nesting depth in a hierarchical menu. */
+     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;
-      /** The variant type of context menu to display.
-Determines menu layout and selection behavior.
-- `Regular`: Standard single-select.
-- `Checkboxes`: Multi-select with checkboxes.
-- `NestedCheckboxes`: Hierarchical multi-select.
-- `Flyout`: Multi-level flyout menu.
-- `Multi`: Multi-column menu.
-- `MultiWithSubtitles`: Multi-column with group subtitles. */
-menuType?: ContextMenuType;
+     /** Context menu variant, which sets the layout and the selection behaviour: `regular` (default) is single-select, `checkboxes` and `nested-checkboxes` are flat and hierarchical multi-select, `flyout` is a multi-level flyout, and `multi` and `multi-with-subtitles` lay the menu out in columns. */
+     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. */

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

@@ -7,13 +7,7 @@ export interface Props {
     style?: 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.
-- `label`: Display text.
-- `icon`: Optional icon (e.g., `<obi-placeholder></obi-placeholder>`).
-- `children`: Optional array of child options (for nested/flyout menus).
-- `level`: Optional nesting level (for hierarchical menus). */
+    /** Menu options, each with a unique `value` and a `label`, and optionally an `icon` template, `children` for a nested or flyout menu, and a `level` giving the nesting depth in a hierarchical menu. */
     options?: ContextMenuOption[];
     /** Array of currently selected option values. Used to control which options are checked/selected in the menu. */
     selectedValues?: string[];
@@ -21,14 +15,7 @@ Each option can include:
     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.
-- `Checkboxes`: Multi-select with checkboxes.
-- `NestedCheckboxes`: Hierarchical multi-select.
-- `Flyout`: Multi-level flyout menu.
-- `Multi`: Multi-column menu.
-- `MultiWithSubtitles`: Multi-column with group subtitles. */
+    /** Context menu variant, which sets the layout and the selection behaviour: `regular` (default) is single-select, `checkboxes` and `nested-checkboxes` are flat and hierarchical multi-select, `flyout` is a multi-level flyout, and `multi` and `multi-with-subtitles` lay the menu out in columns. */
     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;

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

@@ -42,8 +42,8 @@ import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-we
      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
+     /** Per-severity alert counts shown as trailing badges, in the Tree variant only. Forwarded to the underlying `obc-tree-navigation-item`. */
+     alerts?: TreeNavigationItemAlerts | undefined
    }
       export interface Events {
     onClick?: (event: CustomEvent<unknown>) => void

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

@@ -35,7 +35,7 @@ export interface Props {
     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] */
+    /** Per-severity alert counts shown as trailing badges, in the Tree variant only. Forwarded to the underlying `obc-tree-navigation-item`. */
     alerts?: TreeNavigationItemAlerts | undefined;
 }
 export interface Events {

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

@@ -29,8 +29,8 @@ import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-we
      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;
+     /** Per-severity alert counts shown as trailing badges on the group header, in the Tree variant only and only while the group is collapsed — an expanded group shows its rows' own badges instead. A header usually sets `combine` so it totals the rows beneath it. */
+     alerts?: TreeNavigationItemAlerts | undefined;
      /** Whether the group starts expanded. Useful for trees that open by default. */
      defaultOpen?: boolean
    }

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

@@ -22,7 +22,7 @@ export interface Props {
     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] */
+    /** Per-severity alert counts shown as trailing badges on the group header, in the Tree variant only and only while the group is collapsed — an expanded group shows its rows' own badges instead. A header usually sets `combine` so it totals the rows beneath it. */
     alerts?: TreeNavigationItemAlerts | undefined;
     /** Whether the group starts expanded. Useful for trees that open by default. */
     defaultOpen?: boolean;

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

@@ -10,14 +10,8 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Controls the visual style and layout of the navigation menu.
-
-- `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.
-- `tree`: Hierarchical tree — groups expand inline and rows are indented by depth. */
-variant?: ObcNavigationMenuVariant;
+     /** Visual style and layout: `full` (default) shows icons and labels, `icon-only` is the compact icon-only menu and takes no flyouts or groups, `icon-only-large` is the icon-only menu that does, `compact` is the space-saving menu, and `tree` expands groups inline and indents rows by depth. */
+     variant?: ObcNavigationMenuVariant;
      /**
       * Visual variant of the flyout. One of `Full` (default) or `Compact`.
       *

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

@@ -4,13 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Controls the visual style and layout of the navigation menu.
-
-- `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.
-- `tree`: Hierarchical tree — groups expand inline and rows are indented by depth. */
+    /** Visual style and layout: `full` (default) shows icons and labels, `icon-only` is the compact icon-only menu and takes no flyouts or groups, `icon-only-large` is the icon-only menu that does, `compact` is the space-saving menu, and `tree` expands groups inline and indents rows by depth. */
     variant?: ObcNavigationMenuVariant;
     /**
      * Visual variant of the flyout. One of `Full` (default) or `Compact`.