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

package/dist/components/attachment-list-item/ObcAttachmentListItem.svelte.d.ts

@@ -5,7 +5,11 @@ export interface Props {
     style?: string;
     /** The file name or label text displayed in the item. */
     label?: string;
-    /** Optional index text displayed before the icon (e.g., "01"). */
+    /**
+     * Optional index text displayed before the icon (e.g., "01").
+     *
+     * Available when `hasIndex==true`.
+     */
     index?: string;
     /** Whether to show the index. */
     hasIndex?: boolean;
@@ -15,9 +19,17 @@ export interface Props {
     hasTag?: boolean;
     /** Whether to show the date and time. */
     hasTimeDate?: boolean;
-    /** The date string to display (e.g., "09 May 2025"). */
+    /**
+     * The date string to display (e.g., "09 May 2025").
+     *
+     * Available when `hasTimeDate==true`.
+     */
     date?: string;
-    /** The time string to display (e.g., "10:41:32"). */
+    /**
+     * The time string to display (e.g., "10:41:32").
+     *
+     * Available when `hasTimeDate==true`.
+     */
     time?: string;
     /** Whether to show the trailing action slot. */
     hasTrailingAction?: boolean;

package/dist/components/audio-output/ObcAudioOutput.svelte

@@ -9,12 +9,10 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** The volume level to display, represented as the number of highlighted bars (0–8).
-Set to 0 for muted/no volume, up to 8 for maximum volume. */
-volume?: number;
-      /** If true, the component is visually muted and indicates a disabled or non-interactive state.
-Use to represent muted audio or when volume control is unavailable. */
-disabled?: boolean
+     /** The volume level to display, represented as the number of highlighted bars (0–8). Set to 0 for muted/no volume, up to 8 for maximum volume. */
+     volume?: number;
+     /** If true, the component is visually muted and indicates a disabled or non-interactive state. Use to represent muted audio or when volume control is unavailable. */
+     disabled?: boolean
    }
       export interface Events {
     

package/dist/components/audio-output/ObcAudioOutput.svelte.d.ts

@@ -3,11 +3,9 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The volume level to display, represented as the number of highlighted bars (0–8).
-Set to 0 for muted/no volume, up to 8 for maximum volume. */
+    /** The volume level to display, represented as the number of highlighted bars (0–8). Set to 0 for muted/no volume, up to 8 for maximum volume. */
     volume?: number;
-    /** If true, the component is visually muted and indicates a disabled or non-interactive state.
-Use to represent muted audio or when volume control is unavailable. */
+    /** If true, the component is visually muted and indicates a disabled or non-interactive state. Use to represent muted audio or when volume control is unavailable. */
     disabled?: boolean;
 }
 export interface Events {

package/dist/components/audio-recording-item/ObcAudioRecordingItem.svelte

@@ -2,27 +2,25 @@
   <script lang="ts">
     export type {AudioRecordingStatus} from '@oicl/openbridge-webcomponents/dist/components/audio-recording-item/audio-recording-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/audio-recording-item/audio-recording-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AudioRecordingStatus} from '@oicl/openbridge-webcomponents/dist/components/audio-recording-item/audio-recording-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Array of audio level values (0-1) for waveform visualization.
-New values should be added to the end (right side) and old values shift left. */
-audioLevels?: number[];
-      /** Current duration in seconds, displayed as MM:SS. */
-duration?: number;
-      /** Recording status - 'recording', 'paused', or 'playback'. */
-status?: AudioRecordingStatus;
-      /** Current playback position (0-1) for playback mode slider. */
-playbackPosition?: number;
-      /** Whether audio is currently playing (only relevant in playback mode).
-When true, shows pause icon; when false, shows play icon. */
-isPlaying?: boolean;
-      /** Enhanced style that displays waveform bars with neutral enhanced color. */
-enhanced?: boolean
+     /** Array of audio level values (0-1) for waveform visualization. New values should be added to the end (right side) and old values shift left. */
+     audioLevels?: number[];
+     /** Current duration in seconds, displayed as MM:SS. */
+     duration?: number;
+     /** Recording status - 'recording', 'paused', or 'playback'. */
+     status?: AudioRecordingStatus;
+     /** Current playback position (0-1) for playback mode slider. */
+     playbackPosition?: number;
+     /** Whether audio is currently playing (only relevant in playback mode). When true, shows pause icon; when false, shows play icon. */
+     isPlaying?: boolean;
+     /** Enhanced style that displays waveform bars with neutral enhanced color. */
+     enhanced?: boolean
    }
       export interface Events {
     onStatusToggle?: (event: CustomEvent<{isPlaying: boolean}>) => void
@@ -37,7 +35,7 @@ enhanced?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onstatus-toggle={onStatusToggle} >
+    use:forwardEvents={{'status-toggle': onStatusToggle}} >
       
     {#if children}
       {@render children()}

package/dist/components/audio-recording-item/ObcAudioRecordingItem.svelte.d.ts

@@ -4,8 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Array of audio level values (0-1) for waveform visualization.
-New values should be added to the end (right side) and old values shift left. */
+    /** Array of audio level values (0-1) for waveform visualization. New values should be added to the end (right side) and old values shift left. */
     audioLevels?: number[];
     /** Current duration in seconds, displayed as MM:SS. */
     duration?: number;
@@ -13,8 +12,7 @@ New values should be added to the end (right side) and old values shift left. */
     status?: AudioRecordingStatus;
     /** Current playback position (0-1) for playback mode slider. */
     playbackPosition?: number;
-    /** Whether audio is currently playing (only relevant in playback mode).
-When true, shows pause icon; when false, shows play icon. */
+    /** Whether audio is currently playing (only relevant in playback mode). When true, shows pause icon; when false, shows play icon. */
     isPlaying?: boolean;
     /** Enhanced style that displays waveform bars with neutral enhanced color. */
     enhanced?: boolean;

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte

@@ -1,19 +1,22 @@
 
   <script lang="ts">
-    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Rows rendered top-to-bottom: `value` (padded digits, unit, optional direction icon), `state-on`/`state-off`, `button`, and `setpoint` (shared setpoint glyph + padded digits). */
      readouts?: AutomationButtonReadoutStack[];
-     tag?: AutomationButtonReadoutStackTag | null;
+     /** Identifier line (e.g. '#0001'); `null` hides it. */
+     tag?: string | null;
+     /** Typography tier of the rows (small / regular / enhanced). */
      size?: AutomationButtonReadoutStackSize;
-     idTagOrientation?: IdTagOrientation;
-     hasIdTag?: boolean
+     /** Whether the tag renders above or below the rows. */
+     idTagOrientation?: IdTagOrientation
    }
       export interface Events {
     

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts

@@ -1,14 +1,17 @@
 import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Rows rendered top-to-bottom: `value` (padded digits, unit, optional direction icon), `state-on`/`state-off`, `button`, and `setpoint` (shared setpoint glyph + padded digits). */
     readouts?: AutomationButtonReadoutStack[];
-    tag?: AutomationButtonReadoutStackTag | null;
+    /** Identifier line (e.g. '#0001'); `null` hides it. */
+    tag?: string | null;
+    /** Typography tier of the rows (small / regular / enhanced). */
     size?: AutomationButtonReadoutStackSize;
+    /** Whether the tag renders above or below the rows. */
     idTagOrientation?: IdTagOrientation;
-    hasIdTag?: boolean;
 }
 export interface Events {
 }
@@ -18,7 +21,6 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationButtonReadoutStack: import("svelte").Component<$$ComponentProps, {
     AutomationButtonReadoutStack: typeof AutomationButtonReadoutStack;
-    AutomationButtonReadoutStackTag: typeof AutomationButtonReadoutStackTag;
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     IdTagOrientation: typeof IdTagOrientation;
 }, "">;

package/dist/components/badge/ObcBadge.svelte

@@ -19,7 +19,7 @@ Set to `false` for symbolic or icon-only badges. */
 showNumber?: boolean;
       /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
 type?: string;
@@ -34,7 +34,7 @@ size?: string;
 variant?: BadgeVariant;
       /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
 showIcon?: boolean
    }

package/dist/components/badge/ObcBadge.svelte.d.ts

@@ -14,7 +14,7 @@ Set to `false` for symbolic or icon-only badges. */
     showNumber?: boolean;
     /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
     type?: string;
@@ -29,7 +29,7 @@ Possible values: `regular` (default), `large`. */
     variant?: BadgeVariant;
     /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
     showIcon?: boolean;
 }

