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

package/dist/components/pagination/ObcPagination.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
+    export type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
       import '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -39,20 +39,20 @@ fullWidth?: boolean;
    }
       export interface Events {
     onValue?: (event: ObcPaginationValueChangeEvent) => void;
-    onNavigate?: (event: ObcPaginationNavigateEvent) => void
+    onNavigate?: (event: ObcPaginationNavigateEvent) => void;
+    onSelectPage?: (event: ObcPaginationSelectPageEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onValue, onNavigate, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onValue, onNavigate, onSelectPage, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-pagination
     use:setProperties={props}
     class={className}
     style={style}
-    onvalue={onValue}
-   onnavigate={onNavigate} >
+    use:forwardEvents={{'value': onValue, 'navigate': onNavigate, 'select-page': onSelectPage}} >
       
     {#if children}
       {@render children()}

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

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
-import type { ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, PaginationVariant } from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
+import type { ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant } from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -35,6 +35,7 @@ Default: `false` */
 export interface Events {
     onValue?: (event: ObcPaginationValueChangeEvent) => void;
     onNavigate?: (event: ObcPaginationNavigateEvent) => void;
+    onSelectPage?: (event: ObcPaginationSelectPageEvent) => void;
 }
 export interface Slots {
     children?: Snippet;
@@ -43,6 +44,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcPagination: import("svelte").Component<$$ComponentProps, {
     ObcPaginationValueChangeEvent: typeof ObcPaginationValueChangeEvent;
     ObcPaginationNavigateEvent: typeof ObcPaginationNavigateEvent;
+    ObcPaginationSelectPageEvent: typeof ObcPaginationSelectPageEvent;
     PaginationVariant: typeof PaginationVariant;
 }, "">;
 type ObcPagination = ReturnType<typeof ObcPagination>;

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

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPivotItemDirection} from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPivotItemDirection} from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
       import type { Snippet } from 'svelte';
 
@@ -52,7 +52,7 @@ disabled?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onselected={onSelected} >
+    use:forwardEvents={{'selected': onSelected}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/pivot-item-group/ObcPivotItemGroup.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPivotItemDirection} from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/pivot-item-group/pivot-item-group.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPivotItemDirection} from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
       import type { Snippet } from 'svelte';
 
@@ -12,13 +12,14 @@
       /** Layout direction for the group: `'horizontal'` (default, items in a row) or `'vertical'` (items stacked).
 Changing this updates the direction of all child pivot items. */
 direction?: ObcPivotItemDirection;
-      /** The value of the currently selected pivot item.
-Set this to control selection programmatically, or listen for the `change` event to react to user selection.
-Defaults to empty string (no selection). */
-selectedValue?: string;
-      /** If true, allows the user to deselect the currently selected item by clicking it again (resulting in no selection).
-If false (default), one item is always selected unless `selectedValue` is empty. */
-allowDeselect?: boolean
+     /** The value of the currently selected pivot item. Set this to control selection programmatically, or listen for the `change` event to react to user selection. Defaults to empty string (no selection). */
+     selectedValue?: string;
+     /**
+      * If true, allows the user to deselect the currently selected item by clicking it again (resulting in no selection). If false (default), one item is always selected unless `selectedValue` is empty.
+      *
+      * Available when `selectedValue!=''`.
+      */
+     allowDeselect?: boolean
    }
       export interface Events {
     onChange?: (event: CustomEvent<{selectedValue: string}>) => void
@@ -33,7 +34,7 @@ allowDeselect?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if children}
         {@render children()}

package/dist/components/pivot-item-group/ObcPivotItemGroup.svelte.d.ts

