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

package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte.d.ts

@@ -4,8 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The currently selected palette. Possible values: `'night'`, `'dusk'`, `'day'`, `'bright'`.
-Defaults to `'day'`. */
+    /** The currently selected palette. Possible values: `'night'`, `'dusk'`, `'day'`, `'bright'`. Defaults to `'day'`. */
     palette?: ObcPalette;
     /** The current brightness value (0–100). Defaults to `50`. */
     brightness?: number;
@@ -21,8 +20,7 @@ Defaults to `'day'`. */
     showDuskPalette?: boolean;
     showDayPalette?: boolean;
     showBrightPalette?: boolean;
-    /** The variant of the menu. Possible values: `'normal'`, `'compact'`.
-Defaults to `'normal'`. */
+    /** The variant of the menu. Possible values: `'normal'`, `'compact'`, `'tabbed'`. Defaults to `'normal'`. */
     variant?: ObcBrillianceMenuVariant;
     /** The unit of the brightness value. */
     brightnessUnit?: string;

package/dist/components/button/ObcButton.svelte

@@ -2,7 +2,8 @@
   <script lang="ts">
     export type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import '@oicl/openbridge-webcomponents/dist/components/button/button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import type { Snippet } from 'svelte';
 
@@ -14,22 +15,18 @@
 - `raised`: Elevated button for emphasis
 - `flat`: Minimal, low-emphasis button */
 variant?: ButtonVariant;
-      /** Expands the button to fill the width of its container when true. */
-fullWidth?: boolean;
-      /** Disables the button or link, preventing user interaction and applying disabled styling. */
-disabled?: boolean;
-      /** Whether to show the leading icon slot (`slot="leading-icon"`).
-When true, content in the `leading-icon` slot will be displayed before the label. */
-showLeadingIcon?: boolean;
-      /** Whether to show the trailing icon slot (`slot="trailing-icon"`).
-When true, content in the `trailing-icon` slot will be displayed after the label. */
-showTrailingIcon?: boolean;
-      /** When provided, renders the button as an anchor link (`<a>`) instead of a native button.
-Use for navigation actions. */
-href?: string | undefined;
-      /** Specifies the target for the anchor link (only applies when `href` is set).
-Common values: `_blank`, `_self`, `_parent`, `_top`. */
-target?: string | undefined;
+     /** Expands the button to fill the width of its container when true. */
+     fullWidth?: boolean;
+     /** Disables the button or link, preventing user interaction and applying disabled styling. */
+     disabled?: boolean;
+     /** Whether to show the leading icon slot (`slot="leading-icon"`). When true, content in the `leading-icon` slot will be displayed before the label. */
+     showLeadingIcon?: boolean;
+     /** Whether to show the trailing icon slot (`slot="trailing-icon"`). When true, content in the `trailing-icon` slot will be displayed after the label. */
+     showTrailingIcon?: boolean;
+     /** When provided, renders the button as an anchor link (`<a>`) instead of a native button. Use for navigation actions. */
+     href?: string | undefined;
+     /** Specifies the target for the anchor link (only applies when `href` is set). Common values: `_blank`, `_self`, `_parent`, `_top`. */
+     target?: string | undefined;
       /** Defines the segment position when used in a segmented button group.
 - `single`: Standalone button
 - `start`: First button in a group
@@ -52,21 +49,17 @@ segmentPosition?: segmentPosition
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}
       {/if}
 
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if trailingIcon}
-        <div slot="trailing-icon">
-          {@render trailingIcon()}
-        </div>
+        <NamedSlot name="trailing-icon" content={trailingIcon} />
       {/if}
     </obc-button>

package/dist/components/button/ObcButton.svelte.d.ts

@@ -13,17 +13,13 @@ export interface Props {
     fullWidth?: boolean;
     /** Disables the button or link, preventing user interaction and applying disabled styling. */
     disabled?: boolean;
-    /** Whether to show the leading icon slot (`slot="leading-icon"`).
-When true, content in the `leading-icon` slot will be displayed before the label. */
+    /** Whether to show the leading icon slot (`slot="leading-icon"`). When true, content in the `leading-icon` slot will be displayed before the label. */
     showLeadingIcon?: boolean;
