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

package/dist/components/slider/ObcSlider.svelte.d.ts

@@ -4,51 +4,37 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The current value of the slider.
-
-Updates as the user drags the thumb, clicks the track (if `allowSeeking`), or uses the increment/decrement buttons. */
+    /** The current value of the slider. Updates as the user drags the thumb, clicks the track (if `allowSeeking`), or uses the increment/decrement buttons. */
     value?: number;
-    /** The minimum allowed value for the slider.
-
-Default is 0. */
+    /** The minimum allowed value for the slider. Default is 0. */
     min?: number;
-    /** The maximum allowed value for the slider.
-
-Default is 100. */
+    /** The maximum allowed value for the slider. Default is 100. */
     max?: number;
-    /** The step granularity for slider value changes.
-
-If set, the slider will snap to multiples of this value between min and max.
-Optional; if not set, the slider is continuous. */
+    /** The step granularity for slider value changes. If set, the slider will snap to multiples of this value between min and max. Optional; if not set, the slider is continuous. */
     step?: number | undefined;
-    /** The amount to increment or decrement the value when clicking the left/right icon buttons.
-
-Default is 10. */
+    /**
+     * The amount to increment or decrement the value when clicking the left/right icon buttons. Default is 10.
+     *
+     * Available when `hasLeftIcon==true || hasRightIcon==true`.
+     */
     stepClick?: number;
-    /** The visual and interaction style of the slider.
-
-- `normal`: Standard appearance.
-- `enhanced`: Larger track and thumb for emphasis.
-- `no-input`: Read-only; disables all user input.
-
-Default is `normal`. */
+    /** Visual and interaction style: `normal` (default) is the standard appearance, `enhanced` has a larger track and thumb for emphasis, and `no-input` is read-only. */
     variant?: ObcSliderVariant;
-    /** Whether to display a left icon button for decrementing the value.
-
-When true, the `icon-left` slot is rendered as a button. */
+    /** Whether to display a left icon button for decrementing the value. When true, the `icon-left` slot is rendered as a button. */
     hasLeftIcon?: boolean;
-    /** Whether to display a right icon button for incrementing the value.
-
-When true, the `icon-right` slot is rendered as a button. */
+    /** Whether to display a right icon button for incrementing the value. When true, the `icon-right` slot is rendered as a button. */
     hasRightIcon?: boolean;
-    /** Enables animated seeking: clicking or dragging along the track will set the value to the clicked position, animating smoothly.
-
-Default is false. */
+    /**
+     * Moves the value straight to the position clicked or dragged to. Left off, the value animates there instead, at `seekingSpeed`. Default is false.
+     *
+     * Available when `variant!=no-input && disabled==false`.
+     */
     allowSeeking?: boolean;
-    /** The speed of the smooth animation that moves the value to the clicked position (used when `allowSeeking` is false).
-
-Expressed as the inverse of seconds to go from min to max (e.g., 1/3 means 3 seconds for full range).
-Default is 1/3. */
+    /**
+     * The speed of the smooth animation that moves the value to the clicked position (used when `allowSeeking` is false). Expressed as the inverse of seconds to go from min to max (e.g., 1/3 means 3 seconds for full range). Default is 1/3.
+     *
+     * Available when `allowSeeking==false && variant!=no-input && disabled==false`.
+     */
     seekingSpeed?: number;
     disabled?: boolean;
 }

package/dist/components/slider-double/ObcSliderDouble.svelte

@@ -22,12 +22,8 @@
      step?: number | undefined;
      /** Step size for keyboard or button-based changes. Default is 10. */
      stepClick?: number;
-      /** Visual and interaction style of the slider.
-- `normal`: Standard appearance.
-- `enhanced`: Larger track and thumb.
-- `no-input`: Read-only, disables user interaction.
-Default is `normal`. */
-variant?: ObcSliderDoubleVariant;
+     /** Visual and interaction style: `normal` (default) is the standard appearance, `enhanced` has a larger track and thumb, and `no-input` is read-only. */
+     variant?: ObcSliderDoubleVariant;
      /** If true, clicking the slider track animates the thumb to the clicked position. Enables seeking mode for rapid value changes. */
      allowSeeking?: boolean;
      disabled?: boolean;
