@brandsync/wc 1.9.0 → 1.11.0

package/dist/types/components/bs-product-tour/bs-product-tour.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsProductTourType = 'welcome' | 'success' | 'pointer';
+export type BsProductTourDirection = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
+/**
+ * One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
+ * **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
+ * actions -- whose arrow points at the thing it describes. Matches the Figma "Product Tour" and
+ * "Pointer" components.
+ *
+ * This is the step *card* only. It doesn't run a tour: it has no overlay, no spotlight, no
+ * positioning against a target and no step sequencing. Your code decides which step is showing,
+ * places the card next to its target (the arrow can sit on any of 12 positions via `direction`),
+ * and moves on from `bsPrimary`/`bsSecondary`.
+ *
+ * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the art tile), `bs-button` (the actions), `bs-icon-button` (the close button).
+ *
+ * ## When to use
+ * - Introducing a feature on first run (`welcome`), confirming a finished tour (`success`), or
+ *   walking through the UI one pointer at a time (`pointer`).
+ *
+ * ## When not to use
+ * - A blocking decision or form -- use `bs-dialog`.
+ * - A hint on hover or focus -- use `bs-tooltip`.
+ *
+ * @slot icon - The art glyph in the `welcome`/`success` tile, replacing the default sparkle/check.
+ *   Draw it with `currentColor`.
+ * @part container - The card (the arrow is drawn outside it).
+ * @part art - The tinted art tile (`welcome`/`success`).
+ * @part close - The close button (`pointer`, when `closable`).
+ * @part heading - The heading.
+ * @part description - The paragraph.
+ * @part footer - The row with the progress label and actions (`pointer`).
+ * @part progress - The "1 of 3" label.
+ * @part actions - The secondary + primary buttons.
+ * @part secondary - The secondary button.
+ * @part primary - The primary button.
+ * @part arrow - The arrow (`pointer`).
+ */
+export declare class BsProductTour {
+    /** `welcome` and `success` are centred cards with an art tile; `pointer` is the compact step
+     * with an arrow. */
+    type: BsProductTourType;
+    /** Where the arrow sits (`pointer` only): the side of the card it's on, and for corners/edges
+     * which end it's near, e.g. `top-left` = on the top edge, near the left corner. */
+    direction: BsProductTourDirection;
+    /** Heading. */
+    heading?: string;
+    /** Paragraph under the heading. */
+    description?: string;
+    /** Current step, 1-based (`pointer`). Used with `total` for the progress label. */
+    step: number;
+    /** Number of steps (`pointer`). The progress label is hidden when this is 0. */
+    total: number;
+    /** Template of the progress label; `{step}` and `{total}` are replaced. */
+    progressLabel: string;
+    /** Label of the primary button. Defaults to "Start" (`welcome`), "Done" (`success`) or "Next"
+     * (`pointer`). Set it to an empty string to hide the button. */
+    primaryLabel?: string;
+    /** Label of the secondary button. Defaults to "Later" (`welcome`) or "Back" (`pointer`); none for
+     * `success`. Set it to an empty string to hide the button. */
+    secondaryLabel?: string;
+    /** Shows a close button in the corner (`pointer`). */
+    closable: boolean;
+    /** Accessible name of the close button. */
+    closeLabel: string;
+    /** Fires when the primary button is pressed. */
+    bsPrimary: EventEmitter<void>;
+    /** Fires when the secondary button is pressed. */
+    bsSecondary: EventEmitter<void>;
+    /** Fires when the close button is pressed. */
+    bsClose: EventEmitter<void>;
+    private get primary();
+    private get secondary();
+    private renderActions;
+    private renderCard;
+    private renderPointer;
+    render(): any;
+}

package/dist/types/components/bs-product-tour/bs-product-tour.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+type Direction = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
+interface BsProductTourArgs {
+    type: 'welcome' | 'success' | 'pointer';
+    direction: Direction;
+    heading: string;
+    description: string;
+    step: number;
+    total: number;
+    closable: boolean;
+}
+declare const meta: Meta<BsProductTourArgs>;
+export default meta;
+type Story = StoryObj<BsProductTourArgs>;
+export declare const Welcome: Story;
+export declare const Success: Story;
+export declare const Pointer: Story;
+export declare const PointerDirections: Story;
+export declare const CustomIcon: Story;