-    /** Whether to show the trailing icon slot (`slot="trailing-icon"`).
-When true, content in the `trailing-icon` slot will be displayed after the label. */
+    /** Whether to show the trailing icon slot (`slot="trailing-icon"`). When true, content in the `trailing-icon` slot will be displayed after the label. */
     showTrailingIcon?: boolean;
-    /** When provided, renders the button as an anchor link (`<a>`) instead of a native button.
-Use for navigation actions. */
+    /** When provided, renders the button as an anchor link (`<a>`) instead of a native button. Use for navigation actions. */
     href?: string | undefined;
-    /** Specifies the target for the anchor link (only applies when `href` is set).
-Common values: `_blank`, `_self`, `_parent`, `_top`. */
+    /** Specifies the target for the anchor link (only applies when `href` is set). Common values: `_blank`, `_self`, `_parent`, `_top`. */
     target?: string | undefined;
     /** Defines the segment position when used in a segmented button group.
 - `single`: Standalone button

package/dist/components/calendar/ObcCalendar.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {CalendarEvent, CalendarType} from '@oicl/openbridge-webcomponents/dist/components/calendar/calendar-utils.js';
       import '@oicl/openbridge-webcomponents/dist/components/calendar/calendar.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {CalendarEvent, CalendarType} from '@oicl/openbridge-webcomponents/dist/components/calendar/calendar-utils.js';
       import type { Snippet } from 'svelte';
 
@@ -17,7 +17,9 @@
      hasFooter?: boolean;
      locale?: string | undefined;
      firstDayOfWeek?: number;
+     /** Available when `hasFooter==true && type!=XLarge`. */
      footerLabel?: string;