@@ -7,12 +7,13 @@ export interface Props {
     /** Layout direction for the group: `'horizontal'` (default, items in a row) or `'vertical'` (items stacked).
 Changing this updates the direction of all child pivot items. */
     direction?: ObcPivotItemDirection;
-    /** The value of the currently selected pivot item.
-Set this to control selection programmatically, or listen for the `change` event to react to user selection.
-Defaults to empty string (no selection). */
+    /** The value of the currently selected pivot item. Set this to control selection programmatically, or listen for the `change` event to react to user selection. Defaults to empty string (no selection). */
     selectedValue?: string;
-    /** If true, allows the user to deselect the currently selected item by clicking it again (resulting in no selection).
-If false (default), one item is always selected unless `selectedValue` is empty. */
+    /**
+     * If true, allows the user to deselect the currently selected item by clicking it again (resulting in no selection). If false (default), one item is always selected unless `selectedValue` is empty.
+     *
+     * Available when `selectedValue!=''`.
+     */
     allowDeselect?: boolean;
 }
 export interface Events {

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

@@ -1,33 +1,87 @@
 
   <script lang="ts">
     export type {ProgressBarType, ProgressBarMode, CircularProgressState} from '@oicl/openbridge-webcomponents/dist/components/progress-bar/progress-bar.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/progress-bar/progress-bar.js';
       import { setProperties } from "../../util.js";
       import type {ProgressBarType, ProgressBarMode, CircularProgressState} from '@oicl/openbridge-webcomponents/dist/components/progress-bar/progress-bar.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Layout type: `linear` (horizontal bar) or `circular` (ring). */
      type?: ProgressBarType;
+     /**
+      * Progress mode: `determinate` tracks `value`, `indeterminate` loops indefinitely.
+      *
+      * Available when `type==linear`.
+      */
      mode?: ProgressBarMode;
+     /**
+      * Circular display state: `determinate` (numeric ring), `indeterminate` (animated ring with icon), or `icon` (ring framing the icon slot).
+      *
+      * Available when `type==circular`.
+      */
      circularState?: CircularProgressState;
+     /**
+      * Color emphasis of the bar fill: `regular` (gray) or `enhanced` (blue).
+      *
+      * Available when `type==linear`.
+      */
+     priority?: Priority;
+     /** Progress percentage (0–100); clamped when rendered. */
      value?: number;
+     /**
+      * Shows the value label above the bar (percentage when determinate, "Loading" when indeterminate).
+      *
+      * Available when `type==linear`.
+      */
      showValue?: boolean;
+     /**
+      * Appends a `%` unit next to the centered value.
+      *
+      * Available when `type==circular && (progressiveIndeterminate==true || circularState==determinate)`.
+      */
      showUnit?: boolean;
+     /**
+      * Shows the `description` text below the bar.
+      *
+      * Available when `type==linear`.
+      */
      hasDescription?: boolean;
+     /**
+      * Description text rendered below the bar.
+      *
+      * Available when `type==linear && hasDescription==true`.
+      */
      description?: string;
-     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". */
+showState?: boolean;
+     /**
+      * Text shown alongside the value when `showState` is enabled.
+      *
+      * Available when `type==linear && showValue==true && mode==determinate && showState==true`.
+      */
      stateLabel?: string;
+     /**
+      * Uses a progressive indeterminate ring (spinning arc that grows with `value`); takes precedence over `circularState`.
+      *
+      * Available when `type==circular`.
+      */
      progressiveIndeterminate?: boolean
    }
       export interface Events {
     
   }
       export interface Slots {
-  children?: Snippet
+  icon?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-progress-bar
@@ -36,7 +90,9 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
     </obc-progress-bar>

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

@@ -1,31 +1,85 @@
 import '@oicl/openbridge-webcomponents/dist/components/progress-bar/progress-bar.js';
 import type { ProgressBarType, ProgressBarMode, CircularProgressState } from '@oicl/openbridge-webcomponents/dist/components/progress-bar/progress-bar.js';
+import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Layout type: `linear` (horizontal bar) or `circular` (ring). */
     type?: ProgressBarType;
+    /**
+     * Progress mode: `determinate` tracks `value`, `indeterminate` loops indefinitely.
+     *
+     * Available when `type==linear`.
+     */
     mode?: ProgressBarMode;
+    /**
+     * Circular display state: `determinate` (numeric ring), `indeterminate` (animated ring with icon), or `icon` (ring framing the icon slot).
+     *
+     * Available when `type==circular`.
+     */
     circularState?: CircularProgressState;
+    /**
+     * Color emphasis of the bar fill: `regular` (gray) or `enhanced` (blue).
+     *
+     * Available when `type==linear`.
+     */
+    priority?: Priority;
+    /** Progress percentage (0–100); clamped when rendered. */
     value?: number;
+    /**
+     * Shows the value label above the bar (percentage when determinate, "Loading" when indeterminate).
+     *
+     * Available when `type==linear`.
+     */
     showValue?: boolean;
+    /**
+     * Appends a `%` unit next to the centered value.
+     *
+     * Available when `type==circular && (progressiveIndeterminate==true || circularState==determinate)`.
+     */
     showUnit?: boolean;
+    /**
+     * Shows the `description` text below the bar.
+     *
+     * Available when `type==linear`.
+     */
     hasDescription?: boolean;
+    /**
+     * Description text rendered below the bar.
+     *
+     * 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;
+    /**
+     * Text shown alongside the value when `showState` is enabled.
+     *
+     * Available when `type==linear && showValue==true && mode==determinate && showState==true`.
+     */
     stateLabel?: string;
+    /**
+     * Uses a progressive indeterminate ring (spinning arc that grows with `value`); takes precedence over `circularState`.
+     *
+     * Available when `type==circular`.
+     */
     progressiveIndeterminate?: boolean;
 }
 export interface Events {
 }
 export interface Slots {
-    children?: Snippet;
+    icon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcProgressBar: import("svelte").Component<$$ComponentProps, {
     ProgressBarType: typeof ProgressBarType;
     ProgressBarMode: typeof ProgressBarMode;
     CircularProgressState: typeof CircularProgressState;
+    Priority: typeof Priority;
 }, "">;
 type ObcProgressBar = ReturnType<typeof ObcProgressBar>;
 export default ObcProgressBar;

package/dist/components/progress-button/ObcProgressButton.svelte

@@ -1,43 +1,95 @@
 
   <script lang="ts">
-    export type {ProgressButtonType, ButtonStyle, ProgressMode} from '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
+    export type {ProgressButtonClickEvent, ProgressButtonType, ButtonStyle, ProgressMode} from '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
-      import { setProperties } from "../../util.js";
-      import type {ProgressButtonType, ButtonStyle, ProgressMode} from '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ProgressButtonClickEvent, ProgressButtonType, ButtonStyle, ProgressMode} from '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Layout type of the button: `linear` (label + bar) or `circular` (icon + ring). */
      type?: ProgressButtonType;
+     /**
+      * Elevation style of the button surface.
+      *
+      * Available when `type==linear`.
+      */
      buttonStyle?: ButtonStyle;
+     /**
+      * Progress mode: `determinate` tracks `value`, `indeterminate` loops indefinitely.
+      *
+      * Available when `showProgress==true`.
+      */
      mode?: ProgressMode;
+     /** Progress percentage (0–100); clamped when rendered. */
      value?: number;
+     /** Text shown in the button (linear) or below it (circular, when `showLabel`). */
      label?: string;
+     /** Blocks interaction and suppresses the `obc-click` event. */
      disabled?: boolean;
+     /** Reveals the progress bar/ring. */
      showProgress?: boolean;
+     /**
+      * Renders the `leading-icon` slot.
+      *
+      * Available when `type==linear`.
+      */
      hasLeadingIcon?: boolean;
+     /**
+      * Renders the `trailing-icon` slot.
+      *
+      * Available when `type==linear`.
+      */
      hasTrailingIcon?: boolean;
+     /** Shows an alert (error) ring/border around the button. */
      hasAlert?: boolean;
+     /**
+      * Uses a progressive indeterminate ring that animates while advancing toward `value`.
+      *
+      * Available when `type==circular && showProgress==true`.
+      */
      progressiveIndeterminate?: boolean;
+     /**
+      * Shows the `label` below the circular button.
+      *
+      * Available when `type==circular`.
+      */
      showLabel?: boolean
    }
       export interface Events {
-    
+    onObcClick?: (event: CustomEvent<ProgressButtonClickEvent>) => void
   }
       export interface Slots {
-  children?: Snippet
+  leadingIcon?: Snippet;
+  trailingIcon?: Snippet;
+  icon?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onObcClick, class: className, style, leadingIcon, trailingIcon, icon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-progress-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'obc-click': onObcClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if trailingIcon}
+        <div slot="trailing-icon">
+          {@render trailingIcon()}
+        </div>
+      {/if}
+
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
     </obc-progress-button>

