@brandsync/wc 1.17.0 → 1.19.0

package/dist/types/components.d.ts

@@ -6,6 +6,8 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BsAccordionSize } from "./components/bs-accordion/bs-accordion";
+import { BsApp, BsAppRecent, BsAppSwitcherStatus } from "./components/bs-app-switcher/bs-app-switcher";
+import { BsAppTileSize } from "./components/bs-app-tile/bs-app-tile";
 import { BsAttachmentType } from "./components/bs-attachment/bs-attachment";
 import { BsAvatarSize, BsAvatarType } from "./components/bs-avatar/bs-avatar";
 import { BsBadgeVariant } from "./components/bs-badge/bs-badge";
@@ -22,6 +24,7 @@ import { BsChipFilterSize } from "./components/bs-chip/bs-chip-filter/bs-chip-fi
 import { BsChipInformativeColor, BsChipInformativeSize } from "./components/bs-chip/bs-chip-informative/bs-chip-informative";
 import { BsChipInputSize } from "./components/bs-chip/bs-chip-input/bs-chip-input";
 import { BsCommandPaletteInputDetail, BsCommandPaletteSelectDetail, BsCommandPaletteStatus } from "./components/bs-command-palette/bs-command-palette";
+import { BsCompany } from "./components/bs-company-switcher/bs-company-switcher";
 import { BsComposerState, BsComposerVariant } from "./components/bs-composer/bs-composer";
 import { BsComposerStatusBannerType } from "./components/bs-composer-status-banner/bs-composer-status-banner";
 import { BsContainerSize } from "./components/bs-container/bs-container";