package/dist/types/components/bs-qr-code/bs-qr-code.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-qr-code/bs-qr-code.d.ts

@@ -0,0 +1,124 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsQrCodeType = 'default' | 'payment';
+export type BsQrCodeSize = 'sm' | 'md' | 'lg';
+export type BsQrCodeState = 'default' | 'loading' | 'error' | 'expired' | 'scanned';
+/**
+ * A block for sharing a link or taking a payment by QR code: a heading, the code on a white quiet
+ * zone, the URL (or the amount, for payments) as text, an optional expiry chip, and Download and
+ * Copy link actions. Matches the Figma "QR code" component (3 sizes x 2 types x 5 states, plus the
+ * "with logo" variant).
+ *
+ * **This component draws a code, it doesn't encode one.** Generate the real code in your product
+ * with a QR library and hand it over either as a `matrix` (a square `boolean[][]`, `true` = dark
+ * module) or as your own element in the `code` slot (an `<img>`, `<svg>` or `<canvas>`).
+ *
+ * The code always sits on a white quiet zone with black modules, in dark mode too -- scanners need
+ * the contrast.
+ *
+ * **Built from:** `bs-card` (the surface), `bs-button` (Download, Copy link, Retry, Refresh), `bs-progress` (the loading spinner), `bs-chip-informative` (the expiry chip), `bs-icon-button` (the close button).
+ *
+ * ## When to use
+ * - Sharing a link to an order, document or page that someone will open on a phone.
+ * - Taking a payment with an amount (`type="payment"`).
+ *
+ * ## When not to use
+ * - Encoding long text blobs -- a QR code that dense is hard to scan at the sizes here.
+ *
+ * ## States
+ * `loading` (generating the code), `error` (couldn't generate it; Retry), `expired` (Refresh) and
+ * `scanned` (done: "Scanned", or "Payment received" for payments). Download and Copy link are disabled
+ * in every state but `default`, and hidden once `scanned`.
+ *
+ * @slot code - The code itself (`<img>`, `<svg>`, `<canvas>`), used instead of `matrix`.
+ * @slot logo - Optional logo centred over the code. Use a high error-correction level when you
+ *   generate the code so it still scans.
+ * @part container - The outer card.
+ * @part close - The close button (when `closable`).
+ * @part head - The heading + description.
+ * @part title - The heading.
+ * @part description - The description under the heading.
+ * @part qr - The bordered white box holding the code and any state overlay.
+ * @part code - The white square the code is drawn on.
+ * @part logo - The wrapper around the logo.
+ * @part overlay - The loading/error/expired/scanned panel covering the code.
+ * @part url - The URL chip (`type="default"`).
+ * @part amount - The amount block (`type="payment"`).
+ * @part expiry - The expiry chip.
+ * @part actions - The Download/Copy row.
+ * @part download - The Download button.
+ * @part copy - The Copy link button.
+ */
+export declare class BsQrCode {
+    /** `default` shows the URL under the code; `payment` shows the amount instead. */
+    type: BsQrCodeType;
+    /** Card size: `sm`, `md` (default) or `lg`. */
+    size: BsQrCodeSize;
+    /** `default`, or one of the overlay states: `loading`, `error`, `expired`, `scanned`. */
+    state: BsQrCodeState;
+    /** Heading text. */
+    heading: string;
+    /** Line under the heading. */
+    description?: string;
+    /** The link shown as text under the code (`type="default"`), and copied by Copy link. */
+    url?: string;
+    /** The amount shown under the code (`type="payment"`), e.g. `"148,00 kr"`. */
+    amount?: string;
+    /** Small label above the amount. */
+    amountLabel: string;
+    /** Text of the expiry chip, e.g. `"Expires in 04:59"`. No chip when empty. */
+    expiry?: string;
+    /** The code as a square matrix of modules, `true` = dark. Must be set as a JS property, not an
+     * HTML attribute -- see CONVENTIONS.md's non-string props rule. Ignored when the `code` slot is
+     * used. */
+    matrix?: boolean[][];
+    /** Accessible name for the code image, e.g. `"QR code for order SO-10482"`. Applies to `matrix`;
+     * give a slotted `<img>` its own `alt`. */
+    codeLabel: string;
+    /** Shows a close button in the corner. */
+    closable: boolean;
+    /** Hides the Download and Copy link row. */
+    hideActions: boolean;
+    /** Hides the Download button. */
+    hideDownload: boolean;
+    /** Hides the Copy link button. */
+    hideCopy: boolean;
+    /** Label of the Download button. */
+    downloadLabel: string;
+    /** Label of the Copy link button. */
+    copyLabel: string;
+    /** Label of the Retry button (`error`). */
+    retryLabel: string;
+    /** Label of the Refresh button (`expired`). */
+    refreshLabel: string;
+    /** Text in the `loading` overlay. */
+    loadingLabel: string;
+    /** Text in the `error` overlay. */
+    errorLabel: string;
+    /** Text in the `expired` overlay. */
+    expiredLabel: string;
+    /** Text in the `scanned` overlay. Defaults to "Payment received" for `type="payment"` and
+     * "Scanned" otherwise. */
+    scannedLabel?: string;
+    /** Accessible name of the close button. */
+    closeLabel: string;
+    /** Fires when Download is pressed. The component doesn't render a file; produce it from the code
+     * you generated. */
+    bsDownload: EventEmitter<void>;
+    /** Fires when Copy link is pressed, after the component tries to put `url` on the clipboard.
+     * `{ url }` is the `url` prop. */
+    bsCopy: EventEmitter<{
+        url?: string;
+    }>;
+    /** Fires when Retry is pressed (`error` state). Set `state` back to `loading` yourself. */
+    bsRetry: EventEmitter<void>;
+    /** Fires when Refresh is pressed (`expired` state). Set `state` back to `loading` yourself. */
+    bsRefresh: EventEmitter<void>;
+    /** Fires when the close button is pressed. */
+    bsClose: EventEmitter<void>;
+    /** True while something is assigned to the `logo` slot, so the white plate behind it only shows then. */
+    hasLogo: boolean;
+    private onCopy;
+    private renderMatrix;
+    private renderOverlay;
+    render(): any;
+}