package/dist/components/progress-button/ObcProgressButton.svelte.d.ts

@@ -1,29 +1,69 @@
 import '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
-import type { ProgressButtonType, ButtonStyle, ProgressMode } from '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
+import type { ProgressButtonClickEvent, ProgressButtonType, ButtonStyle, ProgressMode } from '@oicl/openbridge-webcomponents/dist/components/progress-button/progress-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Layout type of the button: `linear` (label + bar) or `circular` (icon + ring). */
     type?: ProgressButtonType;
+    /**
+     * Elevation style of the button surface.
+     *
+     * Available when `type==linear`.
+     */
     buttonStyle?: ButtonStyle;
+    /**
+     * Progress mode: `determinate` tracks `value`, `indeterminate` loops indefinitely.
+     *
+     * Available when `showProgress==true`.
+     */
     mode?: ProgressMode;
+    /** Progress percentage (0–100); clamped when rendered. */
     value?: number;
+    /** Text shown in the button (linear) or below it (circular, when `showLabel`). */
     label?: string;
+    /** Blocks interaction and suppresses the `obc-click` event. */
     disabled?: boolean;
+    /** Reveals the progress bar/ring. */
     showProgress?: boolean;
+    /**
+     * Renders the `leading-icon` slot.
+     *
+     * Available when `type==linear`.
+     */
     hasLeadingIcon?: boolean;
