@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.141

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

@@ -1,52 +1,43 @@
 
   <script lang="ts">
-    export type {ObcSliderDoubleValueEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
+    export type {ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
       import '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcSliderDoubleValueEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The current lower bound of the selected range.
-Must be greater than or equal to `min` and less than or equal to `high`. */
-low?: number;
-      /** The current upper bound of the selected range.
-Must be less than or equal to `max` and greater than or equal to `low`. */
-high?: 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 increment for value changes.
-If not set, defaults to 1. */
-step?: number | undefined;
-      /** Step size for keyboard or button-based changes.
-Default is 10. */
-stepClick?: number;
+     /** The current lower bound of the selected range. Must be greater than or equal to `min` and less than or equal to `high`. */
+     low?: number;
+     /** The current upper bound of the selected range. Must be less than or equal to `max` and greater than or equal to `low`. */
+     high?: 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 increment for value changes. If not set, defaults to 1. */
+     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;
-      /** If true, clicking the slider track animates the thumb to the clicked position.
-Enables seeking mode for rapid value changes. */
-allowSeeking?: boolean;
+     /** If true, clicking the slider track animates the thumb to the clicked position. Enables seeking mode for rapid value changes. */
+     allowSeeking?: boolean;
      disabled?: boolean;
-      /** Animation speed for seeking, in inverse seconds.
-The value will go from min to max in 1 / seekingSpeed seconds.
-Default is 1/3 (i.e., 3 seconds for full range). */
-seekingSpeed?: number;
-      /** Unit label appended to value labels (e.g., "%", "kn"). */
-labelUnit?: string;
-      /** Number of decimal places to display in value labels. */
-labelDecimals?: number;
-      /** CSS width for value labels (e.g., "5ch", "60px"). */
-labelWidth?: string;
+     /** Animation speed for seeking, in inverse seconds. The value will go from min to max in 1 / seekingSpeed seconds. Default is 1/3 (i.e., 3 seconds for full range). */
+     seekingSpeed?: number;
+     /** Unit label appended to value labels (e.g., "%", "kn"). */
+     labelUnit?: string;
+     /** Number of decimal places to display in value labels. */
+     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
@@ -61,40 +52,26 @@ 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. */
-hugContainer?: boolean
+     /** Removes spacing between the slider and its container edges for seamless layout integration. Reflected to the `hugcontainer` HTML attribute. */
+     hugContainer?: boolean
    }
       export interface Events {
-    onValue?: (event: ObcSliderDoubleValueEvent) => void
+    onValue?: (event: ObcSliderDoubleValueEvent) => void;
+    onChange?: (event: ObcSliderDoubleChangeEvent) => void
   }
       export interface Slots {
-  iconLeft?: Snippet;
-  iconRight?: Snippet;
   leftReadout?: Snippet;
   rightReadout?: Snippet
 }
-      const {onValue, class: className, style, iconLeft, iconRight, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
+      const {onValue, onChange, class: className, style, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-slider-double
     use:setProperties={props}
     class={className}
     style={style}
-    onvalue={onValue} >
+    use:forwardEvents={{'value': onValue, 'change': onChange}} >
       
-      {#if iconLeft}
-        <div slot="icon-left">
-          {@render iconLeft()}
-        </div>
-      {/if}
-
-      {#if iconRight}
-        <div slot="icon-right">
-          {@render iconRight()}
-        </div>
-      {/if}
-
       {#if leftReadout}
         <div slot="left-readout">
           {@render leftReadout()}

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

@@ -1,26 +1,20 @@
 import '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
-import type { ObcSliderDoubleValueEvent, ObcSliderDoubleVariant } from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
+import type { ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant } from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The current lower bound of the selected range.
-Must be greater than or equal to `min` and less than or equal to `high`. */
+    /** The current lower bound of the selected range. Must be greater than or equal to `min` and less than or equal to `high`. */
     low?: number;
-    /** The current upper bound of the selected range.
-Must be less than or equal to `max` and greater than or equal to `low`. */
+    /** The current upper bound of the selected range. Must be less than or equal to `max` and greater than or equal to `low`. */
     high?: 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 increment for value changes.
-If not set, defaults to 1. */
+    /** The increment for value changes. If not set, defaults to 1. */
     step?: number | undefined;
-    /** Step size for keyboard or button-based changes.
-Default is 10. */
+    /** Step size for keyboard or button-based changes. Default is 10. */
     stepClick?: number;
     /** Visual and interaction style of the slider.
 - `normal`: Standard appearance.
@@ -28,13 +22,10 @@ Default is 10. */
 - `no-input`: Read-only, disables user interaction.
 Default is `normal`. */
     variant?: ObcSliderDoubleVariant;
-    /** If true, clicking the slider track animates the thumb to the clicked position.
-Enables seeking mode for rapid value changes. */
+    /** If true, clicking the slider track animates the thumb to the clicked position. Enables seeking mode for rapid value changes. */
     allowSeeking?: boolean;
     disabled?: boolean;
-    /** Animation speed for seeking, in inverse seconds.
-The value will go from min to max in 1 / seekingSpeed seconds.
-Default is 1/3 (i.e., 3 seconds for full range). */
+    /** Animation speed for seeking, in inverse seconds. The value will go from min to max in 1 / seekingSpeed seconds. Default is 1/3 (i.e., 3 seconds for full range). */
     seekingSpeed?: number;
     /** Unit label appended to value labels (e.g., "%", "kn"). */
     labelUnit?: string;
@@ -56,22 +47,21 @@ 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 for seamless layout integration. Reflected to the `hugcontainer` HTML attribute. */
     hugContainer?: boolean;
 }
 export interface Events {
     onValue?: (event: ObcSliderDoubleValueEvent) => void;
+    onChange?: (event: ObcSliderDoubleChangeEvent) => void;
 }
 export interface Slots {
-    iconLeft?: Snippet;
-    iconRight?: Snippet;
     leftReadout?: Snippet;
     rightReadout?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSliderDouble: import("svelte").Component<$$ComponentProps, {
     ObcSliderDoubleValueEvent: typeof ObcSliderDoubleValueEvent;
+    ObcSliderDoubleChangeEvent: typeof ObcSliderDoubleChangeEvent;
     ObcSliderDoubleVariant: typeof ObcSliderDoubleVariant;
 }, "">;
 type ObcSliderDouble = ReturnType<typeof ObcSliderDouble>;

package/dist/components/split-button/ObcSplitButton.svelte

@@ -3,7 +3,7 @@
     export type {ObcSplitButtonClickEvent, ObcSplitButtonChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/split-button/split-button.js';
 export type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import '@oicl/openbridge-webcomponents/dist/components/split-button/split-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcSplitButtonClickEvent, ObcSplitButtonChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/split-button/split-button.js';
 import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import type { Snippet } from 'svelte';
@@ -11,48 +11,46 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
       export interface Props {
      class?: string;
      style?: string;
-      /** The label displayed on the main (primary) button. */
-label?: string;
-      /** Whether the main button should show a leading icon slot.
-When true, content in the `icon` slot is rendered before the label. */
-hasIcon?: boolean;
-      /** Array of menu options for the dropdown.
-Each option should be a `ContextMenuOption` object.
-For grouped or multi-column menus, use `columnGroups` instead. */
-options?: ContextMenuOption[];
-      /** Array of currently selected option values in the dropdown.
-Used to control the checked/selected state of menu items. */
-selectedValues?: string[];
-      /** The variant type of context menu to display in the dropdown.
-Accepts values from the `ContextMenuType` enum (e.g., 'regular', 'checkboxes', 'flyout', 'multi', 'multiWithSubtitles'). */
-menuType?: ContextMenuType;
-      /** Whether multiple selections are allowed in the dropdown.
-If true, users can select more than one option (e.g., for checkboxes or multi-column). */
-multiSelect?: boolean | undefined;
-      /** Allows single selection per group/column (matches context-menu-input).
-When true, only one option can be selected per group/column. */
-selectPerGroup?: boolean | undefined;
-      /** Number of items per column in multi-column layouts.
-Used when `menuType` is 'multi' or 'multiWithSubtitles'. */
-itemsPerColumn?: number;
-      /** Whether to show a title bar with close button in the dropdown.
-When true, a title bar appears at the top of the menu. */
-hasTitleBar?: boolean;
-      /** Title text for the dropdown menu.
-Displayed in the title bar when `hasTitleBar` is true. */
-menuTitle?: string;
-      /** Whether the split button should fill the full width of its container.
-When true, the component stretches horizontally. */
-fullWidth?: boolean;
-      /** Whether both parts of the button are disabled.
-When true, disables both the primary and dropdown buttons. */
-disabled?: boolean;
-      /** Open context menu dropdown above (`true`) or below (`false`) the button.
-Useful for placement near the bottom of the viewport. */
-openTop?: boolean;
-      /** Array of column group definitions for multi-column/grouped menus.
-Use instead of `options` for grouped or subtitle layouts. */
-columnGroups?: ColumnGroup[]
+     /** The label displayed on the main (primary) button. */
+     label?: string;
+     /** Whether the main button should show a leading icon slot. When true, content in the `icon` slot is rendered before the label. */
+     hasIcon?: boolean;
+     /** Array of menu options for the dropdown. Each option should be a `ContextMenuOption` object. For grouped or multi-column menus, use `columnGroups` instead. */
+     options?: ContextMenuOption[];
+     /** Array of currently selected option values in the dropdown. Used to control the checked/selected state of menu items. */
+     selectedValues?: string[];
+     /** The variant type of context menu to display in the dropdown. Accepts values from the `ContextMenuType` enum (e.g., 'regular', 'checkboxes', 'flyout', 'multi', 'multiWithSubtitles'). */
+     menuType?: ContextMenuType;
+     /** Whether multiple selections are allowed in the dropdown. If true, users can select more than one option (e.g., for checkboxes or multi-column). */
+     multiSelect?: boolean | undefined;
+     /** Allows single selection per group/column (matches context-menu-input). When true, only one option can be selected per group/column. */
+     selectPerGroup?: boolean | undefined;
+     /**
+      * Number of items per column in multi-column layouts. Used when `menuType` is 'multi' or 'multiWithSubtitles'.
+      *
+      * Available when `menuType in [Multi, MultiWithSubtitles]`.
+      */
+     itemsPerColumn?: number;
+     /** Whether to show a title bar with close button in the dropdown. When true, a title bar appears at the top of the menu. */
+     hasTitleBar?: boolean;
+     /**
+      * Title text for the dropdown menu. Displayed in the title bar when `hasTitleBar` is true.
+      *
+      * Available when `hasTitleBar==true`.
+      */
+     menuTitle?: string;
+     /** Whether the split button should fill the full width of its container. When true, the component stretches horizontally. */
+     fullWidth?: boolean;
+     /** Whether both parts of the button are disabled. When true, disables both the primary and dropdown buttons. */
+     disabled?: boolean;
+     /** Open context menu dropdown above (`true`) or below (`false`) the button. Useful for placement near the bottom of the viewport. */
+     openTop?: boolean;
+     /**
+      * Array of column group definitions for multi-column/grouped menus. Use instead of `options` for grouped or subtitle layouts.
+      *
+      * Available when `menuType==MultiWithSubtitles`.
+      */
+     columnGroups?: ColumnGroup[]
    }
       export interface Events {
     onClick?: (event: ObcSplitButtonClickEvent) => void;
@@ -68,8 +66,7 @@ columnGroups?: ColumnGroup[]
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick}
-   onchange={onChange} >
+    use:forwardEvents={{'click': onClick, 'change': onChange}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/split-button/ObcSplitButton.svelte.d.ts

@@ -7,45 +7,43 @@ export interface Props {
     style?: string;
     /** The label displayed on the main (primary) button. */
     label?: string;
-    /** Whether the main button should show a leading icon slot.
-When true, content in the `icon` slot is rendered before the label. */
+    /** Whether the main button should show a leading icon slot. When true, content in the `icon` slot is rendered before the label. */
     hasIcon?: boolean;
-    /** Array of menu options for the dropdown.
-Each option should be a `ContextMenuOption` object.
-For grouped or multi-column menus, use `columnGroups` instead. */
+    /** Array of menu options for the dropdown. Each option should be a `ContextMenuOption` object. For grouped or multi-column menus, use `columnGroups` instead. */
     options?: ContextMenuOption[];
-    /** Array of currently selected option values in the dropdown.
-Used to control the checked/selected state of menu items. */
+    /** Array of currently selected option values in the dropdown. Used to control the checked/selected state of menu items. */
     selectedValues?: string[];
-    /** The variant type of context menu to display in the dropdown.
-Accepts values from the `ContextMenuType` enum (e.g., 'regular', 'checkboxes', 'flyout', 'multi', 'multiWithSubtitles'). */
+    /** The variant type of context menu to display in the dropdown. Accepts values from the `ContextMenuType` enum (e.g., 'regular', 'checkboxes', 'flyout', 'multi', 'multiWithSubtitles'). */
     menuType?: ContextMenuType;
-    /** Whether multiple selections are allowed in the dropdown.
-If true, users can select more than one option (e.g., for checkboxes or multi-column). */
+    /** Whether multiple selections are allowed in the dropdown. If true, users can select more than one option (e.g., for checkboxes or multi-column). */
     multiSelect?: boolean | undefined;
-    /** Allows single selection per group/column (matches context-menu-input).
-When true, only one option can be selected per group/column. */
+    /** Allows single selection per group/column (matches context-menu-input). When true, only one option can be selected per group/column. */
     selectPerGroup?: boolean | undefined;
-    /** Number of items per column in multi-column layouts.
-Used when `menuType` is 'multi' or 'multiWithSubtitles'. */
+    /**
+     * Number of items per column in multi-column layouts. Used when `menuType` is 'multi' or 'multiWithSubtitles'.
+     *
+     * Available when `menuType in [Multi, MultiWithSubtitles]`.
+     */
     itemsPerColumn?: number;
-    /** Whether to show a title bar with close button in the dropdown.
-When true, a title bar appears at the top of the menu. */
+    /** Whether to show a title bar with close button in the dropdown. When true, a title bar appears at the top of the menu. */
     hasTitleBar?: boolean;
-    /** Title text for the dropdown menu.
-Displayed in the title bar when `hasTitleBar` is true. */
+    /**
+     * Title text for the dropdown menu. Displayed in the title bar when `hasTitleBar` is true.
+     *
+     * Available when `hasTitleBar==true`.
+     */
     menuTitle?: string;
-    /** Whether the split button should fill the full width of its container.
-When true, the component stretches horizontally. */
+    /** Whether the split button should fill the full width of its container. When true, the component stretches horizontally. */
     fullWidth?: boolean;
-    /** Whether both parts of the button are disabled.
-When true, disables both the primary and dropdown buttons. */
+    /** Whether both parts of the button are disabled. When true, disables both the primary and dropdown buttons. */
     disabled?: boolean;
-    /** Open context menu dropdown above (`true`) or below (`false`) the button.
-Useful for placement near the bottom of the viewport. */
+    /** Open context menu dropdown above (`true`) or below (`false`) the button. Useful for placement near the bottom of the viewport. */
     openTop?: boolean;
-    /** Array of column group definitions for multi-column/grouped menus.
-Use instead of `options` for grouped or subtitle layouts. */
+    /**
+     * Array of column group definitions for multi-column/grouped menus. Use instead of `options` for grouped or subtitle layouts.
+     *
+     * Available when `menuType==MultiWithSubtitles`.
+     */
     columnGroups?: ColumnGroup[];
 }
 export interface Events {

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

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcStartStopSwitchChangeEvent, StartStopSwitchVariant, StartStopSwitchSize} from '@oicl/openbridge-webcomponents/dist/components/start-stop-switch/start-stop-switch.js';
       import '@oicl/openbridge-webcomponents/dist/components/start-stop-switch/start-stop-switch.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcStartStopSwitchChangeEvent, StartStopSwitchVariant, StartStopSwitchSize} from '@oicl/openbridge-webcomponents/dist/components/start-stop-switch/start-stop-switch.js';
       import type { Snippet } from 'svelte';
 
@@ -81,7 +81,7 @@ description?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if checkedStateIcon}
         <div slot="checked-state-icon">

package/dist/components/status-indicator/ObcStatusIndicator.svelte

@@ -26,7 +26,7 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-status-indicator>

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

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcStepperBoxType} from '@oicl/openbridge-webcomponents/dist/components/stepper-box/stepper-box.js';
       import '@oicl/openbridge-webcomponents/dist/components/stepper-box/stepper-box.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcStepperBoxType} from '@oicl/openbridge-webcomponents/dist/components/stepper-box/stepper-box.js';
       import type { Snippet } from 'svelte';
 
@@ -16,43 +16,46 @@
 
 Changing this property updates the icons and directionality of the stepper buttons. */
 type?: ObcStepperBoxType;
-      /** If true, displays the `helper-text` slot content below the control for additional guidance or status. */
-hasHelperText?: boolean;
-      /** If true, the stepper box is disabled and the buttons are not clickable. */
-disabled?: boolean
+     /** 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. */
+     value?: number | null;
+     /** Optional lower bound; decrement button disables at this value. */
+     min?: number | undefined;
+     /** Optional upper bound; increment button disables at this value. */
+     max?: number | undefined;
+     /** Increment step size (default 1). */
+     stepUp?: number;
+     /** Decrement step size (default 1). */
+     stepDown?: number;
+     /** Unit text displayed inside the field. */
+     unit?: string;
+     /** Helper text displayed below the stepper. When set, the helper text is shown. */
+     helperText?: string;
+     /** Placeholder text shown when the input is empty. */
+     placeholder?: string;
+     /** If true, the input is non-editable; programmatic value changes still apply. */
+     readonly?: boolean
    }
       export interface Events {
-    onDown?: (event: CustomEvent<void>) => void;
-    onUp?: (event: CustomEvent<void>) => void
+    onDown?: (event: CustomEvent<{value: number}>) => void;
+    onUp?: (event: CustomEvent<{value: number}>) => void;
+    onInput?: (event: CustomEvent<{value: string}>) => void;
+    onChange?: (event: CustomEvent<{value: number | null}>) => void
   }
       export interface Slots {
-  children?: Snippet;
-  unit?: Snippet;
-  helperText?: Snippet
+  children?: Snippet
 }
-      const {onDown, onUp, class: className, style, children, unit, helperText, ...props} = $props<Props & Events & Slots>();
+      const {onDown, onUp, onInput, onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-stepper-box
     use:setProperties={props}
     class={className}
     style={style}
-    ondown={onDown}
-   onup={onUp} >
+    use:forwardEvents={{'down': onDown, 'up': onUp, 'input': onInput, 'change': onChange}} >
       
-      {#if children}
-        {@render children()}
-      {/if}
-
-      {#if unit}
-        <div slot="unit">
-          {@render unit()}
-        </div>
-      {/if}
-
-      {#if helperText}
-        <div slot="helper-text">
-          {@render helperText()}
-        </div>
-      {/if}
+    {#if children}
+      {@render children()}
+    {/if}
     </obc-stepper-box>

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

@@ -11,19 +11,43 @@ export interface Props {
 
 Changing this property updates the icons and directionality of the stepper buttons. */
     type?: ObcStepperBoxType;
-    /** If true, displays the `helper-text` slot content below the control for additional guidance or status. */
-    hasHelperText?: boolean;
     /** 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. */
+    value?: number | null;
+    /** Optional lower bound; decrement button disables at this value. */
+    min?: number | undefined;
+    /** Optional upper bound; increment button disables at this value. */
+    max?: number | undefined;
+    /** Increment step size (default 1). */
+    stepUp?: number;
+    /** Decrement step size (default 1). */
+    stepDown?: number;
+    /** Unit text displayed inside the field. */
+    unit?: string;
+    /** Helper text displayed below the stepper. When set, the helper text is shown. */
+    helperText?: string;
+    /** Placeholder text shown when the input is empty. */
+    placeholder?: string;
+    /** If true, the input is non-editable; programmatic value changes still apply. */
+    readonly?: boolean;
 }
 export interface Events {
-    onDown?: (event: CustomEvent<void>) => void;
-    onUp?: (event: CustomEvent<void>) => void;
+    onDown?: (event: CustomEvent<{
+        value: number;
+    }>) => void;
+    onUp?: (event: CustomEvent<{
+        value: number;
+    }>) => void;
+    onInput?: (event: CustomEvent<{
+        value: string;
+    }>) => void;
+    onChange?: (event: CustomEvent<{
+        value: number | null;
+    }>) => void;
 }
 export interface Slots {
     children?: Snippet;
-    unit?: Snippet;
-    helperText?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcStepperBox: import("svelte").Component<$$ComponentProps, {

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 {