@@ -40,10 +43,12 @@ import { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs
 import { BsIconTileIntent as BsIconTileIntent1, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
 import { BsShortcutGroup } from "./components/bs-keyboard-shortcuts/bs-keyboard-shortcuts";
 import { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
+import { BsMegaMenuColumn, BsMegaMenuFeatured, BsMegaMenuItem, BsMegaMenuType } from "./components/bs-mega-menu/bs-mega-menu";
 import { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
 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 { BsPopoverPlacement } from "./components/bs-popover/bs-popover";
+import { BsPresenceDuration, BsPresenceEasing, BsPresencePreset } from "./components/bs-presence/bs-presence";
 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";
@@ -68,6 +73,8 @@ import { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/b
 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 { BsApp, BsAppRecent, BsAppSwitcherStatus } from "./components/bs-app-switcher/bs-app-switcher";
+export { BsAppTileSize } from "./components/bs-app-tile/bs-app-tile";
 export { BsAttachmentType } from "./components/bs-attachment/bs-attachment";
 export { BsAvatarSize, BsAvatarType } from "./components/bs-avatar/bs-avatar";
 export { BsBadgeVariant } from "./components/bs-badge/bs-badge";
@@ -84,6 +91,7 @@ export { BsChipFilterSize } from "./components/bs-chip/bs-chip-filter/bs-chip-fi
 export { BsChipInformativeColor, BsChipInformativeSize } from "./components/bs-chip/bs-chip-informative/bs-chip-informative";
 export { BsChipInputSize } from "./components/bs-chip/bs-chip-input/bs-chip-input";
 export { BsCommandPaletteInputDetail, BsCommandPaletteSelectDetail, BsCommandPaletteStatus } from "./components/bs-command-palette/bs-command-palette";
+export { BsCompany } from "./components/bs-company-switcher/bs-company-switcher";
 export { BsComposerState, BsComposerVariant } from "./components/bs-composer/bs-composer";
 export { BsComposerStatusBannerType } from "./components/bs-composer-status-banner/bs-composer-status-banner";
 export { BsContainerSize } from "./components/bs-container/bs-container";
@@ -102,10 +110,12 @@ export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs
 export { BsIconTileIntent as BsIconTileIntent1, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
 export { BsShortcutGroup } from "./components/bs-keyboard-shortcuts/bs-keyboard-shortcuts";
 export { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
+export { BsMegaMenuColumn, BsMegaMenuFeatured, BsMegaMenuItem, BsMegaMenuType } from "./components/bs-mega-menu/bs-mega-menu";
 export { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
 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 { BsPopoverPlacement } from "./components/bs-popover/bs-popover";
+export { BsPresenceDuration, BsPresenceEasing, BsPresencePreset } from "./components/bs-presence/bs-presence";
 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";
@@ -137,6 +147,10 @@ export namespace Components {
      * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
      * there's no accordion-group wrapper here, matching Figma's component which only specs the single
      * section, not a group behavior.
+     * @prop --bs-accordion-duration - Length of the expand/collapse motion. Aliased to `--bs-duration-default`.
+     * @prop --bs-accordion-easing - Curve of the expand/collapse motion. Aliased to `--bs-easing-standard`.
+     * Expanding and collapsing animate the body's height and rotate the caret. Under
+     * `prefers-reduced-motion: reduce` the duration token is `0ms`, so the body snaps.
      */
     interface BsAccordion {
         /**
@@ -269,6 +283,57 @@ export namespace Components {
          */
         "label": string;
     }
+    /**
+     * A full-width row for one app: a small icon tile, the app name and a description line (for example
+     * "Opened 10 min ago · Nordlys Handel AS"). Matches the Figma "Recent item" component (Default, Current,
+     * Hover, Pressed and Focus).
+     * The row is always a native button and only emits events; it never navigates. `current` marks the app you are in
+     * (`aria-current="true"`); `disabled` dims it, sets `aria-disabled` and removes it from the tab order.
+     * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the theme's
+     * icon colour through a CSS mask) or any element in the default slot.
+     * ## When to use
+     * - A recently opened app, or a search result with a description, inside `bs-app-switcher`.
+     * ## When not to use
+     * - An app in a launcher grid -- use `bs-app-tile`.
+     * - A generic list row -- use `bs-list-item`.
+     * @prop --bs-app-recent-item-padding-x - Aliased to `--bs-spacing-100`.
+     * @prop --bs-app-recent-item-padding-y - Aliased to `--bs-spacing-100`.
+     * @prop --bs-app-recent-item-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-recent-item-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-app-recent-item-bg - Resting background. `transparent`.
+     * @prop --bs-app-recent-item-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-app-recent-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-app-recent-item-bg-current - Aliased to `--bs-surface-selected`.
+     * @prop --bs-app-recent-item-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+     * @prop --bs-app-recent-item-color - Name colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-recent-item-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-recent-item-color-disabled - Name, description and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-app-recent-item-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppRecentItem {
+        /**
+          * The app you are in right now: selected background and `aria-current="true"`.
+          * @default false
+         */
+        "current": boolean;
+        /**
+          * Second line under the name.
+         */
+        "description"?: string;
+        /**
+          * Dims the row, sets `aria-disabled` and takes it out of the tab order.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * URL of a monochrome SVG painted with the icon colour. The default slot overrides it.
+         */
+        "icon"?: string;
+        /**
+          * The app name, and the accessible name of the row together with the description.
+         */
+        "name": string;
+    }
     /**
      * The page frame: a header across the top, and below it a navigation | main | aside row, laid out
      * with CSS grid. The main column scrolls independently of the header and the side columns.
@@ -297,6 +362,217 @@ export namespace Components {
          */
         "fullHeight": boolean;
     }
+    /**
+     * The panel of an app launcher ("EG apps"): a header with a "Manage" action, a search field, your apps as a
+     * grid (or Recent plus All apps), search results, and a footer link to browse all products. It also has
+     * no-results, loading, error and empty states. Matches the Figma "App switcher" (states Default, With recent,
+     * Searching, No results, Loading, Error and Empty).
+     * This is the panel only. To open it from a button, wrap it in `bs-popover`.
+     * Built from `bs-card` (panel surface), `bs-input` (search), `bs-app-tile` and `bs-app-recent-item` (apps),
+     * `bs-empty-state` (no results, error, empty), `bs-skeleton` (loading), `bs-button` (Clear search, Try
+     * again, Request access) and `bs-divider`. "Manage" and "Browse all" are native links (or buttons when
+     * there is no URL): `bs-button` has no link mode and the library has no link component.
+     * ## When to use
+     * - Letting a user jump between the products they have access to, from an app header.
+     * ## When not to use
+     * - Navigation inside one app -- use `bs-menu` or the app shell navigation.
+     * - Switching company -- use `bs-company-switcher`.
+     * `apps` and `recent` are arrays and must be set as JS properties. Each app's `icon` is the URL of a
+     * monochrome SVG. You own the data: listen to `bsAppSelect` (cancelable: `preventDefault()` cancels the
+     * originating click), and drive `status` and `query` yourself. An empty `apps` list while `status` is
+     * `ready` shows the empty state.
+     * @prop --bs-app-switcher-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-app-switcher-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-app-switcher-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-app-switcher-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-app-switcher-shadow - Panel shadow (elevation level 4). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-higher`.
+     * @prop --bs-app-switcher-padding - Side padding of the content. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-switcher-text-color - Heading and links in the header. Aliased to `--bs-text-default`.
+     * @prop --bs-app-switcher-header-color - Group headers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-switcher-link-color - Browse link. Aliased to `--bs-text-action`.
+     * @prop --bs-app-switcher-focus-ring - Link focus ring. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppSwitcher {
+        /**
+          * Header of the all apps group.
+          * @default 'All apps'
+         */
+        "allAppsLabel": string;
+        /**
+          * The apps the user can open. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "apps": BsApp[];
+        /**
+          * URL of the Browse all link. Without it it is a button that only fires `bsBrowseAll`.
+         */
+        "browseHref"?: string;
+        /**
+          * Text of the footer link.
+          * @default 'Browse all EG products'
+         */
+        "browseLabel": string;
+        /**
+          * Text of the Clear search button.
+          * @default 'Clear search'
+         */
+        "clearLabel": string;
+        /**
+          * `id` of the app you are in: selected background and `aria-current`.
+         */
+        "currentId"?: string;
+        /**
+          * Empty description.
+          * @default 'Ask your administrator for access, or browse all EG products to see what’s available.'
+         */
+        "emptyDescription": string;
+        /**
+          * Empty heading (no apps assigned).
+          * @default 'No apps assigned yet'
+         */
+        "emptyHeading": string;
+        /**
+          * Error description.
+          * @default 'Check your connection and try again. Your work in the current app is not affected.'
+         */
+        "errorDescription": string;
+        /**
+          * Error heading.
+          * @default 'Couldn’t load your apps'
+         */
+        "errorHeading": string;
+        /**
+          * Panel heading.
+          * @default 'EG apps'
+         */
+        "heading": string;
+        /**
+          * Announced while loading.
+          * @default 'Loading apps…'
+         */
+        "loadingLabel": string;
+        /**
+          * URL of the Manage link. Without it Manage is a button that only fires `bsManage`.
+         */
+        "manageHref"?: string;
+        /**
+          * Text of the Manage link.
+          * @default 'Manage'
+         */
+        "manageLabel": string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or browse all EG products to find more apps.'
+         */
+        "noResultsDescription": string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No apps match “{query}”'
+         */
+        "noResultsHeading": string;
+        /**
+          * The search text. Mutable: typing, Escape and "Clear search" update it.
+          * @default ''
+         */
+        "query": string;
+        /**
+          * Recently opened apps, most recent first. When there are any, the panel shows Recent and All apps. JS property only.
+          * @default []
+         */
+        "recent": BsAppRecent[];
+        /**
+          * Header of the recent group.
+          * @default 'Recent'
+         */
+        "recentLabel": string;
+        /**
+          * Text of the Request access button.
+          * @default 'Request access'
+         */
+        "requestAccessLabel": string;
+        /**
+          * Search header with one result ("1 result").
+          * @default 'result'
+         */
+        "resultLabel": string;
+        /**
+          * Search header with several results ("2 results").
+          * @default 'results'
+         */
+        "resultsLabel": string;
+        /**
+          * Text of the Try again button.
+          * @default 'Try again'
+         */
+        "retryLabel": string;
+        /**
+          * Placeholder (and accessible name) of the search field.
+          * @default 'Find an app'
+         */
+        "searchPlaceholder": string;
+        /**
+          * `loading` shows skeleton tiles, `error` the failure state.
+          * @default 'ready'
+         */
+        "status": BsAppSwitcherStatus;
+        /**
+          * Header of the default group when there are no recent apps.
+          * @default 'Your apps'
+         */
+        "yourAppsLabel": string;
+    }
+    /**
+     * One app in an app launcher: an icon tile above a short label. Matches the Figma "App tile" component
+     * (Size Grid and Compact, each Default, Hover, Pressed, Focus, Current and Disabled).
+     * The tile is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element; `current` marks the app you are in (`aria-current="true"`); `disabled` dims it, sets
+     * `aria-disabled` and removes it from the tab order.
+     * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the
+     * theme's icon colour through a CSS mask, so it follows light and dark mode), or any element in the default
+     * slot (an `<svg>` drawn with `currentColor`).
+     * ## When to use
+     * - An app in a launcher grid, usually inside `bs-app-switcher`.
+     * ## When not to use
+     * - A row with a description or "recently opened" line -- use `bs-app-recent-item`.
+     * - A command in a menu -- use `bs-menu-item`.
+     * @prop --bs-app-tile-icon-size - Size of the icon square. `44px` in `grid` (Figma) and `--bs-sizing-400` in `compact`.
+     * @prop --bs-app-tile-padding - Padding inside the tile. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-100` (`compact`).
+     * @prop --bs-app-tile-gap - Gap between icon and label. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-50` (`compact`).
+     * @prop --bs-app-tile-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-app-tile-bg - Resting background. `transparent`.
+     * @prop --bs-app-tile-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-app-tile-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-app-tile-bg-current - Aliased to `--bs-surface-selected`.
+     * @prop --bs-app-tile-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+     * @prop --bs-app-tile-color - Label colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-tile-color-disabled - Label and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-app-tile-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppTile {
+        /**
+          * The app you are in right now: selected background and `aria-current="true"`.
+          * @default false
+         */
+        "current": boolean;
+        /**
+          * Dims the tile, sets `aria-disabled` and takes it out of the tab order.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * URL of a monochrome SVG painted with the icon colour. The default slot overrides it.
+         */
+        "icon"?: string;
+        /**
+          * The app name, shown under the icon and used as the accessible name.
+         */
+        "name": string;
+        /**
+          * `grid` is the 3-column launcher tile; `compact` the smaller 4-column one.
+          * @default 'grid'
+         */
+        "size": BsAppTileSize;
+    }
     /**
      * A single file attachment preview for `bs-composer` -- an image thumbnail, or a filename card
      * with a colored file-type badge (PDF/Document), with an optional upload-in-progress spinner and
@@ -671,6 +947,11 @@ export namespace Components {
      * manages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,
      * so they leave the tab order and the accessibility tree) and, only when not already set,
      * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
+     * Changing page plays a short motion: the visible slides fade and slide out in the direction of travel,
+     * then the next page's slides fade and slide in (reversed for previous, and mirrored in RTL). The dots
+     * also grow and fade between pages. Motion length and distance follow `--bs-carousel-duration`,
+     * `--bs-carousel-easing` and `--bs-carousel-slide-distance`. Under `prefers-reduced-motion: reduce`
+     * the duration token is `0ms`, so pages switch instantly.
      * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
      * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
      * ## When to use
@@ -1477,6 +1758,159 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+     * (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element.
+     * ## When to use
+     * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+     * ## When not to use
+     * - A destination that needs an icon or a description -- use `bs-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+     * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     */
+    interface BsCompactMenuBlock {
+        /**
+          * The text, and the accessible name.
+         */
+        "name": string;
+    }
+    /**
+     * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+     * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+     * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+     * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+     * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+     * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+     * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+     * ## When to use
+     * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+     * ## When not to use
+     * - Picking a value in a form -- use `bs-input type="dropdown"`.
+     * - Switching between a handful of fixed views -- use `bs-tab`.
+     * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+     * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+     * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+     * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+     * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+     * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+     * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+     * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+     * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+     * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+     * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+     * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+     * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+     */
+    interface BsCompanySwitcher {
+        /**
+          * Text of the "Add companies" footer button.
+          * @default 'Add companies'
+         */
+        "addLabel": string;
+        /**
+          * Header of the all companies group (the count is appended).
+          * @default 'All companies'
+         */
+        "allLabel": string;
+        /**
+          * The companies the user can switch between. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "companies": BsCompany[];
+        /**
+          * `id` of the current company.
+         */
+        "currentId"?: string;
+        /**
+          * Header of the current company group.
+          * @default 'Current'
+         */
+        "currentLabel": string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or search by org. number.'
+         */
+        "emptyDescription": string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No companies match “{query}”'
+         */
+        "emptyHeading": string;
+        /**
+          * Accessible name of the company listbox.
+          * @default 'Companies'
+         */
+        "listLabel": string;
+        /**
+          * Text of the "Manage Companies" footer button.
+          * @default 'Manage Companies'
+         */
+        "manageLabel": string;
+        /**
+          * Header of the search view when there is one match ("1 match").
+          * @default 'match'
+         */
+        "matchLabel": string;
+        /**
+          * Header of the search view when there are several matches ("3 matches").
+          * @default 'matches'
+         */
+        "matchesLabel": string;
+        /**
+          * Whether the panel is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Prefix of the org. number, e.g. "Org. no.".
+          * @default 'Org. no.'
+         */
+        "orgNumberLabel": string;
+        /**
+          * Text of the trigger when there is no current company.
+          * @default 'Select a company'
+         */
+        "placeholderLabel": string;
+        /**
+          * `id`s of recently used companies, most recent first. The current company is not repeated in the Recent group.
+          * @default []
+         */
+        "recentIds": string[];
+        /**
+          * Header of the recent companies group.
+          * @default 'Recent'
+         */
+        "recentLabel": string;
+        /**
+          * Placeholder (and accessible name) of the search field.
+          * @default 'Find a company or org. number'
+         */
+        "searchPlaceholder": string;
+        /**
+          * `id` of the company being switched to. Shows the switching state: a spinner in the trigger and on that row.
+         */
+        "switchingId"?: string;
+        /**
+          * Trigger subtitle while switching.
+          * @default 'Switching…'
+         */
+        "switchingLabel": string;
+    }
     /**
      * A chat composer input for Genie AI-style conversational interfaces: a text field
      * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -2443,6 +2877,10 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Makes this a toggle button: sets `aria-pressed` on the inner `<button>` to `true`/`false`. Leave it unset (the default) for a plain action button, which then has no `aria-pressed` at all. The component does not toggle itself; the owner flips this on click. Put the toggle's state in the icon (e.g. a filled star), not in the label, which should stay the same.
+         */
+        "pressed"?: boolean;
         /**
           * Sizing scale. `xs` (16px, an 8px icon) is a distinct, much smaller tier meant for compact chip/tag "remove" controls, not just a smaller toolbar button -- verified against a separate Figma redline (EG BrandSync UI Kit v1.5, node 20731:18427) from the one `sm`/`md`/`lg` were built against.
           * @default 'md'
@@ -2981,6 +3419,97 @@ export namespace Components {
          */
         "variant": BsLogoVariant;
     }
+    /**
+     * The dropdown panel under a navigation header tab: columns of links grouped under headings, an optional
+     * featured area on the right, and a footer with recently used items and a shortcut hint. Matches the Figma
+     * "Mega menu" (types Columns, Column with featured, Compact and Compact with featured).
+     * This is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the
+     * header's full width, and show it from the tab that opens it; the panel does not open or close itself. Escape
+     * inside the panel fires `bsClose` so you can close it.
+     * There are two ways to show and hide it. Toggle the host's `hidden` attribute and it appears and disappears at once
+     * (the original contract, unchanged). Or set `open` and it fades and drops in from under the bar, then fades back out
+     * and is removed once the exit finishes. Leave `open` unset to keep using `hidden` only. `hidden` always wins: with it
+     * set the panel is not shown whatever `open` says.
+     * Built from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and
+     * `bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout
+     * markup: no component covers them.
+     * ## Responsive
+     * The panel reacts to its own width (a container query), not the viewport's. Below 600px it becomes one column (heading
+     * above its links, featured area below), titles and descriptions wrap, links are at least 44px tall, the footer stacks
+     * and the default shortcut hint is hidden (`display: none`; a keyboard hint means nothing on a touch screen). A custom
+     * `footer-end` slot is not hidden.
+     * ## When to use
+     * - A header tab that leads to many destinations that need grouping (Sell, Finance, Inventory).
+     * ## When not to use
+     * - A short list of commands -- use `bs-menu` in a `bs-popover`.
+     * - Switching app or company -- use `bs-app-switcher` or `bs-company-switcher`.
+     * `columns`, `featured` and `recent` are arrays or objects and must be set as JS properties. Each item's `icon` is
+     * the URL of a monochrome SVG. You own the data: listen to `bsMenuSelect` (cancelable: `preventDefault()` cancels the
+     * originating click).
+     * @prop --bs-mega-menu-width - Panel width. Defaults to `1100px` (Figma); capped at the viewport.
+     * @prop --bs-mega-menu-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-mega-menu-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-mega-menu-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-mega-menu-shadow - Panel shadow (elevation level 3). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-high`.
+     * @prop --bs-mega-menu-padding - Padding around the columns. Aliased to `--bs-spacing-300` and `--bs-spacing-350`.
+     * @prop --bs-mega-menu-gap - Gap between columns. Aliased to `--bs-spacing-300`.
+     * @prop --bs-mega-menu-heading-color - Column headings. Aliased to `--bs-text-muted`.
+     * @prop --bs-mega-menu-text-color - Featured title. Aliased to `--bs-text-default`.
+     * @prop --bs-mega-menu-muted-color - Featured description and footer text. Aliased to `--bs-text-secondary`.
+     * @prop --bs-mega-menu-duration - Length of the open/close motion (`open` only). Aliased to `--bs-duration-default`.
+     * @prop --bs-mega-menu-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-mega-menu-distance - How far the panel drops while it fades. Aliased to `--bs-spacing-100`.
+     * Under `prefers-reduced-motion: reduce` (or a duration of `0ms`) setting `open` shows and hides the panel instantly.
+     */
+    interface BsMegaMenu {
+        /**
+          * The groups of links. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "columns": BsMegaMenuColumn[];
+        /**
+          * The featured area on the right. JS property only. The `featured` slot overrides it.
+         */
+        "featured"?: BsMegaMenuFeatured;
+        /**
+          * Accessible name of the panel.
+          * @default 'Menu'
+         */
+        "label": string;
+        /**
+          * Shows the panel with an enter/exit motion. Unset (the default) leaves visibility to the host's `hidden` attribute, which shows and hides instantly. `true` shows the panel; `false` fades it out and then removes it. The panel stays in the DOM and is `inert` while it fades out.
+         */
+        "open"?: boolean;
+        /**
+          * Recently used destinations, already translated, shown in the footer. JS property only.
+          * @default []
+         */
+        "recent": string[];
+        /**
+          * Text before the recently used items.
+          * @default 'Recently used:'
+         */
+        "recentLabel": string;
+        /**
+          * The shortcut keys, joined by "+".
+          * @default 'Ctrl+K'
+         */
+        "shortcutKeys": string;
+        /**
+          * Accessible name of the shortcut keys. Defaults to the keys joined with " plus ".
+         */
+        "shortcutKeysLabel"?: string;
+        /**
+          * Text before the shortcut keys.
+          * @default 'Can’t find it? Press'
+         */
+        "shortcutLabel": string;
+        /**
+          * `columns` shows menu blocks with icon and description; `compact` plain text links.
+          * @default 'columns'
+         */
+        "type": BsMegaMenuType;
+    }
     /**
      * A generic dropdown/popup menu container: a rounded, elevated list of items (typically
      * `bs-menu-item` elements).
@@ -2998,6 +3527,49 @@ export namespace Components {
      */
     interface BsMenu {
     }
+    /**
+     * A rich entry in a mega menu: an icon tile, a title with an optional "New" chip, and a one-line description.
+     * Matches the Figma "Menu block" component (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element. Its accessible name is its text: the title, the badge and the description, read once.
+     * Built from `bs-icon-tile` (the icon) and `bs-chip-informative` (the badge). The icon is either a URL of a
+     * monochrome SVG in `icon` (painted with the theme's icon colour through a CSS mask, so it follows light and
+     * dark mode), or any element in the default slot (an `<svg>` drawn with `currentColor`).
+     * ## When to use
+     * - A destination in a mega menu that needs an icon and a sentence of explanation, usually inside `bs-mega-menu`.
+     * ## When not to use
+     * - A plain text destination -- use `bs-compact-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-150`.
+     * @prop --bs-menu-block-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+     * @prop --bs-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-menu-block-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered or pressed.
+     * @prop --bs-menu-block-color - Title colour. Aliased to `--bs-text-default`.
+     * @prop --bs-menu-block-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     * @prop --bs-menu-block-white-space - `white-space` of the title and description. `nowrap` (single line, ellipsis); set `normal` to let them wrap.
+     */
+    interface BsMenuBlock {
+        /**
+          * Short text for a chip beside the title, e.g. "New".
+         */
+        "badge"?: string;
+        /**
+          * One line under the title; part of the accessible name.
+         */
+        "description"?: string;
+        /**
+          * URL of a monochrome SVG painted with the icon colour. The default slot overrides it.
+         */
+        "icon"?: string;
+        /**
+          * The title, and the start of the accessible name.
+         */
+        "name": string;
+    }
     /**
      * A single selectable row inside a `bs-menu`: an optional icon plus a text label, rendered as a
      * real `<button>` for correct keyboard/click semantics.
@@ -3401,6 +3973,91 @@ export namespace Components {
          */
         "type": BsOnboardingChecklistType;
     }
+    /**
+     * The header at the top of a page's content area: breadcrumb trail, the page title (a real heading) with an
+     * optional back button, status and favourite toggle, a meta line, page-level actions on the right and an
+     * optional row of tabs. Matches the Figma "Page header" (types List page, Record, Record with tabs and Sticky
+     * compact).
+     * Built from `bs-breadcrumbs`/`bs-breadcrumb` (slotted by you), `bs-icon-button` (the built-in back and favourite
+     * buttons), `bs-chip-informative` (the status you slot), `bs-button` and `bs-icon-button` (the actions you slot),
+     * `bs-tabs`/`bs-tab` (the tab row you slot) and `bs-divider` (under the tabs). The title block, meta line and
+     * actions area are plain layout markup, because no component covers them. The back arrow and the star are
+     * inline SVG (Phosphor "arrow-left", "star" and "star-fill") until the library has an icon component.
+     * ## Compact (sticky)
+     * `compact` is the condensed state a record header takes once the page scrolls: one row (back, title, status,
+     * meta inline, actions), a level 2 shadow, no breadcrumb and no tabs, and `position: sticky`. Set it yourself
+     * from a scroll observer. Because the header covers the top of the scroll area, give the scroll container
+     * `scroll-padding-top` equal to its height (80px by default) so focused or anchored content is not hidden under it.
+     * ## Responsive
+     * The header reacts to its own width (a container query), not the viewport's. Below 640px the actions wrap
+     * below the title block, slotted buttons grow to 44px tall, the title and meta wrap, and the tab row scrolls
+     * sideways inside itself. The page never gets wider.
+     * ## When to use
+     * - The top of a list page or a single record (an invoice, a customer) inside the app shell's content area.
+     * ## When not to use
+     * - The app-wide bar with logo, search and user: use `bs-navigation-header`.
+     * - The heading of a card, dialog or panel: use that component's own `heading`.
+     * ## Accessibility notes
+     * The root is a plain `div`, not a `<header>`: a `<header>` that is not inside `<main>`/`<article>`/`<section>`
+     * is a second banner landmark. The title is a real heading (`<h1>` by default, `headingLevel` 1 to 6); the
+     * status is next to it, not inside it. If you want a landmark, wrap `bs-page-header` yourself.
+     * @prop --bs-page-header-bg - Background. Aliased to `--bs-surface-base`.
+     * @prop --bs-page-header-padding-x - Left and right padding. Aliased to `--bs-spacing-200`.
+     * @prop --bs-page-header-padding-y - Top and bottom padding. Aliased to `--bs-spacing-300`.
+     * @prop --bs-page-header-gap - Gap between the breadcrumb, title block and tabs, and between the title block and the actions. Aliased to `--bs-spacing-150`.
+     * @prop --bs-page-header-title-gap - Gap between the heading, status and favourite button. Aliased to `--bs-spacing-150`.
+     * @prop --bs-page-header-actions-gap - Gap between the actions. Aliased to `--bs-spacing-100`.
+     * @prop --bs-page-header-text-color - Heading. Aliased to `--bs-text-default`.
+     * @prop --bs-page-header-meta-color - Meta line. Aliased to `--bs-text-secondary`.
+     * @prop --bs-page-header-shadow - Shadow of the compact header (elevation level 2). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-medium`.
+     * @prop --bs-page-header-sticky-offset - The `top` of the compact header. Defaults to `0px`; set it to the height of a sticky bar above (e.g. the navigation header).
+     * @prop --bs-page-header-z-index - Stacking order of the compact header. Aliased to `--bs-z-index-sticky`.
+     */
+    interface BsPageHeader {
+        /**
+          * Shows a back button before the title. It emits `bsBack`; you navigate.
+          * @default false
+         */
+        "back": boolean;
+        /**
+          * Accessible name of the back button.
+          * @default 'Back'
+         */
+        "backLabel": string;
+        /**
+          * The condensed, sticky state: one row, a level 2 shadow, no breadcrumb and no tabs. Reflected.
+          * @default false
+         */
+        "compact": boolean;
+        /**
+          * Shows the favourite (star) toggle after the title.
+          * @default false
+         */
+        "favoritable": boolean;
+        /**
+          * Whether the record is a favourite. Mutable: it follows the user's toggle unless `bsFavoriteChange` is cancelled.
+          * @default false
+         */
+        "favorite": boolean;
+        /**
+          * Accessible name of the favourite toggle. It stays the same in both states; `aria-pressed` carries the state.
+          * @default 'Favourite'
+         */
+        "favoriteLabel": string;
+        /**
+          * The page title, rendered as the heading.
+         */
+        "heading": string;
+        /**
+          * HTML heading level for the title, 1 to 6. Use 1 unless the page already has its own `h1`.
+          * @default 1
+         */
+        "headingLevel": number;
+        /**
+          * The line under the title, plain text, e.g. "214 invoices · 38 open". The `meta` slot overrides it.
+         */
+        "meta"?: string;
+    }
     /**
      * 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
@@ -3468,6 +4125,11 @@ export namespace Components {
      * @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
      * @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
      * @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
+     * @prop --bs-popover-duration - Length of the open/close motion. Aliased to `--bs-duration-fast`.
+     * @prop --bs-popover-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-popover-distance - How far the popup nudges while it fades. Aliased to `--bs-spacing-50`.
+     * The popup fades and nudges toward its trigger when it opens and closes. Length, curve and travel are
+     * `--bs-popover-duration`, `--bs-popover-easing` and `--bs-popover-distance`; under `prefers-reduced-motion: reduce` it is instant.
      */
     interface BsPopover {
         /**
@@ -3481,6 +4143,45 @@ export namespace Components {
          */
         "placement": BsPopoverPlacement;
     }
+    /**
+     * Shows and hides slotted content with a short enter/exit transition.
+     * The motion uses the shared duration and easing tokens (`--bs-duration-*`, `--bs-easing-*`).
+     * Under `prefers-reduced-motion: reduce` those durations are already `0ms`, and this component
+     * forces `--bs-presence-duration` to `--bs-duration-instant` as well, so the content snaps
+     * instead of moving.
+     * ## When to use
+     * - Revealing a block that does not have its own enter/exit (a card, a form section, a panel).
+     * - Comparing duration and easing tokens while designing a screen.
+     * ## When not to use
+     * - Loading placeholders (`bs-skeleton`), spinners (`bs-spinner`), or progress.
+     * - Dialog, snackbar, toast, and command palette — those components own their motion.
+     * @prop --bs-presence-duration - Transition length. Set from the `duration` prop to a `--bs-duration-*` token.
+     * @prop --bs-presence-easing - Transition curve. Set from the `easing` prop to a `--bs-easing-*` token.
+     * @prop --bs-presence-distance - Travel distance for `slide-up` and `slide-down`. Aliased to `--bs-spacing-400`.
+     * @prop --bs-presence-scale - Closed scale for `scale`. No unitless scale token exists, so the default is `0.96`.
+     */
+    interface BsPresence {
+        /**
+          * When true, the slotted content is shown. Flipping this plays the exit or enter transition.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Length of the transition, mapped to a `--bs-duration-*` token.
+          * @default 'default'
+         */
+        "duration": BsPresenceDuration;
+        /**
+          * Curve of the transition, mapped to a `--bs-easing-*` token.
+          * @default 'standard'
+         */
+        "easing": BsPresenceEasing;
+        /**
+          * Which transition to play.
+          * @default 'fade'
+         */
+        "preset": BsPresencePreset;
+    }
     /**
      * 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
@@ -3804,6 +4505,42 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * A touch-ripple effect: on pointer press, a circle grows from the press point and fades out.
+     * It is a building block for pressable components (`bs-button`, `bs-icon-button`, ...), not something
+     * to place on a page by itself. Put it inside a positioned, pressable parent; it fills that parent,
+     * follows its corner radius, and listens for `pointerdown` on it. Pointer-events pass through, so the
+     * parent still receives every click.
+     * The motion uses the shared duration and easing tokens. Under `prefers-reduced-motion: reduce` those
+     * durations are `0ms`, and the ripple does not play at all.
+     * ## When to use
+     * - Inside a pressable `bs-*` component, to give press feedback.
+     * ## When not to use
+     * - As a hover or focus indicator. Those are colour changes on the parent.
+     * - On non-interactive surfaces.
+     * Set the custom properties on the `bs-ripple` element itself. Inside another component that means `::part(ripple)`,
+     * e.g. `bs-button::part(ripple) { --bs-ripple-color: white; }`.
+     * @prop --bs-ripple-color - Ripple colour. `currentColor` by default, so it follows the parent's text colour and works on every variant.
+     * @prop --bs-ripple-opacity - Starting opacity of the ripple. No opacity token fits, so the default is `0.24`.
+     * @prop --bs-ripple-duration - Length of the ripple. Aliased to `--bs-duration-slower`.
+     * @prop --bs-ripple-easing - Curve of the ripple. Aliased to `--bs-easing-decelerate`.
+     */
+    interface BsRipple {
+        /**
+          * Always start the ripple from the centre instead of the press point. Use it for round or icon-only controls.
+          * @default false
+         */
+        "centered": boolean;
+        /**
+          * Turns the ripple off. A disabled parent (`<button disabled>`) also stops it.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * CSS selector of the element to listen on, found with `closest()` from the ripple (so it stays inside the same shadow tree). By default the ripple listens on its parent. Use it when the pressable element is bigger than the ripple's own parent, e.g. a switch whose ripple sits on the knob but whose whole `<label>` is the press target.
+         */
+        "triggerSelector"?: string;
+    }
     /**
      * One result or suggestion row of a search dropdown: a leading icon, a primary line, an optional
      * description line and trailing text. Static, not focusable -- focus stays in the search field and the
@@ -4033,6 +4770,8 @@ export namespace Components {
      * @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
      * @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
      * @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
+     * @prop --bs-side-panel-duration - Length of the slide in/out. Aliased to `--bs-duration-slow`.
+     * @prop --bs-side-panel-easing - Curve of the slide in/out. Aliased to `--bs-easing-standard`.
      */
     interface BsSidePanel {
         /**
@@ -4786,6 +5525,11 @@ export namespace Components {
      * - Interactive content or long text (use `bs-popover`).
      * @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
      * @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
+     * @prop --bs-tooltip-trigger-duration - Length of the show/hide motion. Aliased to `--bs-duration-fast`.
+     * @prop --bs-tooltip-trigger-easing - Curve of the show/hide motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-tooltip-trigger-distance - How far the tooltip nudges while it fades. Aliased to `--bs-spacing-50`.
+     * The tooltip fades in while drifting a few pixels away from the trigger into place, and fades back out toward it. Under
+     * `prefers-reduced-motion: reduce` (or a duration of `0ms`) it appears and disappears instantly.
      */
     interface BsTooltipTrigger {
         /**
@@ -5082,6 +5826,10 @@ export interface BsAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsAccordionElement;
 }
+export interface BsAppSwitcherCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsAppSwitcherElement;
+}
 export interface BsAttachmentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsAttachmentElement;
@@ -5138,6 +5886,10 @@ export interface BsCommandPaletteCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsCommandPaletteElement;
 }
+export interface BsCompanySwitcherCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsCompanySwitcherElement;
+}
 export interface BsComposerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsComposerElement;
@@ -5198,6 +5950,10 @@ export interface BsListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsListItemElement;
 }
+export interface BsMegaMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsMegaMenuElement;
+}
 export interface BsMenuItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsMenuItemElement;
@@ -5218,6 +5974,10 @@ export interface BsOnboardingChecklistCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsOnboardingChecklistElement;
 }
+export interface BsPageHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsPageHeaderElement;
+}
 export interface BsPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsPaginationElement;
@@ -5226,6 +5986,10 @@ export interface BsPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsPopoverElement;
 }
+export interface BsPresenceCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsPresenceElement;
+}
 export interface BsProductTourCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsProductTourElement;
@@ -5313,6 +6077,10 @@ declare global {
      * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
      * there's no accordion-group wrapper here, matching Figma's component which only specs the single
      * section, not a group behavior.
+     * @prop --bs-accordion-duration - Length of the expand/collapse motion. Aliased to `--bs-duration-default`.
+     * @prop --bs-accordion-easing - Curve of the expand/collapse motion. Aliased to `--bs-easing-standard`.
+     * Expanding and collapsing animate the body's height and rotate the caret. Under
+     * `prefers-reduced-motion: reduce` the duration token is `0ms`, so the body snaps.
      */
     interface HTMLBsAccordionElement extends Components.BsAccordion, HTMLStencilElement {
         addEventListener<K extends keyof HTMLBsAccordionElementEventMap>(type: K, listener: (this: HTMLBsAccordionElement, ev: BsAccordionCustomEvent<HTMLBsAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -5429,6 +6197,39 @@ declare global {
         prototype: HTMLBsAiThinkingElement;
         new (): HTMLBsAiThinkingElement;
     };
+    /**
+     * A full-width row for one app: a small icon tile, the app name and a description line (for example
+     * "Opened 10 min ago · Nordlys Handel AS"). Matches the Figma "Recent item" component (Default, Current,
+     * Hover, Pressed and Focus).
+     * The row is always a native button and only emits events; it never navigates. `current` marks the app you are in
+     * (`aria-current="true"`); `disabled` dims it, sets `aria-disabled` and removes it from the tab order.
+     * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the theme's
+     * icon colour through a CSS mask) or any element in the default slot.
+     * ## When to use
+     * - A recently opened app, or a search result with a description, inside `bs-app-switcher`.
+     * ## When not to use
+     * - An app in a launcher grid -- use `bs-app-tile`.
+     * - A generic list row -- use `bs-list-item`.
+     * @prop --bs-app-recent-item-padding-x - Aliased to `--bs-spacing-100`.
+     * @prop --bs-app-recent-item-padding-y - Aliased to `--bs-spacing-100`.
+     * @prop --bs-app-recent-item-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-recent-item-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-app-recent-item-bg - Resting background. `transparent`.
+     * @prop --bs-app-recent-item-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-app-recent-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-app-recent-item-bg-current - Aliased to `--bs-surface-selected`.
+     * @prop --bs-app-recent-item-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+     * @prop --bs-app-recent-item-color - Name colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-recent-item-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-recent-item-color-disabled - Name, description and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-app-recent-item-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface HTMLBsAppRecentItemElement extends Components.BsAppRecentItem, HTMLStencilElement {
+    }
+    var HTMLBsAppRecentItemElement: {
+        prototype: HTMLBsAppRecentItemElement;
+        new (): HTMLBsAppRecentItemElement;
+    };
     /**
      * The page frame: a header across the top, and below it a navigation | main | aside row, laid out
      * with CSS grid. The main column scrolls independently of the header and the side columns.
@@ -5456,6 +6257,92 @@ declare global {
         prototype: HTMLBsAppShellElement;
         new (): HTMLBsAppShellElement;
     };
+    interface HTMLBsAppSwitcherElementEventMap {
+        "bsAppSelect": BsApp;
+        "bsManage": void;
+        "bsBrowseAll": void;
+        "bsClearSearch": void;
+        "bsRetry": void;
+        "bsRequestAccess": void;
+        "bsQueryChange": string;
+    }
+    /**
+     * The panel of an app launcher ("EG apps"): a header with a "Manage" action, a search field, your apps as a
+     * grid (or Recent plus All apps), search results, and a footer link to browse all products. It also has
+     * no-results, loading, error and empty states. Matches the Figma "App switcher" (states Default, With recent,
+     * Searching, No results, Loading, Error and Empty).
+     * This is the panel only. To open it from a button, wrap it in `bs-popover`.
+     * Built from `bs-card` (panel surface), `bs-input` (search), `bs-app-tile` and `bs-app-recent-item` (apps),
+     * `bs-empty-state` (no results, error, empty), `bs-skeleton` (loading), `bs-button` (Clear search, Try
+     * again, Request access) and `bs-divider`. "Manage" and "Browse all" are native links (or buttons when
+     * there is no URL): `bs-button` has no link mode and the library has no link component.
+     * ## When to use
+     * - Letting a user jump between the products they have access to, from an app header.
+     * ## When not to use
+     * - Navigation inside one app -- use `bs-menu` or the app shell navigation.
+     * - Switching company -- use `bs-company-switcher`.
+     * `apps` and `recent` are arrays and must be set as JS properties. Each app's `icon` is the URL of a
+     * monochrome SVG. You own the data: listen to `bsAppSelect` (cancelable: `preventDefault()` cancels the
+     * originating click), and drive `status` and `query` yourself. An empty `apps` list while `status` is
+     * `ready` shows the empty state.
+     * @prop --bs-app-switcher-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-app-switcher-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-app-switcher-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-app-switcher-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-app-switcher-shadow - Panel shadow (elevation level 4). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-higher`.
+     * @prop --bs-app-switcher-padding - Side padding of the content. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-switcher-text-color - Heading and links in the header. Aliased to `--bs-text-default`.
+     * @prop --bs-app-switcher-header-color - Group headers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-switcher-link-color - Browse link. Aliased to `--bs-text-action`.
+     * @prop --bs-app-switcher-focus-ring - Link focus ring. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface HTMLBsAppSwitcherElement extends Components.BsAppSwitcher, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsAppSwitcherElementEventMap>(type: K, listener: (this: HTMLBsAppSwitcherElement, ev: BsAppSwitcherCustomEvent<HTMLBsAppSwitcherElementEventMap[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 HTMLBsAppSwitcherElementEventMap>(type: K, listener: (this: HTMLBsAppSwitcherElement, ev: BsAppSwitcherCustomEvent<HTMLBsAppSwitcherElementEventMap[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 HTMLBsAppSwitcherElement: {
+        prototype: HTMLBsAppSwitcherElement;
+        new (): HTMLBsAppSwitcherElement;
+    };
+    /**
+     * One app in an app launcher: an icon tile above a short label. Matches the Figma "App tile" component
+     * (Size Grid and Compact, each Default, Hover, Pressed, Focus, Current and Disabled).
+     * The tile is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element; `current` marks the app you are in (`aria-current="true"`); `disabled` dims it, sets
+     * `aria-disabled` and removes it from the tab order.
+     * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the
+     * theme's icon colour through a CSS mask, so it follows light and dark mode), or any element in the default
+     * slot (an `<svg>` drawn with `currentColor`).
+     * ## When to use
+     * - An app in a launcher grid, usually inside `bs-app-switcher`.
+     * ## When not to use
+     * - A row with a description or "recently opened" line -- use `bs-app-recent-item`.
+     * - A command in a menu -- use `bs-menu-item`.
+     * @prop --bs-app-tile-icon-size - Size of the icon square. `44px` in `grid` (Figma) and `--bs-sizing-400` in `compact`.
+     * @prop --bs-app-tile-padding - Padding inside the tile. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-100` (`compact`).
+     * @prop --bs-app-tile-gap - Gap between icon and label. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-50` (`compact`).
+     * @prop --bs-app-tile-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-app-tile-bg - Resting background. `transparent`.
+     * @prop --bs-app-tile-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-app-tile-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-app-tile-bg-current - Aliased to `--bs-surface-selected`.
+     * @prop --bs-app-tile-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+     * @prop --bs-app-tile-color - Label colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-tile-color-disabled - Label and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-app-tile-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface HTMLBsAppTileElement extends Components.BsAppTile, HTMLStencilElement {
+    }
+    var HTMLBsAppTileElement: {
+        prototype: HTMLBsAppTileElement;
+        new (): HTMLBsAppTileElement;
+    };
     interface HTMLBsAttachmentElementEventMap {
         "bsRemove": void;
     }
@@ -5744,6 +6631,11 @@ declare global {
      * manages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,
      * so they leave the tab order and the accessibility tree) and, only when not already set,
      * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
+     * Changing page plays a short motion: the visible slides fade and slide out in the direction of travel,
+     * then the next page's slides fade and slide in (reversed for previous, and mirrored in RTL). The dots
+     * also grow and fade between pages. Motion length and distance follow `--bs-carousel-duration`,
+     * `--bs-carousel-easing` and `--bs-carousel-slide-distance`. Under `prefers-reduced-motion: reduce`
+     * the duration token is `0ms`, so pages switch instantly.
      * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
      * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
      * ## When to use
@@ -6231,6 +7123,84 @@ declare global {
         prototype: HTMLBsCommandPaletteElement;
         new (): HTMLBsCommandPaletteElement;
     };
+    /**
+     * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+     * (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element.
+     * ## When to use
+     * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+     * ## When not to use
+     * - A destination that needs an icon or a description -- use `bs-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+     * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     */
+    interface HTMLBsCompactMenuBlockElement extends Components.BsCompactMenuBlock, HTMLStencilElement {
+    }
+    var HTMLBsCompactMenuBlockElement: {
+        prototype: HTMLBsCompactMenuBlockElement;
+        new (): HTMLBsCompactMenuBlockElement;
+    };
+    interface HTMLBsCompanySwitcherElementEventMap {
+        "bsCompanySwitch": BsCompany;
+        "bsManageCompanies": void;
+        "bsAddCompanies": void;
+        "bsOpenChange": boolean;
+    }
+    /**
+     * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+     * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+     * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+     * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+     * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+     * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+     * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+     * ## When to use
+     * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+     * ## When not to use
+     * - Picking a value in a form -- use `bs-input type="dropdown"`.
+     * - Switching between a handful of fixed views -- use `bs-tab`.
+     * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+     * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+     * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+     * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+     * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+     * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+     * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+     * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+     * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+     * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+     * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+     * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+     * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+     */
+    interface HTMLBsCompanySwitcherElement extends Components.BsCompanySwitcher, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsCompanySwitcherElementEventMap>(type: K, listener: (this: HTMLBsCompanySwitcherElement, ev: BsCompanySwitcherCustomEvent<HTMLBsCompanySwitcherElementEventMap[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 HTMLBsCompanySwitcherElementEventMap>(type: K, listener: (this: HTMLBsCompanySwitcherElement, ev: BsCompanySwitcherCustomEvent<HTMLBsCompanySwitcherElementEventMap[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 HTMLBsCompanySwitcherElement: {
+        prototype: HTMLBsCompanySwitcherElement;
+        new (): HTMLBsCompanySwitcherElement;
+    };
     interface HTMLBsComposerElementEventMap {
         "bsInput": string;
         "bsSubmit": void;
@@ -7057,6 +8027,66 @@ declare global {
         prototype: HTMLBsLogoElement;
         new (): HTMLBsLogoElement;
     };
+    interface HTMLBsMegaMenuElementEventMap {
+        "bsMenuSelect": BsMegaMenuItem;
+        "bsClose": void;
+    }
+    /**
+     * The dropdown panel under a navigation header tab: columns of links grouped under headings, an optional
+     * featured area on the right, and a footer with recently used items and a shortcut hint. Matches the Figma
+     * "Mega menu" (types Columns, Column with featured, Compact and Compact with featured).
+     * This is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the
+     * header's full width, and show it from the tab that opens it; the panel does not open or close itself. Escape
+     * inside the panel fires `bsClose` so you can close it.
+     * There are two ways to show and hide it. Toggle the host's `hidden` attribute and it appears and disappears at once
+     * (the original contract, unchanged). Or set `open` and it fades and drops in from under the bar, then fades back out
+     * and is removed once the exit finishes. Leave `open` unset to keep using `hidden` only. `hidden` always wins: with it
+     * set the panel is not shown whatever `open` says.
+     * Built from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and
+     * `bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout
+     * markup: no component covers them.
+     * ## Responsive
+     * The panel reacts to its own width (a container query), not the viewport's. Below 600px it becomes one column (heading
+     * above its links, featured area below), titles and descriptions wrap, links are at least 44px tall, the footer stacks
+     * and the default shortcut hint is hidden (`display: none`; a keyboard hint means nothing on a touch screen). A custom
+     * `footer-end` slot is not hidden.
+     * ## When to use
+     * - A header tab that leads to many destinations that need grouping (Sell, Finance, Inventory).
+     * ## When not to use
+     * - A short list of commands -- use `bs-menu` in a `bs-popover`.
+     * - Switching app or company -- use `bs-app-switcher` or `bs-company-switcher`.
+     * `columns`, `featured` and `recent` are arrays or objects and must be set as JS properties. Each item's `icon` is
+     * the URL of a monochrome SVG. You own the data: listen to `bsMenuSelect` (cancelable: `preventDefault()` cancels the
+     * originating click).
+     * @prop --bs-mega-menu-width - Panel width. Defaults to `1100px` (Figma); capped at the viewport.
+     * @prop --bs-mega-menu-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-mega-menu-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-mega-menu-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-mega-menu-shadow - Panel shadow (elevation level 3). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-high`.
+     * @prop --bs-mega-menu-padding - Padding around the columns. Aliased to `--bs-spacing-300` and `--bs-spacing-350`.
+     * @prop --bs-mega-menu-gap - Gap between columns. Aliased to `--bs-spacing-300`.
+     * @prop --bs-mega-menu-heading-color - Column headings. Aliased to `--bs-text-muted`.
+     * @prop --bs-mega-menu-text-color - Featured title. Aliased to `--bs-text-default`.
+     * @prop --bs-mega-menu-muted-color - Featured description and footer text. Aliased to `--bs-text-secondary`.
+     * @prop --bs-mega-menu-duration - Length of the open/close motion (`open` only). Aliased to `--bs-duration-default`.
+     * @prop --bs-mega-menu-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-mega-menu-distance - How far the panel drops while it fades. Aliased to `--bs-spacing-100`.
+     * Under `prefers-reduced-motion: reduce` (or a duration of `0ms`) setting `open` shows and hides the panel instantly.
+     */
+    interface HTMLBsMegaMenuElement extends Components.BsMegaMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsMegaMenuElementEventMap>(type: K, listener: (this: HTMLBsMegaMenuElement, ev: BsMegaMenuCustomEvent<HTMLBsMegaMenuElementEventMap[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 HTMLBsMegaMenuElementEventMap>(type: K, listener: (this: HTMLBsMegaMenuElement, ev: BsMegaMenuCustomEvent<HTMLBsMegaMenuElementEventMap[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 HTMLBsMegaMenuElement: {
+        prototype: HTMLBsMegaMenuElement;
+        new (): HTMLBsMegaMenuElement;
+    };
     /**
      * A generic dropdown/popup menu container: a rounded, elevated list of items (typically
      * `bs-menu-item` elements).
@@ -7078,6 +8108,37 @@ declare global {
         prototype: HTMLBsMenuElement;
         new (): HTMLBsMenuElement;
     };
+    /**
+     * A rich entry in a mega menu: an icon tile, a title with an optional "New" chip, and a one-line description.
+     * Matches the Figma "Menu block" component (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element. Its accessible name is its text: the title, the badge and the description, read once.
+     * Built from `bs-icon-tile` (the icon) and `bs-chip-informative` (the badge). The icon is either a URL of a
+     * monochrome SVG in `icon` (painted with the theme's icon colour through a CSS mask, so it follows light and
+     * dark mode), or any element in the default slot (an `<svg>` drawn with `currentColor`).
+     * ## When to use
+     * - A destination in a mega menu that needs an icon and a sentence of explanation, usually inside `bs-mega-menu`.
+     * ## When not to use
+     * - A plain text destination -- use `bs-compact-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-150`.
+     * @prop --bs-menu-block-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+     * @prop --bs-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-menu-block-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered or pressed.
+     * @prop --bs-menu-block-color - Title colour. Aliased to `--bs-text-default`.
+     * @prop --bs-menu-block-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     * @prop --bs-menu-block-white-space - `white-space` of the title and description. `nowrap` (single line, ellipsis); set `normal` to let them wrap.
+     */
+    interface HTMLBsMenuBlockElement extends Components.BsMenuBlock, HTMLStencilElement {
+    }
+    var HTMLBsMenuBlockElement: {
+        prototype: HTMLBsMenuBlockElement;
+        new (): HTMLBsMenuBlockElement;
+    };
     interface HTMLBsMenuItemElementEventMap {
         "bsSelect": void;
     }
@@ -7353,6 +8414,64 @@ declare global {
         prototype: HTMLBsOnboardingChecklistElement;
         new (): HTMLBsOnboardingChecklistElement;
     };
+    interface HTMLBsPageHeaderElementEventMap {
+        "bsBack": void;
+        "bsFavoriteChange": { favorite: boolean };
+    }
+    /**
+     * The header at the top of a page's content area: breadcrumb trail, the page title (a real heading) with an
+     * optional back button, status and favourite toggle, a meta line, page-level actions on the right and an
+     * optional row of tabs. Matches the Figma "Page header" (types List page, Record, Record with tabs and Sticky
+     * compact).
+     * Built from `bs-breadcrumbs`/`bs-breadcrumb` (slotted by you), `bs-icon-button` (the built-in back and favourite
+     * buttons), `bs-chip-informative` (the status you slot), `bs-button` and `bs-icon-button` (the actions you slot),
+     * `bs-tabs`/`bs-tab` (the tab row you slot) and `bs-divider` (under the tabs). The title block, meta line and
+     * actions area are plain layout markup, because no component covers them. The back arrow and the star are
+     * inline SVG (Phosphor "arrow-left", "star" and "star-fill") until the library has an icon component.
+     * ## Compact (sticky)
+     * `compact` is the condensed state a record header takes once the page scrolls: one row (back, title, status,
+     * meta inline, actions), a level 2 shadow, no breadcrumb and no tabs, and `position: sticky`. Set it yourself
+     * from a scroll observer. Because the header covers the top of the scroll area, give the scroll container
+     * `scroll-padding-top` equal to its height (80px by default) so focused or anchored content is not hidden under it.
+     * ## Responsive
+     * The header reacts to its own width (a container query), not the viewport's. Below 640px the actions wrap
+     * below the title block, slotted buttons grow to 44px tall, the title and meta wrap, and the tab row scrolls
+     * sideways inside itself. The page never gets wider.
+     * ## When to use
+     * - The top of a list page or a single record (an invoice, a customer) inside the app shell's content area.
+     * ## When not to use
+     * - The app-wide bar with logo, search and user: use `bs-navigation-header`.
+     * - The heading of a card, dialog or panel: use that component's own `heading`.
+     * ## Accessibility notes
+     * The root is a plain `div`, not a `<header>`: a `<header>` that is not inside `<main>`/`<article>`/`<section>`
+     * is a second banner landmark. The title is a real heading (`<h1>` by default, `headingLevel` 1 to 6); the
+     * status is next to it, not inside it. If you want a landmark, wrap `bs-page-header` yourself.
+     * @prop --bs-page-header-bg - Background. Aliased to `--bs-surface-base`.
+     * @prop --bs-page-header-padding-x - Left and right padding. Aliased to `--bs-spacing-200`.
+     * @prop --bs-page-header-padding-y - Top and bottom padding. Aliased to `--bs-spacing-300`.
+     * @prop --bs-page-header-gap - Gap between the breadcrumb, title block and tabs, and between the title block and the actions. Aliased to `--bs-spacing-150`.
+     * @prop --bs-page-header-title-gap - Gap between the heading, status and favourite button. Aliased to `--bs-spacing-150`.
+     * @prop --bs-page-header-actions-gap - Gap between the actions. Aliased to `--bs-spacing-100`.
+     * @prop --bs-page-header-text-color - Heading. Aliased to `--bs-text-default`.
+     * @prop --bs-page-header-meta-color - Meta line. Aliased to `--bs-text-secondary`.
+     * @prop --bs-page-header-shadow - Shadow of the compact header (elevation level 2). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-medium`.
+     * @prop --bs-page-header-sticky-offset - The `top` of the compact header. Defaults to `0px`; set it to the height of a sticky bar above (e.g. the navigation header).
+     * @prop --bs-page-header-z-index - Stacking order of the compact header. Aliased to `--bs-z-index-sticky`.
+     */
+    interface HTMLBsPageHeaderElement extends Components.BsPageHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsPageHeaderElementEventMap>(type: K, listener: (this: HTMLBsPageHeaderElement, ev: BsPageHeaderCustomEvent<HTMLBsPageHeaderElementEventMap[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 HTMLBsPageHeaderElementEventMap>(type: K, listener: (this: HTMLBsPageHeaderElement, ev: BsPageHeaderCustomEvent<HTMLBsPageHeaderElementEventMap[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 HTMLBsPageHeaderElement: {
+        prototype: HTMLBsPageHeaderElement;
+        new (): HTMLBsPageHeaderElement;
+    };
     interface HTMLBsPaginationElementEventMap {
         "bsPageChange": number;
     }
@@ -7403,6 +8522,11 @@ declare global {
      * @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
      * @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
      * @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
+     * @prop --bs-popover-duration - Length of the open/close motion. Aliased to `--bs-duration-fast`.
+     * @prop --bs-popover-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-popover-distance - How far the popup nudges while it fades. Aliased to `--bs-spacing-50`.
+     * The popup fades and nudges toward its trigger when it opens and closes. Length, curve and travel are
+     * `--bs-popover-duration`, `--bs-popover-easing` and `--bs-popover-distance`; under `prefers-reduced-motion: reduce` it is instant.
      */
     interface HTMLBsPopoverElement extends Components.BsPopover, HTMLStencilElement {
         addEventListener<K extends keyof HTMLBsPopoverElementEventMap>(type: K, listener: (this: HTMLBsPopoverElement, ev: BsPopoverCustomEvent<HTMLBsPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -7418,6 +8542,40 @@ declare global {
         prototype: HTMLBsPopoverElement;
         new (): HTMLBsPopoverElement;
     };
+    interface HTMLBsPresenceElementEventMap {
+        "bsTransitionEnd": boolean;
+    }
+    /**
+     * Shows and hides slotted content with a short enter/exit transition.
+     * The motion uses the shared duration and easing tokens (`--bs-duration-*`, `--bs-easing-*`).
+     * Under `prefers-reduced-motion: reduce` those durations are already `0ms`, and this component
+     * forces `--bs-presence-duration` to `--bs-duration-instant` as well, so the content snaps
+     * instead of moving.
+     * ## When to use
+     * - Revealing a block that does not have its own enter/exit (a card, a form section, a panel).
+     * - Comparing duration and easing tokens while designing a screen.
+     * ## When not to use
+     * - Loading placeholders (`bs-skeleton`), spinners (`bs-spinner`), or progress.
+     * - Dialog, snackbar, toast, and command palette — those components own their motion.
+     * @prop --bs-presence-duration - Transition length. Set from the `duration` prop to a `--bs-duration-*` token.
+     * @prop --bs-presence-easing - Transition curve. Set from the `easing` prop to a `--bs-easing-*` token.
+     * @prop --bs-presence-distance - Travel distance for `slide-up` and `slide-down`. Aliased to `--bs-spacing-400`.
+     * @prop --bs-presence-scale - Closed scale for `scale`. No unitless scale token exists, so the default is `0.96`.
+     */
+    interface HTMLBsPresenceElement extends Components.BsPresence, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsPresenceElementEventMap>(type: K, listener: (this: HTMLBsPresenceElement, ev: BsPresenceCustomEvent<HTMLBsPresenceElementEventMap[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 HTMLBsPresenceElementEventMap>(type: K, listener: (this: HTMLBsPresenceElement, ev: BsPresenceCustomEvent<HTMLBsPresenceElementEventMap[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 HTMLBsPresenceElement: {
+        prototype: HTMLBsPresenceElement;
+        new (): HTMLBsPresenceElement;
+    };
     interface HTMLBsProductTourElementEventMap {
         "bsPrimary": void;
         "bsSecondary": void;
@@ -7562,6 +8720,32 @@ declare global {
         prototype: HTMLBsRadioElement;
         new (): HTMLBsRadioElement;
     };
+    /**
+     * A touch-ripple effect: on pointer press, a circle grows from the press point and fades out.
+     * It is a building block for pressable components (`bs-button`, `bs-icon-button`, ...), not something
+     * to place on a page by itself. Put it inside a positioned, pressable parent; it fills that parent,
+     * follows its corner radius, and listens for `pointerdown` on it. Pointer-events pass through, so the
+     * parent still receives every click.
+     * The motion uses the shared duration and easing tokens. Under `prefers-reduced-motion: reduce` those
+     * durations are `0ms`, and the ripple does not play at all.
+     * ## When to use
+     * - Inside a pressable `bs-*` component, to give press feedback.
+     * ## When not to use
+     * - As a hover or focus indicator. Those are colour changes on the parent.
+     * - On non-interactive surfaces.
+     * Set the custom properties on the `bs-ripple` element itself. Inside another component that means `::part(ripple)`,
+     * e.g. `bs-button::part(ripple) { --bs-ripple-color: white; }`.
+     * @prop --bs-ripple-color - Ripple colour. `currentColor` by default, so it follows the parent's text colour and works on every variant.
+     * @prop --bs-ripple-opacity - Starting opacity of the ripple. No opacity token fits, so the default is `0.24`.
+     * @prop --bs-ripple-duration - Length of the ripple. Aliased to `--bs-duration-slower`.
+     * @prop --bs-ripple-easing - Curve of the ripple. Aliased to `--bs-easing-decelerate`.
+     */
+    interface HTMLBsRippleElement extends Components.BsRipple, HTMLStencilElement {
+    }
+    var HTMLBsRippleElement: {
+        prototype: HTMLBsRippleElement;
+        new (): HTMLBsRippleElement;
+    };
     interface HTMLBsSearchItemElementEventMap {
         "bsItemSelect": string | undefined;
     }
@@ -7691,6 +8875,8 @@ declare global {
      * @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
      * @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
      * @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
+     * @prop --bs-side-panel-duration - Length of the slide in/out. Aliased to `--bs-duration-slow`.
+     * @prop --bs-side-panel-easing - Curve of the slide in/out. Aliased to `--bs-easing-standard`.
      */
     interface HTMLBsSidePanelElement extends Components.BsSidePanel, HTMLStencilElement {
         addEventListener<K extends keyof HTMLBsSidePanelElementEventMap>(type: K, listener: (this: HTMLBsSidePanelElement, ev: BsSidePanelCustomEvent<HTMLBsSidePanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -8184,6 +9370,11 @@ declare global {
      * - Interactive content or long text (use `bs-popover`).
      * @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
      * @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
+     * @prop --bs-tooltip-trigger-duration - Length of the show/hide motion. Aliased to `--bs-duration-fast`.
+     * @prop --bs-tooltip-trigger-easing - Curve of the show/hide motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-tooltip-trigger-distance - How far the tooltip nudges while it fades. Aliased to `--bs-spacing-50`.
+     * The tooltip fades in while drifting a few pixels away from the trigger into place, and fades back out toward it. Under
+     * `prefers-reduced-motion: reduce` (or a duration of `0ms`) it appears and disappears instantly.
      */
     interface HTMLBsTooltipTriggerElement extends Components.BsTooltipTrigger, HTMLStencilElement {
     }
@@ -8321,7 +9512,10 @@ declare global {
         "bs-ai-disclaimer": HTMLBsAiDisclaimerElement;
         "bs-ai-greeting": HTMLBsAiGreetingElement;
         "bs-ai-thinking": HTMLBsAiThinkingElement;
+        "bs-app-recent-item": HTMLBsAppRecentItemElement;
         "bs-app-shell": HTMLBsAppShellElement;
+        "bs-app-switcher": HTMLBsAppSwitcherElement;
+        "bs-app-tile": HTMLBsAppTileElement;
         "bs-attachment": HTMLBsAttachmentElement;
         "bs-attachment-list": HTMLBsAttachmentListElement;
         "bs-avatar": HTMLBsAvatarElement;
@@ -8345,6 +9539,8 @@ declare global {
         "bs-chip-input": HTMLBsChipInputElement;
         "bs-citation-preview": HTMLBsCitationPreviewElement;
         "bs-command-palette": HTMLBsCommandPaletteElement;
+        "bs-compact-menu-block": HTMLBsCompactMenuBlockElement;
+        "bs-company-switcher": HTMLBsCompanySwitcherElement;
         "bs-composer": HTMLBsComposerElement;
         "bs-composer-status-banner": HTMLBsComposerStatusBannerElement;
         "bs-container": HTMLBsContainerElement;
@@ -8369,7 +9565,9 @@ declare global {
         "bs-list": HTMLBsListElement;
         "bs-list-item": HTMLBsListItemElement;
         "bs-logo": HTMLBsLogoElement;
+        "bs-mega-menu": HTMLBsMegaMenuElement;
         "bs-menu": HTMLBsMenuElement;
+        "bs-menu-block": HTMLBsMenuBlockElement;
         "bs-menu-item": HTMLBsMenuItemElement;
         "bs-message": HTMLBsMessageElement;
         "bs-message-list": HTMLBsMessageListElement;
@@ -8377,13 +9575,16 @@ declare global {
         "bs-navigation-drawer-item": HTMLBsNavigationDrawerItemElement;
         "bs-navigation-header": HTMLBsNavigationHeaderElement;
         "bs-onboarding-checklist": HTMLBsOnboardingChecklistElement;
+        "bs-page-header": HTMLBsPageHeaderElement;
         "bs-pagination": HTMLBsPaginationElement;
         "bs-popover": HTMLBsPopoverElement;
+        "bs-presence": HTMLBsPresenceElement;
         "bs-product-tour": HTMLBsProductTourElement;
         "bs-progress": HTMLBsProgressElement;
         "bs-progress-linear": HTMLBsProgressLinearElement;
         "bs-qr-code": HTMLBsQrCodeElement;
         "bs-radio": HTMLBsRadioElement;
+        "bs-ripple": HTMLBsRippleElement;
         "bs-search-item": HTMLBsSearchItemElement;
         "bs-session-timeout": HTMLBsSessionTimeoutElement;
         "bs-shortcut-row": HTMLBsShortcutRowElement;
@@ -8411,6 +9612,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
+
     /**
      * A single collapsible section -- a clickable header (optional leading icon, label, trailing
      * caret) that reveals or hides a body content area.
@@ -8418,6 +9621,10 @@ declare namespace LocalJSX {
      * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
      * there's no accordion-group wrapper here, matching Figma's component which only specs the single
      * section, not a group behavior.
+     * @prop --bs-accordion-duration - Length of the expand/collapse motion. Aliased to `--bs-duration-default`.
+     * @prop --bs-accordion-easing - Curve of the expand/collapse motion. Aliased to `--bs-easing-standard`.
+     * Expanding and collapsing animate the body's height and rotate the caret. Under
+     * `prefers-reduced-motion: reduce` the duration token is `0ms`, so the body snaps.
      */
     interface BsAccordion {
         /**
@@ -8554,6 +9761,57 @@ declare namespace LocalJSX {
          */
         "label"?: string;
     }
+    /**
+     * A full-width row for one app: a small icon tile, the app name and a description line (for example
+     * "Opened 10 min ago · Nordlys Handel AS"). Matches the Figma "Recent item" component (Default, Current,
+     * Hover, Pressed and Focus).
+     * The row is always a native button and only emits events; it never navigates. `current` marks the app you are in
+     * (`aria-current="true"`); `disabled` dims it, sets `aria-disabled` and removes it from the tab order.
+     * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the theme's
+     * icon colour through a CSS mask) or any element in the default slot.
+     * ## When to use
+     * - A recently opened app, or a search result with a description, inside `bs-app-switcher`.
+     * ## When not to use
+     * - An app in a launcher grid -- use `bs-app-tile`.
+     * - A generic list row -- use `bs-list-item`.
+     * @prop --bs-app-recent-item-padding-x - Aliased to `--bs-spacing-100`.
+     * @prop --bs-app-recent-item-padding-y - Aliased to `--bs-spacing-100`.
+     * @prop --bs-app-recent-item-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-recent-item-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-app-recent-item-bg - Resting background. `transparent`.
+     * @prop --bs-app-recent-item-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-app-recent-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-app-recent-item-bg-current - Aliased to `--bs-surface-selected`.
+     * @prop --bs-app-recent-item-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+     * @prop --bs-app-recent-item-color - Name colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-recent-item-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-recent-item-color-disabled - Name, description and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-app-recent-item-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppRecentItem {
+        /**
+          * The app you are in right now: selected background and `aria-current="true"`.
+          * @default false
+         */
+        "current"?: boolean;
+        /**
+          * Second line under the name.
+         */
+        "description"?: string;
+        /**
+          * Dims the row, sets `aria-disabled` and takes it out of the tab order.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL of a monochrome SVG painted with the icon colour. The default slot overrides it.
+         */
+        "icon"?: string;
+        /**
+          * The app name, and the accessible name of the row together with the description.
+         */
+        "name": string;
+    }
     /**
      * The page frame: a header across the top, and below it a navigation | main | aside row, laid out
      * with CSS grid. The main column scrolls independently of the header and the side columns.
@@ -8582,6 +9840,245 @@ declare namespace LocalJSX {
          */
         "fullHeight"?: boolean;
     }
+    /**
+     * The panel of an app launcher ("EG apps"): a header with a "Manage" action, a search field, your apps as a
+     * grid (or Recent plus All apps), search results, and a footer link to browse all products. It also has
+     * no-results, loading, error and empty states. Matches the Figma "App switcher" (states Default, With recent,
+     * Searching, No results, Loading, Error and Empty).
+     * This is the panel only. To open it from a button, wrap it in `bs-popover`.
+     * Built from `bs-card` (panel surface), `bs-input` (search), `bs-app-tile` and `bs-app-recent-item` (apps),
+     * `bs-empty-state` (no results, error, empty), `bs-skeleton` (loading), `bs-button` (Clear search, Try
+     * again, Request access) and `bs-divider`. "Manage" and "Browse all" are native links (or buttons when
+     * there is no URL): `bs-button` has no link mode and the library has no link component.
+     * ## When to use
+     * - Letting a user jump between the products they have access to, from an app header.
+     * ## When not to use
+     * - Navigation inside one app -- use `bs-menu` or the app shell navigation.
+     * - Switching company -- use `bs-company-switcher`.
+     * `apps` and `recent` are arrays and must be set as JS properties. Each app's `icon` is the URL of a
+     * monochrome SVG. You own the data: listen to `bsAppSelect` (cancelable: `preventDefault()` cancels the
+     * originating click), and drive `status` and `query` yourself. An empty `apps` list while `status` is
+     * `ready` shows the empty state.
+     * @prop --bs-app-switcher-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-app-switcher-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-app-switcher-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-app-switcher-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-app-switcher-shadow - Panel shadow (elevation level 4). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-higher`.
+     * @prop --bs-app-switcher-padding - Side padding of the content. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-switcher-text-color - Heading and links in the header. Aliased to `--bs-text-default`.
+     * @prop --bs-app-switcher-header-color - Group headers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-switcher-link-color - Browse link. Aliased to `--bs-text-action`.
+     * @prop --bs-app-switcher-focus-ring - Link focus ring. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppSwitcher {
+        /**
+          * Header of the all apps group.
+          * @default 'All apps'
+         */
+        "allAppsLabel"?: string;
+        /**
+          * The apps the user can open. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "apps"?: BsApp[];
+        /**
+          * URL of the Browse all link. Without it it is a button that only fires `bsBrowseAll`.
+         */
+        "browseHref"?: string;
+        /**
+          * Text of the footer link.
+          * @default 'Browse all EG products'
+         */
+        "browseLabel"?: string;
+        /**
+          * Text of the Clear search button.
+          * @default 'Clear search'
+         */
+        "clearLabel"?: string;
+        /**
+          * `id` of the app you are in: selected background and `aria-current`.
+         */
+        "currentId"?: string;
+        /**
+          * Empty description.
+          * @default 'Ask your administrator for access, or browse all EG products to see what’s available.'
+         */
+        "emptyDescription"?: string;
+        /**
+          * Empty heading (no apps assigned).
+          * @default 'No apps assigned yet'
+         */
+        "emptyHeading"?: string;
+        /**
+          * Error description.
+          * @default 'Check your connection and try again. Your work in the current app is not affected.'
+         */
+        "errorDescription"?: string;
+        /**
+          * Error heading.
+          * @default 'Couldn’t load your apps'
+         */
+        "errorHeading"?: string;
+        /**
+          * Panel heading.
+          * @default 'EG apps'
+         */
+        "heading"?: string;
+        /**
+          * Announced while loading.
+          * @default 'Loading apps…'
+         */
+        "loadingLabel"?: string;
+        /**
+          * URL of the Manage link. Without it Manage is a button that only fires `bsManage`.
+         */
+        "manageHref"?: string;
+        /**
+          * Text of the Manage link.
+          * @default 'Manage'
+         */
+        "manageLabel"?: string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or browse all EG products to find more apps.'
+         */
+        "noResultsDescription"?: string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No apps match “{query}”'
+         */
+        "noResultsHeading"?: string;
+        /**
+          * Fires when an app is chosen (click or Enter), with the app. Cancelable: `preventDefault()` cancels the originating click.
+         */
+        "onBsAppSelect"?: (event: BsAppSwitcherCustomEvent<BsApp>) => void;
+        /**
+          * Fires when Browse all is pressed.
+         */
+        "onBsBrowseAll"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when the search is cleared with the Clear search button or Escape.
+         */
+        "onBsClearSearch"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when Manage is pressed.
+         */
+        "onBsManage"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when the search text changes through user interaction, with the new text.
+         */
+        "onBsQueryChange"?: (event: BsAppSwitcherCustomEvent<string>) => void;
+        /**
+          * Fires when Request access is pressed.
+         */
+        "onBsRequestAccess"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when Try again is pressed.
+         */
+        "onBsRetry"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * The search text. Mutable: typing, Escape and "Clear search" update it.
+          * @default ''
+         */
+        "query"?: string;
+        /**
+          * Recently opened apps, most recent first. When there are any, the panel shows Recent and All apps. JS property only.
+          * @default []
+         */
+        "recent"?: BsAppRecent[];
+        /**
+          * Header of the recent group.
+          * @default 'Recent'
+         */
+        "recentLabel"?: string;
+        /**
+          * Text of the Request access button.
+          * @default 'Request access'
+         */
+        "requestAccessLabel"?: string;
+        /**
+          * Search header with one result ("1 result").
+          * @default 'result'
+         */
+        "resultLabel"?: string;
+        /**
+          * Search header with several results ("2 results").
+          * @default 'results'
+         */
+        "resultsLabel"?: string;
+        /**
+          * Text of the Try again button.
+          * @default 'Try again'
+         */
+        "retryLabel"?: string;
+        /**
+          * Placeholder (and accessible name) of the search field.
+          * @default 'Find an app'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * `loading` shows skeleton tiles, `error` the failure state.
+          * @default 'ready'
+         */
+        "status"?: BsAppSwitcherStatus;
+        /**
+          * Header of the default group when there are no recent apps.
+          * @default 'Your apps'
+         */
+        "yourAppsLabel"?: string;
+    }
+    /**
+     * One app in an app launcher: an icon tile above a short label. Matches the Figma "App tile" component
+     * (Size Grid and Compact, each Default, Hover, Pressed, Focus, Current and Disabled).
+     * The tile is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element; `current` marks the app you are in (`aria-current="true"`); `disabled` dims it, sets
+     * `aria-disabled` and removes it from the tab order.
+     * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the
+     * theme's icon colour through a CSS mask, so it follows light and dark mode), or any element in the default
+     * slot (an `<svg>` drawn with `currentColor`).
+     * ## When to use
+     * - An app in a launcher grid, usually inside `bs-app-switcher`.
+     * ## When not to use
+     * - A row with a description or "recently opened" line -- use `bs-app-recent-item`.
+     * - A command in a menu -- use `bs-menu-item`.
+     * @prop --bs-app-tile-icon-size - Size of the icon square. `44px` in `grid` (Figma) and `--bs-sizing-400` in `compact`.
+     * @prop --bs-app-tile-padding - Padding inside the tile. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-100` (`compact`).
+     * @prop --bs-app-tile-gap - Gap between icon and label. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-50` (`compact`).
+     * @prop --bs-app-tile-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-app-tile-bg - Resting background. `transparent`.
+     * @prop --bs-app-tile-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-app-tile-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-app-tile-bg-current - Aliased to `--bs-surface-selected`.
+     * @prop --bs-app-tile-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+     * @prop --bs-app-tile-color - Label colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-tile-color-disabled - Label and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-app-tile-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppTile {
+        /**
+          * The app you are in right now: selected background and `aria-current="true"`.
+          * @default false
+         */
+        "current"?: boolean;
+        /**
+          * Dims the tile, sets `aria-disabled` and takes it out of the tab order.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * URL of a monochrome SVG painted with the icon colour. The default slot overrides it.
+         */
+        "icon"?: string;
+        /**
+          * The app name, shown under the icon and used as the accessible name.
+         */
+        "name": string;
+        /**
+          * `grid` is the 3-column launcher tile; `compact` the smaller 4-column one.
+          * @default 'grid'
+         */
+        "size"?: BsAppTileSize;
+    }
     /**
      * A single file attachment preview for `bs-composer` -- an image thumbnail, or a filename card
      * with a colored file-type badge (PDF/Document), with an optional upload-in-progress spinner and
@@ -8976,6 +10473,11 @@ declare namespace LocalJSX {
      * manages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,
      * so they leave the tab order and the accessibility tree) and, only when not already set,
      * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
+     * Changing page plays a short motion: the visible slides fade and slide out in the direction of travel,
+     * then the next page's slides fade and slide in (reversed for previous, and mirrored in RTL). The dots
+     * also grow and fade between pages. Motion length and distance follow `--bs-carousel-duration`,
+     * `--bs-carousel-easing` and `--bs-carousel-slide-distance`. Under `prefers-reduced-motion: reduce`
+     * the duration token is `0ms`, so pages switch instantly.
      * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
      * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
      * ## When to use
@@ -9894,6 +11396,175 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+     * (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element.
+     * ## When to use
+     * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+     * ## When not to use
+     * - A destination that needs an icon or a description -- use `bs-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+     * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     */
+    interface BsCompactMenuBlock {
+        /**
+          * The text, and the accessible name.
+         */
+        "name": string;
+    }
+    /**
+     * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+     * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+     * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+     * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+     * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+     * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+     * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+     * ## When to use
+     * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+     * ## When not to use
+     * - Picking a value in a form -- use `bs-input type="dropdown"`.
+     * - Switching between a handful of fixed views -- use `bs-tab`.
+     * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+     * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+     * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+     * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+     * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+     * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+     * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+     * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+     * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+     * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+     * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+     * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+     * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+     */
+    interface BsCompanySwitcher {
+        /**
+          * Text of the "Add companies" footer button.
+          * @default 'Add companies'
+         */
+        "addLabel"?: string;
+        /**
+          * Header of the all companies group (the count is appended).
+          * @default 'All companies'
+         */
+        "allLabel"?: string;
+        /**
+          * The companies the user can switch between. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "companies"?: BsCompany[];
+        /**
+          * `id` of the current company.
+         */
+        "currentId"?: string;
+        /**
+          * Header of the current company group.
+          * @default 'Current'
+         */
+        "currentLabel"?: string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or search by org. number.'
+         */
+        "emptyDescription"?: string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No companies match “{query}”'
+         */
+        "emptyHeading"?: string;
+        /**
+          * Accessible name of the company listbox.
+          * @default 'Companies'
+         */
+        "listLabel"?: string;
+        /**
+          * Text of the "Manage Companies" footer button.
+          * @default 'Manage Companies'
+         */
+        "manageLabel"?: string;
+        /**
+          * Header of the search view when there is one match ("1 match").
+          * @default 'match'
+         */
+        "matchLabel"?: string;
+        /**
+          * Header of the search view when there are several matches ("3 matches").
+          * @default 'matches'
+         */
+        "matchesLabel"?: string;
+        /**
+          * Fires when "Add companies" is pressed.
+         */
+        "onBsAddCompanies"?: (event: BsCompanySwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when a company other than the current one is chosen (click or Enter), with the company.
+         */
+        "onBsCompanySwitch"?: (event: BsCompanySwitcherCustomEvent<BsCompany>) => void;
+        /**
+          * Fires when "Manage Companies" is pressed.
+         */
+        "onBsManageCompanies"?: (event: BsCompanySwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when the panel opens or closes through user interaction, with the new state.
+         */
+        "onBsOpenChange"?: (event: BsCompanySwitcherCustomEvent<boolean>) => void;
+        /**
+          * Whether the panel is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Prefix of the org. number, e.g. "Org. no.".
+          * @default 'Org. no.'
+         */
+        "orgNumberLabel"?: string;
+        /**
+          * Text of the trigger when there is no current company.
+          * @default 'Select a company'
+         */
+        "placeholderLabel"?: string;
+        /**
+          * `id`s of recently used companies, most recent first. The current company is not repeated in the Recent group.
+          * @default []
+         */
+        "recentIds"?: string[];
+        /**
+          * Header of the recent companies group.
+          * @default 'Recent'
+         */
+        "recentLabel"?: string;
+        /**
+          * Placeholder (and accessible name) of the search field.
+          * @default 'Find a company or org. number'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * `id` of the company being switched to. Shows the switching state: a spinner in the trigger and on that row.
+         */
+        "switchingId"?: string;
+        /**
+          * Trigger subtitle while switching.
+          * @default 'Switching…'
+         */
+        "switchingLabel"?: string;
+    }
     /**
      * A chat composer input for Genie AI-style conversational interfaces: a text field
      * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -10995,6 +12666,10 @@ declare namespace LocalJSX {
           * The name of the element, used when submitting an HTML form.
          */
         "name"?: string;
+        /**
+          * Makes this a toggle button: sets `aria-pressed` on the inner `<button>` to `true`/`false`. Leave it unset (the default) for a plain action button, which then has no `aria-pressed` at all. The component does not toggle itself; the owner flips this on click. Put the toggle's state in the icon (e.g. a filled star), not in the label, which should stay the same.
+         */
+        "pressed"?: boolean;
         /**
           * Sizing scale. `xs` (16px, an 8px icon) is a distinct, much smaller tier meant for compact chip/tag "remove" controls, not just a smaller toolbar button -- verified against a separate Figma redline (EG BrandSync UI Kit v1.5, node 20731:18427) from the one `sm`/`md`/`lg` were built against.
           * @default 'md'
@@ -11583,6 +13258,105 @@ declare namespace LocalJSX {
          */
         "variant"?: BsLogoVariant;
     }
+    /**
+     * The dropdown panel under a navigation header tab: columns of links grouped under headings, an optional
+     * featured area on the right, and a footer with recently used items and a shortcut hint. Matches the Figma
+     * "Mega menu" (types Columns, Column with featured, Compact and Compact with featured).
+     * This is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the
+     * header's full width, and show it from the tab that opens it; the panel does not open or close itself. Escape
+     * inside the panel fires `bsClose` so you can close it.
+     * There are two ways to show and hide it. Toggle the host's `hidden` attribute and it appears and disappears at once
+     * (the original contract, unchanged). Or set `open` and it fades and drops in from under the bar, then fades back out
+     * and is removed once the exit finishes. Leave `open` unset to keep using `hidden` only. `hidden` always wins: with it
+     * set the panel is not shown whatever `open` says.
+     * Built from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and
+     * `bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout
+     * markup: no component covers them.
+     * ## Responsive
+     * The panel reacts to its own width (a container query), not the viewport's. Below 600px it becomes one column (heading
+     * above its links, featured area below), titles and descriptions wrap, links are at least 44px tall, the footer stacks
+     * and the default shortcut hint is hidden (`display: none`; a keyboard hint means nothing on a touch screen). A custom
+     * `footer-end` slot is not hidden.
+     * ## When to use
+     * - A header tab that leads to many destinations that need grouping (Sell, Finance, Inventory).
+     * ## When not to use
+     * - A short list of commands -- use `bs-menu` in a `bs-popover`.
+     * - Switching app or company -- use `bs-app-switcher` or `bs-company-switcher`.
+     * `columns`, `featured` and `recent` are arrays or objects and must be set as JS properties. Each item's `icon` is
+     * the URL of a monochrome SVG. You own the data: listen to `bsMenuSelect` (cancelable: `preventDefault()` cancels the
+     * originating click).
+     * @prop --bs-mega-menu-width - Panel width. Defaults to `1100px` (Figma); capped at the viewport.
+     * @prop --bs-mega-menu-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-mega-menu-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-mega-menu-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-mega-menu-shadow - Panel shadow (elevation level 3). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-high`.
+     * @prop --bs-mega-menu-padding - Padding around the columns. Aliased to `--bs-spacing-300` and `--bs-spacing-350`.
+     * @prop --bs-mega-menu-gap - Gap between columns. Aliased to `--bs-spacing-300`.
+     * @prop --bs-mega-menu-heading-color - Column headings. Aliased to `--bs-text-muted`.
+     * @prop --bs-mega-menu-text-color - Featured title. Aliased to `--bs-text-default`.
+     * @prop --bs-mega-menu-muted-color - Featured description and footer text. Aliased to `--bs-text-secondary`.
+     * @prop --bs-mega-menu-duration - Length of the open/close motion (`open` only). Aliased to `--bs-duration-default`.
+     * @prop --bs-mega-menu-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-mega-menu-distance - How far the panel drops while it fades. Aliased to `--bs-spacing-100`.
+     * Under `prefers-reduced-motion: reduce` (or a duration of `0ms`) setting `open` shows and hides the panel instantly.
+     */
+    interface BsMegaMenu {
+        /**
+          * The groups of links. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "columns"?: BsMegaMenuColumn[];
+        /**
+          * The featured area on the right. JS property only. The `featured` slot overrides it.
+         */
+        "featured"?: BsMegaMenuFeatured;
+        /**
+          * Accessible name of the panel.
+          * @default 'Menu'
+         */
+        "label"?: string;
+        /**
+          * Fires when Escape is pressed inside the panel, so you can close it.
+         */
+        "onBsClose"?: (event: BsMegaMenuCustomEvent<void>) => void;
+        /**
+          * Fires when a link is chosen (click or Enter), with the item. Cancelable: `preventDefault()` cancels the originating click.
+         */
+        "onBsMenuSelect"?: (event: BsMegaMenuCustomEvent<BsMegaMenuItem>) => void;
+        /**
+          * Shows the panel with an enter/exit motion. Unset (the default) leaves visibility to the host's `hidden` attribute, which shows and hides instantly. `true` shows the panel; `false` fades it out and then removes it. The panel stays in the DOM and is `inert` while it fades out.
+         */
+        "open"?: boolean;
+        /**
+          * Recently used destinations, already translated, shown in the footer. JS property only.
+          * @default []
+         */
+        "recent"?: string[];
+        /**
+          * Text before the recently used items.
+          * @default 'Recently used:'
+         */
+        "recentLabel"?: string;
+        /**
+          * The shortcut keys, joined by "+".
+          * @default 'Ctrl+K'
+         */
+        "shortcutKeys"?: string;
+        /**
+          * Accessible name of the shortcut keys. Defaults to the keys joined with " plus ".
+         */
+        "shortcutKeysLabel"?: string;
+        /**
+          * Text before the shortcut keys.
+          * @default 'Can’t find it? Press'
+         */
+        "shortcutLabel"?: string;
+        /**
+          * `columns` shows menu blocks with icon and description; `compact` plain text links.
+          * @default 'columns'
+         */
+        "type"?: BsMegaMenuType;
+    }
     /**
      * A generic dropdown/popup menu container: a rounded, elevated list of items (typically
      * `bs-menu-item` elements).
@@ -11600,6 +13374,49 @@ declare namespace LocalJSX {
      */
     interface BsMenu {
     }
+    /**
+     * A rich entry in a mega menu: an icon tile, a title with an optional "New" chip, and a one-line description.
+     * Matches the Figma "Menu block" component (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element. Its accessible name is its text: the title, the badge and the description, read once.
+     * Built from `bs-icon-tile` (the icon) and `bs-chip-informative` (the badge). The icon is either a URL of a
+     * monochrome SVG in `icon` (painted with the theme's icon colour through a CSS mask, so it follows light and
+     * dark mode), or any element in the default slot (an `<svg>` drawn with `currentColor`).
+     * ## When to use
+     * - A destination in a mega menu that needs an icon and a sentence of explanation, usually inside `bs-mega-menu`.
+     * ## When not to use
+     * - A plain text destination -- use `bs-compact-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-150`.
+     * @prop --bs-menu-block-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+     * @prop --bs-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-menu-block-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered or pressed.
+     * @prop --bs-menu-block-color - Title colour. Aliased to `--bs-text-default`.
+     * @prop --bs-menu-block-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     * @prop --bs-menu-block-white-space - `white-space` of the title and description. `nowrap` (single line, ellipsis); set `normal` to let them wrap.
+     */
+    interface BsMenuBlock {
+        /**
+          * Short text for a chip beside the title, e.g. "New".
+         */
+        "badge"?: string;
+        /**
+          * One line under the title; part of the accessible name.
+         */
+        "description"?: string;
+        /**
+          * URL of a monochrome SVG painted with the icon colour. The default slot overrides it.
+         */
+        "icon"?: string;
+        /**
+          * The title, and the start of the accessible name.
+         */
+        "name": string;
+    }
     /**
      * A single selectable row inside a `bs-menu`: an optional icon plus a text label, rendered as a
      * real `<button>` for correct keyboard/click semantics.
@@ -12051,6 +13868,99 @@ declare namespace LocalJSX {
          */
         "type"?: BsOnboardingChecklistType;
     }
+    /**
+     * The header at the top of a page's content area: breadcrumb trail, the page title (a real heading) with an
+     * optional back button, status and favourite toggle, a meta line, page-level actions on the right and an
+     * optional row of tabs. Matches the Figma "Page header" (types List page, Record, Record with tabs and Sticky
+     * compact).
+     * Built from `bs-breadcrumbs`/`bs-breadcrumb` (slotted by you), `bs-icon-button` (the built-in back and favourite
+     * buttons), `bs-chip-informative` (the status you slot), `bs-button` and `bs-icon-button` (the actions you slot),
+     * `bs-tabs`/`bs-tab` (the tab row you slot) and `bs-divider` (under the tabs). The title block, meta line and
+     * actions area are plain layout markup, because no component covers them. The back arrow and the star are
+     * inline SVG (Phosphor "arrow-left", "star" and "star-fill") until the library has an icon component.
+     * ## Compact (sticky)
+     * `compact` is the condensed state a record header takes once the page scrolls: one row (back, title, status,
+     * meta inline, actions), a level 2 shadow, no breadcrumb and no tabs, and `position: sticky`. Set it yourself
+     * from a scroll observer. Because the header covers the top of the scroll area, give the scroll container
+     * `scroll-padding-top` equal to its height (80px by default) so focused or anchored content is not hidden under it.
+     * ## Responsive
+     * The header reacts to its own width (a container query), not the viewport's. Below 640px the actions wrap
+     * below the title block, slotted buttons grow to 44px tall, the title and meta wrap, and the tab row scrolls
+     * sideways inside itself. The page never gets wider.
+     * ## When to use
+     * - The top of a list page or a single record (an invoice, a customer) inside the app shell's content area.
+     * ## When not to use
+     * - The app-wide bar with logo, search and user: use `bs-navigation-header`.
+     * - The heading of a card, dialog or panel: use that component's own `heading`.
+     * ## Accessibility notes
+     * The root is a plain `div`, not a `<header>`: a `<header>` that is not inside `<main>`/`<article>`/`<section>`
+     * is a second banner landmark. The title is a real heading (`<h1>` by default, `headingLevel` 1 to 6); the
+     * status is next to it, not inside it. If you want a landmark, wrap `bs-page-header` yourself.
+     * @prop --bs-page-header-bg - Background. Aliased to `--bs-surface-base`.
+     * @prop --bs-page-header-padding-x - Left and right padding. Aliased to `--bs-spacing-200`.
+     * @prop --bs-page-header-padding-y - Top and bottom padding. Aliased to `--bs-spacing-300`.
+     * @prop --bs-page-header-gap - Gap between the breadcrumb, title block and tabs, and between the title block and the actions. Aliased to `--bs-spacing-150`.
+     * @prop --bs-page-header-title-gap - Gap between the heading, status and favourite button. Aliased to `--bs-spacing-150`.
+     * @prop --bs-page-header-actions-gap - Gap between the actions. Aliased to `--bs-spacing-100`.
+     * @prop --bs-page-header-text-color - Heading. Aliased to `--bs-text-default`.
+     * @prop --bs-page-header-meta-color - Meta line. Aliased to `--bs-text-secondary`.
+     * @prop --bs-page-header-shadow - Shadow of the compact header (elevation level 2). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-medium`.
+     * @prop --bs-page-header-sticky-offset - The `top` of the compact header. Defaults to `0px`; set it to the height of a sticky bar above (e.g. the navigation header).
+     * @prop --bs-page-header-z-index - Stacking order of the compact header. Aliased to `--bs-z-index-sticky`.
+     */
+    interface BsPageHeader {
+        /**
+          * Shows a back button before the title. It emits `bsBack`; you navigate.
+          * @default false
+         */
+        "back"?: boolean;
+        /**
+          * Accessible name of the back button.
+          * @default 'Back'
+         */
+        "backLabel"?: string;
+        /**
+          * The condensed, sticky state: one row, a level 2 shadow, no breadcrumb and no tabs. Reflected.
+          * @default false
+         */
+        "compact"?: boolean;
+        /**
+          * Shows the favourite (star) toggle after the title.
+          * @default false
+         */
+        "favoritable"?: boolean;
+        /**
+          * Whether the record is a favourite. Mutable: it follows the user's toggle unless `bsFavoriteChange` is cancelled.
+          * @default false
+         */
+        "favorite"?: boolean;
+        /**
+          * Accessible name of the favourite toggle. It stays the same in both states; `aria-pressed` carries the state.
+          * @default 'Favourite'
+         */
+        "favoriteLabel"?: string;
+        /**
+          * The page title, rendered as the heading.
+         */
+        "heading"?: string;
+        /**
+          * HTML heading level for the title, 1 to 6. Use 1 unless the page already has its own `h1`.
+          * @default 1
+         */
+        "headingLevel"?: number;
+        /**
+          * The line under the title, plain text, e.g. "214 invoices · 38 open". The `meta` slot overrides it.
+         */
+        "meta"?: string;
+        /**
+          * Fires when the back button is clicked. Not cancelable: the component has no default action to cancel.
+         */
+        "onBsBack"?: (event: BsPageHeaderCustomEvent<void>) => void;
+        /**
+          * Fires when the user toggles the favourite button, with the new value. Cancelable: `preventDefault()` keeps the old value.
+         */
+        "onBsFavoriteChange"?: (event: BsPageHeaderCustomEvent<{ favorite: boolean }>) => void;
+    }
     /**
      * 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
@@ -12122,6 +14032,11 @@ declare namespace LocalJSX {
      * @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
      * @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
      * @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
+     * @prop --bs-popover-duration - Length of the open/close motion. Aliased to `--bs-duration-fast`.
+     * @prop --bs-popover-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-popover-distance - How far the popup nudges while it fades. Aliased to `--bs-spacing-50`.
+     * The popup fades and nudges toward its trigger when it opens and closes. Length, curve and travel are
+     * `--bs-popover-duration`, `--bs-popover-easing` and `--bs-popover-distance`; under `prefers-reduced-motion: reduce` it is instant.
      */
     interface BsPopover {
         /**
@@ -12139,6 +14054,49 @@ declare namespace LocalJSX {
          */
         "placement"?: BsPopoverPlacement;
     }
+    /**
+     * Shows and hides slotted content with a short enter/exit transition.
+     * The motion uses the shared duration and easing tokens (`--bs-duration-*`, `--bs-easing-*`).
+     * Under `prefers-reduced-motion: reduce` those durations are already `0ms`, and this component
+     * forces `--bs-presence-duration` to `--bs-duration-instant` as well, so the content snaps
+     * instead of moving.
+     * ## When to use
+     * - Revealing a block that does not have its own enter/exit (a card, a form section, a panel).
+     * - Comparing duration and easing tokens while designing a screen.
+     * ## When not to use
+     * - Loading placeholders (`bs-skeleton`), spinners (`bs-spinner`), or progress.
+     * - Dialog, snackbar, toast, and command palette — those components own their motion.
+     * @prop --bs-presence-duration - Transition length. Set from the `duration` prop to a `--bs-duration-*` token.
+     * @prop --bs-presence-easing - Transition curve. Set from the `easing` prop to a `--bs-easing-*` token.
+     * @prop --bs-presence-distance - Travel distance for `slide-up` and `slide-down`. Aliased to `--bs-spacing-400`.
+     * @prop --bs-presence-scale - Closed scale for `scale`. No unitless scale token exists, so the default is `0.96`.
+     */
+    interface BsPresence {
+        /**
+          * When true, the slotted content is shown. Flipping this plays the exit or enter transition.
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Length of the transition, mapped to a `--bs-duration-*` token.
+          * @default 'default'
+         */
+        "duration"?: BsPresenceDuration;
+        /**
+          * Curve of the transition, mapped to a `--bs-easing-*` token.
+          * @default 'standard'
+         */
+        "easing"?: BsPresenceEasing;
+        /**
+          * Fires once when the transition to the new `active` state finishes. Payload is that state.
+         */
+        "onBsTransitionEnd"?: (event: BsPresenceCustomEvent<boolean>) => void;
+        /**
+          * Which transition to play.
+          * @default 'fade'
+         */
+        "preset"?: BsPresencePreset;
+    }
     /**
      * 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
@@ -12502,6 +14460,42 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A touch-ripple effect: on pointer press, a circle grows from the press point and fades out.
+     * It is a building block for pressable components (`bs-button`, `bs-icon-button`, ...), not something
+     * to place on a page by itself. Put it inside a positioned, pressable parent; it fills that parent,
+     * follows its corner radius, and listens for `pointerdown` on it. Pointer-events pass through, so the
+     * parent still receives every click.
+     * The motion uses the shared duration and easing tokens. Under `prefers-reduced-motion: reduce` those
+     * durations are `0ms`, and the ripple does not play at all.
+     * ## When to use
+     * - Inside a pressable `bs-*` component, to give press feedback.
+     * ## When not to use
+     * - As a hover or focus indicator. Those are colour changes on the parent.
+     * - On non-interactive surfaces.
+     * Set the custom properties on the `bs-ripple` element itself. Inside another component that means `::part(ripple)`,
+     * e.g. `bs-button::part(ripple) { --bs-ripple-color: white; }`.
+     * @prop --bs-ripple-color - Ripple colour. `currentColor` by default, so it follows the parent's text colour and works on every variant.
+     * @prop --bs-ripple-opacity - Starting opacity of the ripple. No opacity token fits, so the default is `0.24`.
+     * @prop --bs-ripple-duration - Length of the ripple. Aliased to `--bs-duration-slower`.
+     * @prop --bs-ripple-easing - Curve of the ripple. Aliased to `--bs-easing-decelerate`.
+     */
+    interface BsRipple {
+        /**
+          * Always start the ripple from the centre instead of the press point. Use it for round or icon-only controls.
+          * @default false
+         */
+        "centered"?: boolean;
+        /**
+          * Turns the ripple off. A disabled parent (`<button disabled>`) also stops it.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * CSS selector of the element to listen on, found with `closest()` from the ripple (so it stays inside the same shadow tree). By default the ripple listens on its parent. Use it when the pressable element is bigger than the ripple's own parent, e.g. a switch whose ripple sits on the knob but whose whole `<label>` is the press target.
+         */
+        "triggerSelector"?: string;
+    }
     /**
      * One result or suggestion row of a search dropdown: a leading icon, a primary line, an optional
      * description line and trailing text. Static, not focusable -- focus stays in the search field and the
@@ -12755,6 +14749,8 @@ declare namespace LocalJSX {
      * @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
      * @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
      * @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
+     * @prop --bs-side-panel-duration - Length of the slide in/out. Aliased to `--bs-duration-slow`.
+     * @prop --bs-side-panel-easing - Curve of the slide in/out. Aliased to `--bs-easing-standard`.
      */
     interface BsSidePanel {
         /**
@@ -13576,6 +15572,11 @@ declare namespace LocalJSX {
      * - Interactive content or long text (use `bs-popover`).
      * @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
      * @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
+     * @prop --bs-tooltip-trigger-duration - Length of the show/hide motion. Aliased to `--bs-duration-fast`.
+     * @prop --bs-tooltip-trigger-easing - Curve of the show/hide motion. Aliased to `--bs-easing-standard`.
+     * @prop --bs-tooltip-trigger-distance - How far the tooltip nudges while it fades. Aliased to `--bs-spacing-50`.
+     * The tooltip fades in while drifting a few pixels away from the trigger into place, and fades back out toward it. Under
+     * `prefers-reduced-motion: reduce` (or a duration of `0ms`) it appears and disappears instantly.
      */
     interface BsTooltipTrigger {
         /**
@@ -13917,9 +15918,49 @@ declare namespace LocalJSX {
     interface BsAiThinkingAttributes {
         "label": string;
     }
+    interface BsAppRecentItemAttributes {
+        "name": string;
+        "description": string;
+        "icon": string;
+        "current": boolean;
+        "disabled": boolean;
+    }
     interface BsAppShellAttributes {
         "fullHeight": boolean;
     }
+    interface BsAppSwitcherAttributes {
+        "currentId": string;
+        "query": string;
+        "status": BsAppSwitcherStatus;
+        "manageHref": string;
+        "browseHref": string;
+        "heading": string;
+        "manageLabel": string;
+        "searchPlaceholder": string;
+        "yourAppsLabel": string;
+        "recentLabel": string;
+        "allAppsLabel": string;
+        "resultsLabel": string;
+        "resultLabel": string;
+        "browseLabel": string;
+        "noResultsHeading": string;
+        "noResultsDescription": string;
+        "clearLabel": string;
+        "errorHeading": string;
+        "errorDescription": string;
+        "retryLabel": string;
+        "emptyHeading": string;
+        "emptyDescription": string;
+        "requestAccessLabel": string;
+        "loadingLabel": string;
+    }
+    interface BsAppTileAttributes {
+        "name": string;
+        "size": BsAppTileSize;
+        "icon": string;
+        "current": boolean;
+        "disabled": boolean;
+    }
     interface BsAttachmentAttributes {
         "uploadingLabel": string;
         "removeLabel": string;
@@ -14103,6 +16144,28 @@ declare namespace LocalJSX {
         "loadingLabel": string;
         "listLabel": string;
     }
+    interface BsCompactMenuBlockAttributes {
+        "name": string;
+    }
+    interface BsCompanySwitcherAttributes {
+        "currentId": string;
+        "switchingId": string;
+        "open": boolean;
+        "placeholderLabel": string;
+        "searchPlaceholder": string;
+        "listLabel": string;
+        "currentLabel": string;
+        "recentLabel": string;
+        "allLabel": string;
+        "matchesLabel": string;
+        "matchLabel": string;
+        "orgNumberLabel": string;
+        "switchingLabel": string;
+        "emptyHeading": string;
+        "emptyDescription": string;
+        "manageLabel": string;
+        "addLabel": string;
+    }
     interface BsComposerAttributes {
         "variant": BsComposerVariant;
         "placeholder": string;
@@ -14264,6 +16327,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "type": 'button' | 'submit' | 'reset';
         "ariaLabel": string | null;
+        "pressed": boolean;
     }
     interface BsIconTileAttributes {
         "size": BsIconTileSize;
@@ -14358,6 +16422,21 @@ declare namespace LocalJSX {
         "src": string | null;
         "alt": string | null;
     }
+    interface BsMegaMenuAttributes {
+        "type": BsMegaMenuType;
+        "open": boolean;
+        "label": string;
+        "recentLabel": string;
+        "shortcutLabel": string;
+        "shortcutKeys": string;
+        "shortcutKeysLabel": string;
+    }
+    interface BsMenuBlockAttributes {
+        "name": string;
+        "description": string;
+        "icon": string;
+        "badge": string;
+    }
     interface BsMenuItemAttributes {
         "disabled": boolean;
     }
@@ -14415,6 +16494,17 @@ declare namespace LocalJSX {
         "statusDoneLabel": string;
         "statusTodoLabel": string;
     }
+    interface BsPageHeaderAttributes {
+        "heading": string;
+        "headingLevel": number;
+        "meta": string;
+        "compact": boolean;
+        "back": boolean;
+        "backLabel": string;
+        "favoritable": boolean;
+        "favorite": boolean;
+        "favoriteLabel": string;
+    }
     interface BsPaginationAttributes {
         "totalPages": number;
         "currentPage": number;
@@ -14428,6 +16518,12 @@ declare namespace LocalJSX {
         "open": boolean;
         "placement": BsPopoverPlacement;
     }
+    interface BsPresenceAttributes {
+        "active": boolean;
+        "preset": BsPresencePreset;
+        "duration": BsPresenceDuration;
+        "easing": BsPresenceEasing;
+    }
     interface BsProductTourAttributes {
         "type": BsProductTourType;
         "direction": BsProductTourDirection;
@@ -14487,6 +16583,11 @@ declare namespace LocalJSX {
         "checked": boolean;
         "disabled": boolean;
     }
+    interface BsRippleAttributes {
+        "centered": boolean;
+        "disabled": boolean;
+        "triggerSelector": string;
+    }
     interface BsSearchItemAttributes {
         "value": string;
         "active": boolean;
@@ -14705,7 +16806,10 @@ declare namespace LocalJSX {
         "bs-ai-disclaimer": BsAiDisclaimer;
         "bs-ai-greeting": Omit<BsAiGreeting, keyof BsAiGreetingAttributes> & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes]?: BsAiGreeting[K] } & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes as `attr:${K}`]?: BsAiGreetingAttributes[K] } & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes as `prop:${K}`]?: BsAiGreeting[K] };
         "bs-ai-thinking": Omit<BsAiThinking, keyof BsAiThinkingAttributes> & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes]?: BsAiThinking[K] } & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes as `attr:${K}`]?: BsAiThinkingAttributes[K] } & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes as `prop:${K}`]?: BsAiThinking[K] };
+        "bs-app-recent-item": Omit<BsAppRecentItem, keyof BsAppRecentItemAttributes> & { [K in keyof BsAppRecentItem & keyof BsAppRecentItemAttributes]?: BsAppRecentItem[K] } & { [K in keyof BsAppRecentItem & keyof BsAppRecentItemAttributes as `attr:${K}`]?: BsAppRecentItemAttributes[K] } & { [K in keyof BsAppRecentItem & keyof BsAppRecentItemAttributes as `prop:${K}`]?: BsAppRecentItem[K] } & OneOf<"name", BsAppRecentItem["name"], BsAppRecentItemAttributes["name"]>;
         "bs-app-shell": Omit<BsAppShell, keyof BsAppShellAttributes> & { [K in keyof BsAppShell & keyof BsAppShellAttributes]?: BsAppShell[K] } & { [K in keyof BsAppShell & keyof BsAppShellAttributes as `attr:${K}`]?: BsAppShellAttributes[K] } & { [K in keyof BsAppShell & keyof BsAppShellAttributes as `prop:${K}`]?: BsAppShell[K] };
+        "bs-app-switcher": Omit<BsAppSwitcher, keyof BsAppSwitcherAttributes> & { [K in keyof BsAppSwitcher & keyof BsAppSwitcherAttributes]?: BsAppSwitcher[K] } & { [K in keyof BsAppSwitcher & keyof BsAppSwitcherAttributes as `attr:${K}`]?: BsAppSwitcherAttributes[K] } & { [K in keyof BsAppSwitcher & keyof BsAppSwitcherAttributes as `prop:${K}`]?: BsAppSwitcher[K] };
+        "bs-app-tile": Omit<BsAppTile, keyof BsAppTileAttributes> & { [K in keyof BsAppTile & keyof BsAppTileAttributes]?: BsAppTile[K] } & { [K in keyof BsAppTile & keyof BsAppTileAttributes as `attr:${K}`]?: BsAppTileAttributes[K] } & { [K in keyof BsAppTile & keyof BsAppTileAttributes as `prop:${K}`]?: BsAppTile[K] } & OneOf<"name", BsAppTile["name"], BsAppTileAttributes["name"]>;
         "bs-attachment": Omit<BsAttachment, keyof BsAttachmentAttributes> & { [K in keyof BsAttachment & keyof BsAttachmentAttributes]?: BsAttachment[K] } & { [K in keyof BsAttachment & keyof BsAttachmentAttributes as `attr:${K}`]?: BsAttachmentAttributes[K] } & { [K in keyof BsAttachment & keyof BsAttachmentAttributes as `prop:${K}`]?: BsAttachment[K] };
         "bs-attachment-list": Omit<BsAttachmentList, keyof BsAttachmentListAttributes> & { [K in keyof BsAttachmentList & keyof BsAttachmentListAttributes]?: BsAttachmentList[K] } & { [K in keyof BsAttachmentList & keyof BsAttachmentListAttributes as `attr:${K}`]?: BsAttachmentListAttributes[K] } & { [K in keyof BsAttachmentList & keyof BsAttachmentListAttributes as `prop:${K}`]?: BsAttachmentList[K] };
         "bs-avatar": Omit<BsAvatar, keyof BsAvatarAttributes> & { [K in keyof BsAvatar & keyof BsAvatarAttributes]?: BsAvatar[K] } & { [K in keyof BsAvatar & keyof BsAvatarAttributes as `attr:${K}`]?: BsAvatarAttributes[K] } & { [K in keyof BsAvatar & keyof BsAvatarAttributes as `prop:${K}`]?: BsAvatar[K] };
@@ -14729,6 +16833,8 @@ 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-citation-preview": Omit<BsCitationPreview, keyof BsCitationPreviewAttributes> & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes]?: BsCitationPreview[K] } & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes as `attr:${K}`]?: BsCitationPreviewAttributes[K] } & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes as `prop:${K}`]?: BsCitationPreview[K] };
         "bs-command-palette": Omit<BsCommandPalette, keyof BsCommandPaletteAttributes> & { [K in keyof BsCommandPalette & keyof BsCommandPaletteAttributes]?: BsCommandPalette[K] } & { [K in keyof BsCommandPalette & keyof BsCommandPaletteAttributes as `attr:${K}`]?: BsCommandPaletteAttributes[K] } & { [K in keyof BsCommandPalette & keyof BsCommandPaletteAttributes as `prop:${K}`]?: BsCommandPalette[K] };
+        "bs-compact-menu-block": Omit<BsCompactMenuBlock, keyof BsCompactMenuBlockAttributes> & { [K in keyof BsCompactMenuBlock & keyof BsCompactMenuBlockAttributes]?: BsCompactMenuBlock[K] } & { [K in keyof BsCompactMenuBlock & keyof BsCompactMenuBlockAttributes as `attr:${K}`]?: BsCompactMenuBlockAttributes[K] } & { [K in keyof BsCompactMenuBlock & keyof BsCompactMenuBlockAttributes as `prop:${K}`]?: BsCompactMenuBlock[K] } & OneOf<"name", BsCompactMenuBlock["name"], BsCompactMenuBlockAttributes["name"]>;
+        "bs-company-switcher": Omit<BsCompanySwitcher, keyof BsCompanySwitcherAttributes> & { [K in keyof BsCompanySwitcher & keyof BsCompanySwitcherAttributes]?: BsCompanySwitcher[K] } & { [K in keyof BsCompanySwitcher & keyof BsCompanySwitcherAttributes as `attr:${K}`]?: BsCompanySwitcherAttributes[K] } & { [K in keyof BsCompanySwitcher & keyof BsCompanySwitcherAttributes as `prop:${K}`]?: BsCompanySwitcher[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-container": Omit<BsContainer, keyof BsContainerAttributes> & { [K in keyof BsContainer & keyof BsContainerAttributes]?: BsContainer[K] } & { [K in keyof BsContainer & keyof BsContainerAttributes as `attr:${K}`]?: BsContainerAttributes[K] } & { [K in keyof BsContainer & keyof BsContainerAttributes as `prop:${K}`]?: BsContainer[K] };
@@ -14753,7 +16859,9 @@ declare namespace LocalJSX {
         "bs-list": Omit<BsList, keyof BsListAttributes> & { [K in keyof BsList & keyof BsListAttributes]?: BsList[K] } & { [K in keyof BsList & keyof BsListAttributes as `attr:${K}`]?: BsListAttributes[K] } & { [K in keyof BsList & keyof BsListAttributes as `prop:${K}`]?: BsList[K] };
         "bs-list-item": Omit<BsListItem, keyof BsListItemAttributes> & { [K in keyof BsListItem & keyof BsListItemAttributes]?: BsListItem[K] } & { [K in keyof BsListItem & keyof BsListItemAttributes as `attr:${K}`]?: BsListItemAttributes[K] } & { [K in keyof BsListItem & keyof BsListItemAttributes as `prop:${K}`]?: BsListItem[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] };
+        "bs-mega-menu": Omit<BsMegaMenu, keyof BsMegaMenuAttributes> & { [K in keyof BsMegaMenu & keyof BsMegaMenuAttributes]?: BsMegaMenu[K] } & { [K in keyof BsMegaMenu & keyof BsMegaMenuAttributes as `attr:${K}`]?: BsMegaMenuAttributes[K] } & { [K in keyof BsMegaMenu & keyof BsMegaMenuAttributes as `prop:${K}`]?: BsMegaMenu[K] };
         "bs-menu": BsMenu;
+        "bs-menu-block": Omit<BsMenuBlock, keyof BsMenuBlockAttributes> & { [K in keyof BsMenuBlock & keyof BsMenuBlockAttributes]?: BsMenuBlock[K] } & { [K in keyof BsMenuBlock & keyof BsMenuBlockAttributes as `attr:${K}`]?: BsMenuBlockAttributes[K] } & { [K in keyof BsMenuBlock & keyof BsMenuBlockAttributes as `prop:${K}`]?: BsMenuBlock[K] } & OneOf<"name", BsMenuBlock["name"], BsMenuBlockAttributes["name"]>;
         "bs-menu-item": Omit<BsMenuItem, keyof BsMenuItemAttributes> & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes]?: BsMenuItem[K] } & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes as `attr:${K}`]?: BsMenuItemAttributes[K] } & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes as `prop:${K}`]?: BsMenuItem[K] };
         "bs-message": Omit<BsMessage, keyof BsMessageAttributes> & { [K in keyof BsMessage & keyof BsMessageAttributes]?: BsMessage[K] } & { [K in keyof BsMessage & keyof BsMessageAttributes as `attr:${K}`]?: BsMessageAttributes[K] } & { [K in keyof BsMessage & keyof BsMessageAttributes as `prop:${K}`]?: BsMessage[K] };
         "bs-message-list": Omit<BsMessageList, keyof BsMessageListAttributes> & { [K in keyof BsMessageList & keyof BsMessageListAttributes]?: BsMessageList[K] } & { [K in keyof BsMessageList & keyof BsMessageListAttributes as `attr:${K}`]?: BsMessageListAttributes[K] } & { [K in keyof BsMessageList & keyof BsMessageListAttributes as `prop:${K}`]?: BsMessageList[K] };
@@ -14761,13 +16869,16 @@ declare namespace LocalJSX {
         "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-page-header": Omit<BsPageHeader, keyof BsPageHeaderAttributes> & { [K in keyof BsPageHeader & keyof BsPageHeaderAttributes]?: BsPageHeader[K] } & { [K in keyof BsPageHeader & keyof BsPageHeaderAttributes as `attr:${K}`]?: BsPageHeaderAttributes[K] } & { [K in keyof BsPageHeader & keyof BsPageHeaderAttributes as `prop:${K}`]?: BsPageHeader[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-popover": Omit<BsPopover, keyof BsPopoverAttributes> & { [K in keyof BsPopover & keyof BsPopoverAttributes]?: BsPopover[K] } & { [K in keyof BsPopover & keyof BsPopoverAttributes as `attr:${K}`]?: BsPopoverAttributes[K] } & { [K in keyof BsPopover & keyof BsPopoverAttributes as `prop:${K}`]?: BsPopover[K] };
+        "bs-presence": Omit<BsPresence, keyof BsPresenceAttributes> & { [K in keyof BsPresence & keyof BsPresenceAttributes]?: BsPresence[K] } & { [K in keyof BsPresence & keyof BsPresenceAttributes as `attr:${K}`]?: BsPresenceAttributes[K] } & { [K in keyof BsPresence & keyof BsPresenceAttributes as `prop:${K}`]?: BsPresence[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-ripple": Omit<BsRipple, keyof BsRippleAttributes> & { [K in keyof BsRipple & keyof BsRippleAttributes]?: BsRipple[K] } & { [K in keyof BsRipple & keyof BsRippleAttributes as `attr:${K}`]?: BsRippleAttributes[K] } & { [K in keyof BsRipple & keyof BsRippleAttributes as `prop:${K}`]?: BsRipple[K] };
         "bs-search-item": Omit<BsSearchItem, keyof BsSearchItemAttributes> & { [K in keyof BsSearchItem & keyof BsSearchItemAttributes]?: BsSearchItem[K] } & { [K in keyof BsSearchItem & keyof BsSearchItemAttributes as `attr:${K}`]?: BsSearchItemAttributes[K] } & { [K in keyof BsSearchItem & keyof BsSearchItemAttributes as `prop:${K}`]?: BsSearchItem[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-shortcut-row": Omit<BsShortcutRow, keyof BsShortcutRowAttributes> & { [K in keyof BsShortcutRow & keyof BsShortcutRowAttributes]?: BsShortcutRow[K] } & { [K in keyof BsShortcutRow & keyof BsShortcutRowAttributes as `attr:${K}`]?: BsShortcutRowAttributes[K] } & { [K in keyof BsShortcutRow & keyof BsShortcutRowAttributes as `prop:${K}`]?: BsShortcutRow[K] };
@@ -14805,6 +16916,10 @@ declare module "@stencil/core" {
              * (optionally managing which one(s) are expanded, e.g. "only one open at a time") themselves --
              * there's no accordion-group wrapper here, matching Figma's component which only specs the single
              * section, not a group behavior.
+             * @prop --bs-accordion-duration - Length of the expand/collapse motion. Aliased to `--bs-duration-default`.
+             * @prop --bs-accordion-easing - Curve of the expand/collapse motion. Aliased to `--bs-easing-standard`.
+             * Expanding and collapsing animate the body's height and rotate the caret. Under
+             * `prefers-reduced-motion: reduce` the duration token is `0ms`, so the body snaps.
              */
             "bs-accordion": LocalJSX.IntrinsicElements["bs-accordion"] & JSXBase.HTMLAttributes<HTMLBsAccordionElement>;
             /**
@@ -14888,6 +17003,34 @@ declare module "@stencil/core" {
              * `--bs-duration-slower` is 500ms), so this is aliased directly to the literal value.
              */
             "bs-ai-thinking": LocalJSX.IntrinsicElements["bs-ai-thinking"] & JSXBase.HTMLAttributes<HTMLBsAiThinkingElement>;
+            /**
+             * A full-width row for one app: a small icon tile, the app name and a description line (for example
+             * "Opened 10 min ago · Nordlys Handel AS"). Matches the Figma "Recent item" component (Default, Current,
+             * Hover, Pressed and Focus).
+             * The row is always a native button and only emits events; it never navigates. `current` marks the app you are in
+             * (`aria-current="true"`); `disabled` dims it, sets `aria-disabled` and removes it from the tab order.
+             * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the theme's
+             * icon colour through a CSS mask) or any element in the default slot.
+             * ## When to use
+             * - A recently opened app, or a search result with a description, inside `bs-app-switcher`.
+             * ## When not to use
+             * - An app in a launcher grid -- use `bs-app-tile`.
+             * - A generic list row -- use `bs-list-item`.
+             * @prop --bs-app-recent-item-padding-x - Aliased to `--bs-spacing-100`.
+             * @prop --bs-app-recent-item-padding-y - Aliased to `--bs-spacing-100`.
+             * @prop --bs-app-recent-item-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+             * @prop --bs-app-recent-item-radius - Aliased to `--bs-border-radius-100`.
+             * @prop --bs-app-recent-item-bg - Resting background. `transparent`.
+             * @prop --bs-app-recent-item-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-app-recent-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-app-recent-item-bg-current - Aliased to `--bs-surface-selected`.
+             * @prop --bs-app-recent-item-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+             * @prop --bs-app-recent-item-color - Name colour. Aliased to `--bs-text-default`.
+             * @prop --bs-app-recent-item-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+             * @prop --bs-app-recent-item-color-disabled - Name, description and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+             * @prop --bs-app-recent-item-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+             */
+            "bs-app-recent-item": LocalJSX.IntrinsicElements["bs-app-recent-item"] & JSXBase.HTMLAttributes<HTMLBsAppRecentItemElement>;
             /**
              * The page frame: a header across the top, and below it a navigation | main | aside row, laid out
              * with CSS grid. The main column scrolls independently of the header and the side columns.
@@ -14910,6 +17053,65 @@ declare module "@stencil/core" {
              * @prop --bs-app-shell-aside-width - Width of the aside column. Defaults to `auto` (zero when empty).
              */
             "bs-app-shell": LocalJSX.IntrinsicElements["bs-app-shell"] & JSXBase.HTMLAttributes<HTMLBsAppShellElement>;
+            /**
+             * The panel of an app launcher ("EG apps"): a header with a "Manage" action, a search field, your apps as a
+             * grid (or Recent plus All apps), search results, and a footer link to browse all products. It also has
+             * no-results, loading, error and empty states. Matches the Figma "App switcher" (states Default, With recent,
+             * Searching, No results, Loading, Error and Empty).
+             * This is the panel only. To open it from a button, wrap it in `bs-popover`.
+             * Built from `bs-card` (panel surface), `bs-input` (search), `bs-app-tile` and `bs-app-recent-item` (apps),
+             * `bs-empty-state` (no results, error, empty), `bs-skeleton` (loading), `bs-button` (Clear search, Try
+             * again, Request access) and `bs-divider`. "Manage" and "Browse all" are native links (or buttons when
+             * there is no URL): `bs-button` has no link mode and the library has no link component.
+             * ## When to use
+             * - Letting a user jump between the products they have access to, from an app header.
+             * ## When not to use
+             * - Navigation inside one app -- use `bs-menu` or the app shell navigation.
+             * - Switching company -- use `bs-company-switcher`.
+             * `apps` and `recent` are arrays and must be set as JS properties. Each app's `icon` is the URL of a
+             * monochrome SVG. You own the data: listen to `bsAppSelect` (cancelable: `preventDefault()` cancels the
+             * originating click), and drive `status` and `query` yourself. An empty `apps` list while `status` is
+             * `ready` shows the empty state.
+             * @prop --bs-app-switcher-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+             * @prop --bs-app-switcher-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+             * @prop --bs-app-switcher-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-app-switcher-border-color - Panel border. Aliased to `--bs-border-default`.
+             * @prop --bs-app-switcher-shadow - Panel shadow (elevation level 4). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-higher`.
+             * @prop --bs-app-switcher-padding - Side padding of the content. Aliased to `--bs-spacing-150`.
+             * @prop --bs-app-switcher-text-color - Heading and links in the header. Aliased to `--bs-text-default`.
+             * @prop --bs-app-switcher-header-color - Group headers. Aliased to `--bs-text-secondary`.
+             * @prop --bs-app-switcher-link-color - Browse link. Aliased to `--bs-text-action`.
+             * @prop --bs-app-switcher-focus-ring - Link focus ring. Aliased to `--bs-border-neutral-focus`.
+             */
+            "bs-app-switcher": LocalJSX.IntrinsicElements["bs-app-switcher"] & JSXBase.HTMLAttributes<HTMLBsAppSwitcherElement>;
+            /**
+             * One app in an app launcher: an icon tile above a short label. Matches the Figma "App tile" component
+             * (Size Grid and Compact, each Default, Hover, Pressed, Focus, Current and Disabled).
+             * The tile is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+             * native element; `current` marks the app you are in (`aria-current="true"`); `disabled` dims it, sets
+             * `aria-disabled` and removes it from the tab order.
+             * Built from `bs-icon-tile`. The icon is either a URL of a monochrome SVG in `icon` (painted with the
+             * theme's icon colour through a CSS mask, so it follows light and dark mode), or any element in the default
+             * slot (an `<svg>` drawn with `currentColor`).
+             * ## When to use
+             * - An app in a launcher grid, usually inside `bs-app-switcher`.
+             * ## When not to use
+             * - A row with a description or "recently opened" line -- use `bs-app-recent-item`.
+             * - A command in a menu -- use `bs-menu-item`.
+             * @prop --bs-app-tile-icon-size - Size of the icon square. `44px` in `grid` (Figma) and `--bs-sizing-400` in `compact`.
+             * @prop --bs-app-tile-padding - Padding inside the tile. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-100` (`compact`).
+             * @prop --bs-app-tile-gap - Gap between icon and label. Aliased to `--bs-spacing-150` (`grid`) or `--bs-spacing-50` (`compact`).
+             * @prop --bs-app-tile-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-app-tile-bg - Resting background. `transparent`.
+             * @prop --bs-app-tile-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-app-tile-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-app-tile-bg-current - Aliased to `--bs-surface-selected`.
+             * @prop --bs-app-tile-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered, pressed or current.
+             * @prop --bs-app-tile-color - Label colour. Aliased to `--bs-text-default`.
+             * @prop --bs-app-tile-color-disabled - Label and icon colour when disabled. Aliased to `--bs-text-on-disabled`.
+             * @prop --bs-app-tile-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+             */
+            "bs-app-tile": LocalJSX.IntrinsicElements["bs-app-tile"] & JSXBase.HTMLAttributes<HTMLBsAppTileElement>;
             /**
              * A single file attachment preview for `bs-composer` -- an image thumbnail, or a filename card
              * with a colored file-type badge (PDF/Document), with an optional upload-in-progress spinner and
@@ -15111,6 +17313,11 @@ declare module "@stencil/core" {
              * manages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,
              * so they leave the tab order and the accessibility tree) and, only when not already set,
              * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
+             * Changing page plays a short motion: the visible slides fade and slide out in the direction of travel,
+             * then the next page's slides fade and slide in (reversed for previous, and mirrored in RTL). The dots
+             * also grow and fade between pages. Motion length and distance follow `--bs-carousel-duration`,
+             * `--bs-carousel-easing` and `--bs-carousel-slide-distance`. Under `prefers-reduced-motion: reduce`
+             * the duration token is `0ms`, so pages switch instantly.
              * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
              * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
              * ## When to use
@@ -15398,6 +17605,60 @@ declare module "@stencil/core" {
              * @prop --bs-command-palette-z-index - Aliased to `--bs-z-index-modal`.
              */
             "bs-command-palette": LocalJSX.IntrinsicElements["bs-command-palette"] & JSXBase.HTMLAttributes<HTMLBsCommandPaletteElement>;
+            /**
+             * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+             * (Default, Hover, Pressed and Focused).
+             * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+             * native element.
+             * ## When to use
+             * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+             * ## When not to use
+             * - A destination that needs an icon or a description -- use `bs-menu-block`.
+             * - A command in a dropdown list -- use `bs-menu-item`.
+             * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+             * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+             * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+             * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+             */
+            "bs-compact-menu-block": LocalJSX.IntrinsicElements["bs-compact-menu-block"] & JSXBase.HTMLAttributes<HTMLBsCompactMenuBlockElement>;
+            /**
+             * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+             * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+             * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+             * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+             * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+             * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+             * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+             * ## When to use
+             * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+             * ## When not to use
+             * - Picking a value in a form -- use `bs-input type="dropdown"`.
+             * - Switching between a handful of fixed views -- use `bs-tab`.
+             * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+             * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+             * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+             * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+             * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+             * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+             * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+             * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+             * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+             * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+             * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+             * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+             * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+             * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+             * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+             * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+             */
+            "bs-company-switcher": LocalJSX.IntrinsicElements["bs-company-switcher"] & JSXBase.HTMLAttributes<HTMLBsCompanySwitcherElement>;
             /**
              * A chat composer input for Genie AI-style conversational interfaces: a text field
              * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -15908,6 +18169,49 @@ declare module "@stencil/core" {
              * is already designed for whatever surface it's placed on.
              */
             "bs-logo": LocalJSX.IntrinsicElements["bs-logo"] & JSXBase.HTMLAttributes<HTMLBsLogoElement>;
+            /**
+             * The dropdown panel under a navigation header tab: columns of links grouped under headings, an optional
+             * featured area on the right, and a footer with recently used items and a shortcut hint. Matches the Figma
+             * "Mega menu" (types Columns, Column with featured, Compact and Compact with featured).
+             * This is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the
+             * header's full width, and show it from the tab that opens it; the panel does not open or close itself. Escape
+             * inside the panel fires `bsClose` so you can close it.
+             * There are two ways to show and hide it. Toggle the host's `hidden` attribute and it appears and disappears at once
+             * (the original contract, unchanged). Or set `open` and it fades and drops in from under the bar, then fades back out
+             * and is removed once the exit finishes. Leave `open` unset to keep using `hidden` only. `hidden` always wins: with it
+             * set the panel is not shown whatever `open` says.
+             * Built from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and
+             * `bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout
+             * markup: no component covers them.
+             * ## Responsive
+             * The panel reacts to its own width (a container query), not the viewport's. Below 600px it becomes one column (heading
+             * above its links, featured area below), titles and descriptions wrap, links are at least 44px tall, the footer stacks
+             * and the default shortcut hint is hidden (`display: none`; a keyboard hint means nothing on a touch screen). A custom
+             * `footer-end` slot is not hidden.
+             * ## When to use
+             * - A header tab that leads to many destinations that need grouping (Sell, Finance, Inventory).
+             * ## When not to use
+             * - A short list of commands -- use `bs-menu` in a `bs-popover`.
+             * - Switching app or company -- use `bs-app-switcher` or `bs-company-switcher`.
+             * `columns`, `featured` and `recent` are arrays or objects and must be set as JS properties. Each item's `icon` is
+             * the URL of a monochrome SVG. You own the data: listen to `bsMenuSelect` (cancelable: `preventDefault()` cancels the
+             * originating click).
+             * @prop --bs-mega-menu-width - Panel width. Defaults to `1100px` (Figma); capped at the viewport.
+             * @prop --bs-mega-menu-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+             * @prop --bs-mega-menu-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-mega-menu-border-color - Panel border. Aliased to `--bs-border-default`.
+             * @prop --bs-mega-menu-shadow - Panel shadow (elevation level 3). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-high`.
+             * @prop --bs-mega-menu-padding - Padding around the columns. Aliased to `--bs-spacing-300` and `--bs-spacing-350`.
+             * @prop --bs-mega-menu-gap - Gap between columns. Aliased to `--bs-spacing-300`.
+             * @prop --bs-mega-menu-heading-color - Column headings. Aliased to `--bs-text-muted`.
+             * @prop --bs-mega-menu-text-color - Featured title. Aliased to `--bs-text-default`.
+             * @prop --bs-mega-menu-muted-color - Featured description and footer text. Aliased to `--bs-text-secondary`.
+             * @prop --bs-mega-menu-duration - Length of the open/close motion (`open` only). Aliased to `--bs-duration-default`.
+             * @prop --bs-mega-menu-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+             * @prop --bs-mega-menu-distance - How far the panel drops while it fades. Aliased to `--bs-spacing-100`.
+             * Under `prefers-reduced-motion: reduce` (or a duration of `0ms`) setting `open` shows and hides the panel instantly.
+             */
+            "bs-mega-menu": LocalJSX.IntrinsicElements["bs-mega-menu"] & JSXBase.HTMLAttributes<HTMLBsMegaMenuElement>;
             /**
              * A generic dropdown/popup menu container: a rounded, elevated list of items (typically
              * `bs-menu-item` elements).
@@ -15924,6 +18228,32 @@ declare module "@stencil/core" {
              * @prop --bs-menu-shadow - Elevation shadow of the menu box. Aliased to `--bs-shadow-sm`.
              */
             "bs-menu": LocalJSX.IntrinsicElements["bs-menu"] & JSXBase.HTMLAttributes<HTMLBsMenuElement>;
+            /**
+             * A rich entry in a mega menu: an icon tile, a title with an optional "New" chip, and a one-line description.
+             * Matches the Figma "Menu block" component (Default, Hover, Pressed and Focused).
+             * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+             * native element. Its accessible name is its text: the title, the badge and the description, read once.
+             * Built from `bs-icon-tile` (the icon) and `bs-chip-informative` (the badge). The icon is either a URL of a
+             * monochrome SVG in `icon` (painted with the theme's icon colour through a CSS mask, so it follows light and
+             * dark mode), or any element in the default slot (an `<svg>` drawn with `currentColor`).
+             * ## When to use
+             * - A destination in a mega menu that needs an icon and a sentence of explanation, usually inside `bs-mega-menu`.
+             * ## When not to use
+             * - A plain text destination -- use `bs-compact-menu-block`.
+             * - A command in a dropdown list -- use `bs-menu-item`.
+             * @prop --bs-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-150`.
+             * @prop --bs-menu-block-gap - Gap between icon and text. Aliased to `--bs-spacing-150`.
+             * @prop --bs-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-menu-block-bg - Resting background. `transparent`.
+             * @prop --bs-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-menu-block-icon-bg - Icon square background. Aliased to `--bs-color-neutral-container`; `--bs-surface-base` while hovered or pressed.
+             * @prop --bs-menu-block-color - Title colour. Aliased to `--bs-text-default`.
+             * @prop --bs-menu-block-color-muted - Description colour. Aliased to `--bs-text-secondary`.
+             * @prop --bs-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+             * @prop --bs-menu-block-white-space - `white-space` of the title and description. `nowrap` (single line, ellipsis); set `normal` to let them wrap.
+             */
+            "bs-menu-block": LocalJSX.IntrinsicElements["bs-menu-block"] & JSXBase.HTMLAttributes<HTMLBsMenuBlockElement>;
             /**
              * A single selectable row inside a `bs-menu`: an optional icon plus a text label, rendered as a
              * real `<button>` for correct keyboard/click semantics.
@@ -16101,6 +18431,47 @@ declare module "@stencil/core" {
              * hidden "Done" / "Not done". The progress bar is named with the progress text.
              */
             "bs-onboarding-checklist": LocalJSX.IntrinsicElements["bs-onboarding-checklist"] & JSXBase.HTMLAttributes<HTMLBsOnboardingChecklistElement>;
+            /**
+             * The header at the top of a page's content area: breadcrumb trail, the page title (a real heading) with an
+             * optional back button, status and favourite toggle, a meta line, page-level actions on the right and an
+             * optional row of tabs. Matches the Figma "Page header" (types List page, Record, Record with tabs and Sticky
+             * compact).
+             * Built from `bs-breadcrumbs`/`bs-breadcrumb` (slotted by you), `bs-icon-button` (the built-in back and favourite
+             * buttons), `bs-chip-informative` (the status you slot), `bs-button` and `bs-icon-button` (the actions you slot),
+             * `bs-tabs`/`bs-tab` (the tab row you slot) and `bs-divider` (under the tabs). The title block, meta line and
+             * actions area are plain layout markup, because no component covers them. The back arrow and the star are
+             * inline SVG (Phosphor "arrow-left", "star" and "star-fill") until the library has an icon component.
+             * ## Compact (sticky)
+             * `compact` is the condensed state a record header takes once the page scrolls: one row (back, title, status,
+             * meta inline, actions), a level 2 shadow, no breadcrumb and no tabs, and `position: sticky`. Set it yourself
+             * from a scroll observer. Because the header covers the top of the scroll area, give the scroll container
+             * `scroll-padding-top` equal to its height (80px by default) so focused or anchored content is not hidden under it.
+             * ## Responsive
+             * The header reacts to its own width (a container query), not the viewport's. Below 640px the actions wrap
+             * below the title block, slotted buttons grow to 44px tall, the title and meta wrap, and the tab row scrolls
+             * sideways inside itself. The page never gets wider.
+             * ## When to use
+             * - The top of a list page or a single record (an invoice, a customer) inside the app shell's content area.
+             * ## When not to use
+             * - The app-wide bar with logo, search and user: use `bs-navigation-header`.
+             * - The heading of a card, dialog or panel: use that component's own `heading`.
+             * ## Accessibility notes
+             * The root is a plain `div`, not a `<header>`: a `<header>` that is not inside `<main>`/`<article>`/`<section>`
+             * is a second banner landmark. The title is a real heading (`<h1>` by default, `headingLevel` 1 to 6); the
+             * status is next to it, not inside it. If you want a landmark, wrap `bs-page-header` yourself.
+             * @prop --bs-page-header-bg - Background. Aliased to `--bs-surface-base`.
+             * @prop --bs-page-header-padding-x - Left and right padding. Aliased to `--bs-spacing-200`.
+             * @prop --bs-page-header-padding-y - Top and bottom padding. Aliased to `--bs-spacing-300`.
+             * @prop --bs-page-header-gap - Gap between the breadcrumb, title block and tabs, and between the title block and the actions. Aliased to `--bs-spacing-150`.
+             * @prop --bs-page-header-title-gap - Gap between the heading, status and favourite button. Aliased to `--bs-spacing-150`.
+             * @prop --bs-page-header-actions-gap - Gap between the actions. Aliased to `--bs-spacing-100`.
+             * @prop --bs-page-header-text-color - Heading. Aliased to `--bs-text-default`.
+             * @prop --bs-page-header-meta-color - Meta line. Aliased to `--bs-text-secondary`.
+             * @prop --bs-page-header-shadow - Shadow of the compact header (elevation level 2). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-medium`.
+             * @prop --bs-page-header-sticky-offset - The `top` of the compact header. Defaults to `0px`; set it to the height of a sticky bar above (e.g. the navigation header).
+             * @prop --bs-page-header-z-index - Stacking order of the compact header. Aliased to `--bs-z-index-sticky`.
+             */
+            "bs-page-header": LocalJSX.IntrinsicElements["bs-page-header"] & JSXBase.HTMLAttributes<HTMLBsPageHeaderElement>;
             /**
              * 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
@@ -16132,8 +18503,31 @@ declare module "@stencil/core" {
              * @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
              * @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
              * @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
+             * @prop --bs-popover-duration - Length of the open/close motion. Aliased to `--bs-duration-fast`.
+             * @prop --bs-popover-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+             * @prop --bs-popover-distance - How far the popup nudges while it fades. Aliased to `--bs-spacing-50`.
+             * The popup fades and nudges toward its trigger when it opens and closes. Length, curve and travel are
+             * `--bs-popover-duration`, `--bs-popover-easing` and `--bs-popover-distance`; under `prefers-reduced-motion: reduce` it is instant.
              */
             "bs-popover": LocalJSX.IntrinsicElements["bs-popover"] & JSXBase.HTMLAttributes<HTMLBsPopoverElement>;
+            /**
+             * Shows and hides slotted content with a short enter/exit transition.
+             * The motion uses the shared duration and easing tokens (`--bs-duration-*`, `--bs-easing-*`).
+             * Under `prefers-reduced-motion: reduce` those durations are already `0ms`, and this component
+             * forces `--bs-presence-duration` to `--bs-duration-instant` as well, so the content snaps
+             * instead of moving.
+             * ## When to use
+             * - Revealing a block that does not have its own enter/exit (a card, a form section, a panel).
+             * - Comparing duration and easing tokens while designing a screen.
+             * ## When not to use
+             * - Loading placeholders (`bs-skeleton`), spinners (`bs-spinner`), or progress.
+             * - Dialog, snackbar, toast, and command palette — those components own their motion.
+             * @prop --bs-presence-duration - Transition length. Set from the `duration` prop to a `--bs-duration-*` token.
+             * @prop --bs-presence-easing - Transition curve. Set from the `easing` prop to a `--bs-easing-*` token.
+             * @prop --bs-presence-distance - Travel distance for `slide-up` and `slide-down`. Aliased to `--bs-spacing-400`.
+             * @prop --bs-presence-scale - Closed scale for `scale`. No unitless scale token exists, so the default is `0.96`.
+             */
+            "bs-presence": LocalJSX.IntrinsicElements["bs-presence"] & JSXBase.HTMLAttributes<HTMLBsPresenceElement>;
             /**
              * 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
@@ -16214,6 +18608,27 @@ 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>;
+            /**
+             * A touch-ripple effect: on pointer press, a circle grows from the press point and fades out.
+             * It is a building block for pressable components (`bs-button`, `bs-icon-button`, ...), not something
+             * to place on a page by itself. Put it inside a positioned, pressable parent; it fills that parent,
+             * follows its corner radius, and listens for `pointerdown` on it. Pointer-events pass through, so the
+             * parent still receives every click.
+             * The motion uses the shared duration and easing tokens. Under `prefers-reduced-motion: reduce` those
+             * durations are `0ms`, and the ripple does not play at all.
+             * ## When to use
+             * - Inside a pressable `bs-*` component, to give press feedback.
+             * ## When not to use
+             * - As a hover or focus indicator. Those are colour changes on the parent.
+             * - On non-interactive surfaces.
+             * Set the custom properties on the `bs-ripple` element itself. Inside another component that means `::part(ripple)`,
+             * e.g. `bs-button::part(ripple) { --bs-ripple-color: white; }`.
+             * @prop --bs-ripple-color - Ripple colour. `currentColor` by default, so it follows the parent's text colour and works on every variant.
+             * @prop --bs-ripple-opacity - Starting opacity of the ripple. No opacity token fits, so the default is `0.24`.
+             * @prop --bs-ripple-duration - Length of the ripple. Aliased to `--bs-duration-slower`.
+             * @prop --bs-ripple-easing - Curve of the ripple. Aliased to `--bs-easing-decelerate`.
+             */
+            "bs-ripple": LocalJSX.IntrinsicElements["bs-ripple"] & JSXBase.HTMLAttributes<HTMLBsRippleElement>;
             /**
              * One result or suggestion row of a search dropdown: a leading icon, a primary line, an optional
              * description line and trailing text. Static, not focusable -- focus stays in the search field and the
@@ -16299,6 +18714,8 @@ declare module "@stencil/core" {
              * @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
              * @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
              * @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
+             * @prop --bs-side-panel-duration - Length of the slide in/out. Aliased to `--bs-duration-slow`.
+             * @prop --bs-side-panel-easing - Curve of the slide in/out. Aliased to `--bs-easing-standard`.
              */
             "bs-side-panel": LocalJSX.IntrinsicElements["bs-side-panel"] & JSXBase.HTMLAttributes<HTMLBsSidePanelElement>;
             /**
@@ -16601,6 +19018,11 @@ declare module "@stencil/core" {
              * - Interactive content or long text (use `bs-popover`).
              * @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
              * @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
+             * @prop --bs-tooltip-trigger-duration - Length of the show/hide motion. Aliased to `--bs-duration-fast`.
+             * @prop --bs-tooltip-trigger-easing - Curve of the show/hide motion. Aliased to `--bs-easing-standard`.
+             * @prop --bs-tooltip-trigger-distance - How far the tooltip nudges while it fades. Aliased to `--bs-spacing-50`.
+             * The tooltip fades in while drifting a few pixels away from the trigger into place, and fades back out toward it. Under
+             * `prefers-reduced-motion: reduce` (or a duration of `0ms`) it appears and disappears instantly.
              */
             "bs-tooltip-trigger": LocalJSX.IntrinsicElements["bs-tooltip-trigger"] & JSXBase.HTMLAttributes<HTMLBsTooltipTriggerElement>;
             /**