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

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

@@ -9,9 +9,9 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Removes the right border for seamless grouping with adjacent buttons. Use when this button is not the last in a horizontal group. */
+     /** Removes the right border so the button sits flush against the next one. Use when this button is not the last in a horizontal group. */
      openRight?: boolean;
-     /** Removes the left border for seamless grouping with adjacent buttons. Use when this button is not the first in a horizontal group. */
+     /** Removes the left border so the button sits flush against the previous one. Use when this button is not the first in a horizontal group. */
      openLeft?: boolean;
      /** Applies rounded corners to the left side of the button. Use for the first button in a group or when aligning to a container's left edge. */
      cornerLeft?: boolean;

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

@@ -3,9 +3,9 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Removes the right border for seamless grouping with adjacent buttons. Use when this button is not the last in a horizontal group. */
+    /** Removes the right border so the button sits flush against the next one. Use when this button is not the last in a horizontal group. */
     openRight?: boolean;
-    /** Removes the left border for seamless grouping with adjacent buttons. Use when this button is not the first in a horizontal group. */
+    /** Removes the left border so the button sits flush against the previous one. Use when this button is not the first in a horizontal group. */
     openLeft?: boolean;
     /** Applies rounded corners to the left side of the button. Use for the first button in a group or when aligning to a container's left edge. */
     cornerLeft?: boolean;

package/dist/components/notification-button/ObcNotificationButton.svelte