package/dist/types/components/bs-qr-code/bs-qr-code.stories.d.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsQrCodeArgs {
+    type: 'default' | 'payment';
+    size: 'sm' | 'md' | 'lg';
+    state: 'default' | 'loading' | 'error' | 'expired' | 'scanned';
+    heading: string;
+    description: string;
+    url: string;
+    amount: string;
+    expiry: string;
+    closable: boolean;
+    hideActions: boolean;
+}
+declare const meta: Meta<BsQrCodeArgs>;
+export default meta;
+type Story = StoryObj<BsQrCodeArgs>;
+export declare const Default: Story;
+export declare const Payment: Story;
+export declare const WithLogo: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Loading: Story;
+export declare const Error: Story;
+export declare const Expired: Story;
+export declare const Scanned: Story;
+export declare const PaymentReceived: Story;
+export declare const WithExpiry: Story;
+export declare const Closable: Story;

package/dist/types/components/bs-session-timeout/bs-session-timeout.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-session-timeout/bs-session-timeout.d.ts

@@ -0,0 +1,141 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsSessionTimeoutType = 'warning' | 'signed-out' | 'confirm-identity';
+export interface BsSessionTimeoutAlternative {
+    /** Identifier echoed back in `bsAlternative`. */
+    id: string;
+    label: string;
+    /** Built-in glyph: `fingerprint` (default) or `key`. */
+    icon?: 'fingerprint' | 'key';
+}
+/**
+ * The three moments around an expiring session, as one card. Matches the Figma "Session timeout"
+ * component's three types:
+ *
+ * - `warning` -- "You'll be signed out soon": a live countdown with a draining bar, an optional
+ *   "your work is saved" note, and Sign out now / Stay signed in.
+ * - `signed-out` -- "You've been signed out": who was signed in, with Sign in again and Use a different
+ *   account.
+ * - `confirm-identity` -- "Confirm it's you": a fresh password check before a sensitive action, with
+ *   passkey / BankID alternatives and Cancel.
+ *
+ * The component never signs anyone in or out. It shows the state and emits `bsPrimary`, `bsSecondary`,
+ * `bsAlternative`, `bsCancel` and `bsExpire`; your app talks to the identity provider.
+ *
+ * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions),
+ * `bs-progress-linear` (the countdown bar), `bs-avatar` (the signed-in account), `bs-input` (the
+ * password field).
+ *
+ * ## When to use
+ * - Warning someone, before it happens, that an inactivity timeout is about to end their session.
+ * - Telling someone their session ended, and letting them pick up where they left off.
+ * - Asking for a fresh credential before a sensitive action.
+ *
+ * ## When not to use
+ * - A first-time sign-in page -- this assumes there was a session.
+ * - Anything that is not about the session or the user's identity -- use `bs-dialog`.
+ *
+ * ## Accessibility
+ * The card is a labelled region. The countdown is a `timer` and is *not* announced every second; a polite
+ * live region announces the time left at 60, 30 and 10 seconds instead. Wrap the card in your own modal
+ * (`bs-dialog`) if the warning must trap focus.
+ *
+ * @slot icon - Replaces the default glyph in the icon tile. Draw it with `currentColor`.
+ * @part container - The card.
+ * @part art - The icon tile.
+ * @part heading - The heading.
+ * @part description - The paragraph under it.
+ * @part countdown - The countdown box (`warning`).
+ * @part time - The big `m:ss` time (`warning`).
+ * @part saved - The "work is saved" note (`warning`).
+ * @part account - The signed-in account summary (`signed-out`).
+ * @part password - The password field (`confirm-identity`).
+ * @part divider - The "or" divider (`confirm-identity`).
+ * @part alternatives - The alternative sign-in buttons (`confirm-identity`).
+ * @part actions - The action buttons.
+ * @part primary - The primary button.
+ * @part secondary - The secondary button.
+ * @part cancel - The Cancel button (`confirm-identity`).
+ */
+export declare class BsSessionTimeout {
+    el: HTMLElement;
+    /** Which moment: `warning`, `signed-out` or `confirm-identity`. */
+    type: BsSessionTimeoutType;
+    /** Heading. Defaults per `type`. */
+    heading?: string;
+    /** HTML heading level, 1-6. */
+    headingLevel: number;
+    /** Paragraph under the heading. Defaults per `type`. */
+    description?: string;
+    /** Hides the icon tile. */
+    hideIcon: boolean;
+    /** Label of the primary button. Defaults per `type` ("Stay signed in", "Sign in again", "Confirm"). */
+    primaryLabel?: string;
+    /** Label of the secondary button. Defaults per `type` ("Sign out now", "Use a different account"); none for
+     * `confirm-identity`. Set to an empty string to hide it. */
+    secondaryLabel?: string;
+    /** Seconds left before the session ends (`warning`). Mutable: with `countdown` the component
+     * decrements it itself; otherwise drive it from your own timer. */
+    secondsLeft: number;
+    /** Length of the warning window in seconds, for the bar: it shows `secondsLeft / totalSeconds`.
+     * Defaults to the `secondsLeft` it first had. */
+    totalSeconds: number;
+    /** Count `secondsLeft` down once a second (`warning`), firing `bsExpire` at zero. */
+    countdown: boolean;
+    /** Text next to the time while a minute or more is left. */
+    timeLeftLabel: string;
+    /** Text next to the time under a minute. */
+    secondsLeftLabel: string;
+    /** Note under the countdown, e.g. "Your draft of INV-2041 is saved automatically." Hidden when empty. */
+    savedMessage?: string;
+    /** Name of the account that was signed in (`signed-out`). */
+    accountName?: string;
+    /** Email of the account that was signed in (`signed-out`). */
+    accountEmail?: string;
+    /** Initials in the avatar (`signed-out`). Derived from `accountName` when not set. */
+    accountInitials?: string;
+    /** Label of the password field. */
+    passwordLabel: string;
+    /** Error shown under the password field, e.g. after a wrong password. */
+    passwordError?: string;
+    /** Label of the divider between the password and the alternatives. */
+    dividerLabel: string;
+    /** Other ways to confirm, shown as outlined buttons under the divider: `[{ id, label, icon? }]`.
+     * Defaults to a passkey and a BankID button. Must be set as a JS property, not an HTML attribute --
+     * see CONVENTIONS.md's non-string props rule. Set `[]` to hide them. */
+    alternatives: BsSessionTimeoutAlternative[];
+    /** Label of the Cancel button (`confirm-identity`). Set to an empty string to hide it. */
+    cancelLabel: string;
+    /** Fires when the primary button is pressed. For `confirm-identity` the detail is
+     * `{ password }`; otherwise it is empty. */
+    bsPrimary: EventEmitter<{
+        password?: string;
+    } | void>;
+    /** Fires when the secondary button is pressed. */
+    bsSecondary: EventEmitter<void>;
+    /** Fires when an alternative method is pressed (`confirm-identity`): `{ id }`. */
+    bsAlternative: EventEmitter<{
+        id: string;
+    }>;
+    /** Fires when Cancel is pressed (`confirm-identity`). */
+    bsCancel: EventEmitter<void>;
+    /** Fires once when `countdown` reaches zero. */
+    bsExpire: EventEmitter<void>;
+    password: string;
+    announcement: string;
+    initialTotal: number;
+    private timer?;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    onTimerInputsChange(): void;
+    private stopTimer;
+    private syncTimer;
+    private tick;
+    private get defaults();
+    private renderHeading;
+    private renderWarning;
+    private renderAccount;
+    private renderConfirm;
+    render(): any;
+}

