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

package/dist/components/system-button/ObcSystemButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {SystemState, SystemButtonVariant, ActivePanel} from '@oicl/openbridge-webcomponents/dist/components/system-button/system-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/system-button/system-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {SystemState, SystemButtonVariant, ActivePanel} from '@oicl/openbridge-webcomponents/dist/components/system-button/system-button.js';
       import type { Snippet } from 'svelte';
 
@@ -17,19 +17,18 @@
 
 Default: `condensed` */
 variant?: SystemButtonVariant;
-      /** Disables all interactions and renders the button(s) in a disabled state. */
-disabled?: boolean;
+     /** Disables all interactions and renders the button(s) in a disabled state. */
+     disabled?: boolean;
       /** Object describing the enabled state and current value for each system indicator (WiFi, audio, microphone, battery, GPS).
 
 Each sub-property (e.g., `wifi.enabled`, `audio.volume`) controls the presence and state of its corresponding icon.
 
 Default: all indicators disabled except WiFi (connected), audio (volume 65), microphone (sensitivity 80), battery (level 78), GPS (quality medium). */
 systemState?: SystemState;
-      /** Indicates whether a system panel is currently open (used internally for expanded/actions variants). */
-menuOpen?: boolean;
-      /** Indicates which panel (if any) is currently active.
-One of: `'microphone'`, `'volume'`, `'system-icons'`, or `null`. */
-activePanel?: ActivePanel | null
+     /** Indicates whether a system panel is currently open (used internally for expanded/actions variants). */
+     menuOpen?: boolean;
+     /** Indicates which panel (if any) is currently active. One of: `'microphone'`, `'volume'`, `'system-icons'`, or `null`. */
+     activePanel?: ActivePanel | null
    }
       export interface Events {
     onMenuToggle?: (event: CustomEvent<{open: boolean}>) => void;
@@ -48,11 +47,7 @@ activePanel?: ActivePanel | null
     use:setProperties={props}
     class={className}
     style={style}
-    onmenu-toggle={onMenuToggle}
-   onsystem-state-change={onSystemStateChange}
-   onmicrophone-panel-open={onMicrophonePanelOpen}
-   onvolume-panel-open={onVolumePanelOpen}
-   onsystem-icons-panel-open={onSystemIconsPanelOpen} >
+    use:forwardEvents={{'menu-toggle': onMenuToggle, 'system-state-change': onSystemStateChange, 'microphone-panel-open': onMicrophonePanelOpen, 'volume-panel-open': onVolumePanelOpen, 'system-icons-panel-open': onSystemIconsPanelOpen}} >
       
     {#if children}
       {@render children()}

package/dist/components/system-button/ObcSystemButton.svelte.d.ts

@@ -22,8 +22,7 @@ Default: all indicators disabled except WiFi (connected), audio (volume 65), mic
     systemState?: SystemState;
     /** Indicates whether a system panel is currently open (used internally for expanded/actions variants). */
     menuOpen?: boolean;
-    /** Indicates which panel (if any) is currently active.
-One of: `'microphone'`, `'volume'`, `'system-icons'`, or `null`. */
+    /** Indicates which panel (if any) is currently active. One of: `'microphone'`, `'volume'`, `'system-icons'`, or `null`. */
     activePanel?: ActivePanel | null;
 }
 export interface Events {

package/dist/components/system-menu/ObcSystemMenu.svelte

@@ -1,9 +1,10 @@
 
   <script lang="ts">
-    export type {WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+    export type {VolumeChangeEvent, WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
-      import { setProperties } from "../../util.js";
-      import type {WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {VolumeChangeEvent, WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -22,8 +23,9 @@
       export interface Events {
     onWifiClick?: (event: CustomEvent<unknown>) => void;
     onAudioClick?: (event: CustomEvent<unknown>) => void;
-    onAudioVolumeChange?: (event: CustomEvent<unknown>) => void;
+    onAudioVolumeChange?: (event: VolumeChangeEvent) => void;
     onMicrophoneClick?: (event: CustomEvent<unknown>) => void;
+    onPushToTalkChange?: (event: CustomEvent<unknown>) => void;
     onBatteryUsageClick?: (event: CustomEvent<unknown>) => void;
     onBatterySavingModeChange?: (event: CustomEvent<unknown>) => void;
     onBatteryModeChange?: (event: CustomEvent<unknown>) => void;
@@ -36,31 +38,18 @@
     onWifiDisconnectClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
-  children?: Snippet
+  batteryStatus?: Snippet
 }
-      const {onWifiClick, onAudioClick, onAudioVolumeChange, onMicrophoneClick, onBatteryUsageClick, onBatterySavingModeChange, onBatteryModeChange, onWifiNetworkChange, onAudioOutputChange, onMicrophoneInputChange, onSettingsClick, onToSubMenuClick, onWifiOptionsClick, onWifiDisconnectClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onWifiClick, onAudioClick, onAudioVolumeChange, onMicrophoneClick, onPushToTalkChange, onBatteryUsageClick, onBatterySavingModeChange, onBatteryModeChange, onWifiNetworkChange, onAudioOutputChange, onMicrophoneInputChange, onSettingsClick, onToSubMenuClick, onWifiOptionsClick, onWifiDisconnectClick, class: className, style, batteryStatus, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-system-menu
     use:setProperties={props}
     class={className}
     style={style}
-    onwifi-click={onWifiClick}
-   onaudio-click={onAudioClick}
-   onaudio-volume-change={onAudioVolumeChange}
-   onmicrophone-click={onMicrophoneClick}
-   onbattery-usage-click={onBatteryUsageClick}
-   onbattery-saving-mode-change={onBatterySavingModeChange}
-   onbattery-mode-change={onBatteryModeChange}
-   onwifi-network-change={onWifiNetworkChange}
-   onaudio-output-change={onAudioOutputChange}
-   onmicrophone-input-change={onMicrophoneInputChange}
-   onsettings-click={onSettingsClick}
-   onto-sub-menu-click={onToSubMenuClick}
-   onwifi-options-click={onWifiOptionsClick}
-   onwifi-disconnect-click={onWifiDisconnectClick} >
+    use:forwardEvents={{'wifi-click': onWifiClick, 'audio-click': onAudioClick, 'audio-volume-change': onAudioVolumeChange, 'microphone-click': onMicrophoneClick, 'push-to-talk-change': onPushToTalkChange, 'battery-usage-click': onBatteryUsageClick, 'battery-saving-mode-change': onBatterySavingModeChange, 'battery-mode-change': onBatteryModeChange, 'wifi-network-change': onWifiNetworkChange, 'audio-output-change': onAudioOutputChange, 'microphone-input-change': onMicrophoneInputChange, 'settings-click': onSettingsClick, 'to-sub-menu-click': onToSubMenuClick, 'wifi-options-click': onWifiOptionsClick, 'wifi-disconnect-click': onWifiDisconnectClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if batteryStatus}
+        <NamedSlot name="battery-status" content={batteryStatus} />
+      {/if}
     </obc-system-menu>

package/dist/components/system-menu/ObcSystemMenu.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
-import type { WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu } from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+import type { VolumeChangeEvent, WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu } from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -17,8 +17,9 @@ export interface Props {
 export interface Events {
     onWifiClick?: (event: CustomEvent<unknown>) => void;
     onAudioClick?: (event: CustomEvent<unknown>) => void;
-    onAudioVolumeChange?: (event: CustomEvent<unknown>) => void;
+    onAudioVolumeChange?: (event: VolumeChangeEvent) => void;
     onMicrophoneClick?: (event: CustomEvent<unknown>) => void;
+    onPushToTalkChange?: (event: CustomEvent<unknown>) => void;
     onBatteryUsageClick?: (event: CustomEvent<unknown>) => void;
     onBatterySavingModeChange?: (event: CustomEvent<unknown>) => void;
     onBatteryModeChange?: (event: CustomEvent<unknown>) => void;
@@ -31,10 +32,11 @@ export interface Events {
     onWifiDisconnectClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    batteryStatus?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSystemMenu: import("svelte").Component<$$ComponentProps, {
+    VolumeChangeEvent: typeof VolumeChangeEvent;
     WifiState: typeof WifiState;
     AudioState: typeof AudioState;
     MicrophoneState: typeof MicrophoneState;

package/dist/components/tab-item/ObcTabItem.svelte

@@ -1,9 +1,10 @@
 
   <script lang="ts">
-    
+    export type {TabItemBadge} from '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
-      import { setProperties } from "../../util.js";
-      
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {TabItemBadge} from '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -44,11 +45,16 @@ Useful for visually separating tabs.
 
 Default: false */
 hasDivider?: boolean;
-      /** Displays a badge (count/status) on the tab.
-Configure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.
+      /** One or more badges (count/status) to display on the tab.
 
-Default: false */
-hasBadge?: boolean;
+When this array is non-empty it takes precedence over the deprecated
+single-badge props (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`,
+`badgeShowNumber`, `showLeadingBadgeIcon`). When empty, the deprecated
+props are used instead (gated by `hasBadge`).
+
+Default: [] */
+badges?: TabItemBadge[];
+     hasBadge?: boolean;
       /** (Deprecated/Unused) Icon name for the tab.
 Icon content should be provided via the `leading-icon` slot.
 
@@ -59,33 +65,28 @@ Can be overridden by slotting content into the `title` slot.
 
 Default: 'Tab title' */
 title?: string;
-      /** Disables the tab, preventing user interaction and applying disabled styles.
+      /** Shows contextual text below the tab title.
 
 Default: false */
-disabled?: boolean;
-      /** Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).
-See `BadgeType` enum for available options.
+showSubtitle?: boolean;
+      /** Contextual text shown below the tab title when `showSubtitle` is true.
 
-Default: 'regular' */
-badgeType?: string;
-      /** Size of the badge ('regular' or 'large').
-See `BadgeSize` enum for available options.
-
-Default: 'regular' */
-badgeSize?: string;
-      /** Shows the badge's numeric value. When false, only the badge background is rendered (for status-only badges).
-
-Default: true */
-badgeShowNumber?: boolean;
-      /** The numeric value to display in the badge (e.g., count of notifications).
-
-Default: 0 */
-badgeCount?: number;
-      /** Shows an icon inside the badge.
-Supply icon content via the `badge-icon` slot.
+Default: '' */
+subtitle?: string;
+      /** Disables the tab, preventing user interaction and applying disabled styles.
 
 Default: false */
-showLeadingBadgeIcon?: boolean
+disabled?: boolean;
+     /** Available when `hasBadge==true`. */
+     badgeType?: string;
+     /** Available when `hasBadge==true`. */
+     badgeSize?: string;
+     /** Available when `hasBadge==true`. */
+     badgeShowNumber?: boolean;
+     /** Available when `hasBadge==true`. */
+     badgeCount?: number;
+     /** Available when `hasBadge==true`. */
+     showLeadingBadgeIcon?: boolean
    }
       export interface Events {
     onTabClick?: (event: CustomEvent<{title: string}>) => void;
@@ -93,34 +94,27 @@ showLeadingBadgeIcon?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  title?: Snippet;
+  titleSnippet?: Snippet;
   badgeIcon?: Snippet
 }
-      const {onTabClick, onTabClose, class: className, style, leadingIcon, title, badgeIcon, ...props} = $props<Props & Events & Slots>();
+      const {onTabClick, onTabClose, class: className, style, leadingIcon, titleSnippet, badgeIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-tab-item
     use:setProperties={props}
     class={className}
     style={style}
-    ontab-click={onTabClick}
-   ontab-close={onTabClose} >
+    use:forwardEvents={{'tab-click': onTabClick, 'tab-close': onTabClose}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
-      {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+      {#if titleSnippet}
+        <NamedSlot name="title" content={titleSnippet} />
       {/if}
 
       {#if badgeIcon}
-        <div slot="badge-icon">
-          {@render badgeIcon()}
-        </div>
+        <NamedSlot name="badge-icon" content={badgeIcon} />
       {/if}
     </obc-tab-item>

package/dist/components/tab-item/ObcTabItem.svelte.d.ts

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
+import type { TabItemBadge } from '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -38,10 +39,15 @@ Useful for visually separating tabs.
 
 Default: false */
     hasDivider?: boolean;
-    /** Displays a badge (count/status) on the tab.
-Configure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.
+    /** One or more badges (count/status) to display on the tab.
 
-Default: false */
+When this array is non-empty it takes precedence over the deprecated
+single-badge props (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`,
+`badgeShowNumber`, `showLeadingBadgeIcon`). When empty, the deprecated
+props are used instead (gated by `hasBadge`).
+
+Default: [] */
+    badges?: TabItemBadge[];
     hasBadge?: boolean;
     /** (Deprecated/Unused) Icon name for the tab.
 Icon content should be provided via the `leading-icon` slot.
@@ -53,32 +59,27 @@ Can be overridden by slotting content into the `title` slot.
 
 Default: 'Tab title' */
     title?: string;
+    /** Shows contextual text below the tab title.
+
+Default: false */
+    showSubtitle?: boolean;
+    /** Contextual text shown below the tab title when `showSubtitle` is true.
+
+Default: '' */
+    subtitle?: string;
     /** Disables the tab, preventing user interaction and applying disabled styles.
 
 Default: false */
     disabled?: boolean;
-    /** Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).
-See `BadgeType` enum for available options.
-
-Default: 'regular' */
+    /** Available when `hasBadge==true`. */
     badgeType?: string;
-    /** Size of the badge ('regular' or 'large').
-See `BadgeSize` enum for available options.
-
-Default: 'regular' */
+    /** Available when `hasBadge==true`. */
     badgeSize?: string;
-    /** Shows the badge's numeric value. When false, only the badge background is rendered (for status-only badges).
-
-Default: true */
+    /** Available when `hasBadge==true`. */
     badgeShowNumber?: boolean;
-    /** The numeric value to display in the badge (e.g., count of notifications).
-
-Default: 0 */
+    /** Available when `hasBadge==true`. */
     badgeCount?: number;
-    /** Shows an icon inside the badge.
-Supply icon content via the `badge-icon` slot.
-
-Default: false */
+    /** Available when `hasBadge==true`. */
     showLeadingBadgeIcon?: boolean;
 }
 export interface Events {
@@ -91,10 +92,12 @@ export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
-    title?: Snippet;
+    titleSnippet?: Snippet;
     badgeIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcTabItem: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcTabItem: import("svelte").Component<$$ComponentProps, {
+    TabItemBadge: typeof TabItemBadge;
+}, "">;
 type ObcTabItem = ReturnType<typeof ObcTabItem>;
 export default ObcTabItem;

package/dist/components/tab-row/ObcTabRow.svelte

@@ -2,24 +2,28 @@
   <script lang="ts">
     export type {TabData} from '@oicl/openbridge-webcomponents/dist/components/tab-row/tab-row.js';
       import '@oicl/openbridge-webcomponents/dist/components/tab-row/tab-row.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {TabData} from '@oicl/openbridge-webcomponents/dist/components/tab-row/tab-row.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
+      /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
 
 - `id` (string): Unique identifier for the tab.
 - `title` (string): Display label for the tab.
+- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.
+- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.
 - `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).
-- `hasBadge` (boolean): Whether to show a badge on the tab.
-- `badgeCount` (number): Number to display in the badge.
-- `badgeType` (BadgeType): Visual style of the badge (e.g., notification, alarm, enhance).
-- `badgeSize` (BadgeSize): Size of the badge (e.g., regular, large).
-- `badgeShowNumber` (boolean): If true, shows the badge number.
-- `showLeadingBadgeIcon` (boolean): If true, shows a badge icon.
+- `badges` (TabItemBadge[]): One or more badges to display on the tab. Takes precedence over the deprecated single-badge fields below.
+- `hasBadge` (boolean, deprecated): Whether to show a badge on the tab.
+- `badgeCount` (number, deprecated): Number to display in the badge.
+- `badgeType` (BadgeType, deprecated): Visual style of the badge (e.g., notification, alarm, enhance).
+- `badgeSize` (BadgeSize, deprecated): Size of the badge (e.g., regular, large).
+- `badgeShowNumber` (boolean, deprecated): If true, shows the badge number.
+- `showLeadingBadgeIcon` (boolean, deprecated): If true, shows a badge icon.
 - `disabled` (boolean): If true, disables the tab. */
 tabs?: TabData[];
       /** The `id` of the currently selected tab. Only one tab can be selected at a time.
@@ -30,10 +34,15 @@ selectedTabId?: string;
 
 Default: `false`. */
 hasClose?: boolean;
+     centerContent?: boolean;
       /** Enables "hug" mode for a more compact tab layout with reduced padding.
 
 Default: `false`. */
 hug?: boolean;
+      /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`.
+
+Default: `false`. */
+showSubtitle?: boolean;
       /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event.
 
 Default: `false`. */
@@ -46,32 +55,26 @@ hasAddNewTab?: boolean
   }
       export interface Slots {
   tabIcon?: Snippet<[any]>;
-  tabBadgeIcon?: Snippet<[any]>
+  tab?: Snippet<[any]>
 }
-      const {onTabSelected, onTabClosed, onAddNewTab, class: className, style, tabIcon, tabBadgeIcon, ...props} = $props<Props & Events & Slots>();
+      const {onTabSelected, onTabClosed, onAddNewTab, class: className, style, tabIcon, tab, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-tab-row
     use:setProperties={props}
     class={className}
     style={style}
-    ontab-selected={onTabSelected}
-   ontab-closed={onTabClosed}
-   onadd-new-tab={onAddNewTab} >
+    use:forwardEvents={{'tab-selected': onTabSelected, 'tab-closed': onTabClosed, 'add-new-tab': onAddNewTab}} >
       
-      {#if tabs && tabIcon}
-        {#each tabs as item}
-          <div slot="tab-{item.id}-icon">
-            {@render tabIcon(item)}
-          </div>
+      {#if props.tabs && tabIcon}
+        {#each props.tabs as item}
+          <NamedSlot name="tab-{item.id}-icon" content={tabIcon} arg={item} />
         {/each}
       {/if}
 
-      {#if tabs && tabBadgeIcon}
-        {#each tabs as item}
-          <div slot="tab-{item.id}-badge-icon">
-            {@render tabBadgeIcon(item)}
-          </div>
+      {#if props.tabs && tab}
+        {#each props.tabs as item}
+          <NamedSlot name="tab-{item.id}-<iconSlotName>" content={tab} arg={item} />
         {/each}
       {/if}
     </obc-tab-row>

package/dist/components/tab-row/ObcTabRow.svelte.d.ts

@@ -4,17 +4,20 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
+    /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
 
 - `id` (string): Unique identifier for the tab.
 - `title` (string): Display label for the tab.
+- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.
+- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.
 - `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).
-- `hasBadge` (boolean): Whether to show a badge on the tab.
-- `badgeCount` (number): Number to display in the badge.
-- `badgeType` (BadgeType): Visual style of the badge (e.g., notification, alarm, enhance).
-- `badgeSize` (BadgeSize): Size of the badge (e.g., regular, large).
-- `badgeShowNumber` (boolean): If true, shows the badge number.
-- `showLeadingBadgeIcon` (boolean): If true, shows a badge icon.
+- `badges` (TabItemBadge[]): One or more badges to display on the tab. Takes precedence over the deprecated single-badge fields below.
+- `hasBadge` (boolean, deprecated): Whether to show a badge on the tab.
+- `badgeCount` (number, deprecated): Number to display in the badge.
+- `badgeType` (BadgeType, deprecated): Visual style of the badge (e.g., notification, alarm, enhance).
+- `badgeSize` (BadgeSize, deprecated): Size of the badge (e.g., regular, large).
+- `badgeShowNumber` (boolean, deprecated): If true, shows the badge number.
+- `showLeadingBadgeIcon` (boolean, deprecated): If true, shows a badge icon.
 - `disabled` (boolean): If true, disables the tab. */
     tabs?: TabData[];
     /** The `id` of the currently selected tab. Only one tab can be selected at a time.
@@ -25,10 +28,15 @@ Changing this property updates the selected tab visually and emits the `tab-sele
 
 Default: `false`. */
     hasClose?: boolean;
+    centerContent?: boolean;
     /** Enables "hug" mode for a more compact tab layout with reduced padding.
 
 Default: `false`. */
     hug?: boolean;
+    /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`.
+
+Default: `false`. */
+    showSubtitle?: boolean;
     /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event.
 
 Default: `false`. */
@@ -49,7 +57,7 @@ export interface Events {
 }
 export interface Slots {
     tabIcon?: Snippet<[any]>;
-    tabBadgeIcon?: Snippet<[any]>;
+    tab?: Snippet<[any]>;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTabRow: import("svelte").Component<$$ComponentProps, {