@brandsync/wc 1.9.0 → 1.11.0

package/dist/types/components.d.ts

@@ -13,7 +13,7 @@ import { BsBreadcrumbSize } from "./components/bs-breadcrumb/bs-breadcrumb/bs-br
 import { BsBreadcrumbOverflowItem } from "./components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow";
 import { BsBreadcrumbSize as BsBreadcrumbSize1 } from "./components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb";
 import { BsButtonSize, BsButtonVariant } from "./components/bs-button/bs-button/bs-button";
-import { BsButtonSize as BsButtonSize1 } from "./components/bs-button/bs-button/bs-button";
+import { BsButtonSize as BsButtonSize1, BsButtonVariant as BsButtonVariant1 } from "./components/bs-button/bs-button/bs-button";
 import { BsCardSurface } from "./components/bs-card/bs-card";
 import { BsCarouselTracker } from "./components/bs-carousel/bs-carousel";
 import { BsCheckboxSize } from "./components/bs-checkbox/bs-checkbox";
@@ -23,15 +23,23 @@ import { BsChipInformativeColor, BsChipInformativeSize } from "./components/bs-c
 import { BsChipInputSize } from "./components/bs-chip/bs-chip-input/bs-chip-input";
 import { BsComposerState, BsComposerVariant } from "./components/bs-composer/bs-composer";
 import { BsComposerStatusBannerType } from "./components/bs-composer-status-banner/bs-composer-status-banner";
+import { BsCookieCategory, BsCookieChoices, BsCookieConsentType } from "./components/bs-cookie-consent/bs-cookie-consent";
 import { BsDataTableColumn, BsDataTableRow } from "./components/bs-data-table/bs-data-table";
+import { BsDatepickerChange } from "./components/bs-datepicker/bs-datepicker";
 import { BsDialogSize } from "./components/bs-dialog/bs-dialog";