package/dist/components/breadcrumb/ObcBreadcrumb.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {BreadcrumbClickEvent, BreadcrumbItem} from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
       import '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {BreadcrumbClickEvent, BreadcrumbItem} from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
       import type { Snippet } from 'svelte';
 
@@ -30,7 +30,7 @@ items?: BreadcrumbItem[];
     use:setProperties={props}
     class={className}
     style={style}
-    onbreadcrumb-click={onBreadcrumbClick} >
+    use:forwardEvents={{'breadcrumb-click': onBreadcrumbClick}} >
       
       {#if children}
         {@render children()}

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

@@ -2,45 +2,43 @@
   <script lang="ts">
     export type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
       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'`. */
-palette?: ObcPalette;
-      /** The current brightness value (0–100). Defaults to `50`. */
-brightness?: number;
-      /** If true, displays the link brightness toggle below the brightness slider. */
-showLinkBrightness?: boolean;
-      /** If true, displays the link palette toggle below the palette selector. */
-showLinkPalette?: boolean;
-      /** If true, shows the brightness slider and auto brightness toggle in the menu. */
-showBrightness?: boolean;
-      /** If true, shows the palette selector and link palette toggle in the menu. */
-showPalette?: boolean;
+     /** 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;
+     /** If true, displays the link brightness toggle below the brightness slider. */
+     showLinkBrightness?: boolean;
+     /** If true, displays the link palette toggle below the palette selector. */
+     showLinkPalette?: boolean;
+     /** If true, shows the brightness slider and auto brightness toggle in the menu. */
+     showBrightness?: boolean;
+     /** If true, shows the palette selector and link palette toggle in the menu. */
+     showPalette?: boolean;
      showNightPalette?: boolean;
      showDuskPalette?: boolean;
      showDayPalette?: boolean;
      showBrightPalette?: boolean;
-      /** The variant of the menu. Possible values: `'normal'`, `'compact'`.
-Defaults to `'normal'`. */
-variant?: ObcBrillianceMenuVariant;
-      /** The unit of the brightness value. */
-brightnessUnit?: string;
-      /** The maximum value of the brightness slider. */
-brightnessMax?: number;
-      /** The minor step of the brightness slider. */
-brightnessMinorStep?: number;
-      /** The major step of the brightness slider. */
-brightnessMajorStep?: number;
-      /** The variant of the brightness input. */
-brightnessInputVariant?: ObcBrillianceInputVariant;
-      /** If true, displays the screen control link. */
-showScreenControlLink?: boolean
+     /** The variant of the menu. Possible values: `'normal'`, `'compact'`, `'tabbed'`. Defaults to `'normal'`. */
+     variant?: ObcBrillianceMenuVariant;
+     /** The unit of the brightness value. */
+     brightnessUnit?: string;
+     /** The maximum value of the brightness slider. */
+     brightnessMax?: number;
+     /** The minor step of the brightness slider. */
+     brightnessMinorStep?: number;
+     /** The major step of the brightness slider. */
+     brightnessMajorStep?: number;
+     /** The variant of the brightness input. */
+     brightnessInputVariant?: ObcBrillianceInputVariant;
+     /** If true, displays the screen control link. */
+     showScreenControlLink?: boolean
    }
       export interface Events {
     onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -59,11 +57,7 @@ showScreenControlLink?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onpalette-changed={onPaletteChanged}
-   onbrightness-changed={onBrightnessChanged}
-   onlink-palette-changed={onLinkPaletteChanged}
-   onlink-brightness-changed={onLinkBrightnessChanged}
-   onscreen-control-link-clicked={onScreenControlLinkClicked} >
+    use:forwardEvents={{'palette-changed': onPaletteChanged, 'brightness-changed': onBrightnessChanged, 'link-palette-changed': onLinkPaletteChanged, 'link-brightness-changed': onLinkBrightnessChanged, 'screen-control-link-clicked': onScreenControlLinkClicked}} >
       
     {#if children}
       {@render children()}

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,7 @@
   <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 type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import type { Snippet } from 'svelte';
 
@@ -14,22 +14,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,7 +48,7 @@ segmentPosition?: segmentPosition
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

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

@@ -14,13 +14,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 {

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;
 }