package/dist/types/components/bs-session-timeout/bs-session-timeout.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsSessionTimeoutArgs {
+    type: 'warning' | 'signed-out' | 'confirm-identity';
+    secondsLeft: number;
+    totalSeconds: number;
+    countdown: boolean;
+    savedMessage: string;
+    accountName: string;
+    accountEmail: string;
+    passwordError: string;
+}
+declare const meta: Meta<BsSessionTimeoutArgs>;
+export default meta;
+type Story = StoryObj<BsSessionTimeoutArgs>;
+export declare const Warning: Story;
+export declare const LiveCountdown: Story;
+export declare const SignedOut: Story;
+export declare const ConfirmIdentity: Story;
+export declare const WrongPassword: Story;

package/dist/types/components/bs-snackbar/bs-snackbar.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { BsButtonVariant } from '../bs-button/bs-button/bs-button';
 export type BsSnackbarVariant = 'default' | 'info' | 'warning' | 'success' | 'error';
 /**
  * A transient status bar for confirming the result of an action (e.g. "Files uploaded
@@ -40,6 +41,12 @@ export declare class BsSnackbar {
     /** Label for the optional action button (e.g. "Undo", "Retry"). Omit this prop entirely to
      * render no action button at all -- its presence, not a boolean flag, is what shows it. */
     actionLabel?: string;