+import { BsErrorPageType } from "./components/bs-error-page/bs-error-page";
 import { BsFileUploadDirection } from "./components/bs-file-upload/bs-file-upload";
 import { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-upload-item";
 import { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
+import { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
 import { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
 import { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
+import { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
+import { BsProductTourDirection, BsProductTourType } from "./components/bs-product-tour/bs-product-tour";
 import { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
 import { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
+import { BsQrCodeSize, BsQrCodeState, BsQrCodeType } from "./components/bs-qr-code/bs-qr-code";
+import { BsSessionTimeoutAlternative, BsSessionTimeoutType } from "./components/bs-session-timeout/bs-session-timeout";
 import { BsSliderType } from "./components/bs-slider/bs-slider";
 import { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
 import { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
@@ -39,7 +47,11 @@ import { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState }
 import { BsSwitchSize } from "./components/bs-switch/bs-switch";
 import { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
 import { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
+import { BsTimepickerChange } from "./components/bs-timepicker/bs-timepicker";
 import { BsToastState } from "./components/bs-toast/bs-toast";
+import { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/bs-whats-new/bs-whats-new";
+import { BsWhatsNewEntryTagColor } from "./components/bs-whats-new-entry/bs-whats-new-entry";
+import { BsWhatsNewEntryTagColor as BsWhatsNewEntryTagColor1 } from "./components/bs-whats-new-entry/bs-whats-new-entry";
 export { BsAccordionSize } from "./components/bs-accordion/bs-accordion";
 export { BsAttachmentType } from "./components/bs-attachment/bs-attachment";
 export { BsAvatarSize, BsAvatarType } from "./components/bs-avatar/bs-avatar";
@@ -48,7 +60,7 @@ export { BsBreadcrumbSize } from "./components/bs-breadcrumb/bs-breadcrumb/bs-br
 export { BsBreadcrumbOverflowItem } from "./components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow";
 export { BsBreadcrumbSize as BsBreadcrumbSize1 } from "./components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb";
 export { BsButtonSize, BsButtonVariant } from "./components/bs-button/bs-button/bs-button";
-export { BsButtonSize as BsButtonSize1 } from "./components/bs-button/bs-button/bs-button";
+export { BsButtonSize as BsButtonSize1, BsButtonVariant as BsButtonVariant1 } from "./components/bs-button/bs-button/bs-button";
 export { BsCardSurface } from "./components/bs-card/bs-card";
 export { BsCarouselTracker } from "./components/bs-carousel/bs-carousel";
 export { BsCheckboxSize } from "./components/bs-checkbox/bs-checkbox";
@@ -58,15 +70,23 @@ export { BsChipInformativeColor, BsChipInformativeSize } from "./components/bs-c
 export { BsChipInputSize } from "./components/bs-chip/bs-chip-input/bs-chip-input";
 export { BsComposerState, BsComposerVariant } from "./components/bs-composer/bs-composer";
 export { BsComposerStatusBannerType } from "./components/bs-composer-status-banner/bs-composer-status-banner";
+export { BsCookieCategory, BsCookieChoices, BsCookieConsentType } from "./components/bs-cookie-consent/bs-cookie-consent";
 export { BsDataTableColumn, BsDataTableRow } from "./components/bs-data-table/bs-data-table";
+export { BsDatepickerChange } from "./components/bs-datepicker/bs-datepicker";
 export { BsDialogSize } from "./components/bs-dialog/bs-dialog";
+export { BsErrorPageType } from "./components/bs-error-page/bs-error-page";
 export { BsFileUploadDirection } from "./components/bs-file-upload/bs-file-upload";
 export { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-upload-item";
 export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
+export { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
 export { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
 export { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
+export { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
+export { BsProductTourDirection, BsProductTourType } from "./components/bs-product-tour/bs-product-tour";
 export { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
 export { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
+export { BsQrCodeSize, BsQrCodeState, BsQrCodeType } from "./components/bs-qr-code/bs-qr-code";
+export { BsSessionTimeoutAlternative, BsSessionTimeoutType } from "./components/bs-session-timeout/bs-session-timeout";
 export { BsSliderType } from "./components/bs-slider/bs-slider";
 export { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
 export { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
@@ -74,7 +94,11 @@ export { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState }
 export { BsSwitchSize } from "./components/bs-switch/bs-switch";
 export { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
 export { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
+export { BsTimepickerChange } from "./components/bs-timepicker/bs-timepicker";
 export { BsToastState } from "./components/bs-toast/bs-toast";
+export { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/bs-whats-new/bs-whats-new";
+export { BsWhatsNewEntryTagColor } from "./components/bs-whats-new-entry/bs-whats-new-entry";
+export { BsWhatsNewEntryTagColor as BsWhatsNewEntryTagColor1 } from "./components/bs-whats-new-entry/bs-whats-new-entry";
 export namespace Components {
     /**
      * A single collapsible section -- a clickable header (optional leading icon, label, trailing
@@ -468,6 +492,9 @@ export namespace Components {
      * - `error` purely for visual emphasis — it signals a destructive action to the user, so reserve
      *   it for actions that actually delete/revoke/undo something.
      * @prop --bs-button-radius - Corner radius. Aliased to `--bs-border-radius-100` by default.
+     * @prop --bs-button-padding-x-sm - Left/right padding of a label-only button at `size="sm"`. Aliased to `--bs-spacing-300`.
+     * @prop --bs-button-width - Width of the button. `auto` by default (fits its content); set `100%` for a full-width button, e.g. `bs-button { --bs-button-width: 100%; }`.
+     * @prop --bs-button-subtle-color - Label/icon colour, `variant="subtle"`. Aliased to `--bs-color-neutral-default`; set it to `var(--bs-text-action)` for a blue text button.
      * @prop --bs-button-height-sm - Height at `size="sm"`. Aliased to `--bs-spacing-500`.
      * @prop --bs-button-height-md - Height at `size="md"`. Aliased to `--bs-spacing-600`.
      * @prop --bs-button-height-lg - Height at `size="lg"`. Aliased to `--bs-spacing-700`.
@@ -1174,6 +1201,103 @@ export namespace Components {
          */
         "type": BsComposerStatusBannerType;
     }
+    /**
+     * A cookie consent prompt in four forms, matching the Figma "Cookie consent" component:
+     * - `banner` -- a wide bar: icon, heading, text, policy link, and Customise / Reject optional / Accept
+     *   all. Stacks into a column on narrow containers (its own width, not the viewport's).
+     * - `card` -- the compact version of the same question, in a card.
+     * - `preferences` -- the detailed dialog: one row per cookie category with a switch (strictly
+     *   necessary is "Always on"), an expandable list of the cookies in each, and Reject optional /
+     *   Accept all / Save choices.
+     * - `saved` -- a dark confirmation bar ("Cookie choices saved") with a Change action.
+     * The component only collects the choice. It doesn't set, read or delete cookies, remember that the
+     * user answered, or decide when to show itself: your app does that from the events, and swaps `type`
+     * (e.g. `banner` -> `preferences` on `bsCustomise`, `preferences` -> `saved` on `bsSave`).
+     * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions),
+     * `bs-switch` (the category switches), `bs-chip-informative` (the "Always on" badge), `bs-icon-button`
+     * (the close button), `bs-snackbar` (the saved confirmation).
+     * ## When to use
+     * - Asking for consent to optional cookies or similar tracking, as the law of your market requires.
+     * ## When not to use
+     * - Telling people about necessary cookies only -- that needs no consent prompt.
+     * ## Fair choice
+     * "Reject optional" has the same prominence as "Accept all" (same size, both always visible). Keep it
+     * that way: a prompt that makes refusing harder than accepting isn't valid consent in most places.
+     */
+    interface BsCookieConsent {
+        /**
+          * Label of the Accept all button.
+          * @default 'Accept all'
+         */
+        "acceptLabel": string;
+        /**
+          * Text of the badge on required categories (`preferences`).
+          * @default 'Always on'
+         */
+        "alwaysOnLabel": string;
+        /**
+          * The categories in the preferences dialog (`preferences`): `[{ id, label, description?, required?, enabled?, cookies? }]`. Defaults to Strictly necessary, Preferences, Analytics and Marketing. Must be set as a JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule.
+          * @default [     {       id: 'necessary',       label: 'Strictly necessary',       description: 'Needed for sign-in, security and to keep the service running. These cannot be turned off.',       required: true,       cookies: [         'Session cookie — keeps you signed in as you move between pages.',         'Security cookie — helps prevent fraud and unauthorized access.',         'Consent cookie — remembers your cookie consent choices.',       ],     },     { id: 'preferences', label: 'Preferences', description: 'Remember your language, theme and table layouts on this device.', enabled: true },     { id: 'analytics', label: 'Analytics', description: 'Help us understand which features are used so we can improve them. Data is anonymised.' },     { id: 'marketing', label: 'Marketing', description: 'Show relevant products on other websites.' },   ]
+         */
+        "categories": BsCookieCategory[];
+        /**
+          * Label of the action on the confirmation (`saved`).
+          * @default 'Change'
+         */
+        "changeLabel": string;
+        /**
+          * Accessible name of the close button (`preferences`).
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * Label of the Customise button.
+          * @default 'Customise'
+         */
+        "customiseLabel": string;
+        /**
+          * Paragraph under the heading (the message, for `saved`). Defaults per `type`.
+         */
+        "description"?: string;
+        /**
+          * Heading. Defaults per `type`.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel": number;
+        /**
+          * Text of the policy link.
+          * @default 'Read the cookie policy'
+         */
+        "policyLabel": string;
+        /**
+          * URL of your cookie policy. The "Read the cookie policy" link is only shown when this is set.
+         */
+        "policyUrl"?: string;
+        /**
+          * Label of the Reject optional button.
+          * @default 'Reject optional'
+         */
+        "rejectLabel": string;
+        /**
+          * Label of the Save choices button (`preferences`).
+          * @default 'Save choices'
+         */
+        "saveLabel": string;
+        /**
+          * Label of a category's disclosure; `{count}` is replaced by the number of cookies.
+          * @default 'See {count} cookies'
+         */
+        "seeCookiesLabel": string;
+        /**
+          * Which form: `banner`, `card`, `preferences` or `saved`.
+          * @default 'banner'
+         */
+        "type": BsCookieConsentType;
+    }
     /**
      * A sortable, optionally row-selectable table for tabular data.
      * `columns`, `rows`, and `cellRenderer` are JS-property-only — HTML attributes can only carry
@@ -1214,6 +1338,100 @@ export namespace Components {
          */
         "sortDirection": 'asc' | 'desc';
     }
+    /**
+     * An inline calendar for picking a single date, or a start/end date range. Matches the Figma
+     * "Date picker" component's two types: "Default" (month and year dropdowns above the grid) and
+     * "Range" (start and end date fields above the grid, with the days between highlighted).
+     * Dates are always `YYYY-MM-DD` strings, interpreted in the user's local time zone -- never full
+     * ISO timestamps -- so a date can't shift by a day across time zones.
+     * The calendar renders inline at a fixed width; to show it as a popover, put it inside a
+     * `bs-menu` or your own overlay.
+     * **Built from:** `bs-card` (the surface), `bs-input` (the month/year dropdown triggers and the range date fields), `bs-menu` and `bs-menu-item` (the month/year lists).
+     * ## When to use
+     * - Picking a date where seeing the surrounding days of the week/month helps (a booking, a
+     *   deadline, a report window).
+     * - Picking a period (`range`) such as a start and end date.
+     * ## When not to use
+     * - A date the user knows by heart and can type quickly (a birth date) -- `bs-input type="date"`
+     *   is faster there.
+     * ## Keyboard
+     * Arrow keys move by day/week, Home/End jump to the start/end of the week, PageUp/PageDown move by
+     * month (with Shift, by year), Enter/Space select the focused day.
+     */
+    interface BsDatepicker {
+        /**
+          * The range end (`YYYY-MM-DD`) in `range` mode.
+          * @default ''
+         */
+        "end": string;
+        /**
+          * Label above the end field in `range` mode.
+          * @default 'End date'
+         */
+        "endLabel": string;
+        /**
+          * First column of the grid: `0` for Sunday (the Figma spec), `1` for Monday, ... `6`.
+          * @default 0
+         */
+        "firstDayOfWeek": number;
+        /**
+          * BCP 47 locale used for month names, weekday names and the title.
+          * @default 'en-GB'
+         */
+        "locale": string;
+        /**
+          * Latest selectable date (`YYYY-MM-DD`). Later days render disabled.
+         */
+        "max"?: string;
+        /**
+          * Earliest selectable date (`YYYY-MM-DD`). Earlier days render disabled.
+         */
+        "min"?: string;
+        /**
+          * Accessible name for the month dropdown (single mode).
+          * @default 'Month'
+         */
+        "monthLabel": string;
+        /**
+          * The `name` the value is submitted under in a surrounding `<form>`. In `range` mode the dates are submitted as `<name>-start` and `<name>-end`.
+         */
+        "name"?: string;
+        /**
+          * Accessible name for the next-month button.
+          * @default 'Next month'
+         */
+        "nextLabel": string;
+        /**
+          * Accessible name for the previous-month button.
+          * @default 'Previous month'
+         */
+        "previousLabel": string;
+        /**
+          * Select a start/end range instead of a single date.
+          * @default false
+         */
+        "range": boolean;
+        /**
+          * The range start (`YYYY-MM-DD`) in `range` mode.
+          * @default ''
+         */
+        "start": string;
+        /**
+          * Label above the start field in `range` mode.
+          * @default 'Start date'
+         */
+        "startLabel": string;
+        /**
+          * The selected date (`YYYY-MM-DD`) in single mode. Mutable so a click updates it directly; `bsChange` still fires for the consumer to react. Ignored when `range` is set.
+          * @default ''
+         */
+        "value": string;
+        /**
+          * Accessible name for the year dropdown (single mode).
+          * @default 'Year'
+         */
+        "yearLabel": string;
+    }
     /**
      * An overlay dialog that interrupts the current flow for a focused task or confirmation.
      * Closes itself on backdrop click, Escape, or its own close button, and emits `bsClose`.
@@ -1248,6 +1466,56 @@ export namespace Components {
          */
         "size": BsDialogSize;
     }
+    /**
+     * A full-block page for when the user can't get to what they asked for: page not found (404), a server
+     * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
+     * "Error page" component's five states.
+     * Each `type` brings its own icon, tint, code label ("404", "Maintenance", ...), heading, paragraph and
+     * buttons, all overridable by props. The component doesn't navigate or retry anything: it emits
+     * `bsPrimary` / `bsSecondary` and your app decides what "Go to Overview" or "Try again" does.
+     * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions).
+     * ## When to use
+     * - Replacing the content of a page or panel that can't be shown, with a clear way forward.
+     * ## When not to use
+     * - A problem with one field or one action -- use inline validation or a `bs-snackbar`.
+     * - A blocking question the user must answer -- use `bs-dialog`.
+     */
+    interface BsErrorPage {
+        /**
+          * The small label under the icon, e.g. "404". Defaults per `type` ("404", "500", "403", "Maintenance", "Offline"). Set it to an empty string to hide it.
+         */
+        "code"?: string;
+        /**
+          * Paragraph under the heading. Defaults per `type`.
+         */
+        "description"?: string;
+        /**
+          * Heading. Defaults per `type`.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level for the heading, 1-6. Use 1 when this replaces the whole page; lower when it sits inside a section that already has a heading above it.
+          * @default 1
+         */
+        "headingLevel": number;
+        /**
+          * Label of the primary button. Defaults per `type`. Set it to an empty string to hide it.
+         */
+        "primaryLabel"?: string;
+        /**
+          * A small reference line under the buttons, e.g. `"Error ID: 7f3c-21a9 · 30.09.2026 10:42"`, for support to look up. Nothing is shown when empty.
+         */
+        "reference"?: string;
+        /**
+          * Label of the secondary button. Defaults per `type` (only `not-found`, `server-error` and `no-access` have one). Set it to an empty string to hide it.
+         */
+        "secondaryLabel"?: string;
+        /**
+          * Which error: `not-found` (404), `server-error` (500), `no-access` (403), `maintenance` or `offline`.
+          * @default 'not-found'
+         */
+        "type": BsErrorPageType;
+    }
     /**
      * A file dropzone: drag files onto it, or press "Browse file" to open the file picker. It reports
      * the chosen files and does nothing else -- the consuming app owns the upload itself and shows its
@@ -1398,6 +1666,36 @@ export namespace Components {
          */
         "variant": BsIconButtonVariant;
     }
+    /**
+     * A small rounded square holding an icon, tinted by intent -- the visual marker next to a status,
+     * a list item or a feature. Matches the Figma "Icon tile" component (3 sizes x 6 intents).
+     * Each intent shows a default glyph (house, check, warning, cross, grid, info); put your own icon in
+     * the default slot to replace it. A slotted icon is sized to the tile (12/16/24px) and coloured
+     * with the intent's icon colour, as long as it draws with `currentColor`.
+     * The tile is decorative by default (hidden from assistive tech). Don't rely on the colour or glyph
+     * alone to convey status: slot text into `text` (it sits beside the square, in
+     * `--bs-icon-tile-text-color`), or set `label` to give the tile its own accessible name.
+     * ## When to use
+     * - Marking a row, card or message with a status or category icon.
+     * ## When not to use
+     * - As a button -- it isn't interactive. Use `bs-icon-button`.
+     */
+    interface BsIconTile {
+        /**
+          * Colour and default glyph. `brand` uses the brand colours; `information` the info palette.
+          * @default 'default'
+         */
+        "intent": BsIconTileIntent;
+        /**
+          * Accessible name. When set, the tile is exposed as an image with this name; when empty it is decorative and hidden from assistive tech.
+         */
+        "label"?: string;
+        /**
+          * Tile size: `sm` 24px, `md` 32px, `lg` 48px.
+          * @default 'sm'
+         */
+        "size": BsIconTileSize;
+    }
     /**
      * A pill-shaped tab button -- an optional leading icon plus a text label, rendered as a real
      * `<button>` so it participates correctly in tab order and native click/keyboard activation.
@@ -1829,6 +2127,119 @@ export namespace Components {
          */
         "skipToContentLabel": string;
     }
+    /**
+     * A "get set up" checklist, in four forms that matching the Figma "Onboarding checklist" component:
+     * - `panel` -- the full list: heading, progress, every step with a status icon, and the current step
+     *   expanded with its description, time estimate, Skip for now and a primary action.
+     * - `dashboard` -- a wide card for the top of a page: summary and progress on the left, the current step
+     *   and the next ones as small cards on the right, and a "See all steps" link.
+     * - `launcher` -- a small always-visible chip that reopens the checklist; three layouts (`icon`, `ring`,
+     *   `inline`).
+     * - `completion` -- the "You're all set" card once every step is done.
+     * The component shows progress and reports what the user pressed. It doesn't know what a step means,
+     * run it, or remember anything: your app owns the steps (`steps`, each with `done`), marks them done, and
+     * decides which form to show.
+     * **Built from:** `bs-card` (every surface), `bs-icon-tile` (the icons), `bs-button` (the actions),
+     * `bs-icon-button` (the close button), `bs-progress-linear` (the progress bar), `bs-progress` (the launcher
+     * ring).
+     * ## When to use
+     * - Guiding a new account or user through a short list of setup tasks they can do in any order or later.
+     * ## When not to use
+     * - A strict, linear flow where each step needs the one before -- use `bs-stepper`.
+     * - A tour of the interface itself -- use `bs-product-tour`.
+     * ## Accessibility
+     * Steps are an ordered list; the current one has `aria-current="step"`, and each step carries a visually
+     * hidden "Done" / "Not done". The progress bar is named with the progress text.
+     */
+    interface BsOnboardingChecklist {
+        /**
+          * Caption on the cards of steps that come after the current one (`dashboard`).
+          * @default 'After the step before'
+         */
+        "afterLabel": string;
+        /**
+          * Shows a close button (`panel`, `dashboard`).
+          * @default false
+         */
+        "closable": boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * Paragraph under the heading. Defaults to a summary of the progress for `dashboard`. Nothing for `launcher`.
+         */
+        "description"?: string;
+        /**
+          * Label of the main button (`completion`).
+          * @default 'Go to dashboard'
+         */
+        "doneLabel": string;
+        /**
+          * Heading. Defaults per `type` ("Get started", "Finish setting up", "Setup", "You're all set").
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel": number;
+        /**
+          * Label of the secondary button (`completion`).
+          * @default 'Hide checklist'
+         */
+        "hideLabel": string;
+        /**
+          * Layout of the `launcher`: `icon` (tile, title, progress text), `ring` (circular progress, title, text) or `inline` (tile, title and text on one line, with a chevron).
+          * @default 'icon'
+         */
+        "launcherLayout": BsOnboardingLauncherLayout;
+        /**
+          * Template of the progress label; `{done}` and `{total}` are replaced.
+          * @default '{done} of {total} done'
+         */
+        "progressLabel": string;
+        /**
+          * Text under the launcher title. Defaults to "N% complete".
+         */
+        "progressText"?: string;
+        /**
+          * Label of the link that opens the whole checklist (`dashboard`).
+          * @default 'See all steps'
+         */
+        "seeAllLabel": string;
+        /**
+          * Label of "Skip for now" on the current step (`panel`).
+          * @default 'Skip for now'
+         */
+        "skipLabel": string;
+        /**
+          * Label of the Start link on the current step's card (`dashboard`).
+          * @default 'Start'
+         */
+        "startLabel": string;
+        /**
+          * Visually hidden text on a finished step.
+          * @default 'Done'
+         */
+        "statusDoneLabel": string;
+        /**
+          * Visually hidden text on an unfinished step.
+          * @default 'Not done'
+         */
+        "statusTodoLabel": string;
+        /**
+          * The steps: `[{ id, label, description?, done?, estimate?, actionLabel?, skippable? }]`. The first step that isn't `done` is the current one. Must be set as a JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule.
+          * @default []
+         */
+        "steps": BsOnboardingStep[];
+        /**
+          * Which form: `panel`, `dashboard`, `launcher` or `completion`.
+          * @default 'panel'
+         */
+        "type": BsOnboardingChecklistType;
+    }
     /**
      * A numbered page control -- previous/next chevrons, page-number buttons, and `...` overflow for
      * large page counts. Matches the Figma "Pagination" component's "Default" type (the classic
@@ -1871,6 +2282,76 @@ export namespace Components {
          */
         "totalPages": number;
     }
+    /**
+     * 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`.
+     */
+    interface BsProductTour {
+        /**
+          * Shows a close button in the corner (`pointer`).
+          * @default false
+         */
+        "closable": boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * Paragraph under the heading.
+         */
+        "description"?: string;
+        /**
+          * 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.
+          * @default 'top'
+         */
+        "direction": BsProductTourDirection;
+        /**
+          * Heading.
+         */
+        "heading"?: 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;
+        /**
+          * Template of the progress label; `{step}` and `{total}` are replaced.
+          * @default '{step} of {total}'
+         */
+        "progressLabel": 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;
+        /**
+          * Current step, 1-based (`pointer`). Used with `total` for the progress label.
+          * @default 1
+         */
+        "step": number;
+        /**
+          * Number of steps (`pointer`). The progress label is hidden when this is 0.
+          * @default 0
+         */
+        "total": number;
+        /**
+          * `welcome` and `success` are centred cards with an art tile; `pointer` is the compact step with an arrow.
+          * @default 'welcome'
+         */
+        "type": BsProductTourType;
+    }
     /**
      * A circular progress indicator -- either a static ring showing a percentage sweep
      * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
@@ -1957,6 +2438,143 @@ export namespace Components {
          */
         "value": number;
     }
+    /**
+     * 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`.
+     */
+    interface BsQrCode {
+        /**
+          * The amount shown under the code (`type="payment"`), e.g. `"148,00 kr"`.
+         */
+        "amount"?: string;
+        /**
+          * Small label above the amount.
+          * @default 'Total'
+         */
+        "amountLabel": string;
+        /**
+          * Shows a close button in the corner.
+          * @default false
+         */
+        "closable": boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * Accessible name for the code image, e.g. `"QR code for order SO-10482"`. Applies to `matrix`; give a slotted `<img>` its own `alt`.
+          * @default 'QR code'
+         */
+        "codeLabel": string;
+        /**
+          * Label of the Copy link button.
+          * @default 'Copy link'
+         */
+        "copyLabel": string;
+        /**
+          * Line under the heading.
+         */
+        "description"?: string;
+        /**
+          * Label of the Download button.
+          * @default 'Download PNG'
+         */
+        "downloadLabel": string;
+        /**
+          * Text in the `error` overlay.
+          * @default "Couldn't load code"
+         */
+        "errorLabel": string;
+        /**
+          * Text in the `expired` overlay.
+          * @default 'Code expired'
+         */
+        "expiredLabel": string;
+        /**
+          * Text of the expiry chip, e.g. `"Expires in 04:59"`. No chip when empty.
+         */
+        "expiry"?: string;
+        /**
+          * Heading text.
+          * @default 'Share the order'
+         */
+        "heading": string;
+        /**
+          * Hides the Download and Copy link row.
+          * @default false
+         */
+        "hideActions": boolean;
+        /**
+          * Hides the Copy link button.
+          * @default false
+         */
+        "hideCopy": boolean;
+        /**
+          * Hides the Download button.
+          * @default false
+         */
+        "hideDownload": boolean;
+        /**
+          * Text in the `loading` overlay.
+          * @default 'Generating code'
+         */
+        "loadingLabel": 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[][];
+        /**
+          * Label of the Refresh button (`expired`).
+          * @default 'Refresh'
+         */
+        "refreshLabel": string;
+        /**
+          * Label of the Retry button (`error`).
+          * @default 'Retry'
+         */
+        "retryLabel": string;
+        /**
+          * Text in the `scanned` overlay. Defaults to "Payment received" for `type="payment"` and "Scanned" otherwise.
+         */
+        "scannedLabel"?: string;
+        /**
+          * Card size: `sm`, `md` (default) or `lg`.
+          * @default 'md'
+         */
+        "size": BsQrCodeSize;
+        /**
+          * `default`, or one of the overlay states: `loading`, `error`, `expired`, `scanned`.
+          * @default 'default'
+         */
+        "state": BsQrCodeState;
+        /**
+          * `default` shows the URL under the code; `payment` shows the amount instead.
+          * @default 'default'
+         */
+        "type": BsQrCodeType;
+        /**
+          * The link shown as text under the code (`type="default"`), and copied by Copy link.
+         */
+        "url"?: string;
+    }
     /**
      * A single radio button with its label, for one mutually-exclusive choice within a group.
      * ## When to use
@@ -1987,6 +2605,130 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * 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.
+     */
+    interface BsSessionTimeout {
+        /**
+          * 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;
+        /**
+          * Name of the account that was signed in (`signed-out`).
+         */
+        "accountName"?: 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.
+          * @default [     { id: 'passkey', label: 'Use passkey', icon: 'fingerprint' },     { id: 'bankid', label: 'Use BankID', icon: 'key' },   ]
+         */
+        "alternatives": BsSessionTimeoutAlternative[];
+        /**
+          * Label of the Cancel button (`confirm-identity`). Set to an empty string to hide it.
+          * @default 'Cancel'
+         */
+        "cancelLabel": string;
+        /**
+          * Count `secondsLeft` down once a second (`warning`), firing `bsExpire` at zero.
+          * @default false
+         */
+        "countdown": boolean;
+        /**
+          * Paragraph under the heading. Defaults per `type`.
+         */
+        "description"?: string;
+        /**
+          * Label of the divider between the password and the alternatives.
+          * @default 'or'
+         */
+        "dividerLabel": string;
+        /**
+          * Heading. Defaults per `type`.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel": number;
+        /**
+          * Hides the icon tile.
+          * @default false
+         */
+        "hideIcon": boolean;
+        /**
+          * Error shown under the password field, e.g. after a wrong password.
+         */
+        "passwordError"?: string;
+        /**
+          * Label of the password field.
+          * @default 'Password'
+         */
+        "passwordLabel": string;
+        /**
+          * Label of the primary button. Defaults per `type` ("Stay signed in", "Sign in again", "Confirm").
+         */
+        "primaryLabel"?: string;
+        /**
+          * Note under the countdown, e.g. "Your draft of INV-2041 is saved automatically." Hidden when empty.
+         */
+        "savedMessage"?: 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.
+          * @default 0
+         */
+        "secondsLeft": number;
+        /**
+          * Text next to the time under a minute.
+          * @default 'seconds left'
+         */
+        "secondsLeftLabel": string;
+        /**
+          * Text next to the time while a minute or more is left.
+          * @default 'minutes left'
+         */
+        "timeLeftLabel": string;
+        /**
+          * Length of the warning window in seconds, for the bar: it shows `secondsLeft / totalSeconds`. Defaults to the `secondsLeft` it first had.
+          * @default 0
+         */
+        "totalSeconds": number;
+        /**
+          * Which moment: `warning`, `signed-out` or `confirm-identity`.
+          * @default 'warning'
+         */
+        "type": BsSessionTimeoutType;
+    }
     /**
      * A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
      * spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
@@ -2090,6 +2832,15 @@ export namespace Components {
           * 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"?: BsButtonVariant1;
+        /**
+          * 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.
+          * @default false
+         */
+        "hideClose": boolean;
         /**
           * Replaces the checkmark icon with a spinning loading indicator, for a message describing in-progress work (e.g. "Uploading files...") rather than a completed result.
           * @default false
@@ -2364,6 +3115,80 @@ export namespace Components {
          */
         "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.
+     */
+    interface BsTimepicker {
+        /**
+          * Label of the Cancel button.
+          * @default 'Cancel'
+         */
+        "cancelLabel": string;
+        /**
+          * Label of the Confirm button.
+          * @default 'Confirm'
+         */
+        "confirmLabel": 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.
+          * @default '12h'
+         */
+        "format": '12h' | '24h';
+        /**
+          * Label of the 24h switch.
+          * @default '24h'
+         */
+        "formatLabel": string;
+        /**
+          * Heading text.
+          * @default 'Select Time'
+         */
+        "heading": string;
+        /**
+          * Accessible name of the hour spinner.
+          * @default 'Hour'
+         */
+        "hourLabel": string;
+        /**
+          * Accessible name of the minute spinner.
+          * @default 'Minute'
+         */
+        "minuteLabel": string;
+        /**
+          * Step, in minutes, of the minute spinner's carets and arrow keys. Typing is not constrained.
+          * @default 1
+         */
+        "minuteStep": number;
+        /**
+          * The `name` the confirmed value is submitted under in a surrounding `<form>`.
+         */
+        "name"?: string;
+        /**
+          * Accessible name of the AM/PM dropdown.
+          * @default 'AM/PM'
+         */
+        "periodLabel": 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.
+          * @default ''
+         */
+        "value": string;
+    }
     /**
      * A transient status message for confirming the result of an action (e.g. "Files uploaded
      * successfully.") -- a state-specific icon, a message, and a close button.
@@ -2413,6 +3238,198 @@ export namespace Components {
          */
         "placement": 'top';
     }
+    /**
+     * A product's "What's new" surface, in three forms matching the Figma component:
+     * - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
+     *   `bs-whats-new-entry`) and a link to the full release notes.
+     * - `announcement` -- one big update, with a hero image, a tag, a heading, a few bullet points, "1 of 3"
+     *   and Remind me later / Next.
+     * - `teaser` -- a small card pointing at the feed: tag, date, heading, a line of text and "Open What's new".
+     * The component only shows what you give it and reports what the user pressed. It doesn't fetch updates,
+     * track which the user has seen, or decide when to appear: your app owns `entries` (with their `unread`
+     * flags) and reacts to the events.
+     * **Built from:** `bs-card` (the surface), `bs-whats-new-entry` (each update), `bs-tabs` (the filters),
+     * `bs-chip-informative` (the tags), `bs-button`, `bs-icon-button`.
+     * ## When to use
+     * - Telling users about changes to the product, in a place they can come back to.
+     * ## When not to use
+     * - Messages about the user's own data or an action they just took -- use `bs-snackbar`, `bs-toast`.
+     * - A guided walk through the interface -- use `bs-product-tour`.
+     */
+    interface BsWhatsNew {
+        /**
+          * Label of the link (`teaser`).
+          * @default 'Open What’s new'
+         */
+        "actionLabel": string;
+        /**
+          * Shows a close button.
+          * @default false
+         */
+        "closable": boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * The date as text (`teaser`).
+         */
+        "date"?: string;
+        /**
+          * The line under the heading (`teaser`).
+         */
+        "description"?: string;
+        /**
+          * Text shown when the selected filter has no entries.
+          * @default 'Nothing new here yet.'
+         */
+        "emptyLabel": string;
+        /**
+          * The updates in the feed: `[{ id, category?, tag?, tagColor?, date?, unread?, heading, description?, actionLabel?, image? }]`. Must be set as a JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule.
+          * @default []
+         */
+        "entries": BsWhatsNewItem[];
+        /**
+          * The selected filter's `value`. Mutable: choosing a tab updates it.
+          * @default 'all'
+         */
+        "filter": string;
+        /**
+          * The filter tabs: `[{ value, label }]`. `value: "all"` shows every entry; any other value shows the entries whose `category` matches. Defaults to All, New Features, Improvements and Fixes (categories `features`, `improvements`, `fixes`). Set `[]` for no tabs.
+          * @default [     { value: 'all', label: 'All' },     { value: 'features', label: 'New Features' },     { value: 'improvements', label: 'Improvements' },     { value: 'fixes', label: 'Fixes' },   ]
+         */
+        "filters": BsWhatsNewFilter[];
+        /**
+          * Heading. Defaults to "What's new" for `feed`; set it for the other forms.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel": number;
+        /**
+          * URL of the hero image (`announcement`). Or slot your own into `hero`.
+         */
+        "image"?: string;
+        /**
+          * Label of the "Mark all as read" button, shown while any entry is `unread`.
+          * @default 'Mark all as read'
+         */
+        "markAllReadLabel": string;
+        /**
+          * The bullet points (`announcement`). Must be set as a JS property -- see CONVENTIONS.md.
+          * @default []
+         */
+        "points": string[];
+        /**
+          * Label of the primary button (`announcement`). Empty hides it.
+          * @default 'Next'
+         */
+        "primaryLabel": string;
+        /**
+          * Text of the release notes link.
+          * @default 'See all release notes'
+         */
+        "releaseNotesLabel": string;
+        /**
+          * URL of the full release notes. The link is only shown when this is set.
+         */
+        "releaseNotesUrl"?: string;
+        /**
+          * Label of the secondary button (`announcement`). Empty hides it.
+          * @default 'Remind me later'
+         */
+        "secondaryLabel": string;
+        /**
+          * Current step, 1-based (`announcement`). Used with `total`.
+          * @default 1
+         */
+        "step": number;
+        /**
+          * Template of the step label; `{step}` and `{total}` are replaced.
+          * @default '{step} of {total}'
+         */
+        "stepLabel": string;
+        /**
+          * Tag text (`announcement`, `teaser`), e.g. "New feature".
+         */
+        "tag"?: string;
+        /**
+          * Colour of the tag.
+          * @default 'info'
+         */
+        "tagColor": BsWhatsNewEntryTagColor;
+        /**
+          * Number of announcements in the sequence (`announcement`). The step label is hidden when 0.
+          * @default 0
+         */
+        "total": number;
+        /**
+          * Which form: `feed`, `announcement` or `teaser`.
+          * @default 'feed'
+         */
+        "type": BsWhatsNewType;
+    }
+    /**
+     * One update in a "What's new" list: a tag ("New feature", "Improvement", "Fix"), a date, an unread dot,
+     * an optional image, a title, a short description and an optional action link ("Try it"). Matches the Figma
+     * "What's new / Entry" component. It is a plain block of content -- no card -- so it can sit in a feed
+     * (`bs-whats-new`), a list, or a page of release notes.
+     * **Built from:** `bs-chip-informative` (the tag) and `bs-button` (the action).
+     * ## When to use
+     * - Announcing a change to the product, with enough detail to know whether it matters.
+     * ## When not to use
+     * - A message about the user's own data or an action they just took -- use `bs-snackbar` or `bs-toast`.
+     */
+    interface BsWhatsNewEntry {
+        /**
+          * Label of the action link (e.g. "Try it"). No action when empty.
+         */
+        "actionLabel"?: string;
+        /**
+          * The date as text, already formatted for the reader (e.g. "24.09.2026").
+         */
+        "date"?: string;
+        /**
+          * Short description under the title.
+         */
+        "description"?: string;
+        /**
+          * Draws a rule under the entry, to separate it from the next one.
+          * @default false
+         */
+        "divider": boolean;
+        /**
+          * Title.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level for the title, 1-6.
+          * @default 3
+         */
+        "headingLevel": number;
+        /**
+          * The tag text, e.g. "New feature". No tag when empty.
+         */
+        "tag"?: string;
+        /**
+          * Colour of the tag: `info` (default), `success`, `warning`, `error` or `neutral`.
+          * @default 'info'
+         */
+        "tagColor": BsWhatsNewEntryTagColor1;
+        /**
+          * Shows a dot after the date for an update the user hasn't seen.
+          * @default false
+         */
+        "unread": boolean;
+        /**
+          * Visually hidden text for the unread dot.
+          * @default 'Unread'
+         */
+        "unreadLabel": string;
+    }
 }
 export interface BsAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -2474,14 +3491,26 @@ export interface BsComposerStatusBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsComposerStatusBannerElement;
 }
+export interface BsCookieConsentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsCookieConsentElement;
+}
 export interface BsDataTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsDataTableElement;
 }
+export interface BsDatepickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsDatepickerElement;
+}
 export interface BsDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsDialogElement;
 }
+export interface BsErrorPageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsErrorPageElement;
+}
 export interface BsFileUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsFileUploadElement;
@@ -2510,14 +3539,30 @@ export interface BsNavigationDrawerItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsNavigationDrawerItemElement;
 }
+export interface BsOnboardingChecklistCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsOnboardingChecklistElement;
+}
 export interface BsPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsPaginationElement;
 }
+export interface BsProductTourCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsProductTourElement;
+}
+export interface BsQrCodeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsQrCodeElement;
+}
 export interface BsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsRadioElement;
 }
+export interface BsSessionTimeoutCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsSessionTimeoutElement;
+}
 export interface BsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsSliderElement;
@@ -2542,10 +3587,22 @@ export interface BsTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsTabsElement;
 }
+export interface BsTimepickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsTimepickerElement;
+}
 export interface BsToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsToastElement;
 }
+export interface BsWhatsNewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsWhatsNewElement;
+}
+export interface BsWhatsNewEntryCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsWhatsNewEntryElement;
+}
 declare global {
     interface HTMLBsAccordionElementEventMap {
         "bsToggle": boolean;
@@ -2875,6 +3932,9 @@ declare global {
      * - `error` purely for visual emphasis — it signals a destructive action to the user, so reserve
      *   it for actions that actually delete/revoke/undo something.
      * @prop --bs-button-radius - Corner radius. Aliased to `--bs-border-radius-100` by default.
+     * @prop --bs-button-padding-x-sm - Left/right padding of a label-only button at `size="sm"`. Aliased to `--bs-spacing-300`.
+     * @prop --bs-button-width - Width of the button. `auto` by default (fits its content); set `100%` for a full-width button, e.g. `bs-button { --bs-button-width: 100%; }`.
+     * @prop --bs-button-subtle-color - Label/icon colour, `variant="subtle"`. Aliased to `--bs-color-neutral-default`; set it to `var(--bs-text-action)` for a blue text button.
      * @prop --bs-button-height-sm - Height at `size="sm"`. Aliased to `--bs-spacing-500`.
      * @prop --bs-button-height-md - Height at `size="md"`. Aliased to `--bs-spacing-600`.
      * @prop --bs-button-height-lg - Height at `size="lg"`. Aliased to `--bs-spacing-700`.
@@ -3473,14 +4533,60 @@ declare global {
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLBsComposerStatusBannerElementEventMap>(type: K, listener: (this: HTMLBsComposerStatusBannerElement, ev: BsComposerStatusBannerCustomEvent<HTMLBsComposerStatusBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsComposerStatusBannerElementEventMap>(type: K, listener: (this: HTMLBsComposerStatusBannerElement, ev: BsComposerStatusBannerCustomEvent<HTMLBsComposerStatusBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsComposerStatusBannerElement: {
+        prototype: HTMLBsComposerStatusBannerElement;
+        new (): HTMLBsComposerStatusBannerElement;
+    };
+    interface HTMLBsCookieConsentElementEventMap {
+        "bsAccept": { choices: BsCookieChoices };
+        "bsReject": { choices: BsCookieChoices };
+        "bsCustomise": void;
+        "bsSave": { choices: BsCookieChoices };
+        "bsChoice": { id: string; enabled: boolean };
+        "bsClose": void;
+        "bsManage": void;
+    }
+    /**
+     * A cookie consent prompt in four forms, matching the Figma "Cookie consent" component:
+     * - `banner` -- a wide bar: icon, heading, text, policy link, and Customise / Reject optional / Accept
+     *   all. Stacks into a column on narrow containers (its own width, not the viewport's).
+     * - `card` -- the compact version of the same question, in a card.
+     * - `preferences` -- the detailed dialog: one row per cookie category with a switch (strictly
+     *   necessary is "Always on"), an expandable list of the cookies in each, and Reject optional /
+     *   Accept all / Save choices.
+     * - `saved` -- a dark confirmation bar ("Cookie choices saved") with a Change action.
+     * The component only collects the choice. It doesn't set, read or delete cookies, remember that the
+     * user answered, or decide when to show itself: your app does that from the events, and swaps `type`
+     * (e.g. `banner` -> `preferences` on `bsCustomise`, `preferences` -> `saved` on `bsSave`).
+     * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions),
+     * `bs-switch` (the category switches), `bs-chip-informative` (the "Always on" badge), `bs-icon-button`
+     * (the close button), `bs-snackbar` (the saved confirmation).
+     * ## When to use
+     * - Asking for consent to optional cookies or similar tracking, as the law of your market requires.
+     * ## When not to use
+     * - Telling people about necessary cookies only -- that needs no consent prompt.
+     * ## Fair choice
+     * "Reject optional" has the same prominence as "Accept all" (same size, both always visible). Keep it
+     * that way: a prompt that makes refusing harder than accepting isn't valid consent in most places.
+     */
+    interface HTMLBsCookieConsentElement extends Components.BsCookieConsent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsCookieConsentElementEventMap>(type: K, listener: (this: HTMLBsCookieConsentElement, ev: BsCookieConsentCustomEvent<HTMLBsCookieConsentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsCookieConsentElementEventMap>(type: K, listener: (this: HTMLBsCookieConsentElement, ev: BsCookieConsentCustomEvent<HTMLBsCookieConsentElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLBsComposerStatusBannerElement: {
-        prototype: HTMLBsComposerStatusBannerElement;
-        new (): HTMLBsComposerStatusBannerElement;
+    var HTMLBsCookieConsentElement: {
+        prototype: HTMLBsCookieConsentElement;
+        new (): HTMLBsCookieConsentElement;
     };
     interface HTMLBsDataTableElementEventMap {
         "bsSort": { column: string; direction: 'asc' | 'desc' };
@@ -3511,6 +4617,43 @@ declare global {
         prototype: HTMLBsDataTableElement;
         new (): HTMLBsDataTableElement;
     };
+    interface HTMLBsDatepickerElementEventMap {
+        "bsChange": BsDatepickerChange;
+    }
+    /**
+     * An inline calendar for picking a single date, or a start/end date range. Matches the Figma
+     * "Date picker" component's two types: "Default" (month and year dropdowns above the grid) and
+     * "Range" (start and end date fields above the grid, with the days between highlighted).
+     * Dates are always `YYYY-MM-DD` strings, interpreted in the user's local time zone -- never full
+     * ISO timestamps -- so a date can't shift by a day across time zones.
+     * The calendar renders inline at a fixed width; to show it as a popover, put it inside a
+     * `bs-menu` or your own overlay.
+     * **Built from:** `bs-card` (the surface), `bs-input` (the month/year dropdown triggers and the range date fields), `bs-menu` and `bs-menu-item` (the month/year lists).
+     * ## When to use
+     * - Picking a date where seeing the surrounding days of the week/month helps (a booking, a
+     *   deadline, a report window).
+     * - Picking a period (`range`) such as a start and end date.
+     * ## When not to use
+     * - A date the user knows by heart and can type quickly (a birth date) -- `bs-input type="date"`
+     *   is faster there.
+     * ## Keyboard
+     * Arrow keys move by day/week, Home/End jump to the start/end of the week, PageUp/PageDown move by
+     * month (with Shift, by year), Enter/Space select the focused day.
+     */
+    interface HTMLBsDatepickerElement extends Components.BsDatepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsDatepickerElementEventMap>(type: K, listener: (this: HTMLBsDatepickerElement, ev: BsDatepickerCustomEvent<HTMLBsDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsDatepickerElementEventMap>(type: K, listener: (this: HTMLBsDatepickerElement, ev: BsDatepickerCustomEvent<HTMLBsDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsDatepickerElement: {
+        prototype: HTMLBsDatepickerElement;
+        new (): HTMLBsDatepickerElement;
+    };
     interface HTMLBsDialogElementEventMap {
         "bsClose": void;
     }
@@ -3545,6 +4688,38 @@ declare global {
         prototype: HTMLBsDialogElement;
         new (): HTMLBsDialogElement;
     };
+    interface HTMLBsErrorPageElementEventMap {
+        "bsPrimary": void;
+        "bsSecondary": void;
+    }
+    /**
+     * A full-block page for when the user can't get to what they asked for: page not found (404), a server
+     * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
+     * "Error page" component's five states.
+     * Each `type` brings its own icon, tint, code label ("404", "Maintenance", ...), heading, paragraph and
+     * buttons, all overridable by props. The component doesn't navigate or retry anything: it emits
+     * `bsPrimary` / `bsSecondary` and your app decides what "Go to Overview" or "Try again" does.
+     * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions).
+     * ## When to use
+     * - Replacing the content of a page or panel that can't be shown, with a clear way forward.
+     * ## When not to use
+     * - A problem with one field or one action -- use inline validation or a `bs-snackbar`.
+     * - A blocking question the user must answer -- use `bs-dialog`.
+     */
+    interface HTMLBsErrorPageElement extends Components.BsErrorPage, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsErrorPageElementEventMap>(type: K, listener: (this: HTMLBsErrorPageElement, ev: BsErrorPageCustomEvent<HTMLBsErrorPageElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsErrorPageElementEventMap>(type: K, listener: (this: HTMLBsErrorPageElement, ev: BsErrorPageCustomEvent<HTMLBsErrorPageElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsErrorPageElement: {
+        prototype: HTMLBsErrorPageElement;
+        new (): HTMLBsErrorPageElement;
+    };
     interface HTMLBsFileUploadElementEventMap {
         "bsFilesSelect": File[];
         "bsFilesReject": File[];
@@ -3627,6 +4802,26 @@ declare global {
         prototype: HTMLBsIconButtonElement;
         new (): HTMLBsIconButtonElement;
     };
+    /**
+     * A small rounded square holding an icon, tinted by intent -- the visual marker next to a status,
+     * a list item or a feature. Matches the Figma "Icon tile" component (3 sizes x 6 intents).
+     * Each intent shows a default glyph (house, check, warning, cross, grid, info); put your own icon in
+     * the default slot to replace it. A slotted icon is sized to the tile (12/16/24px) and coloured
+     * with the intent's icon colour, as long as it draws with `currentColor`.
+     * The tile is decorative by default (hidden from assistive tech). Don't rely on the colour or glyph
+     * alone to convey status: slot text into `text` (it sits beside the square, in
+     * `--bs-icon-tile-text-color`), or set `label` to give the tile its own accessible name.
+     * ## When to use
+     * - Marking a row, card or message with a status or category icon.
+     * ## When not to use
+     * - As a button -- it isn't interactive. Use `bs-icon-button`.
+     */
+    interface HTMLBsIconTileElement extends Components.BsIconTile, HTMLStencilElement {
+    }
+    var HTMLBsIconTileElement: {
+        prototype: HTMLBsIconTileElement;
+        new (): HTMLBsIconTileElement;
+    };
     interface HTMLBsInlineTabElementEventMap {
         "bsSelect": void;
     }
@@ -3925,6 +5120,52 @@ declare global {
         prototype: HTMLBsNavigationHeaderElement;
         new (): HTMLBsNavigationHeaderElement;
     };
+    interface HTMLBsOnboardingChecklistElementEventMap {
+        "bsStepAction": { id: string };
+        "bsStepSkip": { id: string };
+        "bsClose": void;
+        "bsOpen": void;
+        "bsDone": void;
+        "bsHide": void;
+    }
+    /**
+     * A "get set up" checklist, in four forms that matching the Figma "Onboarding checklist" component:
+     * - `panel` -- the full list: heading, progress, every step with a status icon, and the current step
+     *   expanded with its description, time estimate, Skip for now and a primary action.
+     * - `dashboard` -- a wide card for the top of a page: summary and progress on the left, the current step
+     *   and the next ones as small cards on the right, and a "See all steps" link.
+     * - `launcher` -- a small always-visible chip that reopens the checklist; three layouts (`icon`, `ring`,
+     *   `inline`).
+     * - `completion` -- the "You're all set" card once every step is done.
+     * The component shows progress and reports what the user pressed. It doesn't know what a step means,
+     * run it, or remember anything: your app owns the steps (`steps`, each with `done`), marks them done, and
+     * decides which form to show.
+     * **Built from:** `bs-card` (every surface), `bs-icon-tile` (the icons), `bs-button` (the actions),
+     * `bs-icon-button` (the close button), `bs-progress-linear` (the progress bar), `bs-progress` (the launcher
+     * ring).
+     * ## When to use
+     * - Guiding a new account or user through a short list of setup tasks they can do in any order or later.
+     * ## When not to use
+     * - A strict, linear flow where each step needs the one before -- use `bs-stepper`.
+     * - A tour of the interface itself -- use `bs-product-tour`.
+     * ## Accessibility
+     * Steps are an ordered list; the current one has `aria-current="step"`, and each step carries a visually
+     * hidden "Done" / "Not done". The progress bar is named with the progress text.
+     */
+    interface HTMLBsOnboardingChecklistElement extends Components.BsOnboardingChecklist, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsOnboardingChecklistElementEventMap>(type: K, listener: (this: HTMLBsOnboardingChecklistElement, ev: BsOnboardingChecklistCustomEvent<HTMLBsOnboardingChecklistElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsOnboardingChecklistElementEventMap>(type: K, listener: (this: HTMLBsOnboardingChecklistElement, ev: BsOnboardingChecklistCustomEvent<HTMLBsOnboardingChecklistElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsOnboardingChecklistElement: {
+        prototype: HTMLBsOnboardingChecklistElement;
+        new (): HTMLBsOnboardingChecklistElement;
+    };
     interface HTMLBsPaginationElementEventMap {
         "bsPageChange": number;
     }
@@ -3957,6 +5198,42 @@ declare global {
         prototype: HTMLBsPaginationElement;
         new (): HTMLBsPaginationElement;
     };
+    interface HTMLBsProductTourElementEventMap {
+        "bsPrimary": void;
+        "bsSecondary": void;
+        "bsClose": void;
+    }
+    /**
+     * 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`.
+     */
+    interface HTMLBsProductTourElement extends Components.BsProductTour, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsProductTourElementEventMap>(type: K, listener: (this: HTMLBsProductTourElement, ev: BsProductTourCustomEvent<HTMLBsProductTourElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsProductTourElementEventMap>(type: K, listener: (this: HTMLBsProductTourElement, ev: BsProductTourCustomEvent<HTMLBsProductTourElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsProductTourElement: {
+        prototype: HTMLBsProductTourElement;
+        new (): HTMLBsProductTourElement;
+    };
     /**
      * A circular progress indicator -- either a static ring showing a percentage sweep
      * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
@@ -3996,6 +5273,48 @@ declare global {
         prototype: HTMLBsProgressLinearElement;
         new (): HTMLBsProgressLinearElement;
     };
+    interface HTMLBsQrCodeElementEventMap {
+        "bsDownload": void;
+        "bsCopy": { url?: string };
+        "bsRetry": void;
+        "bsRefresh": void;
+        "bsClose": void;
+    }
+    /**
+     * 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`.
+     */
+    interface HTMLBsQrCodeElement extends Components.BsQrCode, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsQrCodeElementEventMap>(type: K, listener: (this: HTMLBsQrCodeElement, ev: BsQrCodeCustomEvent<HTMLBsQrCodeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsQrCodeElementEventMap>(type: K, listener: (this: HTMLBsQrCodeElement, ev: BsQrCodeCustomEvent<HTMLBsQrCodeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsQrCodeElement: {
+        prototype: HTMLBsQrCodeElement;
+        new (): HTMLBsQrCodeElement;
+    };
     interface HTMLBsRadioElementEventMap {
         "bsChange": string;
     }
@@ -4023,6 +5342,53 @@ declare global {
         prototype: HTMLBsRadioElement;
         new (): HTMLBsRadioElement;
     };
+    interface HTMLBsSessionTimeoutElementEventMap {
+        "bsPrimary": { password?: string } | void;
+        "bsSecondary": void;
+        "bsAlternative": { id: string };
+        "bsCancel": void;
+        "bsExpire": void;
+    }
+    /**
+     * 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.
+     */
+    interface HTMLBsSessionTimeoutElement extends Components.BsSessionTimeout, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsSessionTimeoutElementEventMap>(type: K, listener: (this: HTMLBsSessionTimeoutElement, ev: BsSessionTimeoutCustomEvent<HTMLBsSessionTimeoutElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsSessionTimeoutElementEventMap>(type: K, listener: (this: HTMLBsSessionTimeoutElement, ev: BsSessionTimeoutCustomEvent<HTMLBsSessionTimeoutElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsSessionTimeoutElement: {
+        prototype: HTMLBsSessionTimeoutElement;
+        new (): HTMLBsSessionTimeoutElement;
+    };
     interface HTMLBsSliderElementEventMap {
         "bsChange": number;
         "bsRangeChange": { start: number; end: number };
@@ -4282,6 +5648,42 @@ declare global {
         prototype: HTMLBsTabsElement;
         new (): HTMLBsTabsElement;
     };
+    interface HTMLBsTimepickerElementEventMap {
+        "bsChange": BsTimepickerChange;
+        "bsCancel": void;
+    }
+    /**
+     * 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.
+     */
+    interface HTMLBsTimepickerElement extends Components.BsTimepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsTimepickerElementEventMap>(type: K, listener: (this: HTMLBsTimepickerElement, ev: BsTimepickerCustomEvent<HTMLBsTimepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsTimepickerElementEventMap>(type: K, listener: (this: HTMLBsTimepickerElement, ev: BsTimepickerCustomEvent<HTMLBsTimepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsTimepickerElement: {
+        prototype: HTMLBsTimepickerElement;
+        new (): HTMLBsTimepickerElement;
+    };
     interface HTMLBsToastElementEventMap {
         "bsDismiss": void;
     }
@@ -4340,6 +5742,75 @@ declare global {
         prototype: HTMLBsTooltipElement;
         new (): HTMLBsTooltipElement;
     };
+    interface HTMLBsWhatsNewElementEventMap {
+        "bsMarkAllRead": void;
+        "bsEntryAction": { id: string };
+        "bsFilterChange": { value: string };
+        "bsClose": void;
+        "bsPrimary": void;
+        "bsSecondary": void;
+        "bsOpen": void;
+    }
+    /**
+     * A product's "What's new" surface, in three forms matching the Figma component:
+     * - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
+     *   `bs-whats-new-entry`) and a link to the full release notes.
+     * - `announcement` -- one big update, with a hero image, a tag, a heading, a few bullet points, "1 of 3"
+     *   and Remind me later / Next.
+     * - `teaser` -- a small card pointing at the feed: tag, date, heading, a line of text and "Open What's new".
+     * The component only shows what you give it and reports what the user pressed. It doesn't fetch updates,
+     * track which the user has seen, or decide when to appear: your app owns `entries` (with their `unread`
+     * flags) and reacts to the events.
+     * **Built from:** `bs-card` (the surface), `bs-whats-new-entry` (each update), `bs-tabs` (the filters),
+     * `bs-chip-informative` (the tags), `bs-button`, `bs-icon-button`.
+     * ## When to use
+     * - Telling users about changes to the product, in a place they can come back to.
+     * ## When not to use
+     * - Messages about the user's own data or an action they just took -- use `bs-snackbar`, `bs-toast`.
+     * - A guided walk through the interface -- use `bs-product-tour`.
+     */
+    interface HTMLBsWhatsNewElement extends Components.BsWhatsNew, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsWhatsNewElementEventMap>(type: K, listener: (this: HTMLBsWhatsNewElement, ev: BsWhatsNewCustomEvent<HTMLBsWhatsNewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsWhatsNewElementEventMap>(type: K, listener: (this: HTMLBsWhatsNewElement, ev: BsWhatsNewCustomEvent<HTMLBsWhatsNewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsWhatsNewElement: {
+        prototype: HTMLBsWhatsNewElement;
+        new (): HTMLBsWhatsNewElement;
+    };
+    interface HTMLBsWhatsNewEntryElementEventMap {
+        "bsAction": void;
+    }
+    /**
+     * One update in a "What's new" list: a tag ("New feature", "Improvement", "Fix"), a date, an unread dot,
+     * an optional image, a title, a short description and an optional action link ("Try it"). Matches the Figma
+     * "What's new / Entry" component. It is a plain block of content -- no card -- so it can sit in a feed
+     * (`bs-whats-new`), a list, or a page of release notes.
+     * **Built from:** `bs-chip-informative` (the tag) and `bs-button` (the action).
+     * ## When to use
+     * - Announcing a change to the product, with enough detail to know whether it matters.
+     * ## When not to use
+     * - A message about the user's own data or an action they just took -- use `bs-snackbar` or `bs-toast`.
+     */
+    interface HTMLBsWhatsNewEntryElement extends Components.BsWhatsNewEntry, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsWhatsNewEntryElementEventMap>(type: K, listener: (this: HTMLBsWhatsNewEntryElement, ev: BsWhatsNewEntryCustomEvent<HTMLBsWhatsNewEntryElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsWhatsNewEntryElementEventMap>(type: K, listener: (this: HTMLBsWhatsNewEntryElement, ev: BsWhatsNewEntryCustomEvent<HTMLBsWhatsNewEntryElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsWhatsNewEntryElement: {
+        prototype: HTMLBsWhatsNewEntryElement;
+        new (): HTMLBsWhatsNewEntryElement;
+    };
     interface HTMLElementTagNameMap {
         "bs-accordion": HTMLBsAccordionElement;
         "bs-ai-disclaimer": HTMLBsAiDisclaimerElement;
@@ -4368,11 +5839,15 @@ declare global {
         "bs-chip-input": HTMLBsChipInputElement;
         "bs-composer": HTMLBsComposerElement;
         "bs-composer-status-banner": HTMLBsComposerStatusBannerElement;
+        "bs-cookie-consent": HTMLBsCookieConsentElement;
         "bs-data-table": HTMLBsDataTableElement;
+        "bs-datepicker": HTMLBsDatepickerElement;
         "bs-dialog": HTMLBsDialogElement;
+        "bs-error-page": HTMLBsErrorPageElement;
         "bs-file-upload": HTMLBsFileUploadElement;
         "bs-file-upload-item": HTMLBsFileUploadItemElement;
         "bs-icon-button": HTMLBsIconButtonElement;
+        "bs-icon-tile": HTMLBsIconTileElement;
         "bs-inline-tab": HTMLBsInlineTabElement;
         "bs-input": HTMLBsInputElement;
         "bs-logo": HTMLBsLogoElement;
@@ -4381,10 +5856,14 @@ declare global {
         "bs-navigation-drawer": HTMLBsNavigationDrawerElement;
         "bs-navigation-drawer-item": HTMLBsNavigationDrawerItemElement;
         "bs-navigation-header": HTMLBsNavigationHeaderElement;
+        "bs-onboarding-checklist": HTMLBsOnboardingChecklistElement;
         "bs-pagination": HTMLBsPaginationElement;
+        "bs-product-tour": HTMLBsProductTourElement;
         "bs-progress": HTMLBsProgressElement;
         "bs-progress-linear": HTMLBsProgressLinearElement;
+        "bs-qr-code": HTMLBsQrCodeElement;
         "bs-radio": HTMLBsRadioElement;
+        "bs-session-timeout": HTMLBsSessionTimeoutElement;
         "bs-slider": HTMLBsSliderElement;
         "bs-snackbar": HTMLBsSnackbarElement;
         "bs-source-link": HTMLBsSourceLinkElement;
@@ -4393,8 +5872,11 @@ declare global {
         "bs-switch": HTMLBsSwitchElement;
         "bs-tab": HTMLBsTabElement;
         "bs-tabs": HTMLBsTabsElement;
+        "bs-timepicker": HTMLBsTimepickerElement;
         "bs-toast": HTMLBsToastElement;
         "bs-tooltip": HTMLBsTooltipElement;
+        "bs-whats-new": HTMLBsWhatsNewElement;
+        "bs-whats-new-entry": HTMLBsWhatsNewEntryElement;
     }
 }
 declare namespace LocalJSX {
@@ -4806,6 +6288,9 @@ declare namespace LocalJSX {
      * - `error` purely for visual emphasis — it signals a destructive action to the user, so reserve
      *   it for actions that actually delete/revoke/undo something.
      * @prop --bs-button-radius - Corner radius. Aliased to `--bs-border-radius-100` by default.
+     * @prop --bs-button-padding-x-sm - Left/right padding of a label-only button at `size="sm"`. Aliased to `--bs-spacing-300`.
+     * @prop --bs-button-width - Width of the button. `auto` by default (fits its content); set `100%` for a full-width button, e.g. `bs-button { --bs-button-width: 100%; }`.
+     * @prop --bs-button-subtle-color - Label/icon colour, `variant="subtle"`. Aliased to `--bs-color-neutral-default`; set it to `var(--bs-text-action)` for a blue text button.
      * @prop --bs-button-height-sm - Height at `size="sm"`. Aliased to `--bs-spacing-500`.
      * @prop --bs-button-height-md - Height at `size="md"`. Aliased to `--bs-spacing-600`.
      * @prop --bs-button-height-lg - Height at `size="lg"`. Aliased to `--bs-spacing-700`.
@@ -5648,6 +7133,131 @@ declare namespace LocalJSX {
          */
         "type"?: BsComposerStatusBannerType;
     }
+    /**
+     * A cookie consent prompt in four forms, matching the Figma "Cookie consent" component:
+     * - `banner` -- a wide bar: icon, heading, text, policy link, and Customise / Reject optional / Accept
+     *   all. Stacks into a column on narrow containers (its own width, not the viewport's).
+     * - `card` -- the compact version of the same question, in a card.
+     * - `preferences` -- the detailed dialog: one row per cookie category with a switch (strictly
+     *   necessary is "Always on"), an expandable list of the cookies in each, and Reject optional /
+     *   Accept all / Save choices.
+     * - `saved` -- a dark confirmation bar ("Cookie choices saved") with a Change action.
+     * The component only collects the choice. It doesn't set, read or delete cookies, remember that the
+     * user answered, or decide when to show itself: your app does that from the events, and swaps `type`
+     * (e.g. `banner` -> `preferences` on `bsCustomise`, `preferences` -> `saved` on `bsSave`).
+     * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions),
+     * `bs-switch` (the category switches), `bs-chip-informative` (the "Always on" badge), `bs-icon-button`
+     * (the close button), `bs-snackbar` (the saved confirmation).
+     * ## When to use
+     * - Asking for consent to optional cookies or similar tracking, as the law of your market requires.
+     * ## When not to use
+     * - Telling people about necessary cookies only -- that needs no consent prompt.
+     * ## Fair choice
+     * "Reject optional" has the same prominence as "Accept all" (same size, both always visible). Keep it
+     * that way: a prompt that makes refusing harder than accepting isn't valid consent in most places.
+     */
+    interface BsCookieConsent {
+        /**
+          * Label of the Accept all button.
+          * @default 'Accept all'
+         */
+        "acceptLabel"?: string;
+        /**
+          * Text of the badge on required categories (`preferences`).
+          * @default 'Always on'
+         */
+        "alwaysOnLabel"?: string;
+        /**
+          * The categories in the preferences dialog (`preferences`): `[{ id, label, description?, required?, enabled?, cookies? }]`. Defaults to Strictly necessary, Preferences, Analytics and Marketing. Must be set as a JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule.
+          * @default [     {       id: 'necessary',       label: 'Strictly necessary',       description: 'Needed for sign-in, security and to keep the service running. These cannot be turned off.',       required: true,       cookies: [         'Session cookie — keeps you signed in as you move between pages.',         'Security cookie — helps prevent fraud and unauthorized access.',         'Consent cookie — remembers your cookie consent choices.',       ],     },     { id: 'preferences', label: 'Preferences', description: 'Remember your language, theme and table layouts on this device.', enabled: true },     { id: 'analytics', label: 'Analytics', description: 'Help us understand which features are used so we can improve them. Data is anonymised.' },     { id: 'marketing', label: 'Marketing', description: 'Show relevant products on other websites.' },   ]
+         */
+        "categories"?: BsCookieCategory[];
+        /**
+          * Label of the action on the confirmation (`saved`).
+          * @default 'Change'
+         */
+        "changeLabel"?: string;
+        /**
+          * Accessible name of the close button (`preferences`).
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * Label of the Customise button.
+          * @default 'Customise'
+         */
+        "customiseLabel"?: string;
+        /**
+          * Paragraph under the heading (the message, for `saved`). Defaults per `type`.
+         */
+        "description"?: string;
+        /**
+          * Heading. Defaults per `type`.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel"?: number;
+        /**
+          * Fires when Accept all is pressed. `{ choices }` has every category on.
+         */
+        "onBsAccept"?: (event: BsCookieConsentCustomEvent<{ choices: BsCookieChoices }>) => void;
+        /**
+          * Fires when a category switch is toggled (`preferences`).
+         */
+        "onBsChoice"?: (event: BsCookieConsentCustomEvent<{ id: string; enabled: boolean }>) => void;
+        /**
+          * Fires when the close button is pressed (`preferences`).
+         */
+        "onBsClose"?: (event: BsCookieConsentCustomEvent<void>) => void;
+        /**
+          * Fires when Customise is pressed -- show the `preferences` form.
+         */
+        "onBsCustomise"?: (event: BsCookieConsentCustomEvent<void>) => void;
+        /**
+          * Fires when the action on the confirmation is pressed (`saved`) -- reopen the preferences.
+         */
+        "onBsManage"?: (event: BsCookieConsentCustomEvent<void>) => void;
+        /**
+          * Fires when Reject optional is pressed. `{ choices }` has only the required categories on.
+         */
+        "onBsReject"?: (event: BsCookieConsentCustomEvent<{ choices: BsCookieChoices }>) => void;
+        /**
+          * Fires when Save choices is pressed (`preferences`), with the current switches.
+         */
+        "onBsSave"?: (event: BsCookieConsentCustomEvent<{ choices: BsCookieChoices }>) => void;
+        /**
+          * Text of the policy link.
+          * @default 'Read the cookie policy'
+         */
+        "policyLabel"?: string;
+        /**
+          * URL of your cookie policy. The "Read the cookie policy" link is only shown when this is set.
+         */
+        "policyUrl"?: string;
+        /**
+          * Label of the Reject optional button.
+          * @default 'Reject optional'
+         */
+        "rejectLabel"?: string;
+        /**
+          * Label of the Save choices button (`preferences`).
+          * @default 'Save choices'
+         */
+        "saveLabel"?: string;
+        /**
+          * Label of a category's disclosure; `{count}` is replaced by the number of cookies.
+          * @default 'See {count} cookies'
+         */
+        "seeCookiesLabel"?: string;
+        /**
+          * Which form: `banner`, `card`, `preferences` or `saved`.
+          * @default 'banner'
+         */
+        "type"?: BsCookieConsentType;
+    }
     /**
      * A sortable, optionally row-selectable table for tabular data.
      * `columns`, `rows`, and `cellRenderer` are JS-property-only — HTML attributes can only carry
@@ -5686,6 +7296,112 @@ declare namespace LocalJSX {
          */
         "sortDirection"?: 'asc' | 'desc';
     }
+    /**
+     * An inline calendar for picking a single date, or a start/end date range. Matches the Figma
+     * "Date picker" component's two types: "Default" (month and year dropdowns above the grid) and
+     * "Range" (start and end date fields above the grid, with the days between highlighted).
+     * Dates are always `YYYY-MM-DD` strings, interpreted in the user's local time zone -- never full
+     * ISO timestamps -- so a date can't shift by a day across time zones.
+     * The calendar renders inline at a fixed width; to show it as a popover, put it inside a
+     * `bs-menu` or your own overlay.
+     * **Built from:** `bs-card` (the surface), `bs-input` (the month/year dropdown triggers and the range date fields), `bs-menu` and `bs-menu-item` (the month/year lists).
+     * ## When to use
+     * - Picking a date where seeing the surrounding days of the week/month helps (a booking, a
+     *   deadline, a report window).
+     * - Picking a period (`range`) such as a start and end date.
+     * ## When not to use
+     * - A date the user knows by heart and can type quickly (a birth date) -- `bs-input type="date"`
+     *   is faster there.
+     * ## Keyboard
+     * Arrow keys move by day/week, Home/End jump to the start/end of the week, PageUp/PageDown move by
+     * month (with Shift, by year), Enter/Space select the focused day.
+     */
+    interface BsDatepicker {
+        /**
+          * If `true`, the user cannot interact with the element.
+         */
+        "disabled"?: boolean;
+        /**
+          * The range end (`YYYY-MM-DD`) in `range` mode.
+          * @default ''
+         */
+        "end"?: string;
+        /**
+          * Label above the end field in `range` mode.
+          * @default 'End date'
+         */
+        "endLabel"?: string;
+        /**
+          * First column of the grid: `0` for Sunday (the Figma spec), `1` for Monday, ... `6`.
+          * @default 0
+         */
+        "firstDayOfWeek"?: number;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * BCP 47 locale used for month names, weekday names and the title.
+          * @default 'en-GB'
+         */
+        "locale"?: string;
+        /**
+          * Latest selectable date (`YYYY-MM-DD`). Later days render disabled.
+         */
+        "max"?: string;
+        /**
+          * Earliest selectable date (`YYYY-MM-DD`). Earlier days render disabled.
+         */
+        "min"?: string;
+        /**
+          * Accessible name for the month dropdown (single mode).
+          * @default 'Month'
+         */
+        "monthLabel"?: string;
+        /**
+          * The `name` the value is submitted under in a surrounding `<form>`. In `range` mode the dates are submitted as `<name>-start` and `<name>-end`.
+         */
+        "name"?: string;
+        /**
+          * Accessible name for the next-month button.
+          * @default 'Next month'
+         */
+        "nextLabel"?: string;
+        /**
+          * Fires when the user changes the selection. Single mode: `{ value }`. Range mode: `{ start, end }` -- fired once for the first click (with an empty `end`) and again when the range is completed. Not fired when the props are set programmatically.
+         */
+        "onBsChange"?: (event: BsDatepickerCustomEvent<BsDatepickerChange>) => void;
+        /**
+          * Accessible name for the previous-month button.
+          * @default 'Previous month'
+         */
+        "previousLabel"?: string;
+        /**
+          * Select a start/end range instead of a single date.
+          * @default false
+         */
+        "range"?: boolean;
+        /**
+          * The range start (`YYYY-MM-DD`) in `range` mode.
+          * @default ''
+         */
+        "start"?: string;
+        /**
+          * Label above the start field in `range` mode.
+          * @default 'Start date'
+         */
+        "startLabel"?: string;
+        /**
+          * The selected date (`YYYY-MM-DD`) in single mode. Mutable so a click updates it directly; `bsChange` still fires for the consumer to react. Ignored when `range` is set.
+          * @default ''
+         */
+        "value"?: string;
+        /**
+          * Accessible name for the year dropdown (single mode).
+          * @default 'Year'
+         */
+        "yearLabel"?: string;
+    }
     /**
      * An overlay dialog that interrupts the current flow for a focused task or confirmation.
      * Closes itself on backdrop click, Escape, or its own close button, and emits `bsClose`.
@@ -5715,11 +7431,69 @@ declare namespace LocalJSX {
           * Mutable + reflected so the component can close itself (backdrop click, Escape, close button) the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to.
           * @default false
          */
-        "open"?: boolean;
+        "open"?: boolean;
+        /**
+          * @default 'md'
+         */
+        "size"?: BsDialogSize;
+    }
+    /**
+     * A full-block page for when the user can't get to what they asked for: page not found (404), a server
+     * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
+     * "Error page" component's five states.
+     * Each `type` brings its own icon, tint, code label ("404", "Maintenance", ...), heading, paragraph and
+     * buttons, all overridable by props. The component doesn't navigate or retry anything: it emits
+     * `bsPrimary` / `bsSecondary` and your app decides what "Go to Overview" or "Try again" does.
+     * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions).
+     * ## When to use
+     * - Replacing the content of a page or panel that can't be shown, with a clear way forward.
+     * ## When not to use
+     * - A problem with one field or one action -- use inline validation or a `bs-snackbar`.
+     * - A blocking question the user must answer -- use `bs-dialog`.
+     */
+    interface BsErrorPage {
+        /**
+          * The small label under the icon, e.g. "404". Defaults per `type` ("404", "500", "403", "Maintenance", "Offline"). Set it to an empty string to hide it.
+         */
+        "code"?: string;
+        /**
+          * Paragraph under the heading. Defaults per `type`.
+         */
+        "description"?: string;
+        /**
+          * Heading. Defaults per `type`.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level for the heading, 1-6. Use 1 when this replaces the whole page; lower when it sits inside a section that already has a heading above it.
+          * @default 1
+         */
+        "headingLevel"?: number;
+        /**
+          * Fires when the primary button is pressed.
+         */
+        "onBsPrimary"?: (event: BsErrorPageCustomEvent<void>) => void;
+        /**
+          * Fires when the secondary button is pressed.
+         */
+        "onBsSecondary"?: (event: BsErrorPageCustomEvent<void>) => void;
+        /**
+          * Label of the primary button. Defaults per `type`. Set it to an empty string to hide it.
+         */
+        "primaryLabel"?: string;
+        /**
+          * A small reference line under the buttons, e.g. `"Error ID: 7f3c-21a9 · 30.09.2026 10:42"`, for support to look up. Nothing is shown when empty.
+         */
+        "reference"?: string;
+        /**
+          * Label of the secondary button. Defaults per `type` (only `not-found`, `server-error` and `no-access` have one). Set it to an empty string to hide it.
+         */
+        "secondaryLabel"?: string;
         /**
-          * @default 'md'
+          * Which error: `not-found` (404), `server-error` (500), `no-access` (403), `maintenance` or `offline`.
+          * @default 'not-found'
          */
-        "size"?: BsDialogSize;
+        "type"?: BsErrorPageType;
     }
     /**
      * A file dropzone: drag files onto it, or press "Browse file" to open the file picker. It reports
@@ -5895,6 +7669,36 @@ declare namespace LocalJSX {
          */
         "variant"?: BsIconButtonVariant;
     }
+    /**
+     * A small rounded square holding an icon, tinted by intent -- the visual marker next to a status,
+     * a list item or a feature. Matches the Figma "Icon tile" component (3 sizes x 6 intents).
+     * Each intent shows a default glyph (house, check, warning, cross, grid, info); put your own icon in
+     * the default slot to replace it. A slotted icon is sized to the tile (12/16/24px) and coloured
+     * with the intent's icon colour, as long as it draws with `currentColor`.
+     * The tile is decorative by default (hidden from assistive tech). Don't rely on the colour or glyph
+     * alone to convey status: slot text into `text` (it sits beside the square, in
+     * `--bs-icon-tile-text-color`), or set `label` to give the tile its own accessible name.
+     * ## When to use
+     * - Marking a row, card or message with a status or category icon.
+     * ## When not to use
+     * - As a button -- it isn't interactive. Use `bs-icon-button`.
+     */
+    interface BsIconTile {
+        /**
+          * Colour and default glyph. `brand` uses the brand colours; `information` the info palette.
+          * @default 'default'
+         */
+        "intent"?: BsIconTileIntent;
+        /**
+          * Accessible name. When set, the tile is exposed as an image with this name; when empty it is decorative and hidden from assistive tech.
+         */
+        "label"?: string;
+        /**
+          * Tile size: `sm` 24px, `md` 32px, `lg` 48px.
+          * @default 'sm'
+         */
+        "size"?: BsIconTileSize;
+    }
     /**
      * A pill-shaped tab button -- an optional leading icon plus a text label, rendered as a real
      * `<button>` so it participates correctly in tab order and native click/keyboard activation.
@@ -6380,6 +8184,143 @@ declare namespace LocalJSX {
          */
         "skipToContentLabel"?: string;
     }
+    /**
+     * A "get set up" checklist, in four forms that matching the Figma "Onboarding checklist" component:
+     * - `panel` -- the full list: heading, progress, every step with a status icon, and the current step
+     *   expanded with its description, time estimate, Skip for now and a primary action.
+     * - `dashboard` -- a wide card for the top of a page: summary and progress on the left, the current step
+     *   and the next ones as small cards on the right, and a "See all steps" link.
+     * - `launcher` -- a small always-visible chip that reopens the checklist; three layouts (`icon`, `ring`,
+     *   `inline`).
+     * - `completion` -- the "You're all set" card once every step is done.
+     * The component shows progress and reports what the user pressed. It doesn't know what a step means,
+     * run it, or remember anything: your app owns the steps (`steps`, each with `done`), marks them done, and
+     * decides which form to show.
+     * **Built from:** `bs-card` (every surface), `bs-icon-tile` (the icons), `bs-button` (the actions),
+     * `bs-icon-button` (the close button), `bs-progress-linear` (the progress bar), `bs-progress` (the launcher
+     * ring).
+     * ## When to use
+     * - Guiding a new account or user through a short list of setup tasks they can do in any order or later.
+     * ## When not to use
+     * - A strict, linear flow where each step needs the one before -- use `bs-stepper`.
+     * - A tour of the interface itself -- use `bs-product-tour`.
+     * ## Accessibility
+     * Steps are an ordered list; the current one has `aria-current="step"`, and each step carries a visually
+     * hidden "Done" / "Not done". The progress bar is named with the progress text.
+     */
+    interface BsOnboardingChecklist {
+        /**
+          * Caption on the cards of steps that come after the current one (`dashboard`).
+          * @default 'After the step before'
+         */
+        "afterLabel"?: string;
+        /**
+          * Shows a close button (`panel`, `dashboard`).
+          * @default false
+         */
+        "closable"?: boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * Paragraph under the heading. Defaults to a summary of the progress for `dashboard`. Nothing for `launcher`.
+         */
+        "description"?: string;
+        /**
+          * Label of the main button (`completion`).
+          * @default 'Go to dashboard'
+         */
+        "doneLabel"?: string;
+        /**
+          * Heading. Defaults per `type` ("Get started", "Finish setting up", "Setup", "You're all set").
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel"?: number;
+        /**
+          * Label of the secondary button (`completion`).
+          * @default 'Hide checklist'
+         */
+        "hideLabel"?: string;
+        /**
+          * Layout of the `launcher`: `icon` (tile, title, progress text), `ring` (circular progress, title, text) or `inline` (tile, title and text on one line, with a chevron).
+          * @default 'icon'
+         */
+        "launcherLayout"?: BsOnboardingLauncherLayout;
+        /**
+          * Fires when the close button is pressed.
+         */
+        "onBsClose"?: (event: BsOnboardingChecklistCustomEvent<void>) => void;
+        /**
+          * Fires when the main button is pressed (`completion`).
+         */
+        "onBsDone"?: (event: BsOnboardingChecklistCustomEvent<void>) => void;
+        /**
+          * Fires when Hide checklist is pressed (`completion`).
+         */
+        "onBsHide"?: (event: BsOnboardingChecklistCustomEvent<void>) => void;
+        /**
+          * Fires when the user asks to open the full checklist: "See all steps" (`dashboard`) or the launcher.
+         */
+        "onBsOpen"?: (event: BsOnboardingChecklistCustomEvent<void>) => void;
+        /**
+          * Fires when a step's primary action is pressed (`panel` button, `dashboard` Start): `{ id }`.
+         */
+        "onBsStepAction"?: (event: BsOnboardingChecklistCustomEvent<{ id: string }>) => void;
+        /**
+          * Fires when "Skip for now" is pressed on the current step (`panel`): `{ id }`.
+         */
+        "onBsStepSkip"?: (event: BsOnboardingChecklistCustomEvent<{ id: string }>) => void;
+        /**
+          * Template of the progress label; `{done}` and `{total}` are replaced.
+          * @default '{done} of {total} done'
+         */
+        "progressLabel"?: string;
+        /**
+          * Text under the launcher title. Defaults to "N% complete".
+         */
+        "progressText"?: string;
+        /**
+          * Label of the link that opens the whole checklist (`dashboard`).
+          * @default 'See all steps'
+         */
+        "seeAllLabel"?: string;
+        /**
+          * Label of "Skip for now" on the current step (`panel`).
+          * @default 'Skip for now'
+         */
+        "skipLabel"?: string;
+        /**
+          * Label of the Start link on the current step's card (`dashboard`).
+          * @default 'Start'
+         */
+        "startLabel"?: string;
+        /**
+          * Visually hidden text on a finished step.
+          * @default 'Done'
+         */
+        "statusDoneLabel"?: string;
+        /**
+          * Visually hidden text on an unfinished step.
+          * @default 'Not done'
+         */
+        "statusTodoLabel"?: string;
+        /**
+          * The steps: `[{ id, label, description?, done?, estimate?, actionLabel?, skippable? }]`. The first step that isn't `done` is the current one. Must be set as a JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule.
+          * @default []
+         */
+        "steps"?: BsOnboardingStep[];
+        /**
+          * Which form: `panel`, `dashboard`, `launcher` or `completion`.
+          * @default 'panel'
+         */
+        "type"?: BsOnboardingChecklistType;
+    }
     /**
      * A numbered page control -- previous/next chevrons, page-number buttons, and `...` overflow for
      * large page counts. Matches the Figma "Pagination" component's "Default" type (the classic
@@ -6426,6 +8367,88 @@ declare namespace LocalJSX {
          */
         "totalPages"?: number;
     }
+    /**
+     * 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`.
+     */
+    interface BsProductTour {
+        /**
+          * Shows a close button in the corner (`pointer`).
+          * @default false
+         */
+        "closable"?: boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * Paragraph under the heading.
+         */
+        "description"?: string;
+        /**
+          * 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.
+          * @default 'top'
+         */
+        "direction"?: BsProductTourDirection;
+        /**
+          * Heading.
+         */
+        "heading"?: string;
+        /**
+          * Fires when the close button is pressed.
+         */
+        "onBsClose"?: (event: BsProductTourCustomEvent<void>) => void;
+        /**
+          * Fires when the primary button is pressed.
+         */
+        "onBsPrimary"?: (event: BsProductTourCustomEvent<void>) => void;
+        /**
+          * Fires when the secondary button is pressed.
+         */
+        "onBsSecondary"?: (event: BsProductTourCustomEvent<void>) => void;
+        /**
+          * 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;
+        /**
+          * Template of the progress label; `{step}` and `{total}` are replaced.
+          * @default '{step} of {total}'
+         */
+        "progressLabel"?: 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;
+        /**
+          * Current step, 1-based (`pointer`). Used with `total` for the progress label.
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * Number of steps (`pointer`). The progress label is hidden when this is 0.
+          * @default 0
+         */
+        "total"?: number;
+        /**
+          * `welcome` and `success` are centred cards with an art tile; `pointer` is the compact step with an arrow.
+          * @default 'welcome'
+         */
+        "type"?: BsProductTourType;
+    }
     /**
      * A circular progress indicator -- either a static ring showing a percentage sweep
      * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
@@ -6512,6 +8535,163 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    /**
+     * 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`.
+     */
+    interface BsQrCode {
+        /**
+          * The amount shown under the code (`type="payment"`), e.g. `"148,00 kr"`.
+         */
+        "amount"?: string;
+        /**
+          * Small label above the amount.
+          * @default 'Total'
+         */
+        "amountLabel"?: string;
+        /**
+          * Shows a close button in the corner.
+          * @default false
+         */
+        "closable"?: boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * Accessible name for the code image, e.g. `"QR code for order SO-10482"`. Applies to `matrix`; give a slotted `<img>` its own `alt`.
+          * @default 'QR code'
+         */
+        "codeLabel"?: string;
+        /**
+          * Label of the Copy link button.
+          * @default 'Copy link'
+         */
+        "copyLabel"?: string;
+        /**
+          * Line under the heading.
+         */
+        "description"?: string;
+        /**
+          * Label of the Download button.
+          * @default 'Download PNG'
+         */
+        "downloadLabel"?: string;
+        /**
+          * Text in the `error` overlay.
+          * @default "Couldn't load code"
+         */
+        "errorLabel"?: string;
+        /**
+          * Text in the `expired` overlay.
+          * @default 'Code expired'
+         */
+        "expiredLabel"?: string;
+        /**
+          * Text of the expiry chip, e.g. `"Expires in 04:59"`. No chip when empty.
+         */
+        "expiry"?: string;
+        /**
+          * Heading text.
+          * @default 'Share the order'
+         */
+        "heading"?: string;
+        /**
+          * Hides the Download and Copy link row.
+          * @default false
+         */
+        "hideActions"?: boolean;
+        /**
+          * Hides the Copy link button.
+          * @default false
+         */
+        "hideCopy"?: boolean;
+        /**
+          * Hides the Download button.
+          * @default false
+         */
+        "hideDownload"?: boolean;
+        /**
+          * Text in the `loading` overlay.
+          * @default 'Generating code'
+         */
+        "loadingLabel"?: 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[][];
+        /**
+          * Fires when the close button is pressed.
+         */
+        "onBsClose"?: (event: BsQrCodeCustomEvent<void>) => void;
+        /**
+          * Fires when Copy link is pressed, after the component tries to put `url` on the clipboard. `{ url }` is the `url` prop.
+         */
+        "onBsCopy"?: (event: BsQrCodeCustomEvent<{ url?: string }>) => void;
+        /**
+          * Fires when Download is pressed. The component doesn't render a file; produce it from the code you generated.
+         */
+        "onBsDownload"?: (event: BsQrCodeCustomEvent<void>) => void;
+        /**
+          * Fires when Refresh is pressed (`expired` state). Set `state` back to `loading` yourself.
+         */
+        "onBsRefresh"?: (event: BsQrCodeCustomEvent<void>) => void;
+        /**
+          * Fires when Retry is pressed (`error` state). Set `state` back to `loading` yourself.
+         */
+        "onBsRetry"?: (event: BsQrCodeCustomEvent<void>) => void;
+        /**
+          * Label of the Refresh button (`expired`).
+          * @default 'Refresh'
+         */
+        "refreshLabel"?: string;
+        /**
+          * Label of the Retry button (`error`).
+          * @default 'Retry'
+         */
+        "retryLabel"?: string;
+        /**
+          * Text in the `scanned` overlay. Defaults to "Payment received" for `type="payment"` and "Scanned" otherwise.
+         */
+        "scannedLabel"?: string;
+        /**
+          * Card size: `sm`, `md` (default) or `lg`.
+          * @default 'md'
+         */
+        "size"?: BsQrCodeSize;
+        /**
+          * `default`, or one of the overlay states: `loading`, `error`, `expired`, `scanned`.
+          * @default 'default'
+         */
+        "state"?: BsQrCodeState;
+        /**
+          * `default` shows the URL under the code; `payment` shows the amount instead.
+          * @default 'default'
+         */
+        "type"?: BsQrCodeType;
+        /**
+          * The link shown as text under the code (`type="default"`), and copied by Copy link.
+         */
+        "url"?: string;
+    }
     /**
      * A single radio button with its label, for one mutually-exclusive choice within a group.
      * ## When to use
@@ -6534,21 +8714,165 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * The `id` of a `<form>` element to associate this element with.
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * The native radio input's `name` attribute. Passed straight through to the native input inside. Also the group key: `bs-radio` elements sharing a `name` within the same root (document or shadow root) behave as one radio group -- checking one unchecks the others, arrow keys move between them, and only one is in the tab order. Native grouping can't cross each radio's own shadow root, so this component implements it itself.
+         */
+        "name"?: string;
+        /**
+          * Emitted with this radio's own `value` when it becomes checked via user interaction. Since native same-`name` grouping doesn't cross shadow-root boundaries (see the `name` prop's doc), a consumer wiring up a group of `bs-radio`s does not need to un-check the others itself.
+         */
+        "onBsChange"?: (event: BsRadioCustomEvent<string>) => void;
+        /**
+          * The native radio input's `value` attribute -- read from `event.target.value`, or used when wiring the group up to a form.
+         */
+        "value"?: string;
+    }
+    /**
+     * 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.
+     */
+    interface BsSessionTimeout {
+        /**
+          * 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;
+        /**
+          * Name of the account that was signed in (`signed-out`).
+         */
+        "accountName"?: 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.
+          * @default [     { id: 'passkey', label: 'Use passkey', icon: 'fingerprint' },     { id: 'bankid', label: 'Use BankID', icon: 'key' },   ]
+         */
+        "alternatives"?: BsSessionTimeoutAlternative[];
+        /**
+          * Label of the Cancel button (`confirm-identity`). Set to an empty string to hide it.
+          * @default 'Cancel'
+         */
+        "cancelLabel"?: string;
+        /**
+          * Count `secondsLeft` down once a second (`warning`), firing `bsExpire` at zero.
+          * @default false
+         */
+        "countdown"?: boolean;
+        /**
+          * Paragraph under the heading. Defaults per `type`.
+         */
+        "description"?: string;
+        /**
+          * Label of the divider between the password and the alternatives.
+          * @default 'or'
+         */
+        "dividerLabel"?: string;
+        /**
+          * Heading. Defaults per `type`.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel"?: number;
+        /**
+          * Hides the icon tile.
+          * @default false
+         */
+        "hideIcon"?: boolean;
+        /**
+          * Fires when an alternative method is pressed (`confirm-identity`): `{ id }`.
+         */
+        "onBsAlternative"?: (event: BsSessionTimeoutCustomEvent<{ id: string }>) => void;
+        /**
+          * Fires when Cancel is pressed (`confirm-identity`).
+         */
+        "onBsCancel"?: (event: BsSessionTimeoutCustomEvent<void>) => void;
+        /**
+          * Fires once when `countdown` reaches zero.
+         */
+        "onBsExpire"?: (event: BsSessionTimeoutCustomEvent<void>) => void;
+        /**
+          * Fires when the primary button is pressed. For `confirm-identity` the detail is `{ password }`; otherwise it is empty.
+         */
+        "onBsPrimary"?: (event: BsSessionTimeoutCustomEvent<{ password?: string } | void>) => void;
+        /**
+          * Fires when the secondary button is pressed.
+         */
+        "onBsSecondary"?: (event: BsSessionTimeoutCustomEvent<void>) => void;
+        /**
+          * Error shown under the password field, e.g. after a wrong password.
+         */
+        "passwordError"?: string;
+        /**
+          * Label of the password field.
+          * @default 'Password'
+         */
+        "passwordLabel"?: string;
+        /**
+          * Label of the primary button. Defaults per `type` ("Stay signed in", "Sign in again", "Confirm").
+         */
+        "primaryLabel"?: string;
+        /**
+          * Note under the countdown, e.g. "Your draft of INV-2041 is saved automatically." Hidden when empty.
+         */
+        "savedMessage"?: 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.
+          * @default 0
+         */
+        "secondsLeft"?: number;
+        /**
+          * Text next to the time under a minute.
+          * @default 'seconds left'
          */
-        "form"?: string;
+        "secondsLeftLabel"?: string;
         /**
-          * The native radio input's `name` attribute. Passed straight through to the native input inside. Also the group key: `bs-radio` elements sharing a `name` within the same root (document or shadow root) behave as one radio group -- checking one unchecks the others, arrow keys move between them, and only one is in the tab order. Native grouping can't cross each radio's own shadow root, so this component implements it itself.
+          * Text next to the time while a minute or more is left.
+          * @default 'minutes left'
          */
-        "name"?: string;
+        "timeLeftLabel"?: string;
         /**
-          * Emitted with this radio's own `value` when it becomes checked via user interaction. Since native same-`name` grouping doesn't cross shadow-root boundaries (see the `name` prop's doc), a consumer wiring up a group of `bs-radio`s does not need to un-check the others itself.
+          * Length of the warning window in seconds, for the bar: it shows `secondsLeft / totalSeconds`. Defaults to the `secondsLeft` it first had.
+          * @default 0
          */
-        "onBsChange"?: (event: BsRadioCustomEvent<string>) => void;
+        "totalSeconds"?: number;
         /**
-          * The native radio input's `value` attribute -- read from `event.target.value`, or used when wiring the group up to a form.
+          * Which moment: `warning`, `signed-out` or `confirm-identity`.
+          * @default 'warning'
          */
-        "value"?: string;
+        "type"?: BsSessionTimeoutType;
     }
     /**
      * A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
@@ -6665,6 +8989,15 @@ declare namespace LocalJSX {
           * 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"?: BsButtonVariant1;
+        /**
+          * 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.
+          * @default false
+         */
+        "hideClose"?: boolean;
         /**
           * Replaces the checkmark icon with a spinning loading indicator, for a message describing in-progress work (e.g. "Uploading files...") rather than a completed result.
           * @default false
@@ -6967,6 +9300,96 @@ declare namespace LocalJSX {
          */
         "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.
+     */
+    interface BsTimepicker {
+        /**
+          * Label of the Cancel button.
+          * @default 'Cancel'
+         */
+        "cancelLabel"?: string;
+        /**
+          * Label of the Confirm button.
+          * @default 'Confirm'
+         */
+        "confirmLabel"?: string;
+        /**
+          * If `true`, the user cannot interact with the element.
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: 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.
+          * @default '12h'
+         */
+        "format"?: '12h' | '24h';
+        /**
+          * Label of the 24h switch.
+          * @default '24h'
+         */
+        "formatLabel"?: string;
+        /**
+          * Heading text.
+          * @default 'Select Time'
+         */
+        "heading"?: string;
+        /**
+          * Accessible name of the hour spinner.
+          * @default 'Hour'
+         */
+        "hourLabel"?: string;
+        /**
+          * Accessible name of the minute spinner.
+          * @default 'Minute'
+         */
+        "minuteLabel"?: string;
+        /**
+          * Step, in minutes, of the minute spinner's carets and arrow keys. Typing is not constrained.
+          * @default 1
+         */
+        "minuteStep"?: number;
+        /**
+          * The `name` the confirmed value is submitted under in a surrounding `<form>`.
+         */
+        "name"?: string;
+        /**
+          * Fires when the user presses Cancel. The draft is reset to `value`.
+         */
+        "onBsCancel"?: (event: BsTimepickerCustomEvent<void>) => void;
+        /**
+          * Fires when the user presses Confirm: `{ value }` as 24-hour `HH:mm`. Not fired when `value` is set programmatically.
+         */
+        "onBsChange"?: (event: BsTimepickerCustomEvent<BsTimepickerChange>) => void;
+        /**
+          * Accessible name of the AM/PM dropdown.
+          * @default 'AM/PM'
+         */
+        "periodLabel"?: 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.
+          * @default ''
+         */
+        "value"?: string;
+    }
     /**
      * A transient status message for confirming the result of an action (e.g. "Files uploaded
      * successfully.") -- a state-specific icon, a message, and a close button.
@@ -7020,6 +9443,230 @@ declare namespace LocalJSX {
          */
         "placement"?: 'top';
     }
+    /**
+     * A product's "What's new" surface, in three forms matching the Figma component:
+     * - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
+     *   `bs-whats-new-entry`) and a link to the full release notes.
+     * - `announcement` -- one big update, with a hero image, a tag, a heading, a few bullet points, "1 of 3"
+     *   and Remind me later / Next.
+     * - `teaser` -- a small card pointing at the feed: tag, date, heading, a line of text and "Open What's new".
+     * The component only shows what you give it and reports what the user pressed. It doesn't fetch updates,
+     * track which the user has seen, or decide when to appear: your app owns `entries` (with their `unread`
+     * flags) and reacts to the events.
+     * **Built from:** `bs-card` (the surface), `bs-whats-new-entry` (each update), `bs-tabs` (the filters),
+     * `bs-chip-informative` (the tags), `bs-button`, `bs-icon-button`.
+     * ## When to use
+     * - Telling users about changes to the product, in a place they can come back to.
+     * ## When not to use
+     * - Messages about the user's own data or an action they just took -- use `bs-snackbar`, `bs-toast`.
+     * - A guided walk through the interface -- use `bs-product-tour`.
+     */
+    interface BsWhatsNew {
+        /**
+          * Label of the link (`teaser`).
+          * @default 'Open What’s new'
+         */
+        "actionLabel"?: string;
+        /**
+          * Shows a close button.
+          * @default false
+         */
+        "closable"?: boolean;
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * The date as text (`teaser`).
+         */
+        "date"?: string;
+        /**
+          * The line under the heading (`teaser`).
+         */
+        "description"?: string;
+        /**
+          * Text shown when the selected filter has no entries.
+          * @default 'Nothing new here yet.'
+         */
+        "emptyLabel"?: string;
+        /**
+          * The updates in the feed: `[{ id, category?, tag?, tagColor?, date?, unread?, heading, description?, actionLabel?, image? }]`. Must be set as a JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule.
+          * @default []
+         */
+        "entries"?: BsWhatsNewItem[];
+        /**
+          * The selected filter's `value`. Mutable: choosing a tab updates it.
+          * @default 'all'
+         */
+        "filter"?: string;
+        /**
+          * The filter tabs: `[{ value, label }]`. `value: "all"` shows every entry; any other value shows the entries whose `category` matches. Defaults to All, New Features, Improvements and Fixes (categories `features`, `improvements`, `fixes`). Set `[]` for no tabs.
+          * @default [     { value: 'all', label: 'All' },     { value: 'features', label: 'New Features' },     { value: 'improvements', label: 'Improvements' },     { value: 'fixes', label: 'Fixes' },   ]
+         */
+        "filters"?: BsWhatsNewFilter[];
+        /**
+          * Heading. Defaults to "What's new" for `feed`; set it for the other forms.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level, 1-6.
+          * @default 2
+         */
+        "headingLevel"?: number;
+        /**
+          * URL of the hero image (`announcement`). Or slot your own into `hero`.
+         */
+        "image"?: string;
+        /**
+          * Label of the "Mark all as read" button, shown while any entry is `unread`.
+          * @default 'Mark all as read'
+         */
+        "markAllReadLabel"?: string;
+        /**
+          * Fires when the close button is pressed.
+         */
+        "onBsClose"?: (event: BsWhatsNewCustomEvent<void>) => void;
+        /**
+          * Fires when an entry's action link is pressed (`feed`): `{ id }`.
+         */
+        "onBsEntryAction"?: (event: BsWhatsNewCustomEvent<{ id: string }>) => void;
+        /**
+          * Fires when the user picks a filter tab (`feed`): `{ value }`.
+         */
+        "onBsFilterChange"?: (event: BsWhatsNewCustomEvent<{ value: string }>) => void;
+        /**
+          * Fires when "Mark all as read" is pressed (`feed`). Update the entries' `unread` yourself.
+         */
+        "onBsMarkAllRead"?: (event: BsWhatsNewCustomEvent<void>) => void;
+        /**
+          * Fires when the teaser's link is pressed (`teaser`) -- open the feed.
+         */
+        "onBsOpen"?: (event: BsWhatsNewCustomEvent<void>) => void;
+        /**
+          * Fires when the primary button (`announcement`) is pressed.
+         */
+        "onBsPrimary"?: (event: BsWhatsNewCustomEvent<void>) => void;
+        /**
+          * Fires when the secondary button (`announcement`) is pressed.
+         */
+        "onBsSecondary"?: (event: BsWhatsNewCustomEvent<void>) => void;
+        /**
+          * The bullet points (`announcement`). Must be set as a JS property -- see CONVENTIONS.md.
+          * @default []
+         */
+        "points"?: string[];
+        /**
+          * Label of the primary button (`announcement`). Empty hides it.
+          * @default 'Next'
+         */
+        "primaryLabel"?: string;
+        /**
+          * Text of the release notes link.
+          * @default 'See all release notes'
+         */
+        "releaseNotesLabel"?: string;
+        /**
+          * URL of the full release notes. The link is only shown when this is set.
+         */
+        "releaseNotesUrl"?: string;
+        /**
+          * Label of the secondary button (`announcement`). Empty hides it.
+          * @default 'Remind me later'
+         */
+        "secondaryLabel"?: string;
+        /**
+          * Current step, 1-based (`announcement`). Used with `total`.
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * Template of the step label; `{step}` and `{total}` are replaced.
+          * @default '{step} of {total}'
+         */
+        "stepLabel"?: string;
+        /**
+          * Tag text (`announcement`, `teaser`), e.g. "New feature".
+         */
+        "tag"?: string;
+        /**
+          * Colour of the tag.
+          * @default 'info'
+         */
+        "tagColor"?: BsWhatsNewEntryTagColor;
+        /**
+          * Number of announcements in the sequence (`announcement`). The step label is hidden when 0.
+          * @default 0
+         */
+        "total"?: number;
+        /**
+          * Which form: `feed`, `announcement` or `teaser`.
+          * @default 'feed'
+         */
+        "type"?: BsWhatsNewType;
+    }
+    /**
+     * One update in a "What's new" list: a tag ("New feature", "Improvement", "Fix"), a date, an unread dot,
+     * an optional image, a title, a short description and an optional action link ("Try it"). Matches the Figma
+     * "What's new / Entry" component. It is a plain block of content -- no card -- so it can sit in a feed
+     * (`bs-whats-new`), a list, or a page of release notes.
+     * **Built from:** `bs-chip-informative` (the tag) and `bs-button` (the action).
+     * ## When to use
+     * - Announcing a change to the product, with enough detail to know whether it matters.
+     * ## When not to use
+     * - A message about the user's own data or an action they just took -- use `bs-snackbar` or `bs-toast`.
+     */
+    interface BsWhatsNewEntry {
+        /**
+          * Label of the action link (e.g. "Try it"). No action when empty.
+         */
+        "actionLabel"?: string;
+        /**
+          * The date as text, already formatted for the reader (e.g. "24.09.2026").
+         */
+        "date"?: string;
+        /**
+          * Short description under the title.
+         */
+        "description"?: string;
+        /**
+          * Draws a rule under the entry, to separate it from the next one.
+          * @default false
+         */
+        "divider"?: boolean;
+        /**
+          * Title.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level for the title, 1-6.
+          * @default 3
+         */
+        "headingLevel"?: number;
+        /**
+          * Fires when the action link is pressed.
+         */
+        "onBsAction"?: (event: BsWhatsNewEntryCustomEvent<void>) => void;
+        /**
+          * The tag text, e.g. "New feature". No tag when empty.
+         */
+        "tag"?: string;
+        /**
+          * Colour of the tag: `info` (default), `success`, `warning`, `error` or `neutral`.
+          * @default 'info'
+         */
+        "tagColor"?: BsWhatsNewEntryTagColor1;
+        /**
+          * Shows a dot after the date for an update the user hasn't seen.
+          * @default false
+         */
+        "unread"?: boolean;
+        /**
+          * Visually hidden text for the unread dot.
+          * @default 'Unread'
+         */
+        "unreadLabel"?: string;
+    }
 
     interface BsAccordionAttributes {
         "expanded": boolean;
@@ -7165,17 +9812,60 @@ declare namespace LocalJSX {
         "actionLabel": string;
         "allowClose": boolean;
     }
+    interface BsCookieConsentAttributes {
+        "type": BsCookieConsentType;
+        "heading": string;
+        "headingLevel": number;
+        "description": string;
+        "policyUrl": string;
+        "policyLabel": string;
+        "customiseLabel": string;
+        "rejectLabel": string;
+        "acceptLabel": string;
+        "saveLabel": string;
+        "changeLabel": string;
+        "alwaysOnLabel": string;
+        "seeCookiesLabel": string;
+        "closeLabel": string;
+    }
     interface BsDataTableAttributes {
         "sortColumn": string;
         "sortDirection": 'asc' | 'desc';
         "selectable": boolean;
     }
+    interface BsDatepickerAttributes {
+        "name": string;
+        "range": boolean;
+        "value": string;
+        "start": string;
+        "end": string;
+        "min": string;
+        "max": string;
+        "locale": string;
+        "firstDayOfWeek": number;
+        "startLabel": string;
+        "endLabel": string;
+        "monthLabel": string;
+        "yearLabel": string;
+        "previousLabel": string;
+        "nextLabel": string;
+    }
     interface BsDialogAttributes {
         "open": boolean;
         "heading": string;
         "size": BsDialogSize;
         "centered": boolean;
     }
+    interface BsErrorPageAttributes {
+        "type": BsErrorPageType;
+        "code": string;
+        "heading": string;
+        "headingLevel": number;
+        "description": string;
+        "primaryLabel": string;
+        "secondaryLabel": string;
+        "reference": string;
+    }
     interface BsFileUploadAttributes {
         "direction": BsFileUploadDirection;
         "heading": string;
@@ -7204,6 +9894,11 @@ declare namespace LocalJSX {
         "type": 'button' | 'submit' | 'reset';
         "ariaLabel": string | null;
     }
+    interface BsIconTileAttributes {
+        "size": BsIconTileSize;
+        "intent": BsIconTileIntent;
+        "label": string;
+    }
     interface BsInlineTabAttributes {
         "selected": boolean;
         "disabled": boolean;
@@ -7274,6 +9969,25 @@ declare namespace LocalJSX {
         "skipToContentLabel": string;
         "logoBackground": 'auto' | 'light' | 'dark';
     }
+    interface BsOnboardingChecklistAttributes {
+        "type": BsOnboardingChecklistType;
+        "launcherLayout": BsOnboardingLauncherLayout;
+        "heading": string;
+        "description": string;
+        "headingLevel": number;
+        "progressText": string;
+        "closable": boolean;
+        "progressLabel": string;
+        "skipLabel": string;
+        "startLabel": string;
+        "seeAllLabel": string;
+        "afterLabel": string;
+        "doneLabel": string;
+        "hideLabel": string;
+        "closeLabel": string;
+        "statusDoneLabel": string;
+        "statusTodoLabel": string;
+    }
     interface BsPaginationAttributes {
         "totalPages": number;
         "currentPage": number;
@@ -7281,6 +9995,19 @@ declare namespace LocalJSX {
         "previousLabel": string;
         "nextLabel": string;
     }
+    interface BsProductTourAttributes {
+        "type": BsProductTourType;
+        "direction": BsProductTourDirection;
+        "heading": string;
+        "description": string;
+        "step": number;
+        "total": number;
+        "progressLabel": string;
+        "primaryLabel": string;
+        "secondaryLabel": string;
+        "closable": boolean;
+        "closeLabel": string;
+    }
     interface BsProgressAttributes {
         "type": BsProgressType;
         "size": BsProgressSize;
@@ -7296,12 +10023,59 @@ declare namespace LocalJSX {
         "showLabel": boolean;
         "ariaLabel": string | null;
     }
+    interface BsQrCodeAttributes {
+        "type": BsQrCodeType;
+        "size": BsQrCodeSize;
+        "state": BsQrCodeState;
+        "heading": string;
+        "description": string;
+        "url": string;
+        "amount": string;
+        "amountLabel": string;
+        "expiry": string;
+        "codeLabel": string;
+        "closable": boolean;
+        "hideActions": boolean;
+        "hideDownload": boolean;
+        "hideCopy": boolean;
+        "downloadLabel": string;
+        "copyLabel": string;
+        "retryLabel": string;
+        "refreshLabel": string;
+        "loadingLabel": string;
+        "errorLabel": string;
+        "expiredLabel": string;
+        "scannedLabel": string;
+        "closeLabel": string;
+    }
     interface BsRadioAttributes {
         "name": string;
         "value": string;
         "checked": boolean;
         "disabled": boolean;
     }
+    interface BsSessionTimeoutAttributes {
+        "type": BsSessionTimeoutType;
+        "heading": string;
+        "headingLevel": number;
+        "description": string;
+        "hideIcon": boolean;
+        "primaryLabel": string;
+        "secondaryLabel": string;
+        "secondsLeft": number;
+        "totalSeconds": number;
+        "countdown": boolean;
+        "timeLeftLabel": string;
+        "secondsLeftLabel": string;
+        "savedMessage": string;
+        "accountName": string;
+        "accountEmail": string;
+        "accountInitials": string;
+        "passwordLabel": string;
+        "passwordError": string;
+        "dividerLabel": string;
+        "cancelLabel": string;
+    }
     interface BsSliderAttributes {
         "type": BsSliderType;
         "name": string;
@@ -7321,6 +10095,8 @@ declare namespace LocalJSX {
         "variant": BsSnackbarVariant;
         "loading": boolean;
         "actionLabel": string;
+        "actionVariant": BsButtonVariant;
+        "hideClose": boolean;
     }
     interface BsSourceLinkAttributes {
         "fileName": string;
@@ -7364,12 +10140,60 @@ declare namespace LocalJSX {
         "orientation": BsTabsOrientation;
         "value": string;
     }
+    interface BsTimepickerAttributes {
+        "name": string;
+        "value": string;
+        "format": '12h' | '24h';
+        "minuteStep": number;
+        "heading": string;
+        "formatLabel": string;
+        "confirmLabel": string;
+        "cancelLabel": string;
+        "hourLabel": string;
+        "minuteLabel": string;
+        "periodLabel": string;
+    }
     interface BsToastAttributes {
         "state": BsToastState;
     }
     interface BsTooltipAttributes {
         "placement": 'top';
     }
+    interface BsWhatsNewAttributes {
+        "type": BsWhatsNewType;
+        "heading": string;
+        "headingLevel": number;
+        "closable": boolean;
+        "closeLabel": string;
+        "filter": string;
+        "markAllReadLabel": string;
+        "releaseNotesLabel": string;
+        "releaseNotesUrl": string;
+        "emptyLabel": string;
+        "tag": string;
+        "tagColor": BsWhatsNewEntryTagColor;
+        "image": string;
+        "step": number;
+        "total": number;
+        "stepLabel": string;
+        "secondaryLabel": string;
+        "primaryLabel": string;
+        "date": string;
+        "description": string;
+        "actionLabel": string;
+    }
+    interface BsWhatsNewEntryAttributes {
+        "tag": string;
+        "tagColor": BsWhatsNewEntryTagColor;
+        "date": string;
+        "unread": boolean;
+        "heading": string;
+        "headingLevel": number;
+        "description": string;
+        "actionLabel": string;
+        "divider": boolean;
+        "unreadLabel": string;
+    }
 
     interface IntrinsicElements {
         "bs-accordion": Omit<BsAccordion, keyof BsAccordionAttributes> & { [K in keyof BsAccordion & keyof BsAccordionAttributes]?: BsAccordion[K] } & { [K in keyof BsAccordion & keyof BsAccordionAttributes as `attr:${K}`]?: BsAccordionAttributes[K] } & { [K in keyof BsAccordion & keyof BsAccordionAttributes as `prop:${K}`]?: BsAccordion[K] };
@@ -7399,11 +10223,15 @@ declare namespace LocalJSX {
         "bs-chip-input": Omit<BsChipInput, keyof BsChipInputAttributes> & { [K in keyof BsChipInput & keyof BsChipInputAttributes]?: BsChipInput[K] } & { [K in keyof BsChipInput & keyof BsChipInputAttributes as `attr:${K}`]?: BsChipInputAttributes[K] } & { [K in keyof BsChipInput & keyof BsChipInputAttributes as `prop:${K}`]?: BsChipInput[K] };
         "bs-composer": Omit<BsComposer, keyof BsComposerAttributes> & { [K in keyof BsComposer & keyof BsComposerAttributes]?: BsComposer[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `attr:${K}`]?: BsComposerAttributes[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `prop:${K}`]?: BsComposer[K] };
         "bs-composer-status-banner": Omit<BsComposerStatusBanner, keyof BsComposerStatusBannerAttributes> & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes]?: BsComposerStatusBanner[K] } & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes as `attr:${K}`]?: BsComposerStatusBannerAttributes[K] } & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes as `prop:${K}`]?: BsComposerStatusBanner[K] };
+        "bs-cookie-consent": Omit<BsCookieConsent, keyof BsCookieConsentAttributes> & { [K in keyof BsCookieConsent & keyof BsCookieConsentAttributes]?: BsCookieConsent[K] } & { [K in keyof BsCookieConsent & keyof BsCookieConsentAttributes as `attr:${K}`]?: BsCookieConsentAttributes[K] } & { [K in keyof BsCookieConsent & keyof BsCookieConsentAttributes as `prop:${K}`]?: BsCookieConsent[K] };
         "bs-data-table": Omit<BsDataTable, keyof BsDataTableAttributes> & { [K in keyof BsDataTable & keyof BsDataTableAttributes]?: BsDataTable[K] } & { [K in keyof BsDataTable & keyof BsDataTableAttributes as `attr:${K}`]?: BsDataTableAttributes[K] } & { [K in keyof BsDataTable & keyof BsDataTableAttributes as `prop:${K}`]?: BsDataTable[K] };
+        "bs-datepicker": Omit<BsDatepicker, keyof BsDatepickerAttributes> & { [K in keyof BsDatepicker & keyof BsDatepickerAttributes]?: BsDatepicker[K] } & { [K in keyof BsDatepicker & keyof BsDatepickerAttributes as `attr:${K}`]?: BsDatepickerAttributes[K] } & { [K in keyof BsDatepicker & keyof BsDatepickerAttributes as `prop:${K}`]?: BsDatepicker[K] };
         "bs-dialog": Omit<BsDialog, keyof BsDialogAttributes> & { [K in keyof BsDialog & keyof BsDialogAttributes]?: BsDialog[K] } & { [K in keyof BsDialog & keyof BsDialogAttributes as `attr:${K}`]?: BsDialogAttributes[K] } & { [K in keyof BsDialog & keyof BsDialogAttributes as `prop:${K}`]?: BsDialog[K] };
+        "bs-error-page": Omit<BsErrorPage, keyof BsErrorPageAttributes> & { [K in keyof BsErrorPage & keyof BsErrorPageAttributes]?: BsErrorPage[K] } & { [K in keyof BsErrorPage & keyof BsErrorPageAttributes as `attr:${K}`]?: BsErrorPageAttributes[K] } & { [K in keyof BsErrorPage & keyof BsErrorPageAttributes as `prop:${K}`]?: BsErrorPage[K] };
         "bs-file-upload": Omit<BsFileUpload, keyof BsFileUploadAttributes> & { [K in keyof BsFileUpload & keyof BsFileUploadAttributes]?: BsFileUpload[K] } & { [K in keyof BsFileUpload & keyof BsFileUploadAttributes as `attr:${K}`]?: BsFileUploadAttributes[K] } & { [K in keyof BsFileUpload & keyof BsFileUploadAttributes as `prop:${K}`]?: BsFileUpload[K] };
         "bs-file-upload-item": Omit<BsFileUploadItem, keyof BsFileUploadItemAttributes> & { [K in keyof BsFileUploadItem & keyof BsFileUploadItemAttributes]?: BsFileUploadItem[K] } & { [K in keyof BsFileUploadItem & keyof BsFileUploadItemAttributes as `attr:${K}`]?: BsFileUploadItemAttributes[K] } & { [K in keyof BsFileUploadItem & keyof BsFileUploadItemAttributes as `prop:${K}`]?: BsFileUploadItem[K] };
         "bs-icon-button": Omit<BsIconButton, keyof BsIconButtonAttributes> & { [K in keyof BsIconButton & keyof BsIconButtonAttributes]?: BsIconButton[K] } & { [K in keyof BsIconButton & keyof BsIconButtonAttributes as `attr:${K}`]?: BsIconButtonAttributes[K] } & { [K in keyof BsIconButton & keyof BsIconButtonAttributes as `prop:${K}`]?: BsIconButton[K] };
+        "bs-icon-tile": Omit<BsIconTile, keyof BsIconTileAttributes> & { [K in keyof BsIconTile & keyof BsIconTileAttributes]?: BsIconTile[K] } & { [K in keyof BsIconTile & keyof BsIconTileAttributes as `attr:${K}`]?: BsIconTileAttributes[K] } & { [K in keyof BsIconTile & keyof BsIconTileAttributes as `prop:${K}`]?: BsIconTile[K] };
         "bs-inline-tab": Omit<BsInlineTab, keyof BsInlineTabAttributes> & { [K in keyof BsInlineTab & keyof BsInlineTabAttributes]?: BsInlineTab[K] } & { [K in keyof BsInlineTab & keyof BsInlineTabAttributes as `attr:${K}`]?: BsInlineTabAttributes[K] } & { [K in keyof BsInlineTab & keyof BsInlineTabAttributes as `prop:${K}`]?: BsInlineTab[K] };
         "bs-input": Omit<BsInput, keyof BsInputAttributes> & { [K in keyof BsInput & keyof BsInputAttributes]?: BsInput[K] } & { [K in keyof BsInput & keyof BsInputAttributes as `attr:${K}`]?: BsInputAttributes[K] } & { [K in keyof BsInput & keyof BsInputAttributes as `prop:${K}`]?: BsInput[K] };
         "bs-logo": Omit<BsLogo, keyof BsLogoAttributes> & { [K in keyof BsLogo & keyof BsLogoAttributes]?: BsLogo[K] } & { [K in keyof BsLogo & keyof BsLogoAttributes as `attr:${K}`]?: BsLogoAttributes[K] } & { [K in keyof BsLogo & keyof BsLogoAttributes as `prop:${K}`]?: BsLogo[K] };
@@ -7412,10 +10240,14 @@ declare namespace LocalJSX {
         "bs-navigation-drawer": Omit<BsNavigationDrawer, keyof BsNavigationDrawerAttributes> & { [K in keyof BsNavigationDrawer & keyof BsNavigationDrawerAttributes]?: BsNavigationDrawer[K] } & { [K in keyof BsNavigationDrawer & keyof BsNavigationDrawerAttributes as `attr:${K}`]?: BsNavigationDrawerAttributes[K] } & { [K in keyof BsNavigationDrawer & keyof BsNavigationDrawerAttributes as `prop:${K}`]?: BsNavigationDrawer[K] };
         "bs-navigation-drawer-item": Omit<BsNavigationDrawerItem, keyof BsNavigationDrawerItemAttributes> & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes]?: BsNavigationDrawerItem[K] } & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes as `attr:${K}`]?: BsNavigationDrawerItemAttributes[K] } & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes as `prop:${K}`]?: BsNavigationDrawerItem[K] };
         "bs-navigation-header": Omit<BsNavigationHeader, keyof BsNavigationHeaderAttributes> & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes]?: BsNavigationHeader[K] } & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes as `attr:${K}`]?: BsNavigationHeaderAttributes[K] } & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes as `prop:${K}`]?: BsNavigationHeader[K] };
+        "bs-onboarding-checklist": Omit<BsOnboardingChecklist, keyof BsOnboardingChecklistAttributes> & { [K in keyof BsOnboardingChecklist & keyof BsOnboardingChecklistAttributes]?: BsOnboardingChecklist[K] } & { [K in keyof BsOnboardingChecklist & keyof BsOnboardingChecklistAttributes as `attr:${K}`]?: BsOnboardingChecklistAttributes[K] } & { [K in keyof BsOnboardingChecklist & keyof BsOnboardingChecklistAttributes as `prop:${K}`]?: BsOnboardingChecklist[K] };
         "bs-pagination": Omit<BsPagination, keyof BsPaginationAttributes> & { [K in keyof BsPagination & keyof BsPaginationAttributes]?: BsPagination[K] } & { [K in keyof BsPagination & keyof BsPaginationAttributes as `attr:${K}`]?: BsPaginationAttributes[K] } & { [K in keyof BsPagination & keyof BsPaginationAttributes as `prop:${K}`]?: BsPagination[K] };
+        "bs-product-tour": Omit<BsProductTour, keyof BsProductTourAttributes> & { [K in keyof BsProductTour & keyof BsProductTourAttributes]?: BsProductTour[K] } & { [K in keyof BsProductTour & keyof BsProductTourAttributes as `attr:${K}`]?: BsProductTourAttributes[K] } & { [K in keyof BsProductTour & keyof BsProductTourAttributes as `prop:${K}`]?: BsProductTour[K] };
         "bs-progress": Omit<BsProgress, keyof BsProgressAttributes> & { [K in keyof BsProgress & keyof BsProgressAttributes]?: BsProgress[K] } & { [K in keyof BsProgress & keyof BsProgressAttributes as `attr:${K}`]?: BsProgressAttributes[K] } & { [K in keyof BsProgress & keyof BsProgressAttributes as `prop:${K}`]?: BsProgress[K] };
         "bs-progress-linear": Omit<BsProgressLinear, keyof BsProgressLinearAttributes> & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes]?: BsProgressLinear[K] } & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes as `attr:${K}`]?: BsProgressLinearAttributes[K] } & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes as `prop:${K}`]?: BsProgressLinear[K] };
+        "bs-qr-code": Omit<BsQrCode, keyof BsQrCodeAttributes> & { [K in keyof BsQrCode & keyof BsQrCodeAttributes]?: BsQrCode[K] } & { [K in keyof BsQrCode & keyof BsQrCodeAttributes as `attr:${K}`]?: BsQrCodeAttributes[K] } & { [K in keyof BsQrCode & keyof BsQrCodeAttributes as `prop:${K}`]?: BsQrCode[K] };
         "bs-radio": Omit<BsRadio, keyof BsRadioAttributes> & { [K in keyof BsRadio & keyof BsRadioAttributes]?: BsRadio[K] } & { [K in keyof BsRadio & keyof BsRadioAttributes as `attr:${K}`]?: BsRadioAttributes[K] } & { [K in keyof BsRadio & keyof BsRadioAttributes as `prop:${K}`]?: BsRadio[K] };
+        "bs-session-timeout": Omit<BsSessionTimeout, keyof BsSessionTimeoutAttributes> & { [K in keyof BsSessionTimeout & keyof BsSessionTimeoutAttributes]?: BsSessionTimeout[K] } & { [K in keyof BsSessionTimeout & keyof BsSessionTimeoutAttributes as `attr:${K}`]?: BsSessionTimeoutAttributes[K] } & { [K in keyof BsSessionTimeout & keyof BsSessionTimeoutAttributes as `prop:${K}`]?: BsSessionTimeout[K] };
         "bs-slider": Omit<BsSlider, keyof BsSliderAttributes> & { [K in keyof BsSlider & keyof BsSliderAttributes]?: BsSlider[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `attr:${K}`]?: BsSliderAttributes[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `prop:${K}`]?: BsSlider[K] };
         "bs-snackbar": Omit<BsSnackbar, keyof BsSnackbarAttributes> & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes]?: BsSnackbar[K] } & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes as `attr:${K}`]?: BsSnackbarAttributes[K] } & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes as `prop:${K}`]?: BsSnackbar[K] };
         "bs-source-link": Omit<BsSourceLink, keyof BsSourceLinkAttributes> & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes]?: BsSourceLink[K] } & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes as `attr:${K}`]?: BsSourceLinkAttributes[K] } & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes as `prop:${K}`]?: BsSourceLink[K] };
@@ -7424,8 +10256,11 @@ declare namespace LocalJSX {
         "bs-switch": Omit<BsSwitch, keyof BsSwitchAttributes> & { [K in keyof BsSwitch & keyof BsSwitchAttributes]?: BsSwitch[K] } & { [K in keyof BsSwitch & keyof BsSwitchAttributes as `attr:${K}`]?: BsSwitchAttributes[K] } & { [K in keyof BsSwitch & keyof BsSwitchAttributes as `prop:${K}`]?: BsSwitch[K] };
         "bs-tab": Omit<BsTab, keyof BsTabAttributes> & { [K in keyof BsTab & keyof BsTabAttributes]?: BsTab[K] } & { [K in keyof BsTab & keyof BsTabAttributes as `attr:${K}`]?: BsTabAttributes[K] } & { [K in keyof BsTab & keyof BsTabAttributes as `prop:${K}`]?: BsTab[K] };
         "bs-tabs": Omit<BsTabs, keyof BsTabsAttributes> & { [K in keyof BsTabs & keyof BsTabsAttributes]?: BsTabs[K] } & { [K in keyof BsTabs & keyof BsTabsAttributes as `attr:${K}`]?: BsTabsAttributes[K] } & { [K in keyof BsTabs & keyof BsTabsAttributes as `prop:${K}`]?: BsTabs[K] };
+        "bs-timepicker": Omit<BsTimepicker, keyof BsTimepickerAttributes> & { [K in keyof BsTimepicker & keyof BsTimepickerAttributes]?: BsTimepicker[K] } & { [K in keyof BsTimepicker & keyof BsTimepickerAttributes as `attr:${K}`]?: BsTimepickerAttributes[K] } & { [K in keyof BsTimepicker & keyof BsTimepickerAttributes as `prop:${K}`]?: BsTimepicker[K] };
         "bs-toast": Omit<BsToast, keyof BsToastAttributes> & { [K in keyof BsToast & keyof BsToastAttributes]?: BsToast[K] } & { [K in keyof BsToast & keyof BsToastAttributes as `attr:${K}`]?: BsToastAttributes[K] } & { [K in keyof BsToast & keyof BsToastAttributes as `prop:${K}`]?: BsToast[K] };
         "bs-tooltip": Omit<BsTooltip, keyof BsTooltipAttributes> & { [K in keyof BsTooltip & keyof BsTooltipAttributes]?: BsTooltip[K] } & { [K in keyof BsTooltip & keyof BsTooltipAttributes as `attr:${K}`]?: BsTooltipAttributes[K] } & { [K in keyof BsTooltip & keyof BsTooltipAttributes as `prop:${K}`]?: BsTooltip[K] };
+        "bs-whats-new": Omit<BsWhatsNew, keyof BsWhatsNewAttributes> & { [K in keyof BsWhatsNew & keyof BsWhatsNewAttributes]?: BsWhatsNew[K] } & { [K in keyof BsWhatsNew & keyof BsWhatsNewAttributes as `attr:${K}`]?: BsWhatsNewAttributes[K] } & { [K in keyof BsWhatsNew & keyof BsWhatsNewAttributes as `prop:${K}`]?: BsWhatsNew[K] };
+        "bs-whats-new-entry": Omit<BsWhatsNewEntry, keyof BsWhatsNewEntryAttributes> & { [K in keyof BsWhatsNewEntry & keyof BsWhatsNewEntryAttributes]?: BsWhatsNewEntry[K] } & { [K in keyof BsWhatsNewEntry & keyof BsWhatsNewEntryAttributes as `attr:${K}`]?: BsWhatsNewEntryAttributes[K] } & { [K in keyof BsWhatsNewEntry & keyof BsWhatsNewEntryAttributes as `prop:${K}`]?: BsWhatsNewEntry[K] };
     }
 }
 export { LocalJSX as JSX };
@@ -7661,6 +10496,9 @@ declare module "@stencil/core" {
              * - `error` purely for visual emphasis — it signals a destructive action to the user, so reserve
              *   it for actions that actually delete/revoke/undo something.
              * @prop --bs-button-radius - Corner radius. Aliased to `--bs-border-radius-100` by default.
+             * @prop --bs-button-padding-x-sm - Left/right padding of a label-only button at `size="sm"`. Aliased to `--bs-spacing-300`.
+             * @prop --bs-button-width - Width of the button. `auto` by default (fits its content); set `100%` for a full-width button, e.g. `bs-button { --bs-button-width: 100%; }`.
+             * @prop --bs-button-subtle-color - Label/icon colour, `variant="subtle"`. Aliased to `--bs-color-neutral-default`; set it to `var(--bs-text-action)` for a blue text button.
              * @prop --bs-button-height-sm - Height at `size="sm"`. Aliased to `--bs-spacing-500`.
              * @prop --bs-button-height-md - Height at `size="md"`. Aliased to `--bs-spacing-600`.
              * @prop --bs-button-height-lg - Height at `size="lg"`. Aliased to `--bs-spacing-700`.
@@ -8047,6 +10885,30 @@ declare module "@stencil/core" {
              * every `type`). Aliased to `--bs-color-neutral-container-hover`.
              */
             "bs-composer-status-banner": LocalJSX.IntrinsicElements["bs-composer-status-banner"] & JSXBase.HTMLAttributes<HTMLBsComposerStatusBannerElement>;
+            /**
+             * A cookie consent prompt in four forms, matching the Figma "Cookie consent" component:
+             * - `banner` -- a wide bar: icon, heading, text, policy link, and Customise / Reject optional / Accept
+             *   all. Stacks into a column on narrow containers (its own width, not the viewport's).
+             * - `card` -- the compact version of the same question, in a card.
+             * - `preferences` -- the detailed dialog: one row per cookie category with a switch (strictly
+             *   necessary is "Always on"), an expandable list of the cookies in each, and Reject optional /
+             *   Accept all / Save choices.
+             * - `saved` -- a dark confirmation bar ("Cookie choices saved") with a Change action.
+             * The component only collects the choice. It doesn't set, read or delete cookies, remember that the
+             * user answered, or decide when to show itself: your app does that from the events, and swaps `type`
+             * (e.g. `banner` -> `preferences` on `bsCustomise`, `preferences` -> `saved` on `bsSave`).
+             * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions),
+             * `bs-switch` (the category switches), `bs-chip-informative` (the "Always on" badge), `bs-icon-button`
+             * (the close button), `bs-snackbar` (the saved confirmation).
+             * ## When to use
+             * - Asking for consent to optional cookies or similar tracking, as the law of your market requires.
+             * ## When not to use
+             * - Telling people about necessary cookies only -- that needs no consent prompt.
+             * ## Fair choice
+             * "Reject optional" has the same prominence as "Accept all" (same size, both always visible). Keep it
+             * that way: a prompt that makes refusing harder than accepting isn't valid consent in most places.
+             */
+            "bs-cookie-consent": LocalJSX.IntrinsicElements["bs-cookie-consent"] & JSXBase.HTMLAttributes<HTMLBsCookieConsentElement>;
             /**
              * A sortable, optionally row-selectable table for tabular data.
              * `columns`, `rows`, and `cellRenderer` are JS-property-only — HTML attributes can only carry
@@ -8059,6 +10921,27 @@ declare module "@stencil/core" {
              * - Deeply nested/hierarchical data — this component renders one flat row per record.
              */
             "bs-data-table": LocalJSX.IntrinsicElements["bs-data-table"] & JSXBase.HTMLAttributes<HTMLBsDataTableElement>;
+            /**
+             * An inline calendar for picking a single date, or a start/end date range. Matches the Figma
+             * "Date picker" component's two types: "Default" (month and year dropdowns above the grid) and
+             * "Range" (start and end date fields above the grid, with the days between highlighted).
+             * Dates are always `YYYY-MM-DD` strings, interpreted in the user's local time zone -- never full
+             * ISO timestamps -- so a date can't shift by a day across time zones.
+             * The calendar renders inline at a fixed width; to show it as a popover, put it inside a
+             * `bs-menu` or your own overlay.
+             * **Built from:** `bs-card` (the surface), `bs-input` (the month/year dropdown triggers and the range date fields), `bs-menu` and `bs-menu-item` (the month/year lists).
+             * ## When to use
+             * - Picking a date where seeing the surrounding days of the week/month helps (a booking, a
+             *   deadline, a report window).
+             * - Picking a period (`range`) such as a start and end date.
+             * ## When not to use
+             * - A date the user knows by heart and can type quickly (a birth date) -- `bs-input type="date"`
+             *   is faster there.
+             * ## Keyboard
+             * Arrow keys move by day/week, Home/End jump to the start/end of the week, PageUp/PageDown move by
+             * month (with Shift, by year), Enter/Space select the focused day.
+             */
+            "bs-datepicker": LocalJSX.IntrinsicElements["bs-datepicker"] & JSXBase.HTMLAttributes<HTMLBsDatepickerElement>;
             /**
              * An overlay dialog that interrupts the current flow for a focused task or confirmation.
              * Closes itself on backdrop click, Escape, or its own close button, and emits `bsClose`.
@@ -8077,6 +10960,21 @@ declare module "@stencil/core" {
              * button in the header row next to the heading, same as before this addition.
              */
             "bs-dialog": LocalJSX.IntrinsicElements["bs-dialog"] & JSXBase.HTMLAttributes<HTMLBsDialogElement>;
+            /**
+             * A full-block page for when the user can't get to what they asked for: page not found (404), a server
+             * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
+             * "Error page" component's five states.
+             * Each `type` brings its own icon, tint, code label ("404", "Maintenance", ...), heading, paragraph and
+             * buttons, all overridable by props. The component doesn't navigate or retry anything: it emits
+             * `bsPrimary` / `bsSecondary` and your app decides what "Go to Overview" or "Try again" does.
+             * **Built from:** `bs-card` (the surface), `bs-icon-tile` (the icon), `bs-button` (the actions).
+             * ## When to use
+             * - Replacing the content of a page or panel that can't be shown, with a clear way forward.
+             * ## When not to use
+             * - A problem with one field or one action -- use inline validation or a `bs-snackbar`.
+             * - A blocking question the user must answer -- use `bs-dialog`.
+             */
+            "bs-error-page": LocalJSX.IntrinsicElements["bs-error-page"] & JSXBase.HTMLAttributes<HTMLBsErrorPageElement>;
             /**
              * A file dropzone: drag files onto it, or press "Browse file" to open the file picker. It reports
              * the chosen files and does nothing else -- the consuming app owns the upload itself and shows its
@@ -8120,6 +11018,21 @@ declare module "@stencil/core" {
              * accessible name.
              */
             "bs-icon-button": LocalJSX.IntrinsicElements["bs-icon-button"] & JSXBase.HTMLAttributes<HTMLBsIconButtonElement>;
+            /**
+             * A small rounded square holding an icon, tinted by intent -- the visual marker next to a status,
+             * a list item or a feature. Matches the Figma "Icon tile" component (3 sizes x 6 intents).
+             * Each intent shows a default glyph (house, check, warning, cross, grid, info); put your own icon in
+             * the default slot to replace it. A slotted icon is sized to the tile (12/16/24px) and coloured
+             * with the intent's icon colour, as long as it draws with `currentColor`.
+             * The tile is decorative by default (hidden from assistive tech). Don't rely on the colour or glyph
+             * alone to convey status: slot text into `text` (it sits beside the square, in
+             * `--bs-icon-tile-text-color`), or set `label` to give the tile its own accessible name.
+             * ## When to use
+             * - Marking a row, card or message with a status or category icon.
+             * ## When not to use
+             * - As a button -- it isn't interactive. Use `bs-icon-button`.
+             */
+            "bs-icon-tile": LocalJSX.IntrinsicElements["bs-icon-tile"] & JSXBase.HTMLAttributes<HTMLBsIconTileElement>;
             /**
              * A pill-shaped tab button -- an optional leading icon plus a text label, rendered as a real
              * `<button>` so it participates correctly in tab order and native click/keyboard activation.
@@ -8314,6 +11227,31 @@ declare module "@stencil/core" {
              *   `right` slot content pushed to the far right.
              */
             "bs-navigation-header": LocalJSX.IntrinsicElements["bs-navigation-header"] & JSXBase.HTMLAttributes<HTMLBsNavigationHeaderElement>;
+            /**
+             * A "get set up" checklist, in four forms that matching the Figma "Onboarding checklist" component:
+             * - `panel` -- the full list: heading, progress, every step with a status icon, and the current step
+             *   expanded with its description, time estimate, Skip for now and a primary action.
+             * - `dashboard` -- a wide card for the top of a page: summary and progress on the left, the current step
+             *   and the next ones as small cards on the right, and a "See all steps" link.
+             * - `launcher` -- a small always-visible chip that reopens the checklist; three layouts (`icon`, `ring`,
+             *   `inline`).
+             * - `completion` -- the "You're all set" card once every step is done.
+             * The component shows progress and reports what the user pressed. It doesn't know what a step means,
+             * run it, or remember anything: your app owns the steps (`steps`, each with `done`), marks them done, and
+             * decides which form to show.
+             * **Built from:** `bs-card` (every surface), `bs-icon-tile` (the icons), `bs-button` (the actions),
+             * `bs-icon-button` (the close button), `bs-progress-linear` (the progress bar), `bs-progress` (the launcher
+             * ring).
+             * ## When to use
+             * - Guiding a new account or user through a short list of setup tasks they can do in any order or later.
+             * ## When not to use
+             * - A strict, linear flow where each step needs the one before -- use `bs-stepper`.
+             * - A tour of the interface itself -- use `bs-product-tour`.
+             * ## Accessibility
+             * Steps are an ordered list; the current one has `aria-current="step"`, and each step carries a visually
+             * hidden "Done" / "Not done". The progress bar is named with the progress text.
+             */
+            "bs-onboarding-checklist": LocalJSX.IntrinsicElements["bs-onboarding-checklist"] & JSXBase.HTMLAttributes<HTMLBsOnboardingChecklistElement>;
             /**
              * A numbered page control -- previous/next chevrons, page-number buttons, and `...` overflow for
              * large page counts. Matches the Figma "Pagination" component's "Default" type (the classic
@@ -8330,6 +11268,24 @@ declare module "@stencil/core" {
              *   plain prev/next controls (no numbers) are simpler there.
              */
             "bs-pagination": LocalJSX.IntrinsicElements["bs-pagination"] & JSXBase.HTMLAttributes<HTMLBsPaginationElement>;
+            /**
+             * 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`.
+             */
+            "bs-product-tour": LocalJSX.IntrinsicElements["bs-product-tour"] & JSXBase.HTMLAttributes<HTMLBsProductTourElement>;
             /**
              * A circular progress indicator -- either a static ring showing a percentage sweep
              * (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
@@ -8359,6 +11315,28 @@ declare module "@stencil/core" {
              *   weight of a bar.
              */
             "bs-progress-linear": LocalJSX.IntrinsicElements["bs-progress-linear"] & JSXBase.HTMLAttributes<HTMLBsProgressLinearElement>;
+            /**
+             * 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`.
+             */
+            "bs-qr-code": LocalJSX.IntrinsicElements["bs-qr-code"] & JSXBase.HTMLAttributes<HTMLBsQrCodeElement>;
             /**
              * A single radio button with its label, for one mutually-exclusive choice within a group.
              * ## When to use
@@ -8370,6 +11348,33 @@ declare module "@stencil/core" {
              * - An on/off setting that takes effect immediately (no explicit form submission) -- use `bs-switch`.
              */
             "bs-radio": LocalJSX.IntrinsicElements["bs-radio"] & JSXBase.HTMLAttributes<HTMLBsRadioElement>;
+            /**
+             * 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.
+             */
+            "bs-session-timeout": LocalJSX.IntrinsicElements["bs-session-timeout"] & JSXBase.HTMLAttributes<HTMLBsSessionTimeoutElement>;
             /**
              * A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
              * spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
@@ -8521,6 +11526,25 @@ declare module "@stencil/core" {
              *   directly.
              */
             "bs-tabs": LocalJSX.IntrinsicElements["bs-tabs"] & JSXBase.HTMLAttributes<HTMLBsTabsElement>;
+            /**
+             * 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.
+             */
+            "bs-timepicker": LocalJSX.IntrinsicElements["bs-timepicker"] & JSXBase.HTMLAttributes<HTMLBsTimepickerElement>;
             /**
              * A transient status message for confirming the result of an action (e.g. "Files uploaded
              * successfully.") -- a state-specific icon, a message, and a close button.
@@ -8558,6 +11582,37 @@ declare module "@stencil/core" {
              * `--bs-line-height-body-sm`.
              */
             "bs-tooltip": LocalJSX.IntrinsicElements["bs-tooltip"] & JSXBase.HTMLAttributes<HTMLBsTooltipElement>;
+            /**
+             * A product's "What's new" surface, in three forms matching the Figma component:
+             * - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
+             *   `bs-whats-new-entry`) and a link to the full release notes.
+             * - `announcement` -- one big update, with a hero image, a tag, a heading, a few bullet points, "1 of 3"
+             *   and Remind me later / Next.
+             * - `teaser` -- a small card pointing at the feed: tag, date, heading, a line of text and "Open What's new".
+             * The component only shows what you give it and reports what the user pressed. It doesn't fetch updates,
+             * track which the user has seen, or decide when to appear: your app owns `entries` (with their `unread`
+             * flags) and reacts to the events.
+             * **Built from:** `bs-card` (the surface), `bs-whats-new-entry` (each update), `bs-tabs` (the filters),
+             * `bs-chip-informative` (the tags), `bs-button`, `bs-icon-button`.
+             * ## When to use
+             * - Telling users about changes to the product, in a place they can come back to.
+             * ## When not to use
+             * - Messages about the user's own data or an action they just took -- use `bs-snackbar`, `bs-toast`.
+             * - A guided walk through the interface -- use `bs-product-tour`.
+             */
+            "bs-whats-new": LocalJSX.IntrinsicElements["bs-whats-new"] & JSXBase.HTMLAttributes<HTMLBsWhatsNewElement>;
+            /**
+             * One update in a "What's new" list: a tag ("New feature", "Improvement", "Fix"), a date, an unread dot,
+             * an optional image, a title, a short description and an optional action link ("Try it"). Matches the Figma
+             * "What's new / Entry" component. It is a plain block of content -- no card -- so it can sit in a feed
+             * (`bs-whats-new`), a list, or a page of release notes.
+             * **Built from:** `bs-chip-informative` (the tag) and `bs-button` (the action).
+             * ## When to use
+             * - Announcing a change to the product, with enough detail to know whether it matters.
+             * ## When not to use
+             * - A message about the user's own data or an action they just took -- use `bs-snackbar` or `bs-toast`.
+             */
+            "bs-whats-new-entry": LocalJSX.IntrinsicElements["bs-whats-new-entry"] & JSXBase.HTMLAttributes<HTMLBsWhatsNewEntryElement>;
         }
     }
 }