@brandsync/wc 1.16.0 → 1.18.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";
@@ -21,6 +23,8 @@ import { BsCheckboxSize as BsCheckboxSize1 } from "./components/bs-checkbox/bs-c
 import { BsChipFilterSize } from "./components/bs-chip/bs-chip-filter/bs-chip-filter";
 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";
@@ -29,13 +33,17 @@ import { BsDataTableColumn, BsDataTableRow } from "./components/bs-data-table/bs
 import { BsDatepickerChange } from "./components/bs-datepicker/bs-datepicker";
 import { BsDialogSize } from "./components/bs-dialog/bs-dialog";
 import { BsDividerInset, BsDividerOrientation, BsDividerVariant } from "./components/bs-divider/bs-divider";
+import { BsIconTileIntent } from "./components/bs-icon-tile/bs-icon-tile";
 import { BsErrorPageType } from "./components/bs-error-page/bs-error-page";
 import { BsFileUploadDirection } from "./components/bs-file-upload/bs-file-upload";
 import { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-upload-item";
+import { BsGlobalSearchSelectDetail, BsGlobalSearchStatus } from "./components/bs-global-search/bs-global-search";
 import { BsGridAlign } from "./components/bs-grid/bs-grid";
 import { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
-import { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
+import { 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";
@@ -64,6 +72,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";
@@ -79,6 +89,8 @@ export { BsCheckboxSize as BsCheckboxSize1 } from "./components/bs-checkbox/bs-c
 export { BsChipFilterSize } from "./components/bs-chip/bs-chip-filter/bs-chip-filter";
 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";
@@ -87,13 +99,17 @@ export { BsDataTableColumn, BsDataTableRow } from "./components/bs-data-table/bs
 export { BsDatepickerChange } from "./components/bs-datepicker/bs-datepicker";
 export { BsDialogSize } from "./components/bs-dialog/bs-dialog";
 export { BsDividerInset, BsDividerOrientation, BsDividerVariant } from "./components/bs-divider/bs-divider";
+export { BsIconTileIntent } from "./components/bs-icon-tile/bs-icon-tile";
 export { BsErrorPageType } from "./components/bs-error-page/bs-error-page";
 export { BsFileUploadDirection } from "./components/bs-file-upload/bs-file-upload";
 export { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-upload-item";
+export { BsGlobalSearchSelectDetail, BsGlobalSearchStatus } from "./components/bs-global-search/bs-global-search";
 export { BsGridAlign } from "./components/bs-grid/bs-grid";
 export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
-export { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
+export { 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";
@@ -261,6 +277,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.
@@ -289,6 +356,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
@@ -1307,6 +1585,321 @@ export namespace Components {
          */
         "sourceName"?: string;
     }
+    /**
+     * A Ctrl+K command palette: a modal with a search field, grouped commands, navigation and records, a
+     * no-results view and a keyboard-hint footer. The data, the filtering, the command registry and the
+     * recent-items storage are all yours: you slot `bs-search-item`s into the sections and set `status`.
+     * Built from a native `<dialog>` (opened with `showModal()`, so focus is trapped, the page behind is inert
+     * and the backdrop is the scrim), `bs-input` (type="search"), `bs-search-item`, `bs-key` (footer hints and
+     * the Esc cap), `bs-chip-informative` (the scope chip) and `bs-spinner` (loading). Slot a `bs-key-caps` with
+     * `slot="trailing"` inside an item to show a command's shortcut.
+     * ## When to use
+     * - An app-wide "do anything" entry point opened with a hotkey: run commands, navigate, open records.
+     * ## When not to use
+     * - A plain search box with a dropdown -- use `bs-global-search`.
+     * - A small list of actions on one control -- use `bs-menu`.
+     * A `>` as the first character of the field switches to commands-only mode (`commandsOnly`, reflected as
+     * `commands-only`). The component filters nothing: listen to `bsInput`, swap the slotted items, set `status`.
+     * Nested (sub-command) palettes are a consumer pattern: swap the slotted commands and set `scopeLabel`.
+     * @prop --bs-command-palette-width - Panel width. Defaults to `640px` (Figma); capped to the viewport.
+     * @prop --bs-command-palette-top - Distance from the top of the viewport. Defaults to `12vh`.
+     * @prop --bs-command-palette-max-height - Max height of the results area. Defaults to `60vh`.
+     * @prop --bs-command-palette-radius - Aliased to `--bs-border-radius-150`.
+     * @prop --bs-command-palette-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-command-palette-shadow - Figma elevation level 4: `0 8px 16px` in `--bs-elevation-higher` (stronger in dark mode).
+     * @prop --bs-command-palette-overlay - Scrim colour. Aliased to `--bs-surface-overlay`.
+     * @prop --bs-command-palette-footer-bg - Aliased to `--bs-surface-container`.
+     * @prop --bs-command-palette-divider-color - Aliased to `--bs-border-default`.
+     * @prop --bs-command-palette-header-border-color - Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-command-palette-header-color - Aliased to `--bs-text-muted`.
+     * @prop --bs-command-palette-hint-color - Aliased to `--bs-text-secondary`.
+     * @prop --bs-command-palette-z-index - Aliased to `--bs-z-index-modal`.
+     */
+    interface BsCommandPalette {
+        /**
+          * @default 'All results'
+         */
+        "allResultsLabel": string;
+        /**
+          * Closes the palette and restores focus.
+         */
+        "close": () => Promise<void>;
+        /**
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * @default 'Commands'
+         */
+        "commandsLabel": string;
+        /**
+          * Derived from `value` (it starts with `>`). Read-only; set `value` instead.
+          * @default false
+         */
+        "commandsOnly": boolean;
+        /**
+          * @default 'Commands only'
+         */
+        "commandsOnlyLabel": string;
+        /**
+          * A suggested correction; the "Did you mean" line shows while it is set.
+         */
+        "didYouMean"?: string;
+        /**
+          * @default 'Did you mean'
+         */
+        "didYouMeanLabel": string;
+        /**
+          * @default 'Check the spelling, or search records instead.'
+         */
+        "emptyDescription": string;
+        /**
+          * No-results view copy. Include the query in `emptyHeading` yourself.
+          * @default 'No commands or records'
+         */
+        "emptyHeading": string;
+        /**
+          * Global shortcut that toggles the palette, e.g. `mod+k` (`mod` is Cmd on Mac, Ctrl elsewhere). Empty = off.
+          * @default ''
+         */
+        "hotkey": string;
+        /**
+          * Keep the palette open after an item is chosen.
+          * @default false
+         */
+        "keepOpenOnSelect": boolean;
+        /**
+          * Accessible name of the dialog.
+          * @default 'Command palette'
+         */
+        "label": string;
+        /**
+          * Accessible name of the results listbox.
+          * @default 'Results'
+         */
+        "listLabel": string;
+        /**
+          * Text of the loading row.
+          * @default 'Loading…'
+         */
+        "loadingLabel": string;
+        /**
+          * Footer hint texts.
+          * @default 'Navigate'
+         */
+        "navigateLabel": string;
+        /**
+          * @default 'Navigation'
+         */
+        "navigationLabel": string;
+        /**
+          * Whether the palette is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * @default 'Open'
+         */
+        "openLabel": string;
+        /**
+          * Placeholder of the field.
+          * @default 'Type a command or search…'
+         */
+        "placeholder": string;
+        /**
+          * Section headers.
+          * @default 'Recent'
+         */
+        "recentLabel": string;
+        /**
+          * @default 'Records'
+         */
+        "recordsLabel": string;
+        /**
+          * Nested scope: shows this text as a chip before the field. Backspace on an empty field emits `bsScopeExit`.
+         */
+        "scopeLabel"?: string;
+        /**
+          * Opens the palette.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Shows the footer of keyboard hints.
+          * @default true
+         */
+        "showFooter": boolean;
+        /**
+          * Which view to show. You choose it; nothing is inferred from `value`. `default` and `results` render the same; they differ for screen readers only.
+          * @default 'default'
+         */
+        "status": BsCommandPaletteStatus;
+        /**
+          * @default 'Suggested'
+         */
+        "suggestedLabel": string;
+        /**
+          * @default 'Try instead'
+         */
+        "tryInsteadLabel": string;
+        /**
+          * The field value. Two-way. A leading `>` means commands-only mode.
+          * @default ''
+         */
+        "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
@@ -1850,6 +2443,43 @@ export namespace Components {
          */
         "variant": BsDividerVariant;
     }
+    /**
+     * A centered "nothing to show" block: an icon tile, a heading, a description and an optional action.
+     * Used for empty lists, "no results" and error states inside a panel, card or page section.
+     * Built from `bs-icon-tile` (and, in your `action` slot, usually a `bs-button`).
+     * The component has no role. Live regions belong on a wrapper you control (e.g. `role="status"` on the
+     * element that stays in the DOM while this block appears and disappears).
+     * ## When to use
+     * - A list, table or search result that has nothing to show, or failed to load.
+     * ## When not to use
+     * - A full-page error with a status code -- use `bs-error-page`.
+     * - A transient message -- use `bs-toast` or `bs-snackbar`.
+     * @prop --bs-empty-state-padding-y - Vertical padding. Aliased to `--bs-spacing-700` (56px).
+     * @prop --bs-empty-state-padding-x - Horizontal padding. Aliased to `--bs-spacing-300` (24px).
+     * @prop --bs-empty-state-gap - Gap between tile, heading, description and action. Aliased to `--bs-spacing-150`.
+     * @prop --bs-empty-state-heading-color - Aliased to `--bs-text-default`.
+     * @prop --bs-empty-state-description-color - Aliased to `--bs-text-secondary`.
+     */
+    interface BsEmptyState {
+        /**
+          * The description text. The default slot overrides it.
+         */
+        "description"?: string;
+        /**
+          * The heading text.
+         */
+        "heading"?: string;
+        /**
+          * Heading level, 2 to 6 (renders `h2`..`h6`). Pick the one that fits the page outline.
+          * @default 3
+         */
+        "headingLevel": 2 | 3 | 4 | 5 | 6;
+        /**
+          * Colour and default glyph of the icon tile. Use `error` for failures.
+          * @default 'default'
+         */
+        "intent": BsIconTileIntent;
+    }
     /**
      * A full-block page for when the user can't get to what they asked for: page not found (404), a server
      * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
@@ -2006,8 +2636,163 @@ export namespace Components {
         "thumbnailSrc"?: string;
     }
     /**
-     * A CSS grid layout wrapper. Children are placed in equal-width columns with a token-based gap.
-     * `columns` takes either a number (`"3"` becomes `repeat(3, minmax(0, 1fr))`) or any raw
+     * A global search combobox: a search field with a dropdown panel of suggestions, results, an empty state
+     * or an error state, plus a keyboard-hint footer. The data, the filtering and the recent-search storage
+     * are all yours: you slot `bs-search-item`s into the sections and tell the component which `status` to show.
+     * Built from `bs-input` (type="search"), `bs-search-item`, `bs-empty-state` (and so `bs-icon-tile`),
+     * `bs-button` and `bs-key` (the footer keycaps).
+     * ## When to use
+     * - An app-wide "find anything" field with recent searches, jump-to shortcuts and grouped results.
+     * ## When not to use
+     * - Filtering the list or table that is already on screen -- use `bs-input type="search"`.
+     * - A list of commands or actions -- use `bs-menu`.
+     * - The complete result set -- link to a full search results page ("See all results").
+     * Put `bs-search-item` children in the light DOM with `slot="recent"`, `slot="jump-to"`,
+     * `slot="top-matches"` or `slot="search-in"`. A section (and its header) is only rendered when its slot has
+     * content. Up/Down arrows move a highlight through the visible items; focus never leaves the field.
+     * Known limit: the items are in your light DOM and the combobox in this shadow root, so
+     * `aria-activedescendant` (an id reference) does not resolve across that boundary in every browser; the
+     * highlighted option also gets `aria-selected="true"`.
+     * @prop --bs-global-search-width - Field and panel width. Defaults to `480px` (Figma); capped at 100%.
+     * @prop --bs-global-search-panel-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-global-search-panel-padding - Aliased to `--bs-spacing-100`.
+     * @prop --bs-global-search-gap - Gap between sections, and between the field and the panel. Aliased to `--bs-spacing-100`.
+     * @prop --bs-global-search-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-global-search-shadow - Panel shadow: Figma elevation level 3 (`0 4px 8px` in `--bs-elevation-high`, 10% black in light mode and 30% in dark mode).
+     * @prop --bs-global-search-z-index - Panel stacking. Aliased to `--bs-z-index-dropdown`.
+     * @prop --bs-global-search-divider-color - Footer divider. Aliased to `--bs-border-default`.
+     * @prop --bs-global-search-header-border-color - Section header underline. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-global-search-header-color - Section header text. Aliased to `--bs-text-muted`.
+     * @prop --bs-global-search-hint-color - Footer hint text. Aliased to `--bs-text-secondary`.
+     */
+    interface BsGlobalSearch {
+        /**
+          * Text of the footer button that clears recent searches.
+          * @default 'Clear recent'
+         */
+        "clearRecentLabel": string;
+        /**
+          * Text of the empty state's action.
+          * @default 'Clear search'
+         */
+        "clearSearchLabel": string;
+        /**
+          * Footer hint text after the Esc key.
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * Disables the field; the panel cannot open.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Description of the built-in empty state.
+          * @default 'Try a different search.'
+         */
+        "emptyDescription": string;
+        /**
+          * Heading of the built-in empty state.
+          * @default 'No results'
+         */
+        "emptyHeading": string;
+        /**
+          * Description of the built-in error state.
+          * @default 'We couldn’t reach the server. Your query is kept — try again in a moment.'
+         */
+        "errorDescription": string;
+        /**
+          * Heading of the built-in error state.
+          * @default 'Search isn’t available right now'
+         */
+        "errorHeading": string;
+        /**
+          * Footer hint text after the Enter key (results view).
+          * @default 'Full results'
+         */
+        "fullResultsLabel": string;
+        /**
+          * Header of the `jump-to` section.
+          * @default 'Jump to'
+         */
+        "jumpToLabel": string;
+        /**
+          * Accessible name of the search field. Falls back to the placeholder. `bs-input` has no aria-label prop, so this names the combobox wrapper.
+         */
+        "label"?: string;
+        /**
+          * Accessible name of the suggestions listbox.
+          * @default 'Search suggestions'
+         */
+        "listLabel": string;
+        /**
+          * Footer hint text after the arrow keys.
+          * @default 'Navigate'
+         */
+        "navigateLabel": string;
+        /**
+          * Whether the dropdown panel is open. Opens on focus, click and typing; closes on Escape, outside click and selection.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Placeholder of the field (also its accessible name unless `label` is set).
+          * @default 'Search customers, orders, products…'
+         */
+        "placeholder": string;
+        /**
+          * Header of the `recent` section.
+          * @default 'Recent searches'
+         */
+        "recentLabel": string;
+        /**
+          * Text of the error state's action.
+          * @default 'Try again'
+         */
+        "retryLabel": string;
+        /**
+          * Header of the `search-in` section.
+          * @default 'Search in'
+         */
+        "searchInLabel": string;
+        /**
+          * Footer hint text after the Enter key (default view).
+          * @default 'Search'
+         */
+        "searchLabel": string;
+        /**
+          * Text of the footer button of the results view, when `totalResults` is not set.
+          * @default 'See all results'
+         */
+        "seeAllLabel": string;
+        /**
+          * Shows the footer (hints and the Clear recent / See all button) for the `default` and `results` views.
+          * @default true
+         */
+        "showFooter": boolean;
+        /**
+          * Which view the panel shows. You choose it; nothing is inferred from `value`.
+          * @default 'default'
+         */
+        "status": BsGlobalSearchStatus;
+        /**
+          * Header of the `top-matches` section.
+          * @default 'Top matches'
+         */
+        "topMatchesLabel": string;
+        /**
+          * Total number of results (status `results`): shown as "See all {n} results" and announced to screen readers.
+         */
+        "totalResults"?: number;
+        /**
+          * The query. Two-way with the field.
+          * @default ''
+         */
+        "value": string;
+    }
+    /**
+     * A CSS grid layout wrapper. Children are placed in equal-width columns with a token-based gap.
+     * `columns` takes either a number (`"3"` becomes `repeat(3, minmax(0, 1fr))`) or any raw
      * `grid-template-columns` value (`"200px 1fr"`). `minColumnWidth` is the responsive mechanism: it
      * switches to `repeat(auto-fit, minmax(min(100%, X), 1fr))`, so the column count adapts to the
      * container width and `columns` is ignored. There are deliberately no per-breakpoint props in v1.
@@ -2081,6 +2866,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'
@@ -2116,7 +2905,7 @@ export namespace Components {
           * Colour and default glyph. `brand` uses the brand colours; `information` the info palette.
           * @default 'default'
          */
-        "intent": BsIconTileIntent;
+        "intent": BsIconTileIntent1;
         /**
           * Accessible name. When set, the tile is exposed as an image with this name; when empty it is decorative and hidden from assistive tech.
          */
@@ -2309,6 +3098,151 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * One key of a keyboard shortcut, e.g. `Ctrl`, `K` or `Esc` -- rendered as a `<kbd>` keycap.
+     * Shows a text label, or an icon (e.g. a return arrow) via the `icon` slot.
+     * ## When to use
+     * - Showing a keyboard shortcut hint next to a control or inside a search field.
+     * - Alone for a single key, or as the children of `bs-key-caps` for a multi-key shortcut.
+     * ## When not to use
+     * - As a button or any clickable control -- a key is a static hint, not interactive.
+     * @prop --bs-key-bg - Cap background. Aliased to `--bs-surface-base`.
+     * @prop --bs-key-border-color - Cap border colour. Aliased to `--bs-border-default`.
+     * @prop --bs-key-radius - Cap corner radius. Aliased to `--bs-border-radius-50`.
+     * @prop --bs-key-padding-x - Horizontal padding. Aliased to `--bs-spacing-75`.
+     * @prop --bs-key-padding-y - Vertical padding. Aliased to `--bs-spacing-50`.
+     * @prop --bs-key-min-width - Smallest cap width, so single characters keep a keycap shape. Defaults to `25px` (Figma).
+     * @prop --bs-key-color - Label colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-key-font-size - Label size. Aliased to `--bs-font-size-xs` (12px).
+     * @prop --bs-key-icon-size - Icon size. Defaults to `16px` (Figma).
+     */
+    interface BsKey {
+        /**
+          * The key's text, e.g. `Ctrl`. The default slot overrides it.
+         */
+        "label"?: string;
+    }
+    /**
+     * A keyboard shortcut of one to four keys joined by "+", e.g. `Ctrl + K`. Give it a `keys` string
+     * (`"Ctrl+Shift+K"`) or array (`['Ctrl', '+']` for a literal plus key), or slot your own `bs-key`
+     * elements -- for example when a key is an icon.
+     * ## When to use
+     * - A shortcut hint beside a menu item, button or inside a search field.
+     * ## When not to use
+     * - Instructions that need prose ("press Enter to submit") -- write a sentence and use a single `bs-key` inline.
+     * - Anything interactive -- keys are static hints.
+     * @prop --bs-key-caps-gap - Gap between keys and separators. Aliased to `--bs-spacing-100`.
+     * @prop --bs-key-caps-separator-color - Colour of the "+" separators. Aliased to `--bs-text-muted`.
+     * @prop --bs-key-caps-disabled-opacity - Opacity of the whole shortcut while `disabled`. Defaults to `0.38` (Figma).
+     */
+    interface BsKeyCaps {
+        /**
+          * Dims the whole shortcut and marks it `aria-disabled`.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The keys as text. A string is split on `+` (`"Ctrl+K"`); use an array to include a literal plus key. Ignored when `bs-key` elements are slotted instead. Figma defines one to four keys.
+         */
+        "keys"?: string | string[];
+        /**
+          * Accessible name of the shortcut, e.g. "Control plus K". Defaults to the keys joined with " plus ".
+         */
+        "label"?: string;
+    }
+    /**
+     * A searchable reference panel of keyboard shortcuts: heading and close button, a search field, an
+     * optional single-key on/off switch, shortcut groups in two columns and a footer hint. It is a
+     * surface, not a modal -- place it inside `bs-dialog` or a popover.
+     * Built from `bs-card`, `bs-icon-button`, `bs-input`, `bs-switch`, `bs-shortcut-row` (and so
+     * `bs-key-caps` / `bs-key`).
+     * ## When to use
+     * - A "press ? to see shortcuts" help overlay for an app with many shortcuts.
+     * ## When not to use
+     * - A long-form help page or documentation -- link to it instead.
+     * - A list of commands the user can run from it -- use `bs-menu`.
+     * @prop --bs-keyboard-shortcuts-width - Panel width and min-width. Defaults to `720px` (Figma).
+     * @prop --bs-keyboard-shortcuts-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-keyboard-shortcuts-radius - Aliased to `--bs-border-radius-150`.
+     * @prop --bs-keyboard-shortcuts-padding - Aliased to `--bs-spacing-200`.
+     * @prop --bs-keyboard-shortcuts-gap - Gap between sections. Aliased to `--bs-spacing-200`.
+     * @prop --bs-keyboard-shortcuts-shadow - Figma elevation level 4 (`0 8px 8px` in `--bs-elevation-higher`, 12% black in light mode and 25% in dark mode).
+     * @prop --bs-keyboard-shortcuts-column-gap - Gap between the two columns. Aliased to `--bs-spacing-600`.
+     * @prop --bs-keyboard-shortcuts-color - Main text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-keyboard-shortcuts-color-secondary - Titles, captions, footer. Aliased to `--bs-text-secondary`.
+     */
+    interface BsKeyboardShortcuts {
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel": string;
+        /**
+          * The key shown in the footer hint.
+          * @default '?'
+         */
+        "footerKey": string;
+        /**
+          * Text before the footer key.
+          * @default 'Press'
+         */
+        "footerPrefix": string;
+        /**
+          * Footer text after the key.
+          * @default 'anywhere to open this list. On Mac: Cmd instead of Ctrl.'
+         */
+        "footerText": string;
+        /**
+          * Property only: the shortcut groups.
+          * @default []
+         */
+        "groups": BsShortcutGroup[];
+        /**
+          * Heading text. The `heading` slot overrides it.
+          * @default 'Keyboard shortcuts'
+         */
+        "heading": string;
+        /**
+          * Line shown when the query matches nothing.
+          * @default 'No shortcuts match'
+         */
+        "noResultsText": string;
+        /**
+          * Current search text. Filters by action or keys text, case-insensitively.
+          * @default ''
+         */
+        "query": string;
+        /**
+          * Search field placeholder (also its accessible name: `bs-input` has no aria-label prop).
+          * @default 'Search for an action'
+         */
+        "searchPlaceholder": string;
+        /**
+          * Shows the footer hint.
+          * @default true
+         */
+        "showFooterHint": boolean;
+        /**
+          * Shows the single-key switch row.
+          * @default true
+         */
+        "showSingleKeySwitch": boolean;
+        /**
+          * Switch caption.
+          * @default 'Turn off if they clash with a screen reader or other tools.'
+         */
+        "singleKeyDescription": string;
+        /**
+          * Whether single-key shortcuts are on. When off they are shown dimmed.
+          * @default true
+         */
+        "singleKeyEnabled": boolean;
+        /**
+          * Switch title.
+          * @default 'Single-key shortcuts'
+         */
+        "singleKeyLabel": string;
+    }
     /**
      * A vertical list of `bs-list-item` rows, optionally single-select.
      * ## When to use
@@ -2474,6 +3408,85 @@ 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 toggle the host's `hidden` attribute 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.
+     * 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`.
+     */
+    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;
+        /**
+          * 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).
@@ -2491,6 +3504,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.
@@ -2894,6 +3950,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
@@ -3297,6 +4438,55 @@ export namespace Components {
          */
         "value": 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
+     * parent (`bs-global-search`) marks the highlighted row with `active`.
+     * Standalone it has no role. `bs-global-search` sets `selectionRole="option"` (and an `id`) on its rows,
+     * the same pattern as `bs-list-item` and `bs-shortcut-row`.
+     * ## When to use
+     * - A suggestion, recent search or result inside `bs-global-search`.
+     * ## When not to use
+     * - A row in a generic list -- use `bs-list-item`.
+     * - A command in a popup menu -- use `bs-menu-item`.
+     * @prop --bs-search-item-min-height - Aliased to `--bs-spacing-600` (48px).
+     * @prop --bs-search-item-padding-y - Aliased to `--bs-spacing-100`.
+     * @prop --bs-search-item-padding-x - Aliased to `--bs-spacing-150`.
+     * @prop --bs-search-item-gap - Aliased to `--bs-spacing-100`.
+     * @prop --bs-search-item-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-search-item-bg - Resting background. `transparent`.
+     * @prop --bs-search-item-bg-active - Active (highlighted) and hover background. Aliased to `--bs-surface-hover`.
+     * @prop --bs-search-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-search-item-color - Primary text. Aliased to `--bs-text-default`.
+     * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
+     * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+     */
+    interface BsSearchItem {
+        /**
+          * Highlighted row (keyboard or hover). Set by the parent.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Dims the row and ignores clicks.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Set by the parent (`"option"`). Standalone rows have no role.
+          * @default null
+         */
+        "selectionRole": 'option' | null;
+        /**
+          * Trailing text shorthand. The `trailing` slot overrides it.
+         */
+        "trailing"?: string;
+        /**
+          * Identifies the item; emitted by `bsItemSelect`.
+         */
+        "value"?: string;
+    }
     /**
      * The three moments around an expiring session, as one card. Matches the Figma "Session timeout"
      * component's three types:
@@ -3421,6 +4611,46 @@ export namespace Components {
          */
         "type": BsSessionTimeoutType;
     }
+    /**
+     * One row of a shortcut list: an action label on the left and its keyboard shortcut on the right.
+     * Static information, not interactive. Standalone it has no role; `bs-keyboard-shortcuts` sets
+     * `selectionRole="listitem"` on its rows (same pattern as `bs-list-item`).
+     * Built from `bs-key-caps` (and so `bs-key`).
+     * ## When to use
+     * - A line in a keyboard-shortcut reference, usually inside `bs-keyboard-shortcuts`.
+     * ## When not to use
+     * - A clickable command or menu entry -- use `bs-menu-item` (which has its own shortcut slot).
+     * @prop --bs-shortcut-row-height - Row height. Defaults to `36px` (Figma).
+     * @prop --bs-shortcut-row-padding-x - Horizontal padding. Aliased to `--bs-spacing-100`.
+     * @prop --bs-shortcut-row-gap - Gap between label and keys. Aliased to `--bs-spacing-100`.
+     * @prop --bs-shortcut-row-radius - Corner radius. Aliased to `--bs-border-radius-75`.
+     * @prop --bs-shortcut-row-color - Label colour. Aliased to `--bs-text-default`.
+     * @prop --bs-shortcut-row-color-disabled - Label colour while `disabled`. Aliased to `--bs-text-on-disabled`.
+     */
+    interface BsShortcutRow {
+        /**
+          * The action, e.g. "Save". The default slot overrides it.
+         */
+        "action"?: string;
+        /**
+          * Dims the label and the keys.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The keys, e.g. `"Ctrl+S"`, or an array (`['Ctrl', '+']`) for a literal plus key. See `bs-key-caps`.
+         */
+        "keys"?: string | string[];
+        /**
+          * Accessible name of the key caps, e.g. "Control plus S". Defaults to the keys joined with "plus".
+         */
+        "label"?: string;
+        /**
+          * Set by the parent list (`"listitem"`). Standalone rows have no role.
+          * @default null
+         */
+        "selectionRole": 'listitem' | null;
+    }
     /**
      * A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
      * and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
@@ -4486,6 +5716,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;
@@ -4538,6 +5772,14 @@ export interface BsCitationPreviewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsCitationPreviewElement;
 }
+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;
@@ -4574,6 +5816,10 @@ export interface BsFileUploadItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsFileUploadItemElement;
 }
+export interface BsGlobalSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsGlobalSearchElement;
+}
 export interface BsInlineTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsInlineTabElement;
@@ -4582,6 +5828,10 @@ export interface BsInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsInputElement;
 }
+export interface BsKeyboardShortcutsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsKeyboardShortcutsElement;
+}
 export interface BsListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsListElement;
@@ -4590,6 +5840,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;
@@ -4610,6 +5864,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;
@@ -4630,6 +5888,10 @@ export interface BsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsRadioElement;
 }
+export interface BsSearchItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsSearchItemElement;
+}
 export interface BsSessionTimeoutCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsSessionTimeoutElement;
@@ -4817,6 +6079,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.
@@ -4844,6 +6139,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;
     }
@@ -5568,6 +6949,135 @@ declare global {
         prototype: HTMLBsCitationPreviewElement;
         new (): HTMLBsCitationPreviewElement;
     };
+    interface HTMLBsCommandPaletteElementEventMap {
+        "bsInput": BsCommandPaletteInputDetail;
+        "bsSelect": BsCommandPaletteSelectDetail;
+        "bsSuggestion": string;
+        "bsOpenChange": boolean;
+        "bsScopeExit": void;
+    }
+    /**
+     * A Ctrl+K command palette: a modal with a search field, grouped commands, navigation and records, a
+     * no-results view and a keyboard-hint footer. The data, the filtering, the command registry and the
+     * recent-items storage are all yours: you slot `bs-search-item`s into the sections and set `status`.
+     * Built from a native `<dialog>` (opened with `showModal()`, so focus is trapped, the page behind is inert
+     * and the backdrop is the scrim), `bs-input` (type="search"), `bs-search-item`, `bs-key` (footer hints and
+     * the Esc cap), `bs-chip-informative` (the scope chip) and `bs-spinner` (loading). Slot a `bs-key-caps` with
+     * `slot="trailing"` inside an item to show a command's shortcut.
+     * ## When to use
+     * - An app-wide "do anything" entry point opened with a hotkey: run commands, navigate, open records.
+     * ## When not to use
+     * - A plain search box with a dropdown -- use `bs-global-search`.
+     * - A small list of actions on one control -- use `bs-menu`.
+     * A `>` as the first character of the field switches to commands-only mode (`commandsOnly`, reflected as
+     * `commands-only`). The component filters nothing: listen to `bsInput`, swap the slotted items, set `status`.
+     * Nested (sub-command) palettes are a consumer pattern: swap the slotted commands and set `scopeLabel`.
+     * @prop --bs-command-palette-width - Panel width. Defaults to `640px` (Figma); capped to the viewport.
+     * @prop --bs-command-palette-top - Distance from the top of the viewport. Defaults to `12vh`.
+     * @prop --bs-command-palette-max-height - Max height of the results area. Defaults to `60vh`.
+     * @prop --bs-command-palette-radius - Aliased to `--bs-border-radius-150`.
+     * @prop --bs-command-palette-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-command-palette-shadow - Figma elevation level 4: `0 8px 16px` in `--bs-elevation-higher` (stronger in dark mode).
+     * @prop --bs-command-palette-overlay - Scrim colour. Aliased to `--bs-surface-overlay`.
+     * @prop --bs-command-palette-footer-bg - Aliased to `--bs-surface-container`.
+     * @prop --bs-command-palette-divider-color - Aliased to `--bs-border-default`.
+     * @prop --bs-command-palette-header-border-color - Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-command-palette-header-color - Aliased to `--bs-text-muted`.
+     * @prop --bs-command-palette-hint-color - Aliased to `--bs-text-secondary`.
+     * @prop --bs-command-palette-z-index - Aliased to `--bs-z-index-modal`.
+     */
+    interface HTMLBsCommandPaletteElement extends Components.BsCommandPalette, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsCommandPaletteElementEventMap>(type: K, listener: (this: HTMLBsCommandPaletteElement, ev: BsCommandPaletteCustomEvent<HTMLBsCommandPaletteElementEventMap[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 HTMLBsCommandPaletteElementEventMap>(type: K, listener: (this: HTMLBsCommandPaletteElement, ev: BsCommandPaletteCustomEvent<HTMLBsCommandPaletteElementEventMap[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 HTMLBsCommandPaletteElement: {
+        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;
@@ -5883,6 +7393,29 @@ declare global {
         prototype: HTMLBsDividerElement;
         new (): HTMLBsDividerElement;
     };
+    /**
+     * A centered "nothing to show" block: an icon tile, a heading, a description and an optional action.
+     * Used for empty lists, "no results" and error states inside a panel, card or page section.
+     * Built from `bs-icon-tile` (and, in your `action` slot, usually a `bs-button`).
+     * The component has no role. Live regions belong on a wrapper you control (e.g. `role="status"` on the
+     * element that stays in the DOM while this block appears and disappears).
+     * ## When to use
+     * - A list, table or search result that has nothing to show, or failed to load.
+     * ## When not to use
+     * - A full-page error with a status code -- use `bs-error-page`.
+     * - A transient message -- use `bs-toast` or `bs-snackbar`.
+     * @prop --bs-empty-state-padding-y - Vertical padding. Aliased to `--bs-spacing-700` (56px).
+     * @prop --bs-empty-state-padding-x - Horizontal padding. Aliased to `--bs-spacing-300` (24px).
+     * @prop --bs-empty-state-gap - Gap between tile, heading, description and action. Aliased to `--bs-spacing-150`.
+     * @prop --bs-empty-state-heading-color - Aliased to `--bs-text-default`.
+     * @prop --bs-empty-state-description-color - Aliased to `--bs-text-secondary`.
+     */
+    interface HTMLBsEmptyStateElement extends Components.BsEmptyState, HTMLStencilElement {
+    }
+    var HTMLBsEmptyStateElement: {
+        prototype: HTMLBsEmptyStateElement;
+        new (): HTMLBsEmptyStateElement;
+    };
     interface HTMLBsErrorPageElementEventMap {
         "bsPrimary": void;
         "bsSecondary": void;
@@ -5973,6 +7506,60 @@ declare global {
         prototype: HTMLBsFileUploadItemElement;
         new (): HTMLBsFileUploadItemElement;
     };
+    interface HTMLBsGlobalSearchElementEventMap {
+        "bsInput": string;
+        "bsSearch": string;
+        "bsSelect": BsGlobalSearchSelectDetail;
+        "bsOpenChange": boolean;
+        "bsClearRecent": void;
+        "bsClearSearch": void;
+        "bsSeeAll": void;
+        "bsRetry": void;
+    }
+    /**
+     * A global search combobox: a search field with a dropdown panel of suggestions, results, an empty state
+     * or an error state, plus a keyboard-hint footer. The data, the filtering and the recent-search storage
+     * are all yours: you slot `bs-search-item`s into the sections and tell the component which `status` to show.
+     * Built from `bs-input` (type="search"), `bs-search-item`, `bs-empty-state` (and so `bs-icon-tile`),
+     * `bs-button` and `bs-key` (the footer keycaps).
+     * ## When to use
+     * - An app-wide "find anything" field with recent searches, jump-to shortcuts and grouped results.
+     * ## When not to use
+     * - Filtering the list or table that is already on screen -- use `bs-input type="search"`.
+     * - A list of commands or actions -- use `bs-menu`.
+     * - The complete result set -- link to a full search results page ("See all results").
+     * Put `bs-search-item` children in the light DOM with `slot="recent"`, `slot="jump-to"`,
+     * `slot="top-matches"` or `slot="search-in"`. A section (and its header) is only rendered when its slot has
+     * content. Up/Down arrows move a highlight through the visible items; focus never leaves the field.
+     * Known limit: the items are in your light DOM and the combobox in this shadow root, so
+     * `aria-activedescendant` (an id reference) does not resolve across that boundary in every browser; the
+     * highlighted option also gets `aria-selected="true"`.
+     * @prop --bs-global-search-width - Field and panel width. Defaults to `480px` (Figma); capped at 100%.
+     * @prop --bs-global-search-panel-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-global-search-panel-padding - Aliased to `--bs-spacing-100`.
+     * @prop --bs-global-search-gap - Gap between sections, and between the field and the panel. Aliased to `--bs-spacing-100`.
+     * @prop --bs-global-search-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-global-search-shadow - Panel shadow: Figma elevation level 3 (`0 4px 8px` in `--bs-elevation-high`, 10% black in light mode and 30% in dark mode).
+     * @prop --bs-global-search-z-index - Panel stacking. Aliased to `--bs-z-index-dropdown`.
+     * @prop --bs-global-search-divider-color - Footer divider. Aliased to `--bs-border-default`.
+     * @prop --bs-global-search-header-border-color - Section header underline. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-global-search-header-color - Section header text. Aliased to `--bs-text-muted`.
+     * @prop --bs-global-search-hint-color - Footer hint text. Aliased to `--bs-text-secondary`.
+     */
+    interface HTMLBsGlobalSearchElement extends Components.BsGlobalSearch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsGlobalSearchElementEventMap>(type: K, listener: (this: HTMLBsGlobalSearchElement, ev: BsGlobalSearchCustomEvent<HTMLBsGlobalSearchElementEventMap[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 HTMLBsGlobalSearchElementEventMap>(type: K, listener: (this: HTMLBsGlobalSearchElement, ev: BsGlobalSearchCustomEvent<HTMLBsGlobalSearchElementEventMap[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 HTMLBsGlobalSearchElement: {
+        prototype: HTMLBsGlobalSearchElement;
+        new (): HTMLBsGlobalSearchElement;
+    };
     /**
      * A CSS grid layout wrapper. Children are placed in equal-width columns with a token-based gap.
      * `columns` takes either a number (`"3"` becomes `repeat(3, minmax(0, 1fr))`) or any raw
@@ -6120,6 +7707,89 @@ declare global {
         prototype: HTMLBsInputElement;
         new (): HTMLBsInputElement;
     };
+    /**
+     * One key of a keyboard shortcut, e.g. `Ctrl`, `K` or `Esc` -- rendered as a `<kbd>` keycap.
+     * Shows a text label, or an icon (e.g. a return arrow) via the `icon` slot.
+     * ## When to use
+     * - Showing a keyboard shortcut hint next to a control or inside a search field.
+     * - Alone for a single key, or as the children of `bs-key-caps` for a multi-key shortcut.
+     * ## When not to use
+     * - As a button or any clickable control -- a key is a static hint, not interactive.
+     * @prop --bs-key-bg - Cap background. Aliased to `--bs-surface-base`.
+     * @prop --bs-key-border-color - Cap border colour. Aliased to `--bs-border-default`.
+     * @prop --bs-key-radius - Cap corner radius. Aliased to `--bs-border-radius-50`.
+     * @prop --bs-key-padding-x - Horizontal padding. Aliased to `--bs-spacing-75`.
+     * @prop --bs-key-padding-y - Vertical padding. Aliased to `--bs-spacing-50`.
+     * @prop --bs-key-min-width - Smallest cap width, so single characters keep a keycap shape. Defaults to `25px` (Figma).
+     * @prop --bs-key-color - Label colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-key-font-size - Label size. Aliased to `--bs-font-size-xs` (12px).
+     * @prop --bs-key-icon-size - Icon size. Defaults to `16px` (Figma).
+     */
+    interface HTMLBsKeyElement extends Components.BsKey, HTMLStencilElement {
+    }
+    var HTMLBsKeyElement: {
+        prototype: HTMLBsKeyElement;
+        new (): HTMLBsKeyElement;
+    };
+    /**
+     * A keyboard shortcut of one to four keys joined by "+", e.g. `Ctrl + K`. Give it a `keys` string
+     * (`"Ctrl+Shift+K"`) or array (`['Ctrl', '+']` for a literal plus key), or slot your own `bs-key`
+     * elements -- for example when a key is an icon.
+     * ## When to use
+     * - A shortcut hint beside a menu item, button or inside a search field.
+     * ## When not to use
+     * - Instructions that need prose ("press Enter to submit") -- write a sentence and use a single `bs-key` inline.
+     * - Anything interactive -- keys are static hints.
+     * @prop --bs-key-caps-gap - Gap between keys and separators. Aliased to `--bs-spacing-100`.
+     * @prop --bs-key-caps-separator-color - Colour of the "+" separators. Aliased to `--bs-text-muted`.
+     * @prop --bs-key-caps-disabled-opacity - Opacity of the whole shortcut while `disabled`. Defaults to `0.38` (Figma).
+     */
+    interface HTMLBsKeyCapsElement extends Components.BsKeyCaps, HTMLStencilElement {
+    }
+    var HTMLBsKeyCapsElement: {
+        prototype: HTMLBsKeyCapsElement;
+        new (): HTMLBsKeyCapsElement;
+    };
+    interface HTMLBsKeyboardShortcutsElementEventMap {
+        "bsClose": void;
+        "bsQueryChange": string;
+        "bsSingleKeyChange": boolean;
+    }
+    /**
+     * A searchable reference panel of keyboard shortcuts: heading and close button, a search field, an
+     * optional single-key on/off switch, shortcut groups in two columns and a footer hint. It is a
+     * surface, not a modal -- place it inside `bs-dialog` or a popover.
+     * Built from `bs-card`, `bs-icon-button`, `bs-input`, `bs-switch`, `bs-shortcut-row` (and so
+     * `bs-key-caps` / `bs-key`).
+     * ## When to use
+     * - A "press ? to see shortcuts" help overlay for an app with many shortcuts.
+     * ## When not to use
+     * - A long-form help page or documentation -- link to it instead.
+     * - A list of commands the user can run from it -- use `bs-menu`.
+     * @prop --bs-keyboard-shortcuts-width - Panel width and min-width. Defaults to `720px` (Figma).
+     * @prop --bs-keyboard-shortcuts-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-keyboard-shortcuts-radius - Aliased to `--bs-border-radius-150`.
+     * @prop --bs-keyboard-shortcuts-padding - Aliased to `--bs-spacing-200`.
+     * @prop --bs-keyboard-shortcuts-gap - Gap between sections. Aliased to `--bs-spacing-200`.
+     * @prop --bs-keyboard-shortcuts-shadow - Figma elevation level 4 (`0 8px 8px` in `--bs-elevation-higher`, 12% black in light mode and 25% in dark mode).
+     * @prop --bs-keyboard-shortcuts-column-gap - Gap between the two columns. Aliased to `--bs-spacing-600`.
+     * @prop --bs-keyboard-shortcuts-color - Main text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-keyboard-shortcuts-color-secondary - Titles, captions, footer. Aliased to `--bs-text-secondary`.
+     */
+    interface HTMLBsKeyboardShortcutsElement extends Components.BsKeyboardShortcuts, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsKeyboardShortcutsElementEventMap>(type: K, listener: (this: HTMLBsKeyboardShortcutsElement, ev: BsKeyboardShortcutsCustomEvent<HTMLBsKeyboardShortcutsElementEventMap[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 HTMLBsKeyboardShortcutsElementEventMap>(type: K, listener: (this: HTMLBsKeyboardShortcutsElement, ev: BsKeyboardShortcutsCustomEvent<HTMLBsKeyboardShortcutsElementEventMap[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 HTMLBsKeyboardShortcutsElement: {
+        prototype: HTMLBsKeyboardShortcutsElement;
+        new (): HTMLBsKeyboardShortcutsElement;
+    };
     interface HTMLBsListElementEventMap {
         "bsChange": string | null;
     }
@@ -6234,6 +7904,58 @@ 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 toggle the host's `hidden` attribute 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.
+     * 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`.
+     */
+    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).
@@ -6255,6 +7977,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;
     }
@@ -6530,6 +8283,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;
     }
@@ -6739,6 +8550,47 @@ declare global {
         prototype: HTMLBsRadioElement;
         new (): HTMLBsRadioElement;
     };
+    interface HTMLBsSearchItemElementEventMap {
+        "bsItemSelect": string | undefined;
+    }
+    /**
+     * 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
+     * parent (`bs-global-search`) marks the highlighted row with `active`.
+     * Standalone it has no role. `bs-global-search` sets `selectionRole="option"` (and an `id`) on its rows,
+     * the same pattern as `bs-list-item` and `bs-shortcut-row`.
+     * ## When to use
+     * - A suggestion, recent search or result inside `bs-global-search`.
+     * ## When not to use
+     * - A row in a generic list -- use `bs-list-item`.
+     * - A command in a popup menu -- use `bs-menu-item`.
+     * @prop --bs-search-item-min-height - Aliased to `--bs-spacing-600` (48px).
+     * @prop --bs-search-item-padding-y - Aliased to `--bs-spacing-100`.
+     * @prop --bs-search-item-padding-x - Aliased to `--bs-spacing-150`.
+     * @prop --bs-search-item-gap - Aliased to `--bs-spacing-100`.
+     * @prop --bs-search-item-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-search-item-bg - Resting background. `transparent`.
+     * @prop --bs-search-item-bg-active - Active (highlighted) and hover background. Aliased to `--bs-surface-hover`.
+     * @prop --bs-search-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-search-item-color - Primary text. Aliased to `--bs-text-default`.
+     * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
+     * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+     */
+    interface HTMLBsSearchItemElement extends Components.BsSearchItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsSearchItemElementEventMap>(type: K, listener: (this: HTMLBsSearchItemElement, ev: BsSearchItemCustomEvent<HTMLBsSearchItemElementEventMap[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 HTMLBsSearchItemElementEventMap>(type: K, listener: (this: HTMLBsSearchItemElement, ev: BsSearchItemCustomEvent<HTMLBsSearchItemElementEventMap[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 HTMLBsSearchItemElement: {
+        prototype: HTMLBsSearchItemElement;
+        new (): HTMLBsSearchItemElement;
+    };
     interface HTMLBsSessionTimeoutElementEventMap {
         "bsPrimary": { password?: string } | void;
         "bsSecondary": void;
@@ -6786,6 +8638,28 @@ declare global {
         prototype: HTMLBsSessionTimeoutElement;
         new (): HTMLBsSessionTimeoutElement;
     };
+    /**
+     * One row of a shortcut list: an action label on the left and its keyboard shortcut on the right.
+     * Static information, not interactive. Standalone it has no role; `bs-keyboard-shortcuts` sets
+     * `selectionRole="listitem"` on its rows (same pattern as `bs-list-item`).
+     * Built from `bs-key-caps` (and so `bs-key`).
+     * ## When to use
+     * - A line in a keyboard-shortcut reference, usually inside `bs-keyboard-shortcuts`.
+     * ## When not to use
+     * - A clickable command or menu entry -- use `bs-menu-item` (which has its own shortcut slot).
+     * @prop --bs-shortcut-row-height - Row height. Defaults to `36px` (Figma).
+     * @prop --bs-shortcut-row-padding-x - Horizontal padding. Aliased to `--bs-spacing-100`.
+     * @prop --bs-shortcut-row-gap - Gap between label and keys. Aliased to `--bs-spacing-100`.
+     * @prop --bs-shortcut-row-radius - Corner radius. Aliased to `--bs-border-radius-75`.
+     * @prop --bs-shortcut-row-color - Label colour. Aliased to `--bs-text-default`.
+     * @prop --bs-shortcut-row-color-disabled - Label colour while `disabled`. Aliased to `--bs-text-on-disabled`.
+     */
+    interface HTMLBsShortcutRowElement extends Components.BsShortcutRow, HTMLStencilElement {
+    }
+    var HTMLBsShortcutRowElement: {
+        prototype: HTMLBsShortcutRowElement;
+        new (): HTMLBsShortcutRowElement;
+    };
     interface HTMLBsSidePanelElementEventMap {
         "bsClose": void;
     }
@@ -7435,7 +9309,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;
@@ -7458,6 +9335,9 @@ declare global {
         "bs-chip-informative": HTMLBsChipInformativeElement;
         "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;
@@ -7466,18 +9346,25 @@ declare global {
         "bs-datepicker": HTMLBsDatepickerElement;
         "bs-dialog": HTMLBsDialogElement;
         "bs-divider": HTMLBsDividerElement;
+        "bs-empty-state": HTMLBsEmptyStateElement;
         "bs-error-page": HTMLBsErrorPageElement;
         "bs-file-upload": HTMLBsFileUploadElement;
         "bs-file-upload-item": HTMLBsFileUploadItemElement;
+        "bs-global-search": HTMLBsGlobalSearchElement;
         "bs-grid": HTMLBsGridElement;
         "bs-icon-button": HTMLBsIconButtonElement;
         "bs-icon-tile": HTMLBsIconTileElement;
         "bs-inline-tab": HTMLBsInlineTabElement;
         "bs-input": HTMLBsInputElement;
+        "bs-key": HTMLBsKeyElement;
+        "bs-key-caps": HTMLBsKeyCapsElement;
+        "bs-keyboard-shortcuts": HTMLBsKeyboardShortcutsElement;
         "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;
@@ -7485,6 +9372,7 @@ 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-product-tour": HTMLBsProductTourElement;
@@ -7492,7 +9380,9 @@ declare global {
         "bs-progress-linear": HTMLBsProgressLinearElement;
         "bs-qr-code": HTMLBsQrCodeElement;
         "bs-radio": HTMLBsRadioElement;
+        "bs-search-item": HTMLBsSearchItemElement;
         "bs-session-timeout": HTMLBsSessionTimeoutElement;
+        "bs-shortcut-row": HTMLBsShortcutRowElement;
         "bs-side-panel": HTMLBsSidePanelElement;
         "bs-skeleton": HTMLBsSkeletonElement;
         "bs-slider": HTMLBsSliderElement;
@@ -7517,6 +9407,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.
@@ -7660,6 +9552,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.
@@ -7689,89 +9632,328 @@ declare namespace LocalJSX {
         "fullHeight"?: boolean;
     }
     /**
-     * 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
-     * a hover/focus-revealed remove button (a `bs-icon-button` with `size="xs"` `variant="neutral"` --
-     * the same 16x16px compact tier `bs-icon-button` documents as meant for exactly this kind of
-     * chip/tag "remove" control).
+     * 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
-     * - Rendered by the consuming app for each file a user has attached to a Genie AI chat message,
-     *   typically alongside or inside `bs-composer`.
+     * - Letting a user jump between the products they have access to, from an app header.
      * ## When not to use
-     * - A generic file-upload control -- this is a preview-only presentational component. The
-     *   consuming app owns the actual file picker/upload logic and drives `loading` from that state.
-     * @prop --bs-attachment-size - Width/height of the image thumbnail and of the card. Defaults to 112px.
-     * @prop --bs-attachment-radius - Corner radius of the thumbnail/card. Aliased to
-     * `--bs-border-radius-100`.
-     * @prop --bs-attachment-border-color - Border color of the card / loading image wrap. Aliased to
-     * `--bs-border-default`.
-     * @prop --bs-attachment-card-bg - Card background. Aliased to `--bs-surface-base`.
-     * @prop --bs-attachment-filename-color - Filename text color. Aliased to `--bs-text-default`.
-     * @prop --bs-attachment-badge-bg-pdf - PDF badge background. Aliased to `--bs-badge-bg-error`.
-     * @prop --bs-attachment-badge-bg-document - Document badge background. Aliased to
-     * `--bs-badge-bg-info`.
+     * - 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 BsAttachment {
+    interface BsAppSwitcher {
         /**
-          * The filename shown on the card. Only used when `type` is "pdf" or "document".
-          * @default 'Attachment'
+          * Header of the all apps group.
+          * @default 'All apps'
          */
-        "fileName"?: string;
+        "allAppsLabel"?: string;
         /**
-          * Accessible alt text for the image thumbnail. Only used when `type` is "image".
-          * @default ''
+          * The apps the user can open. JS property only (an array cannot be an attribute).
+          * @default []
          */
-        "imageAlt"?: string;
+        "apps"?: BsApp[];
         /**
-          * The thumbnail image URL. Only used when `type` is "image".
+          * URL of the Browse all link. Without it it is a button that only fires `bsBrowseAll`.
          */
-        "imageSrc"?: string;
+        "browseHref"?: string;
         /**
-          * Shows an upload-in-progress spinner (blurred + overlaid for images, in the badge for files).
-          * @default false
+          * Text of the footer link.
+          * @default 'Browse all EG products'
          */
-        "loading"?: boolean;
+        "browseLabel"?: string;
         /**
-          * Fires when the remove button is clicked.
+          * Text of the Clear search button.
+          * @default 'Clear search'
          */
-        "onBsRemove"?: (event: BsAttachmentCustomEvent<void>) => void;
+        "clearLabel"?: string;
         /**
-          * Whether the hover/focus-revealed remove button is rendered at all.
-          * @default true
+          * `id` of the app you are in: selected background and `aria-current`.
          */
-        "removable"?: boolean;
+        "currentId"?: string;
         /**
-          * Prefix of the remove button's accessible name ("Remove attachment: {fileName}").
-          * @default 'Remove attachment'
+          * Empty description.
+          * @default 'Ask your administrator for access, or browse all EG products to see what’s available.'
          */
-        "removeLabel"?: string;
+        "emptyDescription"?: string;
         /**
-          * Which kind of attachment preview to render.
-          * @default 'image'
+          * Empty heading (no apps assigned).
+          * @default 'No apps assigned yet'
          */
-        "type"?: BsAttachmentType;
+        "emptyHeading"?: string;
         /**
-          * Accessible name of the upload spinner while `loading`.
-          * @default 'Uploading'
+          * Error description.
+          * @default 'Check your connection and try again. Your work in the current app is not affected.'
          */
-        "uploadingLabel"?: string;
-    }
-    /**
-     * A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
-     * `bs-composer`'s `attachments` slot when a Genie AI chat message has file attachments.
-     * ## When to use
-     * - Wrapping any number of `bs-attachment` elements the user has attached to a message, so they
-     *   lay out in a single row and scroll horizontally instead of wrapping/overflowing once there
-     *   are more than fit the available width.
-     * ## When not to use
-     * - A single attachment on its own — just render `bs-attachment` directly, this wrapper's
-     *   scroll/fade affordance only matters once there's more content than fits.
-     * @prop --bs-attachment-list-gap - Gap between attachments. Matches the 10px Figma spec (not tied
-     * to the `--bs-spacing-*` scale, which only has 8px/12px neighbors).
-     * @prop --bs-attachment-list-padding - Padding around the row. Aliased to `--bs-spacing-150`.
-     * @prop --bs-attachment-list-fade-color - Color the right-edge fade blends into. Aliased to
-     * `--bs-static-white`.
-     * @prop --bs-attachment-list-fade-width - Width of the right-edge fade overlay. Aliased to
+        "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
+     * a hover/focus-revealed remove button (a `bs-icon-button` with `size="xs"` `variant="neutral"` --
+     * the same 16x16px compact tier `bs-icon-button` documents as meant for exactly this kind of
+     * chip/tag "remove" control).
+     * ## When to use
+     * - Rendered by the consuming app for each file a user has attached to a Genie AI chat message,
+     *   typically alongside or inside `bs-composer`.
+     * ## When not to use
+     * - A generic file-upload control -- this is a preview-only presentational component. The
+     *   consuming app owns the actual file picker/upload logic and drives `loading` from that state.
+     * @prop --bs-attachment-size - Width/height of the image thumbnail and of the card. Defaults to 112px.
+     * @prop --bs-attachment-radius - Corner radius of the thumbnail/card. Aliased to
+     * `--bs-border-radius-100`.
+     * @prop --bs-attachment-border-color - Border color of the card / loading image wrap. Aliased to
+     * `--bs-border-default`.
+     * @prop --bs-attachment-card-bg - Card background. Aliased to `--bs-surface-base`.
+     * @prop --bs-attachment-filename-color - Filename text color. Aliased to `--bs-text-default`.
+     * @prop --bs-attachment-badge-bg-pdf - PDF badge background. Aliased to `--bs-badge-bg-error`.
+     * @prop --bs-attachment-badge-bg-document - Document badge background. Aliased to
+     * `--bs-badge-bg-info`.
+     */
+    interface BsAttachment {
+        /**
+          * The filename shown on the card. Only used when `type` is "pdf" or "document".
+          * @default 'Attachment'
+         */
+        "fileName"?: string;
+        /**
+          * Accessible alt text for the image thumbnail. Only used when `type` is "image".
+          * @default ''
+         */
+        "imageAlt"?: string;
+        /**
+          * The thumbnail image URL. Only used when `type` is "image".
+         */
+        "imageSrc"?: string;
+        /**
+          * Shows an upload-in-progress spinner (blurred + overlaid for images, in the badge for files).
+          * @default false
+         */
+        "loading"?: boolean;
+        /**
+          * Fires when the remove button is clicked.
+         */
+        "onBsRemove"?: (event: BsAttachmentCustomEvent<void>) => void;
+        /**
+          * Whether the hover/focus-revealed remove button is rendered at all.
+          * @default true
+         */
+        "removable"?: boolean;
+        /**
+          * Prefix of the remove button's accessible name ("Remove attachment: {fileName}").
+          * @default 'Remove attachment'
+         */
+        "removeLabel"?: string;
+        /**
+          * Which kind of attachment preview to render.
+          * @default 'image'
+         */
+        "type"?: BsAttachmentType;
+        /**
+          * Accessible name of the upload spinner while `loading`.
+          * @default 'Uploading'
+         */
+        "uploadingLabel"?: string;
+    }
+    /**
+     * A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
+     * `bs-composer`'s `attachments` slot when a Genie AI chat message has file attachments.
+     * ## When to use
+     * - Wrapping any number of `bs-attachment` elements the user has attached to a message, so they
+     *   lay out in a single row and scroll horizontally instead of wrapping/overflowing once there
+     *   are more than fit the available width.
+     * ## When not to use
+     * - A single attachment on its own — just render `bs-attachment` directly, this wrapper's
+     *   scroll/fade affordance only matters once there's more content than fits.
+     * @prop --bs-attachment-list-gap - Gap between attachments. Matches the 10px Figma spec (not tied
+     * to the `--bs-spacing-*` scale, which only has 8px/12px neighbors).
+     * @prop --bs-attachment-list-padding - Padding around the row. Aliased to `--bs-spacing-150`.
+     * @prop --bs-attachment-list-fade-color - Color the right-edge fade blends into. Aliased to
+     * `--bs-static-white`.
+     * @prop --bs-attachment-list-fade-width - Width of the right-edge fade overlay. Aliased to
      * `--bs-spacing-800`.
      * @prop --bs-attachment-list-scrollbar-thumb - Color of the scrollbar thumb that appears on
      * hover/focus once the row is scrollable. Aliased to `--bs-neutral-300`.
@@ -8826,6 +11008,349 @@ declare namespace LocalJSX {
          */
         "sourceName"?: string;
     }
+    /**
+     * A Ctrl+K command palette: a modal with a search field, grouped commands, navigation and records, a
+     * no-results view and a keyboard-hint footer. The data, the filtering, the command registry and the
+     * recent-items storage are all yours: you slot `bs-search-item`s into the sections and set `status`.
+     * Built from a native `<dialog>` (opened with `showModal()`, so focus is trapped, the page behind is inert
+     * and the backdrop is the scrim), `bs-input` (type="search"), `bs-search-item`, `bs-key` (footer hints and
+     * the Esc cap), `bs-chip-informative` (the scope chip) and `bs-spinner` (loading). Slot a `bs-key-caps` with
+     * `slot="trailing"` inside an item to show a command's shortcut.
+     * ## When to use
+     * - An app-wide "do anything" entry point opened with a hotkey: run commands, navigate, open records.
+     * ## When not to use
+     * - A plain search box with a dropdown -- use `bs-global-search`.
+     * - A small list of actions on one control -- use `bs-menu`.
+     * A `>` as the first character of the field switches to commands-only mode (`commandsOnly`, reflected as
+     * `commands-only`). The component filters nothing: listen to `bsInput`, swap the slotted items, set `status`.
+     * Nested (sub-command) palettes are a consumer pattern: swap the slotted commands and set `scopeLabel`.
+     * @prop --bs-command-palette-width - Panel width. Defaults to `640px` (Figma); capped to the viewport.
+     * @prop --bs-command-palette-top - Distance from the top of the viewport. Defaults to `12vh`.
+     * @prop --bs-command-palette-max-height - Max height of the results area. Defaults to `60vh`.
+     * @prop --bs-command-palette-radius - Aliased to `--bs-border-radius-150`.
+     * @prop --bs-command-palette-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-command-palette-shadow - Figma elevation level 4: `0 8px 16px` in `--bs-elevation-higher` (stronger in dark mode).
+     * @prop --bs-command-palette-overlay - Scrim colour. Aliased to `--bs-surface-overlay`.
+     * @prop --bs-command-palette-footer-bg - Aliased to `--bs-surface-container`.
+     * @prop --bs-command-palette-divider-color - Aliased to `--bs-border-default`.
+     * @prop --bs-command-palette-header-border-color - Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-command-palette-header-color - Aliased to `--bs-text-muted`.
+     * @prop --bs-command-palette-hint-color - Aliased to `--bs-text-secondary`.
+     * @prop --bs-command-palette-z-index - Aliased to `--bs-z-index-modal`.
+     */
+    interface BsCommandPalette {
+        /**
+          * @default 'All results'
+         */
+        "allResultsLabel"?: string;
+        /**
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * @default 'Commands'
+         */
+        "commandsLabel"?: string;
+        /**
+          * Derived from `value` (it starts with `>`). Read-only; set `value` instead.
+          * @default false
+         */
+        "commandsOnly"?: boolean;
+        /**
+          * @default 'Commands only'
+         */
+        "commandsOnlyLabel"?: string;
+        /**
+          * A suggested correction; the "Did you mean" line shows while it is set.
+         */
+        "didYouMean"?: string;
+        /**
+          * @default 'Did you mean'
+         */
+        "didYouMeanLabel"?: string;
+        /**
+          * @default 'Check the spelling, or search records instead.'
+         */
+        "emptyDescription"?: string;
+        /**
+          * No-results view copy. Include the query in `emptyHeading` yourself.
+          * @default 'No commands or records'
+         */
+        "emptyHeading"?: string;
+        /**
+          * Global shortcut that toggles the palette, e.g. `mod+k` (`mod` is Cmd on Mac, Ctrl elsewhere). Empty = off.
+          * @default ''
+         */
+        "hotkey"?: string;
+        /**
+          * Keep the palette open after an item is chosen.
+          * @default false
+         */
+        "keepOpenOnSelect"?: boolean;
+        /**
+          * Accessible name of the dialog.
+          * @default 'Command palette'
+         */
+        "label"?: string;
+        /**
+          * Accessible name of the results listbox.
+          * @default 'Results'
+         */
+        "listLabel"?: string;
+        /**
+          * Text of the loading row.
+          * @default 'Loading…'
+         */
+        "loadingLabel"?: string;
+        /**
+          * Footer hint texts.
+          * @default 'Navigate'
+         */
+        "navigateLabel"?: string;
+        /**
+          * @default 'Navigation'
+         */
+        "navigationLabel"?: string;
+        /**
+          * Fires on every keystroke with `{ value, query, commandsOnly }`.
+         */
+        "onBsInput"?: (event: BsCommandPaletteCustomEvent<BsCommandPaletteInputDetail>) => void;
+        /**
+          * Fires when the palette opens or closes through user interaction (hotkey, Esc, scrim, selection).
+         */
+        "onBsOpenChange"?: (event: BsCommandPaletteCustomEvent<boolean>) => void;
+        /**
+          * Fires on Backspace in an empty field while `scopeLabel` is set.
+         */
+        "onBsScopeExit"?: (event: BsCommandPaletteCustomEvent<void>) => void;
+        /**
+          * Fires when an item is chosen (click or Enter) with `{ value, section, commandsOnly }`.
+         */
+        "onBsSelect"?: (event: BsCommandPaletteCustomEvent<BsCommandPaletteSelectDetail>) => void;
+        /**
+          * Fires when the "Did you mean" suggestion is pressed, with its text.
+         */
+        "onBsSuggestion"?: (event: BsCommandPaletteCustomEvent<string>) => void;
+        /**
+          * Whether the palette is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * @default 'Open'
+         */
+        "openLabel"?: string;
+        /**
+          * Placeholder of the field.
+          * @default 'Type a command or search…'
+         */
+        "placeholder"?: string;
+        /**
+          * Section headers.
+          * @default 'Recent'
+         */
+        "recentLabel"?: string;
+        /**
+          * @default 'Records'
+         */
+        "recordsLabel"?: string;
+        /**
+          * Nested scope: shows this text as a chip before the field. Backspace on an empty field emits `bsScopeExit`.
+         */
+        "scopeLabel"?: string;
+        /**
+          * Shows the footer of keyboard hints.
+          * @default true
+         */
+        "showFooter"?: boolean;
+        /**
+          * Which view to show. You choose it; nothing is inferred from `value`. `default` and `results` render the same; they differ for screen readers only.
+          * @default 'default'
+         */
+        "status"?: BsCommandPaletteStatus;
+        /**
+          * @default 'Suggested'
+         */
+        "suggestedLabel"?: string;
+        /**
+          * @default 'Try instead'
+         */
+        "tryInsteadLabel"?: string;
+        /**
+          * The field value. Two-way. A leading `>` means commands-only mode.
+          * @default ''
+         */
+        "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
@@ -9440,6 +11965,43 @@ declare namespace LocalJSX {
          */
         "variant"?: BsDividerVariant;
     }
+    /**
+     * A centered "nothing to show" block: an icon tile, a heading, a description and an optional action.
+     * Used for empty lists, "no results" and error states inside a panel, card or page section.
+     * Built from `bs-icon-tile` (and, in your `action` slot, usually a `bs-button`).
+     * The component has no role. Live regions belong on a wrapper you control (e.g. `role="status"` on the
+     * element that stays in the DOM while this block appears and disappears).
+     * ## When to use
+     * - A list, table or search result that has nothing to show, or failed to load.
+     * ## When not to use
+     * - A full-page error with a status code -- use `bs-error-page`.
+     * - A transient message -- use `bs-toast` or `bs-snackbar`.
+     * @prop --bs-empty-state-padding-y - Vertical padding. Aliased to `--bs-spacing-700` (56px).
+     * @prop --bs-empty-state-padding-x - Horizontal padding. Aliased to `--bs-spacing-300` (24px).
+     * @prop --bs-empty-state-gap - Gap between tile, heading, description and action. Aliased to `--bs-spacing-150`.
+     * @prop --bs-empty-state-heading-color - Aliased to `--bs-text-default`.
+     * @prop --bs-empty-state-description-color - Aliased to `--bs-text-secondary`.
+     */
+    interface BsEmptyState {
+        /**
+          * The description text. The default slot overrides it.
+         */
+        "description"?: string;
+        /**
+          * The heading text.
+         */
+        "heading"?: string;
+        /**
+          * Heading level, 2 to 6 (renders `h2`..`h6`). Pick the one that fits the page outline.
+          * @default 3
+         */
+        "headingLevel"?: 2 | 3 | 4 | 5 | 6;
+        /**
+          * Colour and default glyph of the icon tile. Use `error` for failures.
+          * @default 'default'
+         */
+        "intent"?: BsIconTileIntent;
+    }
     /**
      * A full-block page for when the user can't get to what they asked for: page not found (404), a server
      * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
@@ -9619,6 +12181,193 @@ declare namespace LocalJSX {
          */
         "thumbnailSrc"?: string;
     }
+    /**
+     * A global search combobox: a search field with a dropdown panel of suggestions, results, an empty state
+     * or an error state, plus a keyboard-hint footer. The data, the filtering and the recent-search storage
+     * are all yours: you slot `bs-search-item`s into the sections and tell the component which `status` to show.
+     * Built from `bs-input` (type="search"), `bs-search-item`, `bs-empty-state` (and so `bs-icon-tile`),
+     * `bs-button` and `bs-key` (the footer keycaps).
+     * ## When to use
+     * - An app-wide "find anything" field with recent searches, jump-to shortcuts and grouped results.
+     * ## When not to use
+     * - Filtering the list or table that is already on screen -- use `bs-input type="search"`.
+     * - A list of commands or actions -- use `bs-menu`.
+     * - The complete result set -- link to a full search results page ("See all results").
+     * Put `bs-search-item` children in the light DOM with `slot="recent"`, `slot="jump-to"`,
+     * `slot="top-matches"` or `slot="search-in"`. A section (and its header) is only rendered when its slot has
+     * content. Up/Down arrows move a highlight through the visible items; focus never leaves the field.
+     * Known limit: the items are in your light DOM and the combobox in this shadow root, so
+     * `aria-activedescendant` (an id reference) does not resolve across that boundary in every browser; the
+     * highlighted option also gets `aria-selected="true"`.
+     * @prop --bs-global-search-width - Field and panel width. Defaults to `480px` (Figma); capped at 100%.
+     * @prop --bs-global-search-panel-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-global-search-panel-padding - Aliased to `--bs-spacing-100`.
+     * @prop --bs-global-search-gap - Gap between sections, and between the field and the panel. Aliased to `--bs-spacing-100`.
+     * @prop --bs-global-search-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-global-search-shadow - Panel shadow: Figma elevation level 3 (`0 4px 8px` in `--bs-elevation-high`, 10% black in light mode and 30% in dark mode).
+     * @prop --bs-global-search-z-index - Panel stacking. Aliased to `--bs-z-index-dropdown`.
+     * @prop --bs-global-search-divider-color - Footer divider. Aliased to `--bs-border-default`.
+     * @prop --bs-global-search-header-border-color - Section header underline. Aliased to `--bs-border-neutral-container`.
+     * @prop --bs-global-search-header-color - Section header text. Aliased to `--bs-text-muted`.
+     * @prop --bs-global-search-hint-color - Footer hint text. Aliased to `--bs-text-secondary`.
+     */
+    interface BsGlobalSearch {
+        /**
+          * Text of the footer button that clears recent searches.
+          * @default 'Clear recent'
+         */
+        "clearRecentLabel"?: string;
+        /**
+          * Text of the empty state's action.
+          * @default 'Clear search'
+         */
+        "clearSearchLabel"?: string;
+        /**
+          * Footer hint text after the Esc key.
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * Disables the field; the panel cannot open.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Description of the built-in empty state.
+          * @default 'Try a different search.'
+         */
+        "emptyDescription"?: string;
+        /**
+          * Heading of the built-in empty state.
+          * @default 'No results'
+         */
+        "emptyHeading"?: string;
+        /**
+          * Description of the built-in error state.
+          * @default 'We couldn’t reach the server. Your query is kept — try again in a moment.'
+         */
+        "errorDescription"?: string;
+        /**
+          * Heading of the built-in error state.
+          * @default 'Search isn’t available right now'
+         */
+        "errorHeading"?: string;
+        /**
+          * Footer hint text after the Enter key (results view).
+          * @default 'Full results'
+         */
+        "fullResultsLabel"?: string;
+        /**
+          * Header of the `jump-to` section.
+          * @default 'Jump to'
+         */
+        "jumpToLabel"?: string;
+        /**
+          * Accessible name of the search field. Falls back to the placeholder. `bs-input` has no aria-label prop, so this names the combobox wrapper.
+         */
+        "label"?: string;
+        /**
+          * Accessible name of the suggestions listbox.
+          * @default 'Search suggestions'
+         */
+        "listLabel"?: string;
+        /**
+          * Footer hint text after the arrow keys.
+          * @default 'Navigate'
+         */
+        "navigateLabel"?: string;
+        /**
+          * Fires when "Clear recent" is pressed.
+         */
+        "onBsClearRecent"?: (event: BsGlobalSearchCustomEvent<void>) => void;
+        /**
+          * Fires when the empty state's "Clear search" is pressed; the value is also cleared.
+         */
+        "onBsClearSearch"?: (event: BsGlobalSearchCustomEvent<void>) => void;
+        /**
+          * Fires on every keystroke with the query. The component filters nothing itself.
+         */
+        "onBsInput"?: (event: BsGlobalSearchCustomEvent<string>) => void;
+        /**
+          * Fires when the panel opens or closes through user interaction, with the new state.
+         */
+        "onBsOpenChange"?: (event: BsGlobalSearchCustomEvent<boolean>) => void;
+        /**
+          * Fires when the error state's "Try again" is pressed.
+         */
+        "onBsRetry"?: (event: BsGlobalSearchCustomEvent<void>) => void;
+        /**
+          * Fires on Enter with no highlighted item, with the query.
+         */
+        "onBsSearch"?: (event: BsGlobalSearchCustomEvent<string>) => void;
+        /**
+          * Fires when "See all results" is pressed.
+         */
+        "onBsSeeAll"?: (event: BsGlobalSearchCustomEvent<void>) => void;
+        /**
+          * Fires when an item is chosen (click or Enter), with its `value` and section (slot name).
+         */
+        "onBsSelect"?: (event: BsGlobalSearchCustomEvent<BsGlobalSearchSelectDetail>) => void;
+        /**
+          * Whether the dropdown panel is open. Opens on focus, click and typing; closes on Escape, outside click and selection.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Placeholder of the field (also its accessible name unless `label` is set).
+          * @default 'Search customers, orders, products…'
+         */
+        "placeholder"?: string;
+        /**
+          * Header of the `recent` section.
+          * @default 'Recent searches'
+         */
+        "recentLabel"?: string;
+        /**
+          * Text of the error state's action.
+          * @default 'Try again'
+         */
+        "retryLabel"?: string;
+        /**
+          * Header of the `search-in` section.
+          * @default 'Search in'
+         */
+        "searchInLabel"?: string;
+        /**
+          * Footer hint text after the Enter key (default view).
+          * @default 'Search'
+         */
+        "searchLabel"?: string;
+        /**
+          * Text of the footer button of the results view, when `totalResults` is not set.
+          * @default 'See all results'
+         */
+        "seeAllLabel"?: string;
+        /**
+          * Shows the footer (hints and the Clear recent / See all button) for the `default` and `results` views.
+          * @default true
+         */
+        "showFooter"?: boolean;
+        /**
+          * Which view the panel shows. You choose it; nothing is inferred from `value`.
+          * @default 'default'
+         */
+        "status"?: BsGlobalSearchStatus;
+        /**
+          * Header of the `top-matches` section.
+          * @default 'Top matches'
+         */
+        "topMatchesLabel"?: string;
+        /**
+          * Total number of results (status `results`): shown as "See all {n} results" and announced to screen readers.
+         */
+        "totalResults"?: number;
+        /**
+          * The query. Two-way with the field.
+          * @default ''
+         */
+        "value"?: string;
+    }
     /**
      * A CSS grid layout wrapper. Children are placed in equal-width columns with a token-based gap.
      * `columns` takes either a number (`"3"` becomes `repeat(3, minmax(0, 1fr))`) or any raw
@@ -9703,6 +12452,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'
@@ -9738,7 +12491,7 @@ declare namespace LocalJSX {
           * Colour and default glyph. `brand` uses the brand colours; `information` the info palette.
           * @default 'default'
          */
-        "intent"?: BsIconTileIntent;
+        "intent"?: BsIconTileIntent1;
         /**
           * Accessible name. When set, the tile is exposed as an image with this name; when empty it is decorative and hidden from assistive tech.
          */
@@ -9956,10 +12709,167 @@ declare namespace LocalJSX {
     | 'country'
     | 'pin';
         /**
-          * Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this component re-dispatches them as `bsInput`/`bsChange` custom events instead. Mutable so the `number` type's stepper buttons can update it directly.
-          * @default ''
+          * Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this component re-dispatches them as `bsInput`/`bsChange` custom events instead. Mutable so the `number` type's stepper buttons can update it directly.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    /**
+     * One key of a keyboard shortcut, e.g. `Ctrl`, `K` or `Esc` -- rendered as a `<kbd>` keycap.
+     * Shows a text label, or an icon (e.g. a return arrow) via the `icon` slot.
+     * ## When to use
+     * - Showing a keyboard shortcut hint next to a control or inside a search field.
+     * - Alone for a single key, or as the children of `bs-key-caps` for a multi-key shortcut.
+     * ## When not to use
+     * - As a button or any clickable control -- a key is a static hint, not interactive.
+     * @prop --bs-key-bg - Cap background. Aliased to `--bs-surface-base`.
+     * @prop --bs-key-border-color - Cap border colour. Aliased to `--bs-border-default`.
+     * @prop --bs-key-radius - Cap corner radius. Aliased to `--bs-border-radius-50`.
+     * @prop --bs-key-padding-x - Horizontal padding. Aliased to `--bs-spacing-75`.
+     * @prop --bs-key-padding-y - Vertical padding. Aliased to `--bs-spacing-50`.
+     * @prop --bs-key-min-width - Smallest cap width, so single characters keep a keycap shape. Defaults to `25px` (Figma).
+     * @prop --bs-key-color - Label colour. Aliased to `--bs-text-secondary`.
+     * @prop --bs-key-font-size - Label size. Aliased to `--bs-font-size-xs` (12px).
+     * @prop --bs-key-icon-size - Icon size. Defaults to `16px` (Figma).
+     */
+    interface BsKey {
+        /**
+          * The key's text, e.g. `Ctrl`. The default slot overrides it.
+         */
+        "label"?: string;
+    }
+    /**
+     * A keyboard shortcut of one to four keys joined by "+", e.g. `Ctrl + K`. Give it a `keys` string
+     * (`"Ctrl+Shift+K"`) or array (`['Ctrl', '+']` for a literal plus key), or slot your own `bs-key`
+     * elements -- for example when a key is an icon.
+     * ## When to use
+     * - A shortcut hint beside a menu item, button or inside a search field.
+     * ## When not to use
+     * - Instructions that need prose ("press Enter to submit") -- write a sentence and use a single `bs-key` inline.
+     * - Anything interactive -- keys are static hints.
+     * @prop --bs-key-caps-gap - Gap between keys and separators. Aliased to `--bs-spacing-100`.
+     * @prop --bs-key-caps-separator-color - Colour of the "+" separators. Aliased to `--bs-text-muted`.
+     * @prop --bs-key-caps-disabled-opacity - Opacity of the whole shortcut while `disabled`. Defaults to `0.38` (Figma).
+     */
+    interface BsKeyCaps {
+        /**
+          * Dims the whole shortcut and marks it `aria-disabled`.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The keys as text. A string is split on `+` (`"Ctrl+K"`); use an array to include a literal plus key. Ignored when `bs-key` elements are slotted instead. Figma defines one to four keys.
+         */
+        "keys"?: string | string[];
+        /**
+          * Accessible name of the shortcut, e.g. "Control plus K". Defaults to the keys joined with " plus ".
+         */
+        "label"?: string;
+    }
+    /**
+     * A searchable reference panel of keyboard shortcuts: heading and close button, a search field, an
+     * optional single-key on/off switch, shortcut groups in two columns and a footer hint. It is a
+     * surface, not a modal -- place it inside `bs-dialog` or a popover.
+     * Built from `bs-card`, `bs-icon-button`, `bs-input`, `bs-switch`, `bs-shortcut-row` (and so
+     * `bs-key-caps` / `bs-key`).
+     * ## When to use
+     * - A "press ? to see shortcuts" help overlay for an app with many shortcuts.
+     * ## When not to use
+     * - A long-form help page or documentation -- link to it instead.
+     * - A list of commands the user can run from it -- use `bs-menu`.
+     * @prop --bs-keyboard-shortcuts-width - Panel width and min-width. Defaults to `720px` (Figma).
+     * @prop --bs-keyboard-shortcuts-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-keyboard-shortcuts-radius - Aliased to `--bs-border-radius-150`.
+     * @prop --bs-keyboard-shortcuts-padding - Aliased to `--bs-spacing-200`.
+     * @prop --bs-keyboard-shortcuts-gap - Gap between sections. Aliased to `--bs-spacing-200`.
+     * @prop --bs-keyboard-shortcuts-shadow - Figma elevation level 4 (`0 8px 8px` in `--bs-elevation-higher`, 12% black in light mode and 25% in dark mode).
+     * @prop --bs-keyboard-shortcuts-column-gap - Gap between the two columns. Aliased to `--bs-spacing-600`.
+     * @prop --bs-keyboard-shortcuts-color - Main text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-keyboard-shortcuts-color-secondary - Titles, captions, footer. Aliased to `--bs-text-secondary`.
+     */
+    interface BsKeyboardShortcuts {
+        /**
+          * Accessible name of the close button.
+          * @default 'Close'
+         */
+        "closeLabel"?: string;
+        /**
+          * The key shown in the footer hint.
+          * @default '?'
+         */
+        "footerKey"?: string;
+        /**
+          * Text before the footer key.
+          * @default 'Press'
+         */
+        "footerPrefix"?: string;
+        /**
+          * Footer text after the key.
+          * @default 'anywhere to open this list. On Mac: Cmd instead of Ctrl.'
+         */
+        "footerText"?: string;
+        /**
+          * Property only: the shortcut groups.
+          * @default []
+         */
+        "groups"?: BsShortcutGroup[];
+        /**
+          * Heading text. The `heading` slot overrides it.
+          * @default 'Keyboard shortcuts'
+         */
+        "heading"?: string;
+        /**
+          * Line shown when the query matches nothing.
+          * @default 'No shortcuts match'
+         */
+        "noResultsText"?: string;
+        /**
+          * Emitted by the close button and by Escape.
+         */
+        "onBsClose"?: (event: BsKeyboardShortcutsCustomEvent<void>) => void;
+        /**
+          * Emitted when the search text changes, with the new text.
+         */
+        "onBsQueryChange"?: (event: BsKeyboardShortcutsCustomEvent<string>) => void;
+        /**
+          * Emitted when the single-key switch changes, with the new value.
+         */
+        "onBsSingleKeyChange"?: (event: BsKeyboardShortcutsCustomEvent<boolean>) => void;
+        /**
+          * Current search text. Filters by action or keys text, case-insensitively.
+          * @default ''
+         */
+        "query"?: string;
+        /**
+          * Search field placeholder (also its accessible name: `bs-input` has no aria-label prop).
+          * @default 'Search for an action'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Shows the footer hint.
+          * @default true
+         */
+        "showFooterHint"?: boolean;
+        /**
+          * Shows the single-key switch row.
+          * @default true
          */
-        "value"?: string;
+        "showSingleKeySwitch"?: boolean;
+        /**
+          * Switch caption.
+          * @default 'Turn off if they clash with a screen reader or other tools.'
+         */
+        "singleKeyDescription"?: string;
+        /**
+          * Whether single-key shortcuts are on. When off they are shown dimmed.
+          * @default true
+         */
+        "singleKeyEnabled"?: boolean;
+        /**
+          * Switch title.
+          * @default 'Single-key shortcuts'
+         */
+        "singleKeyLabel"?: string;
     }
     /**
      * A vertical list of `bs-list-item` rows, optionally single-select.
@@ -10134,6 +13044,93 @@ 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 toggle the host's `hidden` attribute 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.
+     * 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`.
+     */
+    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;
+        /**
+          * 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).
@@ -10151,6 +13148,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.
@@ -10602,6 +13642,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
@@ -11053,6 +14186,59 @@ declare namespace LocalJSX {
          */
         "value"?: 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
+     * parent (`bs-global-search`) marks the highlighted row with `active`.
+     * Standalone it has no role. `bs-global-search` sets `selectionRole="option"` (and an `id`) on its rows,
+     * the same pattern as `bs-list-item` and `bs-shortcut-row`.
+     * ## When to use
+     * - A suggestion, recent search or result inside `bs-global-search`.
+     * ## When not to use
+     * - A row in a generic list -- use `bs-list-item`.
+     * - A command in a popup menu -- use `bs-menu-item`.
+     * @prop --bs-search-item-min-height - Aliased to `--bs-spacing-600` (48px).
+     * @prop --bs-search-item-padding-y - Aliased to `--bs-spacing-100`.
+     * @prop --bs-search-item-padding-x - Aliased to `--bs-spacing-150`.
+     * @prop --bs-search-item-gap - Aliased to `--bs-spacing-100`.
+     * @prop --bs-search-item-radius - Aliased to `--bs-border-radius-100`.
+     * @prop --bs-search-item-bg - Resting background. `transparent`.
+     * @prop --bs-search-item-bg-active - Active (highlighted) and hover background. Aliased to `--bs-surface-hover`.
+     * @prop --bs-search-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-search-item-color - Primary text. Aliased to `--bs-text-default`.
+     * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
+     * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+     * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+     */
+    interface BsSearchItem {
+        /**
+          * Highlighted row (keyboard or hover). Set by the parent.
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Dims the row and ignores clicks.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Fires with `value` when the row is clicked, or when the parent selects it with Enter.
+         */
+        "onBsItemSelect"?: (event: BsSearchItemCustomEvent<string | undefined>) => void;
+        /**
+          * Set by the parent (`"option"`). Standalone rows have no role.
+          * @default null
+         */
+        "selectionRole"?: 'option' | null;
+        /**
+          * Trailing text shorthand. The `trailing` slot overrides it.
+         */
+        "trailing"?: string;
+        /**
+          * Identifies the item; emitted by `bsItemSelect`.
+         */
+        "value"?: string;
+    }
     /**
      * The three moments around an expiring session, as one card. Matches the Figma "Session timeout"
      * component's three types:
@@ -11197,6 +14383,46 @@ declare namespace LocalJSX {
          */
         "type"?: BsSessionTimeoutType;
     }
+    /**
+     * One row of a shortcut list: an action label on the left and its keyboard shortcut on the right.
+     * Static information, not interactive. Standalone it has no role; `bs-keyboard-shortcuts` sets
+     * `selectionRole="listitem"` on its rows (same pattern as `bs-list-item`).
+     * Built from `bs-key-caps` (and so `bs-key`).
+     * ## When to use
+     * - A line in a keyboard-shortcut reference, usually inside `bs-keyboard-shortcuts`.
+     * ## When not to use
+     * - A clickable command or menu entry -- use `bs-menu-item` (which has its own shortcut slot).
+     * @prop --bs-shortcut-row-height - Row height. Defaults to `36px` (Figma).
+     * @prop --bs-shortcut-row-padding-x - Horizontal padding. Aliased to `--bs-spacing-100`.
+     * @prop --bs-shortcut-row-gap - Gap between label and keys. Aliased to `--bs-spacing-100`.
+     * @prop --bs-shortcut-row-radius - Corner radius. Aliased to `--bs-border-radius-75`.
+     * @prop --bs-shortcut-row-color - Label colour. Aliased to `--bs-text-default`.
+     * @prop --bs-shortcut-row-color-disabled - Label colour while `disabled`. Aliased to `--bs-text-on-disabled`.
+     */
+    interface BsShortcutRow {
+        /**
+          * The action, e.g. "Save". The default slot overrides it.
+         */
+        "action"?: string;
+        /**
+          * Dims the label and the keys.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The keys, e.g. `"Ctrl+S"`, or an array (`['Ctrl', '+']`) for a literal plus key. See `bs-key-caps`.
+         */
+        "keys"?: string | string[];
+        /**
+          * Accessible name of the key caps, e.g. "Control plus S". Defaults to the keys joined with "plus".
+         */
+        "label"?: string;
+        /**
+          * Set by the parent list (`"listitem"`). Standalone rows have no role.
+          * @default null
+         */
+        "selectionRole"?: 'listitem' | null;
+    }
     /**
      * A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
      * and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
@@ -12375,9 +15601,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;
@@ -12532,6 +15798,57 @@ declare namespace LocalJSX {
         "page": string;
         "href": string;
     }
+    interface BsCommandPaletteAttributes {
+        "value": string;
+        "open": boolean;
+        "commandsOnly": boolean;
+        "status": BsCommandPaletteStatus;
+        "label": string;
+        "placeholder": string;
+        "keepOpenOnSelect": boolean;
+        "showFooter": boolean;
+        "hotkey": string;
+        "scopeLabel": string;
+        "recentLabel": string;
+        "suggestedLabel": string;
+        "commandsLabel": string;
+        "navigationLabel": string;
+        "recordsLabel": string;
+        "tryInsteadLabel": string;
+        "navigateLabel": string;
+        "openLabel": string;
+        "closeLabel": string;
+        "commandsOnlyLabel": string;
+        "allResultsLabel": string;
+        "emptyHeading": string;
+        "emptyDescription": string;
+        "didYouMean": string;
+        "didYouMeanLabel": string;
+        "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;
@@ -12615,6 +15932,12 @@ declare namespace LocalJSX {
         "inset": BsDividerInset;
         "decorative": boolean;
     }
+    interface BsEmptyStateAttributes {
+        "heading": string;
+        "description": string;
+        "intent": BsIconTileIntent;
+        "headingLevel": 2 | 3 | 4 | 5 | 6;
+    }
     interface BsErrorPageAttributes {
         "type": BsErrorPageType;
         "code": string;
@@ -12646,6 +15969,33 @@ declare namespace LocalJSX {
         "cancelLabel": string;
         "removeLabel": string;
     }
+    interface BsGlobalSearchAttributes {
+        "value": string;
+        "placeholder": string;
+        "label": string;
+        "disabled": boolean;
+        "open": boolean;
+        "status": BsGlobalSearchStatus;
+        "totalResults": number;
+        "showFooter": boolean;
+        "listLabel": string;
+        "recentLabel": string;
+        "jumpToLabel": string;
+        "topMatchesLabel": string;
+        "searchInLabel": string;
+        "navigateLabel": string;
+        "searchLabel": string;
+        "closeLabel": string;
+        "fullResultsLabel": string;
+        "clearRecentLabel": string;
+        "seeAllLabel": string;
+        "emptyHeading": string;
+        "emptyDescription": string;
+        "clearSearchLabel": string;
+        "errorHeading": string;
+        "errorDescription": string;
+        "retryLabel": string;
+    }
     interface BsGridAttributes {
         "columns": string;
         "gap": string;
@@ -12660,6 +16010,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "type": 'button' | 'submit' | 'reset';
         "ariaLabel": string | null;
+        "pressed": boolean;
     }
     interface BsIconTileAttributes {
         "size": BsIconTileSize;
@@ -12708,6 +16059,29 @@ declare namespace LocalJSX {
         "length": number;
         "open": boolean;
     }
+    interface BsKeyAttributes {
+        "label": string;
+    }
+    interface BsKeyCapsAttributes {
+        "keys": string | string[];
+        "disabled": boolean;
+        "label": string;
+    }
+    interface BsKeyboardShortcutsAttributes {
+        "heading": string;
+        "closeLabel": string;
+        "searchPlaceholder": string;
+        "query": string;
+        "showSingleKeySwitch": boolean;
+        "singleKeyEnabled": boolean;
+        "singleKeyLabel": string;
+        "singleKeyDescription": string;
+        "showFooterHint": boolean;
+        "footerKey": string;
+        "footerText": string;
+        "footerPrefix": string;
+        "noResultsText": string;
+    }
     interface BsListAttributes {
         "selectable": boolean;
         "value": string | null;
@@ -12731,6 +16105,20 @@ declare namespace LocalJSX {
         "src": string | null;
         "alt": string | null;
     }
+    interface BsMegaMenuAttributes {
+        "type": BsMegaMenuType;
+        "label": string;
+        "recentLabel": string;
+        "shortcutLabel": string;
+        "shortcutKeys": string;
+        "shortcutKeysLabel": string;
+    }
+    interface BsMenuBlockAttributes {
+        "name": string;
+        "description": string;
+        "icon": string;
+        "badge": string;
+    }
     interface BsMenuItemAttributes {
         "disabled": boolean;
     }
@@ -12788,6 +16176,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;
@@ -12860,6 +16259,13 @@ declare namespace LocalJSX {
         "checked": boolean;
         "disabled": boolean;
     }
+    interface BsSearchItemAttributes {
+        "value": string;
+        "active": boolean;
+        "disabled": boolean;
+        "trailing": string;
+        "selectionRole": 'option' | null;
+    }
     interface BsSessionTimeoutAttributes {
         "type": BsSessionTimeoutType;
         "heading": string;
@@ -12882,6 +16288,13 @@ declare namespace LocalJSX {
         "dividerLabel": string;
         "cancelLabel": string;
     }
+    interface BsShortcutRowAttributes {
+        "action": string;
+        "keys": string | string[];
+        "label": string;
+        "disabled": boolean;
+        "selectionRole": 'listitem' | null;
+    }
     interface BsSidePanelAttributes {
         "open": boolean;
         "heading": string;
@@ -13064,7 +16477,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] };
@@ -13087,6 +16503,9 @@ declare namespace LocalJSX {
         "bs-chip-informative": Omit<BsChipInformative, keyof BsChipInformativeAttributes> & { [K in keyof BsChipInformative & keyof BsChipInformativeAttributes]?: BsChipInformative[K] } & { [K in keyof BsChipInformative & keyof BsChipInformativeAttributes as `attr:${K}`]?: BsChipInformativeAttributes[K] } & { [K in keyof BsChipInformative & keyof BsChipInformativeAttributes as `prop:${K}`]?: BsChipInformative[K] };
         "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] };
@@ -13095,18 +16514,25 @@ declare namespace LocalJSX {
         "bs-datepicker": Omit<BsDatepicker, keyof BsDatepickerAttributes> & { [K in keyof BsDatepicker & keyof BsDatepickerAttributes]?: BsDatepicker[K] } & { [K in keyof BsDatepicker & keyof BsDatepickerAttributes as `attr:${K}`]?: BsDatepickerAttributes[K] } & { [K in keyof BsDatepicker & keyof BsDatepickerAttributes as `prop:${K}`]?: BsDatepicker[K] };
         "bs-dialog": Omit<BsDialog, keyof BsDialogAttributes> & { [K in keyof BsDialog & keyof BsDialogAttributes]?: BsDialog[K] } & { [K in keyof BsDialog & keyof BsDialogAttributes as `attr:${K}`]?: BsDialogAttributes[K] } & { [K in keyof BsDialog & keyof BsDialogAttributes as `prop:${K}`]?: BsDialog[K] };
         "bs-divider": Omit<BsDivider, keyof BsDividerAttributes> & { [K in keyof BsDivider & keyof BsDividerAttributes]?: BsDivider[K] } & { [K in keyof BsDivider & keyof BsDividerAttributes as `attr:${K}`]?: BsDividerAttributes[K] } & { [K in keyof BsDivider & keyof BsDividerAttributes as `prop:${K}`]?: BsDivider[K] };
+        "bs-empty-state": Omit<BsEmptyState, keyof BsEmptyStateAttributes> & { [K in keyof BsEmptyState & keyof BsEmptyStateAttributes]?: BsEmptyState[K] } & { [K in keyof BsEmptyState & keyof BsEmptyStateAttributes as `attr:${K}`]?: BsEmptyStateAttributes[K] } & { [K in keyof BsEmptyState & keyof BsEmptyStateAttributes as `prop:${K}`]?: BsEmptyState[K] };
         "bs-error-page": Omit<BsErrorPage, keyof BsErrorPageAttributes> & { [K in keyof BsErrorPage & keyof BsErrorPageAttributes]?: BsErrorPage[K] } & { [K in keyof BsErrorPage & keyof BsErrorPageAttributes as `attr:${K}`]?: BsErrorPageAttributes[K] } & { [K in keyof BsErrorPage & keyof BsErrorPageAttributes as `prop:${K}`]?: BsErrorPage[K] };
         "bs-file-upload": Omit<BsFileUpload, keyof BsFileUploadAttributes> & { [K in keyof BsFileUpload & keyof BsFileUploadAttributes]?: BsFileUpload[K] } & { [K in keyof BsFileUpload & keyof BsFileUploadAttributes as `attr:${K}`]?: BsFileUploadAttributes[K] } & { [K in keyof BsFileUpload & keyof BsFileUploadAttributes as `prop:${K}`]?: BsFileUpload[K] };
         "bs-file-upload-item": Omit<BsFileUploadItem, keyof BsFileUploadItemAttributes> & { [K in keyof BsFileUploadItem & keyof BsFileUploadItemAttributes]?: BsFileUploadItem[K] } & { [K in keyof BsFileUploadItem & keyof BsFileUploadItemAttributes as `attr:${K}`]?: BsFileUploadItemAttributes[K] } & { [K in keyof BsFileUploadItem & keyof BsFileUploadItemAttributes as `prop:${K}`]?: BsFileUploadItem[K] };
+        "bs-global-search": Omit<BsGlobalSearch, keyof BsGlobalSearchAttributes> & { [K in keyof BsGlobalSearch & keyof BsGlobalSearchAttributes]?: BsGlobalSearch[K] } & { [K in keyof BsGlobalSearch & keyof BsGlobalSearchAttributes as `attr:${K}`]?: BsGlobalSearchAttributes[K] } & { [K in keyof BsGlobalSearch & keyof BsGlobalSearchAttributes as `prop:${K}`]?: BsGlobalSearch[K] };
         "bs-grid": Omit<BsGrid, keyof BsGridAttributes> & { [K in keyof BsGrid & keyof BsGridAttributes]?: BsGrid[K] } & { [K in keyof BsGrid & keyof BsGridAttributes as `attr:${K}`]?: BsGridAttributes[K] } & { [K in keyof BsGrid & keyof BsGridAttributes as `prop:${K}`]?: BsGrid[K] };
         "bs-icon-button": Omit<BsIconButton, keyof BsIconButtonAttributes> & { [K in keyof BsIconButton & keyof BsIconButtonAttributes]?: BsIconButton[K] } & { [K in keyof BsIconButton & keyof BsIconButtonAttributes as `attr:${K}`]?: BsIconButtonAttributes[K] } & { [K in keyof BsIconButton & keyof BsIconButtonAttributes as `prop:${K}`]?: BsIconButton[K] };
         "bs-icon-tile": Omit<BsIconTile, keyof BsIconTileAttributes> & { [K in keyof BsIconTile & keyof BsIconTileAttributes]?: BsIconTile[K] } & { [K in keyof BsIconTile & keyof BsIconTileAttributes as `attr:${K}`]?: BsIconTileAttributes[K] } & { [K in keyof BsIconTile & keyof BsIconTileAttributes as `prop:${K}`]?: BsIconTile[K] };
         "bs-inline-tab": Omit<BsInlineTab, keyof BsInlineTabAttributes> & { [K in keyof BsInlineTab & keyof BsInlineTabAttributes]?: BsInlineTab[K] } & { [K in keyof BsInlineTab & keyof BsInlineTabAttributes as `attr:${K}`]?: BsInlineTabAttributes[K] } & { [K in keyof BsInlineTab & keyof BsInlineTabAttributes as `prop:${K}`]?: BsInlineTab[K] };
         "bs-input": Omit<BsInput, keyof BsInputAttributes> & { [K in keyof BsInput & keyof BsInputAttributes]?: BsInput[K] } & { [K in keyof BsInput & keyof BsInputAttributes as `attr:${K}`]?: BsInputAttributes[K] } & { [K in keyof BsInput & keyof BsInputAttributes as `prop:${K}`]?: BsInput[K] };
+        "bs-key": Omit<BsKey, keyof BsKeyAttributes> & { [K in keyof BsKey & keyof BsKeyAttributes]?: BsKey[K] } & { [K in keyof BsKey & keyof BsKeyAttributes as `attr:${K}`]?: BsKeyAttributes[K] } & { [K in keyof BsKey & keyof BsKeyAttributes as `prop:${K}`]?: BsKey[K] };
+        "bs-key-caps": Omit<BsKeyCaps, keyof BsKeyCapsAttributes> & { [K in keyof BsKeyCaps & keyof BsKeyCapsAttributes]?: BsKeyCaps[K] } & { [K in keyof BsKeyCaps & keyof BsKeyCapsAttributes as `attr:${K}`]?: BsKeyCapsAttributes[K] } & { [K in keyof BsKeyCaps & keyof BsKeyCapsAttributes as `prop:${K}`]?: BsKeyCaps[K] };
+        "bs-keyboard-shortcuts": Omit<BsKeyboardShortcuts, keyof BsKeyboardShortcutsAttributes> & { [K in keyof BsKeyboardShortcuts & keyof BsKeyboardShortcutsAttributes]?: BsKeyboardShortcuts[K] } & { [K in keyof BsKeyboardShortcuts & keyof BsKeyboardShortcutsAttributes as `attr:${K}`]?: BsKeyboardShortcutsAttributes[K] } & { [K in keyof BsKeyboardShortcuts & keyof BsKeyboardShortcutsAttributes as `prop:${K}`]?: BsKeyboardShortcuts[K] };
         "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] };
@@ -13114,6 +16540,7 @@ 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-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] };
@@ -13121,7 +16548,9 @@ declare namespace LocalJSX {
         "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-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] };
         "bs-side-panel": Omit<BsSidePanel, keyof BsSidePanelAttributes> & { [K in keyof BsSidePanel & keyof BsSidePanelAttributes]?: BsSidePanel[K] } & { [K in keyof BsSidePanel & keyof BsSidePanelAttributes as `attr:${K}`]?: BsSidePanelAttributes[K] } & { [K in keyof BsSidePanel & keyof BsSidePanelAttributes as `prop:${K}`]?: BsSidePanel[K] };
         "bs-skeleton": Omit<BsSkeleton, keyof BsSkeletonAttributes> & { [K in keyof BsSkeleton & keyof BsSkeletonAttributes]?: BsSkeleton[K] } & { [K in keyof BsSkeleton & keyof BsSkeletonAttributes as `attr:${K}`]?: BsSkeletonAttributes[K] } & { [K in keyof BsSkeleton & keyof BsSkeletonAttributes as `prop:${K}`]?: BsSkeleton[K] };
         "bs-slider": Omit<BsSlider, keyof BsSliderAttributes> & { [K in keyof BsSlider & keyof BsSliderAttributes]?: BsSlider[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `attr:${K}`]?: BsSliderAttributes[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `prop:${K}`]?: BsSlider[K] };
@@ -13239,6 +16668,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.
@@ -13261,6 +16718,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
@@ -13718,6 +17234,91 @@ declare module "@stencil/core" {
              * @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
              */
             "bs-citation-preview": LocalJSX.IntrinsicElements["bs-citation-preview"] & JSXBase.HTMLAttributes<HTMLBsCitationPreviewElement>;
+            /**
+             * A Ctrl+K command palette: a modal with a search field, grouped commands, navigation and records, a
+             * no-results view and a keyboard-hint footer. The data, the filtering, the command registry and the
+             * recent-items storage are all yours: you slot `bs-search-item`s into the sections and set `status`.
+             * Built from a native `<dialog>` (opened with `showModal()`, so focus is trapped, the page behind is inert
+             * and the backdrop is the scrim), `bs-input` (type="search"), `bs-search-item`, `bs-key` (footer hints and
+             * the Esc cap), `bs-chip-informative` (the scope chip) and `bs-spinner` (loading). Slot a `bs-key-caps` with
+             * `slot="trailing"` inside an item to show a command's shortcut.
+             * ## When to use
+             * - An app-wide "do anything" entry point opened with a hotkey: run commands, navigate, open records.
+             * ## When not to use
+             * - A plain search box with a dropdown -- use `bs-global-search`.
+             * - A small list of actions on one control -- use `bs-menu`.
+             * A `>` as the first character of the field switches to commands-only mode (`commandsOnly`, reflected as
+             * `commands-only`). The component filters nothing: listen to `bsInput`, swap the slotted items, set `status`.
+             * Nested (sub-command) palettes are a consumer pattern: swap the slotted commands and set `scopeLabel`.
+             * @prop --bs-command-palette-width - Panel width. Defaults to `640px` (Figma); capped to the viewport.
+             * @prop --bs-command-palette-top - Distance from the top of the viewport. Defaults to `12vh`.
+             * @prop --bs-command-palette-max-height - Max height of the results area. Defaults to `60vh`.
+             * @prop --bs-command-palette-radius - Aliased to `--bs-border-radius-150`.
+             * @prop --bs-command-palette-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-command-palette-shadow - Figma elevation level 4: `0 8px 16px` in `--bs-elevation-higher` (stronger in dark mode).
+             * @prop --bs-command-palette-overlay - Scrim colour. Aliased to `--bs-surface-overlay`.
+             * @prop --bs-command-palette-footer-bg - Aliased to `--bs-surface-container`.
+             * @prop --bs-command-palette-divider-color - Aliased to `--bs-border-default`.
+             * @prop --bs-command-palette-header-border-color - Aliased to `--bs-border-neutral-container`.
+             * @prop --bs-command-palette-header-color - Aliased to `--bs-text-muted`.
+             * @prop --bs-command-palette-hint-color - Aliased to `--bs-text-secondary`.
+             * @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
@@ -13914,6 +17515,24 @@ declare module "@stencil/core" {
              * @prop --bs-divider-inset - Indent applied by `inset`. Aliased to `--bs-spacing-300`.
              */
             "bs-divider": LocalJSX.IntrinsicElements["bs-divider"] & JSXBase.HTMLAttributes<HTMLBsDividerElement>;
+            /**
+             * A centered "nothing to show" block: an icon tile, a heading, a description and an optional action.
+             * Used for empty lists, "no results" and error states inside a panel, card or page section.
+             * Built from `bs-icon-tile` (and, in your `action` slot, usually a `bs-button`).
+             * The component has no role. Live regions belong on a wrapper you control (e.g. `role="status"` on the
+             * element that stays in the DOM while this block appears and disappears).
+             * ## When to use
+             * - A list, table or search result that has nothing to show, or failed to load.
+             * ## When not to use
+             * - A full-page error with a status code -- use `bs-error-page`.
+             * - A transient message -- use `bs-toast` or `bs-snackbar`.
+             * @prop --bs-empty-state-padding-y - Vertical padding. Aliased to `--bs-spacing-700` (56px).
+             * @prop --bs-empty-state-padding-x - Horizontal padding. Aliased to `--bs-spacing-300` (24px).
+             * @prop --bs-empty-state-gap - Gap between tile, heading, description and action. Aliased to `--bs-spacing-150`.
+             * @prop --bs-empty-state-heading-color - Aliased to `--bs-text-default`.
+             * @prop --bs-empty-state-description-color - Aliased to `--bs-text-secondary`.
+             */
+            "bs-empty-state": LocalJSX.IntrinsicElements["bs-empty-state"] & JSXBase.HTMLAttributes<HTMLBsEmptyStateElement>;
             /**
              * A full-block page for when the user can't get to what they asked for: page not found (404), a server
              * error (500), no access (403), planned maintenance, or no internet connection. Matches the Figma
@@ -13953,6 +17572,37 @@ declare module "@stencil/core" {
              * - Attaching files to a chat message -- use `bs-attachment`.
              */
             "bs-file-upload-item": LocalJSX.IntrinsicElements["bs-file-upload-item"] & JSXBase.HTMLAttributes<HTMLBsFileUploadItemElement>;
+            /**
+             * A global search combobox: a search field with a dropdown panel of suggestions, results, an empty state
+             * or an error state, plus a keyboard-hint footer. The data, the filtering and the recent-search storage
+             * are all yours: you slot `bs-search-item`s into the sections and tell the component which `status` to show.
+             * Built from `bs-input` (type="search"), `bs-search-item`, `bs-empty-state` (and so `bs-icon-tile`),
+             * `bs-button` and `bs-key` (the footer keycaps).
+             * ## When to use
+             * - An app-wide "find anything" field with recent searches, jump-to shortcuts and grouped results.
+             * ## When not to use
+             * - Filtering the list or table that is already on screen -- use `bs-input type="search"`.
+             * - A list of commands or actions -- use `bs-menu`.
+             * - The complete result set -- link to a full search results page ("See all results").
+             * Put `bs-search-item` children in the light DOM with `slot="recent"`, `slot="jump-to"`,
+             * `slot="top-matches"` or `slot="search-in"`. A section (and its header) is only rendered when its slot has
+             * content. Up/Down arrows move a highlight through the visible items; focus never leaves the field.
+             * Known limit: the items are in your light DOM and the combobox in this shadow root, so
+             * `aria-activedescendant` (an id reference) does not resolve across that boundary in every browser; the
+             * highlighted option also gets `aria-selected="true"`.
+             * @prop --bs-global-search-width - Field and panel width. Defaults to `480px` (Figma); capped at 100%.
+             * @prop --bs-global-search-panel-radius - Aliased to `--bs-border-radius-100`.
+             * @prop --bs-global-search-panel-padding - Aliased to `--bs-spacing-100`.
+             * @prop --bs-global-search-gap - Gap between sections, and between the field and the panel. Aliased to `--bs-spacing-100`.
+             * @prop --bs-global-search-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-global-search-shadow - Panel shadow: Figma elevation level 3 (`0 4px 8px` in `--bs-elevation-high`, 10% black in light mode and 30% in dark mode).
+             * @prop --bs-global-search-z-index - Panel stacking. Aliased to `--bs-z-index-dropdown`.
+             * @prop --bs-global-search-divider-color - Footer divider. Aliased to `--bs-border-default`.
+             * @prop --bs-global-search-header-border-color - Section header underline. Aliased to `--bs-border-neutral-container`.
+             * @prop --bs-global-search-header-color - Section header text. Aliased to `--bs-text-muted`.
+             * @prop --bs-global-search-hint-color - Footer hint text. Aliased to `--bs-text-secondary`.
+             */
+            "bs-global-search": LocalJSX.IntrinsicElements["bs-global-search"] & JSXBase.HTMLAttributes<HTMLBsGlobalSearchElement>;
             /**
              * A CSS grid layout wrapper. Children are placed in equal-width columns with a token-based gap.
              * `columns` takes either a number (`"3"` becomes `repeat(3, minmax(0, 1fr))`) or any raw
@@ -14047,6 +17697,61 @@ declare module "@stencil/core" {
              *   options list at all (freeform chip entry).
              */
             "bs-input": LocalJSX.IntrinsicElements["bs-input"] & JSXBase.HTMLAttributes<HTMLBsInputElement>;
+            /**
+             * One key of a keyboard shortcut, e.g. `Ctrl`, `K` or `Esc` -- rendered as a `<kbd>` keycap.
+             * Shows a text label, or an icon (e.g. a return arrow) via the `icon` slot.
+             * ## When to use
+             * - Showing a keyboard shortcut hint next to a control or inside a search field.
+             * - Alone for a single key, or as the children of `bs-key-caps` for a multi-key shortcut.
+             * ## When not to use
+             * - As a button or any clickable control -- a key is a static hint, not interactive.
+             * @prop --bs-key-bg - Cap background. Aliased to `--bs-surface-base`.
+             * @prop --bs-key-border-color - Cap border colour. Aliased to `--bs-border-default`.
+             * @prop --bs-key-radius - Cap corner radius. Aliased to `--bs-border-radius-50`.
+             * @prop --bs-key-padding-x - Horizontal padding. Aliased to `--bs-spacing-75`.
+             * @prop --bs-key-padding-y - Vertical padding. Aliased to `--bs-spacing-50`.
+             * @prop --bs-key-min-width - Smallest cap width, so single characters keep a keycap shape. Defaults to `25px` (Figma).
+             * @prop --bs-key-color - Label colour. Aliased to `--bs-text-secondary`.
+             * @prop --bs-key-font-size - Label size. Aliased to `--bs-font-size-xs` (12px).
+             * @prop --bs-key-icon-size - Icon size. Defaults to `16px` (Figma).
+             */
+            "bs-key": LocalJSX.IntrinsicElements["bs-key"] & JSXBase.HTMLAttributes<HTMLBsKeyElement>;
+            /**
+             * A keyboard shortcut of one to four keys joined by "+", e.g. `Ctrl + K`. Give it a `keys` string
+             * (`"Ctrl+Shift+K"`) or array (`['Ctrl', '+']` for a literal plus key), or slot your own `bs-key`
+             * elements -- for example when a key is an icon.
+             * ## When to use
+             * - A shortcut hint beside a menu item, button or inside a search field.
+             * ## When not to use
+             * - Instructions that need prose ("press Enter to submit") -- write a sentence and use a single `bs-key` inline.
+             * - Anything interactive -- keys are static hints.
+             * @prop --bs-key-caps-gap - Gap between keys and separators. Aliased to `--bs-spacing-100`.
+             * @prop --bs-key-caps-separator-color - Colour of the "+" separators. Aliased to `--bs-text-muted`.
+             * @prop --bs-key-caps-disabled-opacity - Opacity of the whole shortcut while `disabled`. Defaults to `0.38` (Figma).
+             */
+            "bs-key-caps": LocalJSX.IntrinsicElements["bs-key-caps"] & JSXBase.HTMLAttributes<HTMLBsKeyCapsElement>;
+            /**
+             * A searchable reference panel of keyboard shortcuts: heading and close button, a search field, an
+             * optional single-key on/off switch, shortcut groups in two columns and a footer hint. It is a
+             * surface, not a modal -- place it inside `bs-dialog` or a popover.
+             * Built from `bs-card`, `bs-icon-button`, `bs-input`, `bs-switch`, `bs-shortcut-row` (and so
+             * `bs-key-caps` / `bs-key`).
+             * ## When to use
+             * - A "press ? to see shortcuts" help overlay for an app with many shortcuts.
+             * ## When not to use
+             * - A long-form help page or documentation -- link to it instead.
+             * - A list of commands the user can run from it -- use `bs-menu`.
+             * @prop --bs-keyboard-shortcuts-width - Panel width and min-width. Defaults to `720px` (Figma).
+             * @prop --bs-keyboard-shortcuts-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-keyboard-shortcuts-radius - Aliased to `--bs-border-radius-150`.
+             * @prop --bs-keyboard-shortcuts-padding - Aliased to `--bs-spacing-200`.
+             * @prop --bs-keyboard-shortcuts-gap - Gap between sections. Aliased to `--bs-spacing-200`.
+             * @prop --bs-keyboard-shortcuts-shadow - Figma elevation level 4 (`0 8px 8px` in `--bs-elevation-higher`, 12% black in light mode and 25% in dark mode).
+             * @prop --bs-keyboard-shortcuts-column-gap - Gap between the two columns. Aliased to `--bs-spacing-600`.
+             * @prop --bs-keyboard-shortcuts-color - Main text colour. Aliased to `--bs-text-default`.
+             * @prop --bs-keyboard-shortcuts-color-secondary - Titles, captions, footer. Aliased to `--bs-text-secondary`.
+             */
+            "bs-keyboard-shortcuts": LocalJSX.IntrinsicElements["bs-keyboard-shortcuts"] & JSXBase.HTMLAttributes<HTMLBsKeyboardShortcutsElement>;
             /**
              * A vertical list of `bs-list-item` rows, optionally single-select.
              * ## When to use
@@ -14124,6 +17829,41 @@ 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 toggle the host's `hidden` attribute 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.
+             * 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`.
+             */
+            "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).
@@ -14140,6 +17880,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.
@@ -14317,6 +18083,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
@@ -14430,6 +18237,31 @@ 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>;
+            /**
+             * 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
+             * parent (`bs-global-search`) marks the highlighted row with `active`.
+             * Standalone it has no role. `bs-global-search` sets `selectionRole="option"` (and an `id`) on its rows,
+             * the same pattern as `bs-list-item` and `bs-shortcut-row`.
+             * ## When to use
+             * - A suggestion, recent search or result inside `bs-global-search`.
+             * ## When not to use
+             * - A row in a generic list -- use `bs-list-item`.
+             * - A command in a popup menu -- use `bs-menu-item`.
+             * @prop --bs-search-item-min-height - Aliased to `--bs-spacing-600` (48px).
+             * @prop --bs-search-item-padding-y - Aliased to `--bs-spacing-100`.
+             * @prop --bs-search-item-padding-x - Aliased to `--bs-spacing-150`.
+             * @prop --bs-search-item-gap - Aliased to `--bs-spacing-100`.
+             * @prop --bs-search-item-radius - Aliased to `--bs-border-radius-100`.
+             * @prop --bs-search-item-bg - Resting background. `transparent`.
+             * @prop --bs-search-item-bg-active - Active (highlighted) and hover background. Aliased to `--bs-surface-hover`.
+             * @prop --bs-search-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-search-item-color - Primary text. Aliased to `--bs-text-default`.
+             * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
+             * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+             * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+             */
+            "bs-search-item": LocalJSX.IntrinsicElements["bs-search-item"] & JSXBase.HTMLAttributes<HTMLBsSearchItemElement>;
             /**
              * The three moments around an expiring session, as one card. Matches the Figma "Session timeout"
              * component's three types:
@@ -14457,6 +18289,23 @@ declare module "@stencil/core" {
              * (`bs-dialog`) if the warning must trap focus.
              */
             "bs-session-timeout": LocalJSX.IntrinsicElements["bs-session-timeout"] & JSXBase.HTMLAttributes<HTMLBsSessionTimeoutElement>;
+            /**
+             * One row of a shortcut list: an action label on the left and its keyboard shortcut on the right.
+             * Static information, not interactive. Standalone it has no role; `bs-keyboard-shortcuts` sets
+             * `selectionRole="listitem"` on its rows (same pattern as `bs-list-item`).
+             * Built from `bs-key-caps` (and so `bs-key`).
+             * ## When to use
+             * - A line in a keyboard-shortcut reference, usually inside `bs-keyboard-shortcuts`.
+             * ## When not to use
+             * - A clickable command or menu entry -- use `bs-menu-item` (which has its own shortcut slot).
+             * @prop --bs-shortcut-row-height - Row height. Defaults to `36px` (Figma).
+             * @prop --bs-shortcut-row-padding-x - Horizontal padding. Aliased to `--bs-spacing-100`.
+             * @prop --bs-shortcut-row-gap - Gap between label and keys. Aliased to `--bs-spacing-100`.
+             * @prop --bs-shortcut-row-radius - Corner radius. Aliased to `--bs-border-radius-75`.
+             * @prop --bs-shortcut-row-color - Label colour. Aliased to `--bs-text-default`.
+             * @prop --bs-shortcut-row-color-disabled - Label colour while `disabled`. Aliased to `--bs-text-on-disabled`.
+             */
+            "bs-shortcut-row": LocalJSX.IntrinsicElements["bs-shortcut-row"] & JSXBase.HTMLAttributes<HTMLBsShortcutRowElement>;
             /**
              * A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
              * and similar secondary content. Closes via its close button or Escape and emits `bsClose`.