+    /**
+     * Renders the `trailing-icon` slot.
+     *
+     * Available when `type==linear`.
+     */
     hasTrailingIcon?: boolean;
+    /** Shows an alert (error) ring/border around the button. */
     hasAlert?: boolean;
+    /**
+     * Uses a progressive indeterminate ring that animates while advancing toward `value`.
+     *
+     * Available when `type==circular && showProgress==true`.
+     */
     progressiveIndeterminate?: boolean;
+    /**
+     * Shows the `label` below the circular button.
+     *
+     * Available when `type==circular`.
+     */
     showLabel?: boolean;
 }
 export interface Events {
+    onObcClick?: (event: CustomEvent<ProgressButtonClickEvent>) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    leadingIcon?: Snippet;
+    trailingIcon?: Snippet;
+    icon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcProgressButton: import("svelte").Component<$$ComponentProps, {
+    ProgressButtonClickEvent: typeof ProgressButtonClickEvent;
     ProgressButtonType: typeof ProgressButtonType;
     ButtonStyle: typeof ButtonStyle;
     ProgressMode: typeof ProgressMode;

package/dist/components/progress-indicator-dots/ObcProgressIndicatorDots.svelte

@@ -9,17 +9,12 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Sets the total number of steps/dots to display.
-Must be at least 1. Defaults to 5. */
-totalSteps?: number;
-      /** Indicates the currently active step (1-based index).
-Values outside the valid range are clamped to [1, totalSteps].
-Defaults to 1. */
-currentStep?: number;
-      /** If true, the indicator stretches to fill the container width.
-If false, uses a compact layout sized to its content.
-Defaults to false. */
-fullwidth?: boolean
+     /** Sets the total number of steps/dots to display. Must be at least 1. Defaults to 5. */
+     totalSteps?: number;
+     /** Indicates the currently active step (1-based index). Values outside the valid range are clamped to [1, totalSteps]. Defaults to 1. */
+     currentStep?: number;
+     /** If true, the indicator stretches to fill the container width. If false, uses a compact layout sized to its content. Defaults to false. */
+     fullwidth?: boolean
    }
       export interface Events {
     

package/dist/components/progress-indicator-dots/ObcProgressIndicatorDots.svelte.d.ts

@@ -3,16 +3,11 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Sets the total number of steps/dots to display.
-Must be at least 1. Defaults to 5. */
+    /** Sets the total number of steps/dots to display. Must be at least 1. Defaults to 5. */
     totalSteps?: number;
-    /** Indicates the currently active step (1-based index).
-Values outside the valid range are clamped to [1, totalSteps].
-Defaults to 1. */
+    /** Indicates the currently active step (1-based index). Values outside the valid range are clamped to [1, totalSteps]. Defaults to 1. */
     currentStep?: number;
-    /** If true, the indicator stretches to fill the container width.
-If false, uses a compact layout sized to its content.
-Defaults to false. */
+    /** If true, the indicator stretches to fill the container width. If false, uses a compact layout sized to its content. Defaults to false. */
     fullwidth?: boolean;
 }
 export interface Events {

package/dist/components/radio/ObcRadio.svelte

@@ -2,32 +2,27 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/radio/radio.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The label text displayed next to the radio button.
-If omitted, the radio renders without a label. */
-label?: string | undefined;
-      /** The name attribute for grouping radios.
-Radios with the same name are grouped, allowing only one to be selected at a time. */
-name?: string | undefined;
-      /** The value submitted with the form when this radio is selected. */
-value?: string | undefined;
-      /** Whether the radio is currently selected.
-Only one radio in a group should be checked at a time. */
-checked?: boolean;
-      /** Disables the radio button, preventing user interaction. */
-disabled?: boolean;
-      /** Marks the radio as required for form validation.
-At least one radio in a group should be required if selection is mandatory. */
-required?: boolean;
-      /** The id attribute for the underlying input element.
-Should be unique within the document and used to associate the label for accessibility. */
-inputId?: string
+     /** The label text displayed next to the radio button. If omitted, the radio renders without a label. */
+     label?: string | undefined;
+     /** The name attribute for grouping radios. Radios with the same name are grouped, allowing only one to be selected at a time. */
+     name?: string | undefined;
+     /** The value submitted with the form when this radio is selected. */
+     value?: string | undefined;
+     /** Whether the radio is currently selected. Only one radio in a group should be checked at a time. */
+     checked?: boolean;
+     /** Disables the radio button, preventing user interaction. */
+     disabled?: boolean;
+     /** Marks the radio as required for form validation. At least one radio in a group should be required if selection is mandatory. */
+     required?: boolean;
+     /** The id attribute for the underlying input element. Should be unique within the document and used to associate the label for accessibility. */
+     inputId?: string
    }
       export interface Events {
     onChange?: (event: CustomEvent<unknown>) => void
@@ -42,7 +37,7 @@ inputId?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if children}
         {@render children()}

package/dist/components/radio/ObcRadio.svelte.d.ts

@@ -3,24 +3,19 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The label text displayed next to the radio button.
-If omitted, the radio renders without a label. */
+    /** The label text displayed next to the radio button. If omitted, the radio renders without a label. */
     label?: string | undefined;
-    /** The name attribute for grouping radios.
-Radios with the same name are grouped, allowing only one to be selected at a time. */
+    /** The name attribute for grouping radios. Radios with the same name are grouped, allowing only one to be selected at a time. */
     name?: string | undefined;
     /** The value submitted with the form when this radio is selected. */
     value?: string | undefined;
-    /** Whether the radio is currently selected.
-Only one radio in a group should be checked at a time. */
+    /** Whether the radio is currently selected. Only one radio in a group should be checked at a time. */
     checked?: boolean;
     /** Disables the radio button, preventing user interaction. */
     disabled?: boolean;
-    /** Marks the radio as required for form validation.
-At least one radio in a group should be required if selection is mandatory. */
+    /** Marks the radio as required for form validation. At least one radio in a group should be required if selection is mandatory. */
     required?: boolean;
-    /** The id attribute for the underlying input element.
-Should be unique within the document and used to associate the label for accessibility. */
+    /** The id attribute for the underlying input element. Should be unique within the document and used to associate the label for accessibility. */
     inputId?: string;
 }
 export interface Events {