@@ -10,41 +10,28 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Visual style of the notification button.
-
-- `flat`: Minimal icon-only style. Counter is never shown.
-- `normal`: Standard notification button. Counter badge appears if `showCount` is true and `isActive` is true.
-- `enhanced`: Emphasized style with background and accent color. Counter badge appears if `showCount` is true and `isActive` is true.
-
-Defaults to `flat`. */
-buttonStyle?: NotificationButtonStyle;
-      /** Number of notifications to display in the counter badge.
-
-Only shown if `showCount` is true, `isActive` is true, and `buttonStyle` is `normal` or `enhanced`.
-Ignored in `flat` style.
-
-Defaults to 0. */
-count?: number;
-      /** Whether to display the notification count badge.
-
-If true, and the style is `normal` or `enhanced` and `isActive` is true, the counter badge is shown.
-Has no effect in `flat` style.
-
-Defaults to false. */
-showCount?: boolean;
-      /** Whether the button is in the active (selected) state.
-
-When true, the button uses the filled notification icon and applies the selected style (`normal` or `enhanced`).
-When false, the button always appears in `flat` style with the outlined icon.
-
-Defaults to false. */
-isActive?: boolean;
-      /** Accessibility label for the button.
-
-Used as the `aria-label` attribute for screen readers. If the counter is visible, the label will include the count (e.g., "Notifications, 5 new").
-
-Defaults to "Notifications". */
-ariaLabel?: string
+     /**
+      * Visual style: `flat` (default) is icon-only and never shows the counter, `normal` is the standard button and `enhanced` adds a background and accent colour — both show the counter badge while `showCount` and `isActive` are true.
+      *
+      * Available when `isActive==true`.
+      */
+     buttonStyle?: NotificationButtonStyle;
+     /**
+      * Number of notifications to display in the counter badge. Only shown if `showCount` is true, `isActive` is true, and `buttonStyle` is `normal` or `enhanced`. Ignored in `flat` style. Defaults to 0.
+      *
+      * Available when `isActive==true && showCount==true && buttonStyle in [Normal, Enhanced]`.
+      */
+     count?: number;
+     /**
+      * Whether to display the notification count badge. If true, and the style is `normal` or `enhanced` and `isActive` is true, the counter badge is shown. Has no effect in `flat` style. Defaults to false.
+      *
+      * Available when `isActive==true && buttonStyle in [Normal, Enhanced]`.
+      */
+     showCount?: boolean;
+     /** Whether the button is in the active (selected) state. When true, the button uses the filled notification icon and applies the selected style (`normal` or `enhanced`). When false, the button always appears in `flat` style with the outlined icon. Defaults to false. */
+     isActive?: boolean;
+     /** Accessibility label for the button. Used as the `aria-label` attribute for screen readers. If the counter is visible, the label will include the count (e.g., "Notifications, 5 new"). Defaults to "Notifications". */
+     ariaLabel?: string
    }
       export interface Events {
     onObcClick?: (event: CustomEvent<NotificationButtonClickEvent>) => void

package/dist/components/notification-button/ObcNotificationButton.svelte.d.ts

@@ -4,40 +4,27 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Visual style of the notification button.
-
-- `flat`: Minimal icon-only style. Counter is never shown.
-- `normal`: Standard notification button. Counter badge appears if `showCount` is true and `isActive` is true.
-- `enhanced`: Emphasized style with background and accent color. Counter badge appears if `showCount` is true and `isActive` is true.
-
-Defaults to `flat`. */
+    /**
+     * Visual style: `flat` (default) is icon-only and never shows the counter, `normal` is the standard button and `enhanced` adds a background and accent colour — both show the counter badge while `showCount` and `isActive` are true.
+     *
+     * Available when `isActive==true`.
+     */
     buttonStyle?: NotificationButtonStyle;
-    /** Number of notifications to display in the counter badge.
-
-Only shown if `showCount` is true, `isActive` is true, and `buttonStyle` is `normal` or `enhanced`.
-Ignored in `flat` style.
-
-Defaults to 0. */
+    /**
+     * Number of notifications to display in the counter badge. Only shown if `showCount` is true, `isActive` is true, and `buttonStyle` is `normal` or `enhanced`. Ignored in `flat` style. Defaults to 0.
+     *
+     * Available when `isActive==true && showCount==true && buttonStyle in [Normal, Enhanced]`.
+     */
     count?: number;
-    /** Whether to display the notification count badge.
-
-If true, and the style is `normal` or `enhanced` and `isActive` is true, the counter badge is shown.
-Has no effect in `flat` style.
-
-Defaults to false. */
+    /**
+     * Whether to display the notification count badge. If true, and the style is `normal` or `enhanced` and `isActive` is true, the counter badge is shown. Has no effect in `flat` style. Defaults to false.
+     *
+     * Available when `isActive==true && buttonStyle in [Normal, Enhanced]`.
+     */
     showCount?: boolean;
-    /** Whether the button is in the active (selected) state.
-
-When true, the button uses the filled notification icon and applies the selected style (`normal` or `enhanced`).
-When false, the button always appears in `flat` style with the outlined icon.
-
-Defaults to false. */
+    /** Whether the button is in the active (selected) state. When true, the button uses the filled notification icon and applies the selected style (`normal` or `enhanced`). When false, the button always appears in `flat` style with the outlined icon. Defaults to false. */
     isActive?: boolean;
-    /** Accessibility label for the button.
-
-Used as the `aria-label` attribute for screen readers. If the counter is visible, the label will include the count (e.g., "Notifications, 5 new").
-
-Defaults to "Notifications". */
+    /** Accessibility label for the button. Used as the `aria-label` attribute for screen readers. If the counter is visible, the label will include the count (e.g., "Notifications, 5 new"). Defaults to "Notifications". */
     ariaLabel?: string;
 }
 export interface Events {

package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte

@@ -10,16 +10,10 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Defines the notification type.
-- `regular`: Standard notification appearance.
-- `application`: Application-level notification with additional icon.
-Default is `regular`. */
-type?: ObcFloatingItemType;
-      /** Sets the layout direction of the notification.
-- `horizontal`: Content and actions are arranged side-by-side.
-- `vertical`: Content and actions are stacked.
-Default is `horizontal`. */
-direction?: ObcFloatingItemDirection;
+     /** Notification type: `regular` (default) is the standard appearance, `application` is the application-level one with a second icon. */
+     type?: ObcFloatingItemType;
+     /** Layout direction: `horizontal` (default) puts content and actions side-by-side, `vertical` stacks them. */
+     direction?: ObcFloatingItemDirection;
      /** If true, displays a timestamp label (e.g., "09:12:46") in the notification. Default is false. */
      hasTimestamp?: boolean;
      /** If true (and `hasTimestamp` is also true), displays a day label (e.g., "Yesterday") in the notification. Default is false. */
@@ -28,11 +22,8 @@ direction?: ObcFloatingItemDirection;
      action?: boolean;
      /** If true, displays a secondary action button (e.g., "Undo"). Only available if `action` is also true. Default is false. */
      action2?: boolean;
-      /** Sets the line type for the notification content.
-- `singleLine`: Compact, single-line layout.
-- `multiLine`: Supports longer, multi-line descriptions.
-Default is `singleLine`. */
-lineType?: ObcFloatingItemLineType
+     /** Content line type: `single-line` (default) is the compact one-line layout, `multi-line` allows a longer description to wrap. */
+     lineType?: ObcFloatingItemLineType
    }
       export interface Events {
     onActionClick?: (event: CustomEvent<void>) => void;

package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte.d.ts

@@ -4,15 +4,9 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Defines the notification type.
-- `regular`: Standard notification appearance.
-- `application`: Application-level notification with additional icon.
-Default is `regular`. */
+    /** Notification type: `regular` (default) is the standard appearance, `application` is the application-level one with a second icon. */
     type?: ObcFloatingItemType;
-    /** Sets the layout direction of the notification.
-- `horizontal`: Content and actions are arranged side-by-side.
-- `vertical`: Content and actions are stacked.
-Default is `horizontal`. */
+    /** Layout direction: `horizontal` (default) puts content and actions side-by-side, `vertical` stacks them. */
     direction?: ObcFloatingItemDirection;
     /** If true, displays a timestamp label (e.g., "09:12:46") in the notification. Default is false. */
     hasTimestamp?: boolean;
@@ -22,10 +16,7 @@ Default is `horizontal`. */
     action?: boolean;
     /** If true, displays a secondary action button (e.g., "Undo"). Only available if `action` is also true. Default is false. */
     action2?: boolean;
-    /** Sets the line type for the notification content.
-- `singleLine`: Compact, single-line layout.
-- `multiLine`: Supports longer, multi-line descriptions.
-Default is `singleLine`. */
+    /** Content line type: `single-line` (default) is the compact one-line layout, `multi-line` allows a longer description to wrap. */
     lineType?: ObcFloatingItemLineType;
 }
 export interface Events {

package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte

@@ -40,16 +40,10 @@
       * Available when `type==WithButton`.
       */
      actionLabel?: string;
-      /** Display type of the notification.
-- `simple`: Basic notification (default).
-- `with-button`: Includes a text action button.
-- `with-icon-button`: Includes an icon action.
-- `inactive`: Shows empty/inactive state. */
-type?: ObcNotificationMessageItemType;
-      /** Size variant of the notification.
-- `regular`: Standard compact layout (default).
-- `tall`: Expanded layout for longer content. */
-size?: ObcNotificationMessageItemSize;
+     /** Display type: `simple` (default) is the basic notification, `with-button` adds a text action button, `with-icon-button` an icon action, and `inactive` shows the empty state. */
+     type?: ObcNotificationMessageItemType;
+     /** Size variant: `regular` (default) is the compact layout, `tall` the expanded one for longer content. */
+     size?: ObcNotificationMessageItemSize;
      /**
       * Whether to show the title.
       *

package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte.d.ts

@@ -34,15 +34,9 @@ export interface Props {
      * Available when `type==WithButton`.
      */
     actionLabel?: string;
-    /** Display type of the notification.
-- `simple`: Basic notification (default).
-- `with-button`: Includes a text action button.
-- `with-icon-button`: Includes an icon action.
-- `inactive`: Shows empty/inactive state. */
+    /** Display type: `simple` (default) is the basic notification, `with-button` adds a text action button, `with-icon-button` an icon action, and `inactive` shows the empty state. */
     type?: ObcNotificationMessageItemType;
-    /** Size variant of the notification.
-- `regular`: Standard compact layout (default).
-- `tall`: Expanded layout for longer content. */
+    /** Size variant: `regular` (default) is the compact layout, `tall` the expanded one for longer content. */
     size?: ObcNotificationMessageItemSize;
     /**
      * Whether to show the title.

package/dist/components/pagination/ObcPagination.svelte

@@ -9,32 +9,14 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Visual style variant of the pagination component.
-
-- `regular`: Standard pagination with numbered page buttons and navigation arrows.
-- `flat`: Minimalist, low-elevation style with flat toggle buttons.
-- `condensed`: Compact mode with progress indicator dots and navigation arrows only.
-
-Default: `regular` */
-variant?: PaginationVariant;
-      /** Total number of pages available for navigation.
-
-Must be a positive integer (minimum 1). If set below 1, defaults to 1.
-
-Default: `3` */
-pages?: number;
-      /** The currently selected (active) page, 1-based index.
-
-If set below 1 or above the total number of pages, it is clamped to the valid range.
-
-Default: `1` */
-currentPage?: number;
-      /** Expands the pagination controls to fill the width of the container.
-
-When enabled, the page indicators (toggle button group or progress dots) stretch to align with the container.
-
-Default: `false` */
-fullWidth?: boolean;
+     /** Visual variant: `regular` (default) shows numbered page buttons and navigation arrows, `flat` is the low-elevation style with flat toggle buttons, and `condensed` replaces the numbers with progress indicator dots. */
+     variant?: PaginationVariant;
+     /** Total number of pages available for navigation. Must be a positive integer (minimum 1). If set below 1, defaults to 1. */
+     pages?: number;
+     /** The currently selected (active) page, 1-based index. If set below 1 or above the total number of pages, it is clamped to the valid range. */
+     currentPage?: number;
+     /** Expands the pagination controls to fill the width of the container. When enabled, the page indicators (toggle button group or progress dots) stretch to align with the container. */
+     fullWidth?: boolean;
      disabled?: boolean
    }
       export interface Events {

package/dist/components/pagination/ObcPagination.svelte.d.ts

@@ -4,31 +4,13 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Visual style variant of the pagination component.
-
-- `regular`: Standard pagination with numbered page buttons and navigation arrows.
-- `flat`: Minimalist, low-elevation style with flat toggle buttons.
-- `condensed`: Compact mode with progress indicator dots and navigation arrows only.
-
-Default: `regular` */
+    /** Visual variant: `regular` (default) shows numbered page buttons and navigation arrows, `flat` is the low-elevation style with flat toggle buttons, and `condensed` replaces the numbers with progress indicator dots. */
     variant?: PaginationVariant;
-    /** Total number of pages available for navigation.
-
-Must be a positive integer (minimum 1). If set below 1, defaults to 1.
-
-Default: `3` */
+    /** Total number of pages available for navigation. Must be a positive integer (minimum 1). If set below 1, defaults to 1. */
     pages?: number;
-    /** The currently selected (active) page, 1-based index.
-
-If set below 1 or above the total number of pages, it is clamped to the valid range.
-
-Default: `1` */
+    /** The currently selected (active) page, 1-based index. If set below 1 or above the total number of pages, it is clamped to the valid range. */
     currentPage?: number;
-    /** Expands the pagination controls to fill the width of the container.
-
-When enabled, the page indicators (toggle button group or progress dots) stretch to align with the container.
-
-Default: `false` */
+    /** Expands the pagination controls to fill the width of the container. When enabled, the page indicators (toggle button group or progress dots) stretch to align with the container. */
     fullWidth?: boolean;
     disabled?: boolean;
 }