+    /** Variant of the action button. Defaults to the one that matches `variant` (outlined for `default`).
+     * Use `subtle` for a plain text action; colour it with `--bs-button-subtle-color` on `::part(action)`. */
+    actionVariant?: BsButtonVariant;
+    /** Hides the close button, for a confirmation that goes away on its own or whose only control is
+     * the action. A snackbar with no way to dismiss it must be removed by the consumer. */
+    hideClose: boolean;
     /** Fires when the action button is clicked. Ignored/never fires if `actionLabel` isn't set. */
     bsAction: EventEmitter<void>;
     /** Fires when the close button is clicked. This component doesn't remove itself from the DOM --

package/dist/types/components/bs-timepicker/bs-timepicker.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-timepicker/bs-timepicker.d.ts

@@ -0,0 +1,103 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface BsTimepickerChange {
+    /** The confirmed time as 24-hour `HH:mm`, whatever `format` is displayed. */
+    value: string;
+}
+/**
+ * An inline time picker: hour and minute spinners (up/down carets, or the arrow keys on the value),
+ * an AM/PM dropdown in 12-hour mode, a 24h switch, and Cancel/Confirm buttons. Matches the Figma
+ * "Time picker" component's two formats (12h with AM/PM, and 24h).
+ *
+ * The picker works on a draft: nothing is committed until the user presses Confirm, which updates
+ * `value` and fires `bsChange`. Cancel discards the draft and fires `bsCancel`.
+ *
+ * `value` is always 24-hour `HH:mm` (e.g. `"14:30"`), regardless of the displayed `format`.
+ *
+ * The picker renders inline at a fixed width; to show it as a popover, put it in your own overlay
+ * and close that overlay from `bsChange`/`bsCancel`.
+ *
+ * **Built from:** `bs-card` (the surface), `bs-switch` (the 24h toggle), `bs-input` (the AM/PM dropdown), `bs-button` (Cancel/Confirm).
+ *
+ * ## When to use
+ * - Picking a time of day where the user steps through hours and minutes.
+ *
+ * ## When not to use
+ * - A time the user can type faster than step to -- a plain `bs-input` is quicker.
+ *
+ * ## Keyboard
+ * Tab to the hour or minute value, then ArrowUp/ArrowDown step it (wrapping), Home/End jump to the
+ * first/last value, and typing digits sets it directly.
+ *
+ * @part container - The outer card.
+ * @part header - The title row.
+ * @part title - The heading text.
+ * @part format-toggle - The 24h switch.
+ * @part selector - The row of spinners.
+ * @part spinner - Each hour/minute column.
+ * @part step - Each up/down caret button.
+ * @part value - Each hour/minute value (a `spinbutton`).
+ * @part separator - The colon between hours and minutes.
+ * @part period - The AM/PM dropdown (12h only).
+ * @part footer - The Cancel/Confirm row.
+ * @part cancel - The Cancel button.
+ * @part confirm - The Confirm button.
+ */
+export declare class BsTimepicker {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private initialValue;
+    private typed;
+    /** The `name` the confirmed value is submitted under in a surrounding `<form>`. */
+    name?: string;
+    /** The confirmed time, 24-hour `HH:mm`. Empty means no time chosen yet (the picker opens on
+     * 00:00). Mutable so Confirm updates it directly; `bsChange` still fires. */
+    value: string;
+    /** Display format: `12h` (with an AM/PM dropdown) or `24h`. The user can switch it with the
+     * 24h switch. Does not change `value`, which is always 24-hour. */
+    format: '12h' | '24h';
+    /** Step, in minutes, of the minute spinner's carets and arrow keys. Typing is not constrained. */
+    minuteStep: number;
+    /** Heading text. */
+    heading: string;
+    /** Label of the 24h switch. */
+    formatLabel: string;
+    /** Label of the Confirm button. */
+    confirmLabel: string;
+    /** Label of the Cancel button. */
+    cancelLabel: string;
+    /** Accessible name of the hour spinner. */
+    hourLabel: string;
+    /** Accessible name of the minute spinner. */
+    minuteLabel: string;
+    /** Accessible name of the AM/PM dropdown. */
+    periodLabel: string;
+    /** Fires when the user presses Confirm: `{ value }` as 24-hour `HH:mm`. Not fired when `value` is
+     * set programmatically. */
+    bsChange: EventEmitter<BsTimepickerChange>;
+    /** Fires when the user presses Cancel. The draft is reset to `value`. */
+    bsCancel: EventEmitter<void>;
+    /** Draft hour, 0-23. */
+    hour: number;
+    /** Draft minute, 0-59. */
+    minute: number;
+    componentWillLoad(): void;
+    onValueChange(): void;
+    onNameChange(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    private resetDraft;
+    private syncFormValue;
+    private get step();
+    private get is12h();
+    private get isPm();
+    /** The number shown in a column. In 12h mode the hour reads 1-12. */
+    private shown;
+    private bounds;
+    private setShown;
+    private stepBy;
+    private onKeyDown;
+    private confirm;
+    private cancel;
+    private renderColumn;
+    render(): any;
+}

package/dist/types/components/bs-timepicker/bs-timepicker.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsTimepickerArgs {
+    value: string;
+    format: '12h' | '24h';
+    minuteStep: number;
+    heading: string;
+}
+declare const meta: Meta<BsTimepickerArgs>;
+export default meta;
+type Story = StoryObj<BsTimepickerArgs>;
+export declare const Default: Story;
+export declare const TwentyFourHour: Story;
+export declare const WithValue: Story;
+export declare const FifteenMinuteStep: Story;

package/dist/types/components/bs-whats-new/bs-whats-new.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};