@brandsync/wc 1.10.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,16 +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";
@@ -42,6 +49,9 @@ 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";
@@ -50,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";
@@ -60,16 +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";
@@ -79,6 +96,9 @@ 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
@@ -472,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`.
@@ -1178,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
@@ -1226,6 +1346,7 @@ export namespace Components {
      * 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).
@@ -1345,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
@@ -1495,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.
@@ -1926,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
@@ -1968,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
@@ -2054,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
@@ -2084,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
@@ -2187,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
@@ -2470,6 +3124,7 @@ export namespace Components {
      * `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
@@ -2493,95 +3148,287 @@ export namespace Components {
           * 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';
+        "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.
+     * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
+     * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
+     * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
+     * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
+     */
+    interface BsToast {
+        /**
+          * Semantic state. Each state has its own icon and matching container/text tokens -- there is no neutral/default state.
+          * @default 'info'
+         */
+        "state": BsToastState;
+    }
+    /**
+     * A dark tooltip bubble with a pointer arrow, used to surface a short hint of extra information
+     * next to a trigger element.
+     * `bs-tooltip` is a purely presentational bubble -- like `bs-menu`, it does not manage its own
+     * visibility, hover/focus triggering, or positioning relative to a trigger element. A consuming
+     * app is responsible for showing/hiding it and for positioning it against its trigger (e.g. via a
+     * wrapping `position: relative`/`absolute` pattern, the same approach used by
+     * `bs-chatbot-response-action` for its own `menu` slot).
+     * ## When to use
+     * - A short, contextual hint of extra information shown next to a trigger element on hover/focus,
+     *   where the host app owns the show/hide and positioning logic.
+     * ## When not to use
+     * - A component that manages its own trigger interaction (hover/focus listeners) or positioning --
+     *   this component intentionally does not do that; wire that up in the consuming app instead.
+     * @prop --bs-tooltip-bg - Background of the bubble and arrow. Aliased to `--bs-surface-inverse`.
+     * @prop --bs-tooltip-color - Text color of the slotted content. Aliased to `--bs-text-inverse`.
+     * @prop --bs-tooltip-radius - Corner radius of the bubble. Aliased to `--bs-border-radius-50`.
+     * @prop --bs-tooltip-padding-x - Left/right padding of the bubble. Aliased to `--bs-spacing-200`.
+     * @prop --bs-tooltip-padding-y - Top/bottom padding of the bubble. Aliased to `--bs-spacing-100`.
+     * @prop --bs-tooltip-max-width - Max width of the bubble. Aliased to `200px`, Figma's own reference
+     * width (the bubble's width is otherwise variable based on content).
+     * @prop --bs-tooltip-shadow - Elevation shadow of the bubble. See `bs-tooltip.css` for why this is
+     * a literal value rather than a `--bs-shadow-*` token alias.
+     * @prop --bs-tooltip-font-size - Font size of the slotted content. Aliased to `--bs-font-size-sm`.
+     * @prop --bs-tooltip-line-height - Line height of the slotted content. Aliased to
+     * `--bs-line-height-body-sm`.
+     */
+    interface BsTooltip {
+        /**
+          * Which edge of the bubble the arrow points from, and therefore which side of a trigger the bubble should be placed on. `'top'` is the only value implemented -- it is the only variant confirmed from the Figma "EG Tooltip" component (arrow at the top of the bubble, pointing up). Bottom/left/right variants aren't implemented pending further Figma design confirmation.
+          * @default 'top'
+         */
+        "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;
         /**
-          * Label of the 24h switch.
-          * @default '24h'
+          * Which form: `feed`, `announcement` or `teaser`.
+          * @default 'feed'
          */
-        "formatLabel": string;
+        "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 {
         /**
-          * Heading text.
-          * @default 'Select Time'
+          * Label of the action link (e.g. "Try it"). No action when empty.
          */
-        "heading": string;
+        "actionLabel"?: string;
         /**
-          * Accessible name of the hour spinner.
-          * @default 'Hour'
+          * The date as text, already formatted for the reader (e.g. "24.09.2026").
          */
-        "hourLabel": string;
+        "date"?: string;
         /**
-          * Accessible name of the minute spinner.
-          * @default 'Minute'
+          * Short description under the title.
          */
-        "minuteLabel": string;
+        "description"?: string;
         /**
-          * Step, in minutes, of the minute spinner's carets and arrow keys. Typing is not constrained.
-          * @default 1
+          * Draws a rule under the entry, to separate it from the next one.
+          * @default false
          */
-        "minuteStep": number;
+        "divider": boolean;
         /**
-          * The `name` the confirmed value is submitted under in a surrounding `<form>`.
+          * Title.
          */
-        "name"?: string;
+        "heading"?: string;
         /**
-          * Accessible name of the AM/PM dropdown.
-          * @default 'AM/PM'
+          * HTML heading level for the title, 1-6.
+          * @default 3
          */
-        "periodLabel": string;
+        "headingLevel": number;
         /**
-          * 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 ''
+          * The tag text, e.g. "New feature". No tag when empty.
          */
-        "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.
-     * This component only renders the toast itself -- it doesn't manage its own visibility, timing, or
-     * stacking. A consumer (typically a small "toast manager" utility) creates one per message and
-     * removes it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show
-     * auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
-     */
-    interface BsToast {
+        "tag"?: string;
         /**
-          * Semantic state. Each state has its own icon and matching container/text tokens -- there is no neutral/default state.
+          * Colour of the tag: `info` (default), `success`, `warning`, `error` or `neutral`.
           * @default 'info'
          */
-        "state": BsToastState;
-    }
-    /**
-     * A dark tooltip bubble with a pointer arrow, used to surface a short hint of extra information
-     * next to a trigger element.
-     * `bs-tooltip` is a purely presentational bubble -- like `bs-menu`, it does not manage its own
-     * visibility, hover/focus triggering, or positioning relative to a trigger element. A consuming
-     * app is responsible for showing/hiding it and for positioning it against its trigger (e.g. via a
-     * wrapping `position: relative`/`absolute` pattern, the same approach used by
-     * `bs-chatbot-response-action` for its own `menu` slot).
-     * ## When to use
-     * - A short, contextual hint of extra information shown next to a trigger element on hover/focus,
-     *   where the host app owns the show/hide and positioning logic.
-     * ## When not to use
-     * - A component that manages its own trigger interaction (hover/focus listeners) or positioning --
-     *   this component intentionally does not do that; wire that up in the consuming app instead.
-     * @prop --bs-tooltip-bg - Background of the bubble and arrow. Aliased to `--bs-surface-inverse`.
-     * @prop --bs-tooltip-color - Text color of the slotted content. Aliased to `--bs-text-inverse`.
-     * @prop --bs-tooltip-radius - Corner radius of the bubble. Aliased to `--bs-border-radius-50`.
-     * @prop --bs-tooltip-padding-x - Left/right padding of the bubble. Aliased to `--bs-spacing-200`.
-     * @prop --bs-tooltip-padding-y - Top/bottom padding of the bubble. Aliased to `--bs-spacing-100`.
-     * @prop --bs-tooltip-max-width - Max width of the bubble. Aliased to `200px`, Figma's own reference
-     * width (the bubble's width is otherwise variable based on content).
-     * @prop --bs-tooltip-shadow - Elevation shadow of the bubble. See `bs-tooltip.css` for why this is
-     * a literal value rather than a `--bs-shadow-*` token alias.
-     * @prop --bs-tooltip-font-size - Font size of the slotted content. Aliased to `--bs-font-size-sm`.
-     * @prop --bs-tooltip-line-height - Line height of the slotted content. Aliased to
-     * `--bs-line-height-body-sm`.
-     */
-    interface BsTooltip {
+        "tagColor": BsWhatsNewEntryTagColor1;
         /**
-          * Which edge of the bubble the arrow points from, and therefore which side of a trigger the bubble should be placed on. `'top'` is the only value implemented -- it is the only variant confirmed from the Figma "EG Tooltip" component (arrow at the top of the bubble, pointing up). Bottom/left/right variants aren't implemented pending further Figma design confirmation.
-          * @default 'top'
+          * Shows a dot after the date for an update the user hasn't seen.
+          * @default false
          */
-        "placement": 'top';
+        "unread": boolean;
+        /**
+          * Visually hidden text for the unread dot.
+          * @default 'Unread'
+         */
+        "unreadLabel": string;
     }
 }
 export interface BsAccordionCustomEvent<T> extends CustomEvent<T> {
@@ -2644,6 +3491,10 @@ 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;
@@ -2656,6 +3507,10 @@ 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;
@@ -2684,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;
@@ -2724,6 +3595,14 @@ 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;
@@ -3053,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`.
@@ -3660,6 +4542,52 @@ declare global {
         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 HTMLBsCookieConsentElement: {
+        prototype: HTMLBsCookieConsentElement;
+        new (): HTMLBsCookieConsentElement;
+    };
     interface HTMLBsDataTableElementEventMap {
         "bsSort": { column: string; direction: 'asc' | 'desc' };
         "bsRowSelect": { id: string | number; selected: boolean };
@@ -3700,6 +4628,7 @@ declare global {
      * 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).
@@ -3759,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[];
@@ -3841,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;
     }
@@ -4139,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;
     }
@@ -4171,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
@@ -4210,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;
     }
@@ -4237,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 };
@@ -4509,6 +5661,7 @@ declare global {
      * `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
@@ -4589,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;
@@ -4617,12 +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;
@@ -4631,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;
@@ -4646,6 +5875,8 @@ declare global {
         "bs-timepicker": HTMLBsTimepickerElement;
         "bs-toast": HTMLBsToastElement;
         "bs-tooltip": HTMLBsTooltipElement;
+        "bs-whats-new": HTMLBsWhatsNewElement;
+        "bs-whats-new-entry": HTMLBsWhatsNewEntryElement;
     }
 }
 declare namespace LocalJSX {
@@ -5057,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`.
@@ -5861,43 +7095,168 @@ declare namespace LocalJSX {
      */
     interface BsComposerStatusBanner {
         /**
-          * Label for the action button, only rendered when `showButton` is true.
-          * @default 'Continue'
+          * Label for the action button, only rendered when `showButton` is true.
+          * @default 'Continue'
+         */
+        "actionLabel"?: string;
+        /**
+          * Whether the close button is rendered.
+          * @default true
+         */
+        "allowClose"?: boolean;
+        /**
+          * The message text.
+          * @default 'This is a message'
+         */
+        "message"?: string;
+        /**
+          * Fires when the action button is clicked. Only relevant when `showButton` is true.
+         */
+        "onBsAction"?: (event: BsComposerStatusBannerCustomEvent<void>) => void;
+        /**
+          * Fires when the close button is clicked. Only relevant when `allowClose` is true.
+         */
+        "onBsClose"?: (event: BsComposerStatusBannerCustomEvent<void>) => void;
+        /**
+          * Whether the "Continue"-style action button is rendered.
+          * @default false
+         */
+        "showButton"?: boolean;
+        /**
+          * Whether the leading icon (default: clock) is rendered.
+          * @default true
+         */
+        "showIcon"?: boolean;
+        /**
+          * Which severity/style to render. Drives background, text/icon color, and the action button's color.
+          * @default 'error'
+         */
+        "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'
          */
-        "actionLabel"?: string;
+        "customiseLabel"?: string;
         /**
-          * Whether the close button is rendered.
-          * @default true
+          * Paragraph under the heading (the message, for `saved`). Defaults per `type`.
          */
-        "allowClose"?: boolean;
+        "description"?: string;
         /**
-          * The message text.
-          * @default 'This is a message'
+          * Heading. Defaults per `type`.
          */
-        "message"?: string;
+        "heading"?: string;
         /**
-          * Fires when the action button is clicked. Only relevant when `showButton` is true.
+          * HTML heading level, 1-6.
+          * @default 2
          */
-        "onBsAction"?: (event: BsComposerStatusBannerCustomEvent<void>) => void;
+        "headingLevel"?: number;
         /**
-          * Fires when the close button is clicked. Only relevant when `allowClose` is true.
+          * Fires when Accept all is pressed. `{ choices }` has every category on.
          */
-        "onBsClose"?: (event: BsComposerStatusBannerCustomEvent<void>) => void;
+        "onBsAccept"?: (event: BsCookieConsentCustomEvent<{ choices: BsCookieChoices }>) => void;
         /**
-          * Whether the "Continue"-style action button is rendered.
-          * @default false
+          * Fires when a category switch is toggled (`preferences`).
          */
-        "showButton"?: boolean;
+        "onBsChoice"?: (event: BsCookieConsentCustomEvent<{ id: string; enabled: boolean }>) => void;
         /**
-          * Whether the leading icon (default: clock) is rendered.
-          * @default true
+          * Fires when the close button is pressed (`preferences`).
          */
-        "showIcon"?: boolean;
+        "onBsClose"?: (event: BsCookieConsentCustomEvent<void>) => void;
         /**
-          * Which severity/style to render. Drives background, text/icon color, and the action button's color.
-          * @default 'error'
+          * Fires when Customise is pressed -- show the `preferences` form.
          */
-        "type"?: BsComposerStatusBannerType;
+        "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.
@@ -5945,6 +7304,7 @@ declare namespace LocalJSX {
      * 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).
@@ -6077,6 +7437,64 @@ declare namespace LocalJSX {
          */
         "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;
+        /**
+          * 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
@@ -6251,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.
@@ -6736,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
@@ -6782,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
@@ -6861,12 +8528,169 @@ declare namespace LocalJSX {
           * `determinate` renders a static fill reflecting `value`; `indeterminate` renders a continuously sliding gradient bar and ignores `value`.
           * @default 'determinate'
          */
-        "type"?: BsProgressLinearType;
+        "type"?: BsProgressLinearType;
+        /**
+          * Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively.
+          * @default 0
+         */
+        "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;
         /**
-          * Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively.
-          * @default 0
+          * The link shown as text under the code (`type="default"`), and copied by Copy link.
          */
-        "value"?: number;
+        "url"?: string;
     }
     /**
      * A single radio button with its label, for one mutually-exclusive choice within a group.
@@ -6906,6 +8730,150 @@ declare namespace LocalJSX {
          */
         "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'
+         */
+        "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
@@ -7021,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
@@ -7332,6 +9309,7 @@ declare namespace LocalJSX {
      * `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
@@ -7465,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;
@@ -7610,6 +9812,22 @@ 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';
@@ -7638,6 +9856,16 @@ declare namespace LocalJSX {
         "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;
@@ -7666,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;
@@ -7736,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;
@@ -7743,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;
@@ -7758,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;
@@ -7783,6 +10095,8 @@ declare namespace LocalJSX {
         "variant": BsSnackbarVariant;
         "loading": boolean;
         "actionLabel": string;
+        "actionVariant": BsButtonVariant;
+        "hideClose": boolean;
     }
     interface BsSourceLinkAttributes {
         "fileName": string;
@@ -7845,6 +10159,41 @@ declare namespace LocalJSX {
     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] };
@@ -7874,12 +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] };
@@ -7888,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] };
@@ -7903,6 +10259,8 @@ declare namespace LocalJSX {
         "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 };
@@ -8138,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`.
@@ -8524,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
@@ -8544,6 +10929,7 @@ declare module "@stencil/core" {
              * 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).
@@ -8574,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
@@ -8617,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.
@@ -8811,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
@@ -8827,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
@@ -8856,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
@@ -8867,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
@@ -9027,6 +11535,7 @@ declare module "@stencil/core" {
              * `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
@@ -9073,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>;
         }
     }
 }