package/dist/components/pivot-item/ObcPivotItem.svelte

@@ -10,35 +10,20 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** The value associated with this pivot item. Used to identify the item within a group.
-
-Set a unique value for each item in a group to track selection state. */
-value?: string;
-      /** Whether this item is currently selected. Only one item should be selected in a group.
-
-When `true`, the item is visually highlighted and does not emit the `selected` event on click. */
-selected?: boolean;
-      /** Layout direction for the item: `horizontal` (default) or `vertical`.
-Should match the direction of the containing group.
-
-Use `horizontal` for row/tab layouts and `vertical` for column/rail layouts. */
-direction?: ObcPivotItemDirection;
-      /** Whether to display a leading icon. If true, renders the `icon` slot.
-
-Place an icon element (e.g., `<obi-home slot="icon"></obi-home>`) in the slot to show an icon. */
-hasLeadingIcon?: boolean;
-      /** Whether to display a text label. If true and `label` is non-empty, shows the label.
-
-Use in combination with `hasLeadingIcon` for icon+label layouts. */
-hasLabel?: boolean;
-      /** The text label to display for the item. Only shown if `hasLabel` is true and label is non-empty.
-
-Keep labels concise for best appearance, especially in horizontal layouts. */
-label?: string;
-      /** Disables the item, preventing interaction and applying a disabled style.
-
-When `true`, the item cannot be selected and is visually muted. */
-disabled?: boolean
+     /** The value associated with this pivot item. Used to identify the item within a group. Set a unique value for each item in a group to track selection state. */
+     value?: string;
+     /** Whether this item is currently selected. Only one item should be selected in a group. When `true`, the item is visually highlighted and does not emit the `selected` event on click. */
+     selected?: boolean;
+     /** Layout direction for the item: `horizontal` (default) or `vertical`. Should match the direction of the containing group. Use `horizontal` for row/tab layouts and `vertical` for column/rail layouts. */
+     direction?: ObcPivotItemDirection;
+     /** Whether to display a leading icon. If true, renders the `icon` slot. Place an icon element (e.g., `<obi-home slot="icon"></obi-home>`) in the slot to show an icon. */
+     hasLeadingIcon?: boolean;
+     /** Whether to display a text label. If true and `label` is non-empty, shows the label. Use in combination with `hasLeadingIcon` for icon+label layouts. */
+     hasLabel?: boolean;
+     /** The text label to display for the item. Only shown if `hasLabel` is true and label is non-empty. Keep labels concise for best appearance, especially in horizontal layouts. */
+     label?: string;
+     /** Disables the item, preventing interaction and applying a disabled style. When `true`, the item cannot be selected and is visually muted. */
+     disabled?: boolean
    }
       export interface Events {
     onSelected?: (event: CustomEvent<{value: string}>) => void

package/dist/components/pivot-item/ObcPivotItem.svelte.d.ts

@@ -4,34 +4,19 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The value associated with this pivot item. Used to identify the item within a group.
-
-Set a unique value for each item in a group to track selection state. */
+    /** The value associated with this pivot item. Used to identify the item within a group. Set a unique value for each item in a group to track selection state. */
     value?: string;
-    /** Whether this item is currently selected. Only one item should be selected in a group.
-
-When `true`, the item is visually highlighted and does not emit the `selected` event on click. */
+    /** Whether this item is currently selected. Only one item should be selected in a group. When `true`, the item is visually highlighted and does not emit the `selected` event on click. */
     selected?: boolean;
-    /** Layout direction for the item: `horizontal` (default) or `vertical`.
-Should match the direction of the containing group.
-
-Use `horizontal` for row/tab layouts and `vertical` for column/rail layouts. */
+    /** Layout direction for the item: `horizontal` (default) or `vertical`. Should match the direction of the containing group. Use `horizontal` for row/tab layouts and `vertical` for column/rail layouts. */
     direction?: ObcPivotItemDirection;
-    /** Whether to display a leading icon. If true, renders the `icon` slot.
-
-Place an icon element (e.g., `<obi-home slot="icon"></obi-home>`) in the slot to show an icon. */
+    /** Whether to display a leading icon. If true, renders the `icon` slot. Place an icon element (e.g., `<obi-home slot="icon"></obi-home>`) in the slot to show an icon. */
     hasLeadingIcon?: boolean;
-    /** Whether to display a text label. If true and `label` is non-empty, shows the label.
-
-Use in combination with `hasLeadingIcon` for icon+label layouts. */
+    /** Whether to display a text label. If true and `label` is non-empty, shows the label. Use in combination with `hasLeadingIcon` for icon+label layouts. */
     hasLabel?: boolean;
-    /** The text label to display for the item. Only shown if `hasLabel` is true and label is non-empty.
-
-Keep labels concise for best appearance, especially in horizontal layouts. */
+    /** The text label to display for the item. Only shown if `hasLabel` is true and label is non-empty. Keep labels concise for best appearance, especially in horizontal layouts. */
     label?: string;
-    /** Disables the item, preventing interaction and applying a disabled style.
-
-When `true`, the item cannot be selected and is visually muted. */
+    /** Disables the item, preventing interaction and applying a disabled style. When `true`, the item cannot be selected and is visually muted. */
     disabled?: boolean;
 }
 export interface Events {

package/dist/components/progress-bar/ObcProgressBar.svelte

@@ -58,11 +58,12 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       * Available when `type==linear && hasDescription==true`.
       */
      description?: string;
-      /** Shows the `stateLabel` next to the value.
-
-**TODO(designer):** Confirm the intended purpose of the state indicator — the story labels
-this a "future feature". */
-showState?: boolean;
+     /**
+      * Shows the `stateLabel` next to the value. **TODO(designer):** Confirm the intended purpose of the state indicator — the story labels this a "future feature".
+      *
+      * Available when `type==linear && showValue==true && mode==determinate`.
+      */
+     showState?: boolean;
      /**
       * Text shown alongside the value when `showState` is enabled.
       *

package/dist/components/progress-bar/ObcProgressBar.svelte.d.ts

@@ -51,10 +51,11 @@ export interface Props {
      * Available when `type==linear && hasDescription==true`.
      */
     description?: string;
-    /** Shows the `stateLabel` next to the value.
-
-**TODO(designer):** Confirm the intended purpose of the state indicator — the story labels
-this a "future feature". */
+    /**
+     * Shows the `stateLabel` next to the value. **TODO(designer):** Confirm the intended purpose of the state indicator — the story labels this a "future feature".
+     *
+     * Available when `type==linear && showValue==true && mode==determinate`.
+     */
     showState?: boolean;
     /**
      * Text shown alongside the value when `showState` is enabled.

package/dist/components/rich-button/ObcRichButton.svelte

@@ -16,10 +16,8 @@ import type {RichButtonDirection} from '@oicl/openbridge-webcomponents/dist/comp
      label?: string | HTMLTemplateResult;
      /** Optional supporting description text (up to two lines, truncated if too long). */
      description?: string;
-      /** Layout direction for the button content.
-- `vertical` (default): Icons and text are stacked vertically.
-- `horizontal`: Icons and text are arranged side by side. */
-direction?: RichButtonDirection;
+     /** Layout direction for the button content: `vertical` (default) stacks icons and text, `horizontal` puts them side by side. */
+     direction?: RichButtonDirection;
      /** If true, displays the leading icon slot before the label. */
      hasLeadingIcon?: boolean;
      /** If true, displays the trailing icon slot after the description. */

package/dist/components/rich-button/ObcRichButton.svelte.d.ts

@@ -9,9 +9,7 @@ export interface Props {
     label?: string | HTMLTemplateResult;
     /** Optional supporting description text (up to two lines, truncated if too long). */
     description?: string;
-    /** Layout direction for the button content.
-- `vertical` (default): Icons and text are stacked vertically.
-- `horizontal`: Icons and text are arranged side by side. */
+    /** Layout direction for the button content: `vertical` (default) stacks icons and text, `horizontal` puts them side by side. */
     direction?: RichButtonDirection;
     /** If true, displays the leading icon slot before the label. */
     hasLeadingIcon?: boolean;

package/dist/components/slider/ObcSlider.svelte

@@ -10,52 +10,38 @@
       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. */
-value?: number;
-      /** The minimum allowed value for the slider.
-
-Default is 0. */
-min?: number;
-      /** 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. */
-step?: number | undefined;
-      /** The amount to increment or decrement the value when clicking the left/right icon buttons.
-
-Default is 10. */
-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`. */
-variant?: ObcSliderVariant;
-      /** 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. */
-hasRightIcon?: boolean;
-      /** Enables animated seeking: clicking or dragging along the track will set the value to the clicked position, animating smoothly.
-
-Default is 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. */
-seekingSpeed?: number;
+     /** 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. */
+     min?: number;
+     /** 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. */
+     step?: number | undefined;
+     /**
+      * 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;
+     /** 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. */
+     hasLeftIcon?: boolean;
+     /** Whether to display a right icon button for incrementing the value. When true, the `icon-right` slot is rendered as a button. */
+     hasRightIcon?: boolean;
+     /**
+      * 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.
+      *
+      * Available when `allowSeeking==false && variant!=no-input && disabled==false`.
+      */
+     seekingSpeed?: number;
      disabled?: boolean
    }
       export interface Events {