+     /** Available when `hasFooter==true && type!=XLarge`. */
      footerHref?: string | undefined
    }
       export interface Events {
@@ -37,11 +39,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onmonth-change={onMonthChange}
-   ondate-select={onDateSelect}
-   ontoday-click={onTodayClick}
-   onnew-event-click={onNewEventClick}
-   oncalendar-click={onCalendarClick} >
+    use:forwardEvents={{'month-change': onMonthChange, 'date-select': onDateSelect, 'today-click': onTodayClick, 'new-event-click': onNewEventClick, 'calendar-click': onCalendarClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/calendar/ObcCalendar.svelte.d.ts

@@ -12,7 +12,9 @@ export interface Props {
     hasFooter?: boolean;
     locale?: string | undefined;
     firstDayOfWeek?: number;
+    /** Available when `hasFooter==true && type!=XLarge`. */
     footerLabel?: string;
+    /** Available when `hasFooter==true && type!=XLarge`. */
     footerHref?: string | undefined;
 }
 export interface Events {

package/dist/components/card/ObcCard.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/components/card/card.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -14,13 +15,13 @@
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
 hasDialog?: boolean;
-      /** Total time in milliseconds before the dialog auto-closes.
+      /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
 dialogTimeOutSeconds?: number;
-      /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+      /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
 dialogVisibleTimerSeconds?: number
    }
       export interface Events {
@@ -42,9 +43,7 @@ dialogVisibleTimerSeconds?: number
      >
       
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if children}
@@ -52,14 +51,10 @@ dialogVisibleTimerSeconds?: number
       {/if}
 
       {#if dialogTitle}
-        <div slot="dialog-title">
-          {@render dialogTitle()}
-        </div>
+        <NamedSlot name="dialog-title" content={dialogTitle} />
       {/if}
 
       {#if dialogContent}
-        <div slot="dialog-content">
-          {@render dialogContent()}
-        </div>
+        <NamedSlot name="dialog-content" content={dialogContent} />
       {/if}
     </obc-card>

package/dist/components/card/ObcCard.svelte.d.ts

@@ -8,13 +8,13 @@ export interface Props {
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
     hasDialog?: boolean;
-    /** Total time in milliseconds before the dialog auto-closes.
+    /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
     dialogTimeOutSeconds?: number;
-    /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+    /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
     dialogVisibleTimerSeconds?: number;
 }
 export interface Events {

package/dist/components/chat-message/ObcChatMessage.svelte

@@ -9,11 +9,14 @@
       export interface Props {
      class?: string;
      style?: string;
+     /** Available when `showName==true`. */
      name?: string;
      showName?: boolean;
+     /** Available when `showDate==true`. */
      date?: Date;
      showDate?: boolean;
      position?: ObcChatMessagePosition;
+     /** Available when `showDate==true`. */
      dateFormatter?: (date: Date) => string;
      self?: boolean
    }
@@ -32,7 +35,7 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-chat-message>

package/dist/components/chat-message/ObcChatMessage.svelte.d.ts

@@ -4,11 +4,14 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Available when `showName==true`. */
     name?: string;
     showName?: boolean;
+    /** Available when `showDate==true`. */
     date?: Date;
     showDate?: boolean;
     position?: ObcChatMessagePosition;
+    /** Available when `showDate==true`. */
     dateFormatter?: (date: Date) => string;
     self?: boolean;
 }

package/dist/components/check-button/ObcCheckButton.svelte

@@ -2,7 +2,8 @@
   <script lang="ts">
     export type {CheckButtonType, CheckButtonCheckboxAppearance} from '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {CheckButtonType, CheckButtonCheckboxAppearance} from '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import type { Snippet } from 'svelte';
 
@@ -17,23 +18,34 @@ type?: CheckButtonType;
 
 When clicked, this state toggles and the `check-button-click` event is fired. */
 checked?: boolean;
-      /** Disables the button, preventing user interaction and applying disabled styling. */
-disabled?: boolean;
-      /** If false, button width adapts to its content (fit-content).
-If true, uses the `width` property (if set) or expands to 100% of parent. */
-fullWidth?: boolean;
-      /** Specific width for the button (e.g., "200px", "10rem").
-Only applies when `fullWidth` is true. */
-width?: string;
-      /** Whether to show the icon in regular mode (icon slot).
-Ignored in checkbox mode. */
-showIcon?: boolean;
-      /** If true, uses the `checked-icon` slot for the checked state in checkbox mode.
-Otherwise, uses the default checked icon. */
-hasCheckedIcon?: boolean;
-      /** If true, uses the `unchecked-icon` slot for the unchecked state in checkbox mode.
-Otherwise, uses the default unchecked icon. */
-hasUncheckedIcon?: boolean;
+     /** Disables the button, preventing user interaction and applying disabled styling. */
+     disabled?: boolean;
+     /** If false, button width adapts to its content (fit-content). If true, uses the `width` property (if set) or expands to 100% of parent. */
+     fullWidth?: boolean;
+     /**
+      * Specific width for the button (e.g., "200px", "10rem"). Only applies when `fullWidth` is true.
+      *
+      * Available when `fullWidth==true`.
+      */
+     width?: string;
+     /**
+      * Whether to show the icon in regular mode (icon slot). Ignored in checkbox mode.
+      *
+      * Available when `type==regular`.
+      */
+     showIcon?: boolean;
+     /**
+      * If true, uses the `checked-icon` slot for the checked state in checkbox mode. Otherwise, uses the default checked icon.
+      *
+      * Available when `type==checkbox`.
+      */
+     hasCheckedIcon?: boolean;
+     /**
+      * If true, uses the `unchecked-icon` slot for the unchecked state in checkbox mode. Otherwise, uses the default unchecked icon.
+      *
+      * Available when `type==checkbox`.
+      */
+     hasUncheckedIcon?: boolean;
       /** Optional appearance mode for checkbox type.
 Keep `default` for existing behavior. Use `updated` for the new checkbox visuals. */
 checkboxAppearance?: CheckButtonCheckboxAppearance
@@ -54,27 +66,21 @@ checkboxAppearance?: CheckButtonCheckboxAppearance
     use:setProperties={props}
     class={className}
     style={style}
-    oncheck-button-click={onCheckButtonClick} >
+    use:forwardEvents={{'check-button-click': onCheckButtonClick}} >
       
       {#if children}
         {@render children()}
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if checkedIcon}
-        <div slot="checked-icon">
-          {@render checkedIcon()}
-        </div>
+        <NamedSlot name="checked-icon" content={checkedIcon} />
       {/if}
 
       {#if uncheckedIcon}
-        <div slot="unchecked-icon">
-          {@render uncheckedIcon()}
-        </div>
+        <NamedSlot name="unchecked-icon" content={uncheckedIcon} />
       {/if}
     </obc-check-button>

package/dist/components/check-button/ObcCheckButton.svelte.d.ts

@@ -14,20 +14,31 @@ When clicked, this state toggles and the `check-button-click` event is fired. */
     checked?: boolean;
     /** Disables the button, preventing user interaction and applying disabled styling. */
     disabled?: boolean;
-    /** If false, button width adapts to its content (fit-content).
-If true, uses the `width` property (if set) or expands to 100% of parent. */
+    /** If false, button width adapts to its content (fit-content). If true, uses the `width` property (if set) or expands to 100% of parent. */
     fullWidth?: boolean;
-    /** Specific width for the button (e.g., "200px", "10rem").
-Only applies when `fullWidth` is true. */
+    /**
+     * Specific width for the button (e.g., "200px", "10rem"). Only applies when `fullWidth` is true.
+     *
+     * Available when `fullWidth==true`.
+     */
     width?: string;
-    /** Whether to show the icon in regular mode (icon slot).
-Ignored in checkbox mode. */
+    /**
+     * Whether to show the icon in regular mode (icon slot). Ignored in checkbox mode.
+     *
+     * Available when `type==regular`.
+     */
     showIcon?: boolean;
-    /** If true, uses the `checked-icon` slot for the checked state in checkbox mode.
-Otherwise, uses the default checked icon. */
+    /**
+     * If true, uses the `checked-icon` slot for the checked state in checkbox mode. Otherwise, uses the default checked icon.
+     *
+     * Available when `type==checkbox`.
+     */
     hasCheckedIcon?: boolean;
-    /** If true, uses the `unchecked-icon` slot for the unchecked state in checkbox mode.
-Otherwise, uses the default unchecked icon. */
+    /**
+     * If true, uses the `unchecked-icon` slot for the unchecked state in checkbox mode. Otherwise, uses the default unchecked icon.
+     *
+     * Available when `type==checkbox`.
+     */
     hasUncheckedIcon?: boolean;
     /** Optional appearance mode for checkbox type.
 Keep `default` for existing behavior. Use `updated` for the new checkbox visuals. */

package/dist/components/checkbox/ObcCheckbox.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcCheckboxChangeEvent, CheckboxStatus, CheckboxState} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
       import '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCheckboxChangeEvent, CheckboxStatus, CheckboxState} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
       import type { Snippet } from 'svelte';
 
@@ -22,8 +22,8 @@ state?: CheckboxState;
 When `true`, the checkbox is visually styled as disabled and does not respond to user input.
 Interaction is also locked when `state === loading`. */
 disabled?: boolean;
-      /** Internal: controls hover effects on the checkbox. Used by wrapper components such as `obc-checkbox-item`. */
-hasHoverEffects?: boolean
+     /** Internal: controls hover effects on the checkbox. Used by wrapper components such as `obc-checkbox-item`. */
+     hasHoverEffects?: boolean
    }
       export interface Events {
     onChange?: (event: ObcCheckboxChangeEvent) => void;
@@ -39,8 +39,7 @@ hasHoverEffects?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange}
-   ondisabled={onDisabled} >
+    use:forwardEvents={{'change': onChange, 'disabled': onDisabled}} >
       
       {#if children}
         {@render children()}

package/dist/components/checkbox-item/ObcCheckboxItem.svelte

@@ -1,42 +1,58 @@
 
   <script lang="ts">
     export type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-export type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+export type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-import type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Checkbox status: `unchecked`, `checked` or `mixed`. */
      status?: CheckboxStatus;
+     /** Item state: `enabled` or `disabled`. */
      state?: ObcCheckboxItemState;
+     /** Disables the row and the inner checkbox. */
      disabled?: boolean;
+     /** Text label; also the accessible name of the checkbox and the chevron button, so it must not be empty. */
      label?: string;
-     isNested?: boolean;
-     isLevel1?: boolean;
-     isLevel2?: boolean;
+     /** Secondary line under the label; hidden when empty. */
+     description?: string;
+     /** Depth in a nested list. 0 is a plain row; 1 reserves the chevron slot; each level above 1 adds a spacer. */
+     level?: number;
+     /** Shows the chevron button that fires `expand-toggle`. */
+     expandable?: boolean;
+     /**
+      * Whether the row's children are shown; drives the chevron direction and `aria-expanded`.
+      *
+      * Available when `expandable==true`.
+      */
+     expanded?: boolean;
+     /** Which box shows hover and focus: the whole row (`touch-target`) or the checkbox (`visual-target`). */
      hoverStyle?: ObcCheckboxItemHoverStyle;
+     /** Forwarded to the inner checkbox as `aria-describedby`. */
      ariaDescribedBy?: string
    }
       export interface Events {
-    onChange?: (event: ObcCheckboxChangeEvent) => void
+    onChange?: (event: ObcCheckboxChangeEvent) => void;
+    onExpandToggle?: (event: ObcCheckboxItemExpandToggleEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onChange, onExpandToggle, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-checkbox-item
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange, 'expand-toggle': onExpandToggle}} >
       
-      {#if children}
-        {@render children()}
-      {/if}
+    {#if children}
+      {@render children()}
+    {/if}
     </obc-checkbox-item>

package/dist/components/checkbox-item/ObcCheckboxItem.svelte.d.ts

@@ -1,22 +1,38 @@
 import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
 import type { ObcCheckboxChangeEvent, CheckboxStatus } from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-import type { ObcCheckboxItemState, ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type { ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Checkbox status: `unchecked`, `checked` or `mixed`. */
     status?: CheckboxStatus;
+    /** Item state: `enabled` or `disabled`. */
     state?: ObcCheckboxItemState;
+    /** Disables the row and the inner checkbox. */
     disabled?: boolean;
+    /** Text label; also the accessible name of the checkbox and the chevron button, so it must not be empty. */
     label?: string;
-    isNested?: boolean;
-    isLevel1?: boolean;
-    isLevel2?: boolean;
+    /** Secondary line under the label; hidden when empty. */
+    description?: string;
+    /** Depth in a nested list. 0 is a plain row; 1 reserves the chevron slot; each level above 1 adds a spacer. */
+    level?: number;
+    /** Shows the chevron button that fires `expand-toggle`. */
+    expandable?: boolean;
+    /**
+     * Whether the row's children are shown; drives the chevron direction and `aria-expanded`.
+     *
+     * Available when `expandable==true`.
+     */
+    expanded?: boolean;
+    /** Which box shows hover and focus: the whole row (`touch-target`) or the checkbox (`visual-target`). */
     hoverStyle?: ObcCheckboxItemHoverStyle;
+    /** Forwarded to the inner checkbox as `aria-describedby`. */
     ariaDescribedBy?: string;
 }
 export interface Events {
     onChange?: (event: ObcCheckboxChangeEvent) => void;
+    onExpandToggle?: (event: ObcCheckboxItemExpandToggleEvent) => void;
 }
 export interface Slots {
     children?: Snippet;
@@ -25,6 +41,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcCheckboxItem: import("svelte").Component<$$ComponentProps, {
     ObcCheckboxChangeEvent: typeof ObcCheckboxChangeEvent;
     CheckboxStatus: typeof CheckboxStatus;
+    ObcCheckboxItemExpandToggleEvent: typeof ObcCheckboxItemExpandToggleEvent;
     ObcCheckboxItemState: typeof ObcCheckboxItemState;
     ObcCheckboxItemHoverStyle: typeof ObcCheckboxItemHoverStyle;
 }, "">;

package/dist/components/checkbox-list/ObcCheckboxList.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    export type {ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+      import '@oicl/openbridge-webcomponents/dist/components/checkbox-list/checkbox-list.js';
+      import { setProperties } from "../../util.js";
+      import type {ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+     hoverStyle?: ObcCheckboxItemHoverStyle
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-checkbox-list
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-checkbox-list>

package/dist/components/checkbox-list/ObcCheckboxList.svelte.d.ts

@@ -0,0 +1,20 @@
+import '@oicl/openbridge-webcomponents/dist/components/checkbox-list/checkbox-list.js';
+import type { ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+    hoverStyle?: ObcCheckboxItemHoverStyle;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcCheckboxList: import("svelte").Component<$$ComponentProps, {
+    ObcCheckboxItemHoverStyle: typeof ObcCheckboxItemHoverStyle;
+}, "">;
+type ObcCheckboxList = ReturnType<typeof ObcCheckboxList>;
+export default ObcCheckboxList;