@@ -39,21 +35,11 @@ variant?: ObcSliderDoubleVariant;
      labelDecimals?: number;
      /** CSS width for value labels (e.g., "5ch", "60px"). */
      labelWidth?: string;
-      /** Whether to show the left (low) readout label.
-
-When false, the left readout is hidden entirely. When true, the readout
-renders the formatted `low` value or the content slotted into `left-readout`.
-
-Default is true. Set via JavaScript property (no HTML attribute). */
-showLeftReadout?: boolean;
-      /** Whether to show the right (high) readout label.
-
-When false, the right readout is hidden entirely. When true, the readout
-renders the formatted `high` value or the content slotted into `right-readout`.
-
-Default is true. Set via JavaScript property (no HTML attribute). */
-showRightReadout?: boolean;
-     /** Removes spacing between the slider and its container edges for seamless layout integration. Reflected to the `hugcontainer` HTML attribute. */
+     /** Whether to show the left (low) readout label. When false, the left readout is hidden entirely. When true, the readout renders the formatted `low` value or the content slotted into `left-readout`. Default is true. Set via JavaScript property (no HTML attribute). */
+     showLeftReadout?: boolean;
+     /** Whether to show the right (high) readout label. When false, the right readout is hidden entirely. When true, the readout renders the formatted `high` value or the content slotted into `right-readout`. Default is true. Set via JavaScript property (no HTML attribute). */
+     showRightReadout?: boolean;
+     /** Removes spacing between the slider and its container edges so the slider sits flush. Reflected to the `hugcontainer` HTML attribute. */
      hugContainer?: boolean
    }
       export interface Events {

package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts

@@ -16,11 +16,7 @@ export interface Props {
     step?: number | undefined;
     /** Step size for keyboard or button-based changes. Default is 10. */
     stepClick?: number;
-    /** Visual and interaction style of the slider.
-- `normal`: Standard appearance.
-- `enhanced`: Larger track and thumb.
-- `no-input`: Read-only, disables user interaction.
-Default is `normal`. */
+    /** Visual and interaction style: `normal` (default) is the standard appearance, `enhanced` has a larger track and thumb, and `no-input` is read-only. */
     variant?: ObcSliderDoubleVariant;
     /** If true, clicking the slider track animates the thumb to the clicked position. Enables seeking mode for rapid value changes. */
     allowSeeking?: boolean;
@@ -33,21 +29,11 @@ Default is `normal`. */
     labelDecimals?: number;
     /** CSS width for value labels (e.g., "5ch", "60px"). */
     labelWidth?: string;
-    /** Whether to show the left (low) readout label.
-
-When false, the left readout is hidden entirely. When true, the readout
-renders the formatted `low` value or the content slotted into `left-readout`.
-
-Default is true. Set via JavaScript property (no HTML attribute). */
+    /** Whether to show the left (low) readout label. When false, the left readout is hidden entirely. When true, the readout renders the formatted `low` value or the content slotted into `left-readout`. Default is true. Set via JavaScript property (no HTML attribute). */
     showLeftReadout?: boolean;
-    /** Whether to show the right (high) readout label.
-
-When false, the right readout is hidden entirely. When true, the readout
-renders the formatted `high` value or the content slotted into `right-readout`.
-
-Default is true. Set via JavaScript property (no HTML attribute). */
+    /** Whether to show the right (high) readout label. When false, the right readout is hidden entirely. When true, the readout renders the formatted `high` value or the content slotted into `right-readout`. Default is true. Set via JavaScript property (no HTML attribute). */
     showRightReadout?: boolean;
-    /** Removes spacing between the slider and its container edges for seamless layout integration. Reflected to the `hugcontainer` HTML attribute. */
+    /** Removes spacing between the slider and its container edges so the slider sits flush. Reflected to the `hugcontainer` HTML attribute. */
     hugContainer?: boolean;
 }
 export interface Events {

package/dist/components/start-stop-switch/ObcStartStopSwitch.svelte

@@ -10,54 +10,24 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Whether the switch is in the checked (active) state.
-When checked, the thumb is on the right side.
-When unchecked, the thumb is on the left side.
-
-Defaults to `false`. */
-checked?: boolean;
-      /** The visual variant for the switch when checked.
-- `normal`: Standard blue appearance (default)
-- `running`: Green appearance indicating motor/process is running
-- `loading`: Light blue appearance indicating a pending/loading state
-
-This only affects the visual style, not the switch position.
-
-Defaults to `'normal'`. */
-variant?: StartStopSwitchVariant;
-      /** The size of the switch.
-- `regular`: Standard size with 32px track height
-- `large`: Larger size with 48px track height
-
-Defaults to `'regular'`. */
-size?: StartStopSwitchSize;
-      /** Whether the switch is disabled.
-
-When disabled, the switch cannot be interacted with and displays a muted appearance.
-In the disabled state, the thumb is hidden and only the state label is shown.
-
-Defaults to `false`. */
-disabled?: boolean;
-      /** Whether to show an alert frame around the switch.
-
-When true, displays a red alert border around the switch to indicate
-an alarm or critical state.
-
-Defaults to `false`. */
-hasAlert?: boolean;
-      /** Whether to show the description below the switch.
-
-When true, displays the description text below the switch track.
-The component's minimum height is maintained at the touch target size.
-
-Defaults to `false`. */
-hasDescription?: boolean;
-      /** Description text displayed below the switch when `hasDescription` is true.
-
-Use this to provide additional context about the switch's purpose or current state.
-
-Defaults to `'Action description'`. */
-description?: string
+     /** Whether the switch is in the checked (active) state. When checked, the thumb is on the right side. When unchecked, the thumb is on the left side. Defaults to `false`. */
+     checked?: boolean;
+     /** Visual style of the checked side: `normal` (default) is blue, `running` green for the running state and `loading` light blue for a pending one. It does not move the thumb. */
+     variant?: StartStopSwitchVariant;
+     /** Switch size: `regular` (default) has a 32px track height, `large` a 48px one. */
+     size?: StartStopSwitchSize;
+     /** Whether the switch is disabled. When disabled, the switch cannot be interacted with and displays a muted appearance. In the disabled state, the thumb is hidden and only the state label is shown. Defaults to `false`. */
+     disabled?: boolean;
+     /** Whether to show an alert frame around the switch. When true, displays a red alert border around the switch to indicate an alarm or critical state. Defaults to `false`. */
+     hasAlert?: boolean;
+     /** Whether to show the description below the switch. When true, displays the description text below the switch track. The component's minimum height is maintained at the touch target size. Defaults to `false`. */
+     hasDescription?: boolean;
+     /**
+      * Description text displayed below the switch when `hasDescription` is true. Use this to provide additional context about the switch's purpose or current state. Defaults to `'Action description'`.
+      *
+      * Available when `hasDescription==true`.
+      */
+     description?: string
    }
       export interface Events {
     onChange?: (event: ObcStartStopSwitchChangeEvent) => void

package/dist/components/start-stop-switch/ObcStartStopSwitch.svelte.d.ts

@@ -4,53 +4,23 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Whether the switch is in the checked (active) state.
-When checked, the thumb is on the right side.
-When unchecked, the thumb is on the left side.
-
-Defaults to `false`. */
+    /** Whether the switch is in the checked (active) state. When checked, the thumb is on the right side. When unchecked, the thumb is on the left side. Defaults to `false`. */
     checked?: boolean;
-    /** The visual variant for the switch when checked.
-- `normal`: Standard blue appearance (default)
-- `running`: Green appearance indicating motor/process is running
-- `loading`: Light blue appearance indicating a pending/loading state
-
-This only affects the visual style, not the switch position.
-
-Defaults to `'normal'`. */
+    /** Visual style of the checked side: `normal` (default) is blue, `running` green for the running state and `loading` light blue for a pending one. It does not move the thumb. */
     variant?: StartStopSwitchVariant;
-    /** The size of the switch.
-- `regular`: Standard size with 32px track height
-- `large`: Larger size with 48px track height
-
-Defaults to `'regular'`. */
+    /** Switch size: `regular` (default) has a 32px track height, `large` a 48px one. */
     size?: StartStopSwitchSize;
-    /** Whether the switch is disabled.
-
-When disabled, the switch cannot be interacted with and displays a muted appearance.
-In the disabled state, the thumb is hidden and only the state label is shown.
-
-Defaults to `false`. */
+    /** Whether the switch is disabled. When disabled, the switch cannot be interacted with and displays a muted appearance. In the disabled state, the thumb is hidden and only the state label is shown. Defaults to `false`. */
     disabled?: boolean;
-    /** Whether to show an alert frame around the switch.
-
-When true, displays a red alert border around the switch to indicate
-an alarm or critical state.
-
-Defaults to `false`. */
+    /** Whether to show an alert frame around the switch. When true, displays a red alert border around the switch to indicate an alarm or critical state. Defaults to `false`. */
     hasAlert?: boolean;
-    /** Whether to show the description below the switch.
-
-When true, displays the description text below the switch track.
-The component's minimum height is maintained at the touch target size.
-
-Defaults to `false`. */
+    /** Whether to show the description below the switch. When true, displays the description text below the switch track. The component's minimum height is maintained at the touch target size. Defaults to `false`. */
     hasDescription?: boolean;
-    /** Description text displayed below the switch when `hasDescription` is true.
-
-Use this to provide additional context about the switch's purpose or current state.
-
-Defaults to `'Action description'`. */
+    /**
+     * Description text displayed below the switch when `hasDescription` is true. Use this to provide additional context about the switch's purpose or current state. Defaults to `'Action description'`.
+     *
+     * Available when `hasDescription==true`.
+     */
     description?: string;
 }
 export interface Events {

package/dist/components/stepper-box/ObcStepperBox.svelte

@@ -9,13 +9,8 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** The visual and behavioral variant of the stepper box.
-- `plus-minus` (default): Uses plus and minus icons.
-- `up-down`: Uses up and down chevrons.
-- `left-right`: Uses left and right chevrons.
-
-Changing this property updates the icons and directionality of the stepper buttons. */
-type?: ObcStepperBoxType;
+     /** Icons and directionality of the stepper buttons: `plus-minus` (default) uses plus and minus icons, `up-down` and `left-right` the matching chevrons. */
+     type?: ObcStepperBoxType;
      /** If true, the stepper box is disabled and the buttons are not clickable. */
      disabled?: boolean;
      /** The current numeric value displayed in the field. Pass `null` to clear the value and show the `placeholder` instead. */

package/dist/components/stepper-box/ObcStepperBox.svelte.d.ts

@@ -4,12 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The visual and behavioral variant of the stepper box.
-- `plus-minus` (default): Uses plus and minus icons.
-- `up-down`: Uses up and down chevrons.
-- `left-right`: Uses left and right chevrons.
-
-Changing this property updates the icons and directionality of the stepper buttons. */
+    /** Icons and directionality of the stepper buttons: `plus-minus` (default) uses plus and minus icons, `up-down` and `left-right` the matching chevrons. */
     type?: ObcStepperBoxType;
     /** If true, the stepper box is disabled and the buttons are not clickable. */
     disabled?: boolean;

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

@@ -9,22 +9,12 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Controls the visual and interactive mode of the system button.
-
-- `condensed`: Single icon button for minimal UI.
-- `expanded`: Horizontal button showing a row of system status icons.
-- `actions`: Segmented button group for quick access to system controls.
-
-Default: `condensed` */
-variant?: SystemButtonVariant;
+     /** Visual and interactive mode: `condensed` (default) is a single icon button, `expanded` a horizontal button showing a row of system status icons, and `actions` a segmented group of system controls. */
+     variant?: SystemButtonVariant;
      /** 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;
+     /** Object describing the enabled state and current value for each system indicator (WiFi, audio, microphone, battery, GPS). Each sub-property (e.g., `wifi.connected`, `audio.volume`) controls the presence and state of its corresponding icon. */
+     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`. */

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

@@ -4,21 +4,11 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Controls the visual and interactive mode of the system button.
-
-- `condensed`: Single icon button for minimal UI.
-- `expanded`: Horizontal button showing a row of system status icons.
-- `actions`: Segmented button group for quick access to system controls.
-
-Default: `condensed` */
+    /** Visual and interactive mode: `condensed` (default) is a single icon button, `expanded` a horizontal button showing a row of system status icons, and `actions` a segmented group of system controls. */
     variant?: SystemButtonVariant;
     /** 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). */
+    /** Object describing the enabled state and current value for each system indicator (WiFi, audio, microphone, battery, GPS). Each sub-property (e.g., `wifi.connected`, `audio.volume`) controls the presence and state of its corresponding icon. */
     systemState?: SystemState;
     /** Indicates whether a system panel is currently open (used internally for expanded/actions variants). */
     menuOpen?: boolean;

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

@@ -10,73 +10,37 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Shrinks the tab width to fit its content instead of using the default fixed width.
-When enabled, the tab will use `width: fit-content` and a minimum width.
-
-Default: false */
-hug?: boolean;
-      /** Centers the content (icon, title, badge) horizontally within the tab.
-When enabled, content is centered rather than left-aligned.
-
-Default: false */
-centerContent?: boolean;
-      /** Marks the tab as selected/active.
-Only one tab in a group should have `checked` set to true.
-
-Default: false */
-checked?: boolean;
-      /** Displays a close button at the end of the tab.
-Use for tabs that can be removed by the user.
-
-Default: false */
-hasClose?: boolean;
-      /** Shows a leading icon at the start of the tab.
-Supply icon content via the `leading-icon` slot.
-
-Default: false */
-hasLeadingIcon?: boolean;
-      /** Displays the tab's title/label.
-Content can be provided via the `title` slot or the `title` property.
-
-Default: false */
-hasTitle?: boolean;
-      /** Shows a vertical divider on the left edge of the tab (except when checked).
-Useful for visually separating tabs.
-
-Default: false */
-hasDivider?: boolean;
-      /** One or more badges (count/status) to display on the tab.
-
-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[];
+     /** Shrinks the tab width to fit its content instead of using the default fixed width. When enabled, the tab will use `width: fit-content` and a minimum width. */
+     hug?: boolean;
+     /** Centers the content (icon, title, badge) horizontally within the tab. When enabled, content is centered rather than left-aligned. */
+     centerContent?: boolean;
+     /** Marks the tab as selected/active. Only one tab in a group should have `checked` set to true. */
+     checked?: boolean;
+     /** Displays a close button at the end of the tab. Use for tabs that can be removed by the user. */
+     hasClose?: boolean;
+     /** Shows a leading icon at the start of the tab. Supply icon content via the `leading-icon` slot. */
+     hasLeadingIcon?: boolean;
+     /** Displays the tab's title/label. Content can be provided via the `title` slot or the `title` property. */
+     hasTitle?: boolean;
+     /**
+      * Shows a vertical divider on the left edge of the tab (except when checked). Useful for visually separating tabs.
+      *
+      * Available when `checked==false`.
+      */
+     hasDivider?: boolean;
+     /** Badges shown on the tab. A non-empty array takes precedence over the deprecated single-badge properties (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`, `badgeShowNumber`, `showLeadingBadgeIcon`); an empty one falls back to them, gated by `hasBadge`. */
+     badges?: TabItemBadge[];
      hasBadge?: boolean;
-      /** (Deprecated/Unused) Icon name for the tab.
-Icon content should be provided via the `leading-icon` slot.
-
-Default: 'placeholder' */
-icon?: string;
-      /** The tab's title/label text.
-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;
+     /** (Deprecated/Unused) Icon name for the tab. Icon content should be provided via the `leading-icon` slot. */
+     icon?: string;
+     /** The tab's title/label text. Can be overridden by slotting content into the `title` slot. */
+     title?: string;
+     /** Shows contextual text below the tab title. */
+     showSubtitle?: boolean;
+     /** Contextual text shown below the tab title when `showSubtitle` is true. */
+     subtitle?: string;
+     /** Disables the tab, preventing user interaction and applying disabled styles. */
+     disabled?: boolean;
      /** Available when `hasBadge==true`. */
      badgeType?: string;
      /** Available when `hasBadge==true`. */

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

@@ -4,72 +4,36 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Shrinks the tab width to fit its content instead of using the default fixed width.
-When enabled, the tab will use `width: fit-content` and a minimum width.
-
-Default: false */
+    /** Shrinks the tab width to fit its content instead of using the default fixed width. When enabled, the tab will use `width: fit-content` and a minimum width. */
     hug?: boolean;
-    /** Centers the content (icon, title, badge) horizontally within the tab.
-When enabled, content is centered rather than left-aligned.
-
-Default: false */
+    /** Centers the content (icon, title, badge) horizontally within the tab. When enabled, content is centered rather than left-aligned. */
     centerContent?: boolean;
-    /** Marks the tab as selected/active.
-Only one tab in a group should have `checked` set to true.
-
-Default: false */
+    /** Marks the tab as selected/active. Only one tab in a group should have `checked` set to true. */
     checked?: boolean;
-    /** Displays a close button at the end of the tab.
-Use for tabs that can be removed by the user.
-
-Default: false */
+    /** Displays a close button at the end of the tab. Use for tabs that can be removed by the user. */
     hasClose?: boolean;
-    /** Shows a leading icon at the start of the tab.
-Supply icon content via the `leading-icon` slot.
-
-Default: false */
+    /** Shows a leading icon at the start of the tab. Supply icon content via the `leading-icon` slot. */
     hasLeadingIcon?: boolean;
-    /** Displays the tab's title/label.
-Content can be provided via the `title` slot or the `title` property.
-
-Default: false */
+    /** Displays the tab's title/label. Content can be provided via the `title` slot or the `title` property. */
     hasTitle?: boolean;
-    /** Shows a vertical divider on the left edge of the tab (except when checked).
-Useful for visually separating tabs.
-
-Default: false */
+    /**
+     * Shows a vertical divider on the left edge of the tab (except when checked). Useful for visually separating tabs.
+     *
+     * Available when `checked==false`.
+     */
     hasDivider?: boolean;
-    /** One or more badges (count/status) to display on the tab.
-
-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 shown on the tab. A non-empty array takes precedence over the deprecated single-badge properties (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`, `badgeShowNumber`, `showLeadingBadgeIcon`); an empty one falls back to them, gated by `hasBadge`. */
     badges?: TabItemBadge[];
     hasBadge?: boolean;
-    /** (Deprecated/Unused) Icon name for the tab.
-Icon content should be provided via the `leading-icon` slot.
-
-Default: 'placeholder' */
+    /** (Deprecated/Unused) Icon name for the tab. Icon content should be provided via the `leading-icon` slot. */
     icon?: string;
-    /** The tab's title/label text.
-Can be overridden by slotting content into the `title` slot.
-
-Default: 'Tab title' */
+    /** The tab's title/label text. Can be overridden by slotting content into the `title` slot. */
     title?: string;
-    /** Shows contextual text below the tab title.
-
-Default: false */
+    /** Shows contextual text below the tab title. */
     showSubtitle?: boolean;
-    /** Contextual text shown below the tab title when `showSubtitle` is true.
-
-Default: '' */
+    /** Contextual text shown below the tab title when `showSubtitle` is true. */
     subtitle?: string;
-    /** Disables the tab, preventing user interaction and applying disabled styles.
-
-Default: false */
+    /** Disables the tab, preventing user interaction and applying disabled styles. */
     disabled?: boolean;
     /** Available when `hasBadge==true`. */
     badgeType?: string;

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

@@ -10,43 +10,19 @@
       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`, `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).
-- `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.
-
-Changing this property updates the selected tab visually and emits the `tab-selected` event when changed by user interaction. */
-selectedTabId?: string;
-      /** Whether to display a close button on each tab. When enabled, users can remove tabs individually.
-
-Default: `false`. */
-hasClose?: boolean;
+     /** Tabs to display. Each carries a unique `id`, a `title`, an optional `subtitle` with a per-tab `showSubtitle` override, `hasLeadingIcon`, `disabled`, and a `badges` array that takes precedence over the deprecated single-badge fields (`hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`). */
+     tabs?: TabData[];
+     /** The `id` of the currently selected tab. Only one tab can be selected at a time. Changing this property updates the selected tab visually and emits the `tab-selected` event when changed by user interaction. */
+     selectedTabId?: string;
+     /** Whether to display a close button on each tab. When enabled, users can remove tabs individually. */
+     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`. */
-hasAddNewTab?: boolean
+     /** Enables "hug" mode for a more compact tab layout with reduced padding. */
+     hug?: boolean;
+     /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`. */
+     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. */
+     hasAddNewTab?: boolean
    }
       export interface Events {
     onTabSelected?: (event: CustomEvent<{tab: TabData, id: string, index: number}>) => void;