@brandsync/wc 1.17.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";
@@ -22,6 +24,7 @@ import { BsChipFilterSize } from "./components/bs-chip/bs-chip-filter/bs-chip-fi
 import { BsChipInformativeColor, BsChipInformativeSize } from "./components/bs-chip/bs-chip-informative/bs-chip-informative";
 import { BsChipInputSize } from "./components/bs-chip/bs-chip-input/bs-chip-input";
 import { BsCommandPaletteInputDetail, BsCommandPaletteSelectDetail, BsCommandPaletteStatus } from "./components/bs-command-palette/bs-command-palette";
+import { BsCompany } from "./components/bs-company-switcher/bs-company-switcher";
 import { BsComposerState, BsComposerVariant } from "./components/bs-composer/bs-composer";
 import { BsComposerStatusBannerType } from "./components/bs-composer-status-banner/bs-composer-status-banner";
 import { BsContainerSize } from "./components/bs-container/bs-container";
@@ -40,6 +43,7 @@ import { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs
 import { BsIconTileIntent as BsIconTileIntent1, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
 import { BsShortcutGroup } from "./components/bs-keyboard-shortcuts/bs-keyboard-shortcuts";
 import { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
+import { BsMegaMenuColumn, BsMegaMenuFeatured, BsMegaMenuItem, BsMegaMenuType } from "./components/bs-mega-menu/bs-mega-menu";
 import { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
 import { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
 import { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
@@ -68,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";
@@ -84,6 +90,7 @@ export { BsChipFilterSize } from "./components/bs-chip/bs-chip-filter/bs-chip-fi
 export { BsChipInformativeColor, BsChipInformativeSize } from "./components/bs-chip/bs-chip-informative/bs-chip-informative";
 export { BsChipInputSize } from "./components/bs-chip/bs-chip-input/bs-chip-input";
 export { BsCommandPaletteInputDetail, BsCommandPaletteSelectDetail, BsCommandPaletteStatus } from "./components/bs-command-palette/bs-command-palette";
+export { BsCompany } from "./components/bs-company-switcher/bs-company-switcher";
 export { BsComposerState, BsComposerVariant } from "./components/bs-composer/bs-composer";
 export { BsComposerStatusBannerType } from "./components/bs-composer-status-banner/bs-composer-status-banner";
 export { BsContainerSize } from "./components/bs-container/bs-container";
@@ -102,6 +109,7 @@ export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs
 export { BsIconTileIntent as BsIconTileIntent1, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
 export { BsShortcutGroup } from "./components/bs-keyboard-shortcuts/bs-keyboard-shortcuts";
 export { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
+export { BsMegaMenuColumn, BsMegaMenuFeatured, BsMegaMenuItem, BsMegaMenuType } from "./components/bs-mega-menu/bs-mega-menu";
 export { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
 export { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
 export { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
@@ -269,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.
@@ -297,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
@@ -1477,6 +1747,159 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+     * (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element.
+     * ## When to use
+     * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+     * ## When not to use
+     * - A destination that needs an icon or a description -- use `bs-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+     * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     */
+    interface BsCompactMenuBlock {
+        /**
+          * The text, and the accessible name.
+         */
+        "name": string;
+    }
+    /**
+     * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+     * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+     * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+     * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+     * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+     * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+     * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+     * ## When to use
+     * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+     * ## When not to use
+     * - Picking a value in a form -- use `bs-input type="dropdown"`.
+     * - Switching between a handful of fixed views -- use `bs-tab`.
+     * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+     * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+     * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+     * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+     * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+     * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+     * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+     * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+     * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+     * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+     * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+     * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+     * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+     */
+    interface BsCompanySwitcher {
+        /**
+          * Text of the "Add companies" footer button.
+          * @default 'Add companies'
+         */
+        "addLabel": string;
+        /**
+          * Header of the all companies group (the count is appended).
+          * @default 'All companies'
+         */
+        "allLabel": string;
+        /**
+          * The companies the user can switch between. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "companies": BsCompany[];
+        /**
+          * `id` of the current company.
+         */
+        "currentId"?: string;
+        /**
+          * Header of the current company group.
+          * @default 'Current'
+         */
+        "currentLabel": string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or search by org. number.'
+         */
+        "emptyDescription": string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No companies match “{query}”'
+         */
+        "emptyHeading": string;
+        /**
+          * Accessible name of the company listbox.
+          * @default 'Companies'
+         */
+        "listLabel": string;
+        /**
+          * Text of the "Manage Companies" footer button.
+          * @default 'Manage Companies'
+         */
+        "manageLabel": string;
+        /**
+          * Header of the search view when there is one match ("1 match").
+          * @default 'match'
+         */
+        "matchLabel": string;
+        /**
+          * Header of the search view when there are several matches ("3 matches").
+          * @default 'matches'
+         */
+        "matchesLabel": string;
+        /**
+          * Whether the panel is open.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Prefix of the org. number, e.g. "Org. no.".
+          * @default 'Org. no.'
+         */
+        "orgNumberLabel": string;
+        /**
+          * Text of the trigger when there is no current company.
+          * @default 'Select a company'
+         */
+        "placeholderLabel": string;
+        /**
+          * `id`s of recently used companies, most recent first. The current company is not repeated in the Recent group.
+          * @default []
+         */
+        "recentIds": string[];
+        /**
+          * Header of the recent companies group.
+          * @default 'Recent'
+         */
+        "recentLabel": string;
+        /**
+          * Placeholder (and accessible name) of the search field.
+          * @default 'Find a company or org. number'
+         */
+        "searchPlaceholder": string;
+        /**
+          * `id` of the company being switched to. Shows the switching state: a spinner in the trigger and on that row.
+         */
+        "switchingId"?: string;
+        /**
+          * Trigger subtitle while switching.
+          * @default 'Switching…'
+         */
+        "switchingLabel": string;
+    }
     /**
      * A chat composer input for Genie AI-style conversational interfaces: a text field
      * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -2443,6 +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'
@@ -2981,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).
@@ -2998,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.
@@ -3401,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
@@ -5082,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;
@@ -5138,6 +5776,10 @@ export interface BsCommandPaletteCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsCommandPaletteElement;
 }
+export interface BsCompanySwitcherCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsCompanySwitcherElement;
+}
 export interface BsComposerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsComposerElement;
@@ -5198,6 +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;
@@ -5218,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;
@@ -5429,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.
@@ -5456,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;
     }
@@ -6231,6 +7000,84 @@ declare global {
         prototype: HTMLBsCommandPaletteElement;
         new (): HTMLBsCommandPaletteElement;
     };
+    /**
+     * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+     * (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element.
+     * ## When to use
+     * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+     * ## When not to use
+     * - A destination that needs an icon or a description -- use `bs-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+     * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     */
+    interface HTMLBsCompactMenuBlockElement extends Components.BsCompactMenuBlock, HTMLStencilElement {
+    }
+    var HTMLBsCompactMenuBlockElement: {
+        prototype: HTMLBsCompactMenuBlockElement;
+        new (): HTMLBsCompactMenuBlockElement;
+    };
+    interface HTMLBsCompanySwitcherElementEventMap {
+        "bsCompanySwitch": BsCompany;
+        "bsManageCompanies": void;
+        "bsAddCompanies": void;
+        "bsOpenChange": boolean;
+    }
+    /**
+     * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+     * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+     * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+     * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+     * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+     * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+     * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+     * ## When to use
+     * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+     * ## When not to use
+     * - Picking a value in a form -- use `bs-input type="dropdown"`.
+     * - Switching between a handful of fixed views -- use `bs-tab`.
+     * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+     * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+     * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+     * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+     * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+     * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+     * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+     * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+     * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+     * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+     * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+     * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+     * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+     */
+    interface HTMLBsCompanySwitcherElement extends Components.BsCompanySwitcher, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsCompanySwitcherElementEventMap>(type: K, listener: (this: HTMLBsCompanySwitcherElement, ev: BsCompanySwitcherCustomEvent<HTMLBsCompanySwitcherElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsCompanySwitcherElementEventMap>(type: K, listener: (this: HTMLBsCompanySwitcherElement, ev: BsCompanySwitcherCustomEvent<HTMLBsCompanySwitcherElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsCompanySwitcherElement: {
+        prototype: HTMLBsCompanySwitcherElement;
+        new (): HTMLBsCompanySwitcherElement;
+    };
     interface HTMLBsComposerElementEventMap {
         "bsInput": string;
         "bsSubmit": void;
@@ -7057,6 +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).
@@ -7078,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;
     }
@@ -7353,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;
     }
@@ -8321,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;
@@ -8345,6 +9336,8 @@ declare global {
         "bs-chip-input": HTMLBsChipInputElement;
         "bs-citation-preview": HTMLBsCitationPreviewElement;
         "bs-command-palette": HTMLBsCommandPaletteElement;
+        "bs-compact-menu-block": HTMLBsCompactMenuBlockElement;
+        "bs-company-switcher": HTMLBsCompanySwitcherElement;
         "bs-composer": HTMLBsComposerElement;
         "bs-composer-status-banner": HTMLBsComposerStatusBannerElement;
         "bs-container": HTMLBsContainerElement;
@@ -8369,7 +9362,9 @@ declare global {
         "bs-list": HTMLBsListElement;
         "bs-list-item": HTMLBsListItemElement;
         "bs-logo": HTMLBsLogoElement;
+        "bs-mega-menu": HTMLBsMegaMenuElement;
         "bs-menu": HTMLBsMenuElement;
+        "bs-menu-block": HTMLBsMenuBlockElement;
         "bs-menu-item": HTMLBsMenuItemElement;
         "bs-message": HTMLBsMessageElement;
         "bs-message-list": HTMLBsMessageListElement;
@@ -8377,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;
@@ -8411,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.
@@ -8549,38 +9547,328 @@ declare namespace LocalJSX {
      */
     interface BsAiThinking {
         /**
-          * The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching".
-          * @default 'Thinking'
+          * The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching".
+          * @default 'Thinking'
+         */
+        "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.
+     * Layout only. Compose it from the existing shell components: put a `bs-navigation-header`
+     * (usually `alignment="with-navigation-drawer"`) in `header` and a `bs-navigation-drawer` in
+     * `navigation`. The drawer sizes itself (expanded or collapsed rail); the shell reserves an `auto`
+     * track for it, so there is no `navigationWidth` prop. `bs-navigation-header` has no `collapsed`
+     * prop, so there is no collapse state to mirror and the shell does not listen to `bsCollapse`: the
+     * auto track follows the drawer's width on its own.
+     * The shell creates no landmarks besides `<main>`; the slotted header and drawer bring their own
+     * `banner` and `navigation` roles.
+     * ## When to use
+     * - The outer frame of an application page with a header and side navigation.
+     * ## When not to use
+     * - Content layout inside the page (use `bs-grid`) or resizable panes (use `bs-split-pane`).
+     * - Pages that already have their own `<main>`; the shell would add a duplicate landmark.
+     * @prop --bs-app-shell-bg - Shell background. Aliased to `--bs-surface-base`.
+     * @prop --bs-app-shell-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-app-shell-main-padding - Padding of the main area. Aliased to `--bs-spacing-400`.
+     * @prop --bs-app-shell-aside-width - Width of the aside column. Defaults to `auto` (zero when empty).
+     */
+    interface BsAppShell {
+        /**
+          * When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`.
+          * @default true
+         */
+        "fullHeight"?: boolean;
+    }
+    /**
+     * The panel of an app launcher ("EG apps"): a header with a "Manage" action, a search field, your apps as a
+     * grid (or Recent plus All apps), search results, and a footer link to browse all products. It also has
+     * no-results, loading, error and empty states. Matches the Figma "App switcher" (states Default, With recent,
+     * Searching, No results, Loading, Error and Empty).
+     * This is the panel only. To open it from a button, wrap it in `bs-popover`.
+     * Built from `bs-card` (panel surface), `bs-input` (search), `bs-app-tile` and `bs-app-recent-item` (apps),
+     * `bs-empty-state` (no results, error, empty), `bs-skeleton` (loading), `bs-button` (Clear search, Try
+     * again, Request access) and `bs-divider`. "Manage" and "Browse all" are native links (or buttons when
+     * there is no URL): `bs-button` has no link mode and the library has no link component.
+     * ## When to use
+     * - Letting a user jump between the products they have access to, from an app header.
+     * ## When not to use
+     * - Navigation inside one app -- use `bs-menu` or the app shell navigation.
+     * - Switching company -- use `bs-company-switcher`.
+     * `apps` and `recent` are arrays and must be set as JS properties. Each app's `icon` is the URL of a
+     * monochrome SVG. You own the data: listen to `bsAppSelect` (cancelable: `preventDefault()` cancels the
+     * originating click), and drive `status` and `query` yourself. An empty `apps` list while `status` is
+     * `ready` shows the empty state.
+     * @prop --bs-app-switcher-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-app-switcher-radius - Panel corner radius. Aliased to `--bs-border-radius-150`.
+     * @prop --bs-app-switcher-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-app-switcher-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-app-switcher-shadow - Panel shadow (elevation level 4). Aliased to the `--bs-shadow-*` position and blur tokens and `--bs-elevation-higher`.
+     * @prop --bs-app-switcher-padding - Side padding of the content. Aliased to `--bs-spacing-150`.
+     * @prop --bs-app-switcher-text-color - Heading and links in the header. Aliased to `--bs-text-default`.
+     * @prop --bs-app-switcher-header-color - Group headers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-app-switcher-link-color - Browse link. Aliased to `--bs-text-action`.
+     * @prop --bs-app-switcher-focus-ring - Link focus ring. Aliased to `--bs-border-neutral-focus`.
+     */
+    interface BsAppSwitcher {
+        /**
+          * Header of the all apps group.
+          * @default 'All apps'
+         */
+        "allAppsLabel"?: string;
+        /**
+          * The apps the user can open. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "apps"?: BsApp[];
+        /**
+          * URL of the Browse all link. Without it it is a button that only fires `bsBrowseAll`.
+         */
+        "browseHref"?: string;
+        /**
+          * Text of the footer link.
+          * @default 'Browse all EG products'
+         */
+        "browseLabel"?: string;
+        /**
+          * Text of the Clear search button.
+          * @default 'Clear search'
+         */
+        "clearLabel"?: string;
+        /**
+          * `id` of the app you are in: selected background and `aria-current`.
+         */
+        "currentId"?: string;
+        /**
+          * Empty description.
+          * @default 'Ask your administrator for access, or browse all EG products to see what’s available.'
+         */
+        "emptyDescription"?: string;
+        /**
+          * Empty heading (no apps assigned).
+          * @default 'No apps assigned yet'
+         */
+        "emptyHeading"?: string;
+        /**
+          * Error description.
+          * @default 'Check your connection and try again. Your work in the current app is not affected.'
+         */
+        "errorDescription"?: string;
+        /**
+          * Error heading.
+          * @default 'Couldn’t load your apps'
+         */
+        "errorHeading"?: string;
+        /**
+          * Panel heading.
+          * @default 'EG apps'
+         */
+        "heading"?: string;
+        /**
+          * Announced while loading.
+          * @default 'Loading apps…'
+         */
+        "loadingLabel"?: string;
+        /**
+          * URL of the Manage link. Without it Manage is a button that only fires `bsManage`.
+         */
+        "manageHref"?: string;
+        /**
+          * Text of the Manage link.
+          * @default 'Manage'
+         */
+        "manageLabel"?: string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or browse all EG products to find more apps.'
+         */
+        "noResultsDescription"?: string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No apps match “{query}”'
+         */
+        "noResultsHeading"?: string;
+        /**
+          * Fires when an app is chosen (click or Enter), with the app. Cancelable: `preventDefault()` cancels the originating click.
+         */
+        "onBsAppSelect"?: (event: BsAppSwitcherCustomEvent<BsApp>) => void;
+        /**
+          * Fires when Browse all is pressed.
+         */
+        "onBsBrowseAll"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when the search is cleared with the Clear search button or Escape.
+         */
+        "onBsClearSearch"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when Manage is pressed.
+         */
+        "onBsManage"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when the search text changes through user interaction, with the new text.
+         */
+        "onBsQueryChange"?: (event: BsAppSwitcherCustomEvent<string>) => void;
+        /**
+          * Fires when Request access is pressed.
+         */
+        "onBsRequestAccess"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when Try again is pressed.
+         */
+        "onBsRetry"?: (event: BsAppSwitcherCustomEvent<void>) => void;
+        /**
+          * The search text. Mutable: typing, Escape and "Clear search" update it.
+          * @default ''
+         */
+        "query"?: string;
+        /**
+          * Recently opened apps, most recent first. When there are any, the panel shows Recent and All apps. JS property only.
+          * @default []
+         */
+        "recent"?: BsAppRecent[];
+        /**
+          * Header of the recent group.
+          * @default 'Recent'
+         */
+        "recentLabel"?: string;
+        /**
+          * Text of the Request access button.
+          * @default 'Request access'
+         */
+        "requestAccessLabel"?: string;
+        /**
+          * Search header with one result ("1 result").
+          * @default 'result'
          */
-        "label"?: string;
+        "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;
     }
     /**
-     * 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.
-     * Layout only. Compose it from the existing shell components: put a `bs-navigation-header`
-     * (usually `alignment="with-navigation-drawer"`) in `header` and a `bs-navigation-drawer` in
-     * `navigation`. The drawer sizes itself (expanded or collapsed rail); the shell reserves an `auto`
-     * track for it, so there is no `navigationWidth` prop. `bs-navigation-header` has no `collapsed`
-     * prop, so there is no collapse state to mirror and the shell does not listen to `bsCollapse`: the
-     * auto track follows the drawer's width on its own.
-     * The shell creates no landmarks besides `<main>`; the slotted header and drawer bring their own
-     * `banner` and `navigation` roles.
+     * 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
-     * - The outer frame of an application page with a header and side navigation.
+     * - An app in a launcher grid, usually inside `bs-app-switcher`.
      * ## When not to use
-     * - Content layout inside the page (use `bs-grid`) or resizable panes (use `bs-split-pane`).
-     * - Pages that already have their own `<main>`; the shell would add a duplicate landmark.
-     * @prop --bs-app-shell-bg - Shell background. Aliased to `--bs-surface-base`.
-     * @prop --bs-app-shell-color - Text colour. Aliased to `--bs-text-default`.
-     * @prop --bs-app-shell-main-padding - Padding of the main area. Aliased to `--bs-spacing-400`.
-     * @prop --bs-app-shell-aside-width - Width of the aside column. Defaults to `auto` (zero when empty).
+     * - 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 BsAppShell {
+    interface BsAppTile {
         /**
-          * When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`.
-          * @default true
+          * The app you are in right now: selected background and `aria-current="true"`.
+          * @default false
          */
-        "fullHeight"?: boolean;
+        "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
@@ -9894,6 +11182,175 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+     * (Default, Hover, Pressed and Focused).
+     * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+     * native element.
+     * ## When to use
+     * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+     * ## When not to use
+     * - A destination that needs an icon or a description -- use `bs-menu-block`.
+     * - A command in a dropdown list -- use `bs-menu-item`.
+     * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+     * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+     * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+     * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+     */
+    interface BsCompactMenuBlock {
+        /**
+          * The text, and the accessible name.
+         */
+        "name": string;
+    }
+    /**
+     * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+     * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+     * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+     * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+     * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+     * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+     * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+     * ## When to use
+     * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+     * ## When not to use
+     * - Picking a value in a form -- use `bs-input type="dropdown"`.
+     * - Switching between a handful of fixed views -- use `bs-tab`.
+     * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+     * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+     * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+     * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+     * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+     * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+     * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+     * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+     * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+     * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+     * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+     * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+     * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+     * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+     * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+     * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+     * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+     * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+     * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+     * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+     */
+    interface BsCompanySwitcher {
+        /**
+          * Text of the "Add companies" footer button.
+          * @default 'Add companies'
+         */
+        "addLabel"?: string;
+        /**
+          * Header of the all companies group (the count is appended).
+          * @default 'All companies'
+         */
+        "allLabel"?: string;
+        /**
+          * The companies the user can switch between. JS property only (an array cannot be an attribute).
+          * @default []
+         */
+        "companies"?: BsCompany[];
+        /**
+          * `id` of the current company.
+         */
+        "currentId"?: string;
+        /**
+          * Header of the current company group.
+          * @default 'Current'
+         */
+        "currentLabel"?: string;
+        /**
+          * No-results description.
+          * @default 'Check the spelling, or search by org. number.'
+         */
+        "emptyDescription"?: string;
+        /**
+          * No-results heading. `{query}` is replaced by the query.
+          * @default 'No companies match “{query}”'
+         */
+        "emptyHeading"?: string;
+        /**
+          * Accessible name of the company listbox.
+          * @default 'Companies'
+         */
+        "listLabel"?: string;
+        /**
+          * Text of the "Manage Companies" footer button.
+          * @default 'Manage Companies'
+         */
+        "manageLabel"?: string;
+        /**
+          * Header of the search view when there is one match ("1 match").
+          * @default 'match'
+         */
+        "matchLabel"?: string;
+        /**
+          * Header of the search view when there are several matches ("3 matches").
+          * @default 'matches'
+         */
+        "matchesLabel"?: string;
+        /**
+          * Fires when "Add companies" is pressed.
+         */
+        "onBsAddCompanies"?: (event: BsCompanySwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when a company other than the current one is chosen (click or Enter), with the company.
+         */
+        "onBsCompanySwitch"?: (event: BsCompanySwitcherCustomEvent<BsCompany>) => void;
+        /**
+          * Fires when "Manage Companies" is pressed.
+         */
+        "onBsManageCompanies"?: (event: BsCompanySwitcherCustomEvent<void>) => void;
+        /**
+          * Fires when the panel opens or closes through user interaction, with the new state.
+         */
+        "onBsOpenChange"?: (event: BsCompanySwitcherCustomEvent<boolean>) => void;
+        /**
+          * Whether the panel is open.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Prefix of the org. number, e.g. "Org. no.".
+          * @default 'Org. no.'
+         */
+        "orgNumberLabel"?: string;
+        /**
+          * Text of the trigger when there is no current company.
+          * @default 'Select a company'
+         */
+        "placeholderLabel"?: string;
+        /**
+          * `id`s of recently used companies, most recent first. The current company is not repeated in the Recent group.
+          * @default []
+         */
+        "recentIds"?: string[];
+        /**
+          * Header of the recent companies group.
+          * @default 'Recent'
+         */
+        "recentLabel"?: string;
+        /**
+          * Placeholder (and accessible name) of the search field.
+          * @default 'Find a company or org. number'
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * `id` of the company being switched to. Shows the switching state: a spinner in the trigger and on that row.
+         */
+        "switchingId"?: string;
+        /**
+          * Trigger subtitle while switching.
+          * @default 'Switching…'
+         */
+        "switchingLabel"?: string;
+    }
     /**
      * A chat composer input for Genie AI-style conversational interfaces: a text field
      * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -10995,6 +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'
@@ -11583,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).
@@ -11600,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.
@@ -12051,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
@@ -13917,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;
@@ -14103,6 +15827,28 @@ declare namespace LocalJSX {
         "loadingLabel": string;
         "listLabel": string;
     }
+    interface BsCompactMenuBlockAttributes {
+        "name": string;
+    }
+    interface BsCompanySwitcherAttributes {
+        "currentId": string;
+        "switchingId": string;
+        "open": boolean;
+        "placeholderLabel": string;
+        "searchPlaceholder": string;
+        "listLabel": string;
+        "currentLabel": string;
+        "recentLabel": string;
+        "allLabel": string;
+        "matchesLabel": string;
+        "matchLabel": string;
+        "orgNumberLabel": string;
+        "switchingLabel": string;
+        "emptyHeading": string;
+        "emptyDescription": string;
+        "manageLabel": string;
+        "addLabel": string;
+    }
     interface BsComposerAttributes {
         "variant": BsComposerVariant;
         "placeholder": string;
@@ -14264,6 +16010,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "type": 'button' | 'submit' | 'reset';
         "ariaLabel": string | null;
+        "pressed": boolean;
     }
     interface BsIconTileAttributes {
         "size": BsIconTileSize;
@@ -14358,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;
     }
@@ -14415,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;
@@ -14705,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] };
@@ -14729,6 +16504,8 @@ declare namespace LocalJSX {
         "bs-chip-input": Omit<BsChipInput, keyof BsChipInputAttributes> & { [K in keyof BsChipInput & keyof BsChipInputAttributes]?: BsChipInput[K] } & { [K in keyof BsChipInput & keyof BsChipInputAttributes as `attr:${K}`]?: BsChipInputAttributes[K] } & { [K in keyof BsChipInput & keyof BsChipInputAttributes as `prop:${K}`]?: BsChipInput[K] };
         "bs-citation-preview": Omit<BsCitationPreview, keyof BsCitationPreviewAttributes> & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes]?: BsCitationPreview[K] } & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes as `attr:${K}`]?: BsCitationPreviewAttributes[K] } & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes as `prop:${K}`]?: BsCitationPreview[K] };
         "bs-command-palette": Omit<BsCommandPalette, keyof BsCommandPaletteAttributes> & { [K in keyof BsCommandPalette & keyof BsCommandPaletteAttributes]?: BsCommandPalette[K] } & { [K in keyof BsCommandPalette & keyof BsCommandPaletteAttributes as `attr:${K}`]?: BsCommandPaletteAttributes[K] } & { [K in keyof BsCommandPalette & keyof BsCommandPaletteAttributes as `prop:${K}`]?: BsCommandPalette[K] };
+        "bs-compact-menu-block": Omit<BsCompactMenuBlock, keyof BsCompactMenuBlockAttributes> & { [K in keyof BsCompactMenuBlock & keyof BsCompactMenuBlockAttributes]?: BsCompactMenuBlock[K] } & { [K in keyof BsCompactMenuBlock & keyof BsCompactMenuBlockAttributes as `attr:${K}`]?: BsCompactMenuBlockAttributes[K] } & { [K in keyof BsCompactMenuBlock & keyof BsCompactMenuBlockAttributes as `prop:${K}`]?: BsCompactMenuBlock[K] } & OneOf<"name", BsCompactMenuBlock["name"], BsCompactMenuBlockAttributes["name"]>;
+        "bs-company-switcher": Omit<BsCompanySwitcher, keyof BsCompanySwitcherAttributes> & { [K in keyof BsCompanySwitcher & keyof BsCompanySwitcherAttributes]?: BsCompanySwitcher[K] } & { [K in keyof BsCompanySwitcher & keyof BsCompanySwitcherAttributes as `attr:${K}`]?: BsCompanySwitcherAttributes[K] } & { [K in keyof BsCompanySwitcher & keyof BsCompanySwitcherAttributes as `prop:${K}`]?: BsCompanySwitcher[K] };
         "bs-composer": Omit<BsComposer, keyof BsComposerAttributes> & { [K in keyof BsComposer & keyof BsComposerAttributes]?: BsComposer[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `attr:${K}`]?: BsComposerAttributes[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `prop:${K}`]?: BsComposer[K] };
         "bs-composer-status-banner": Omit<BsComposerStatusBanner, keyof BsComposerStatusBannerAttributes> & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes]?: BsComposerStatusBanner[K] } & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes as `attr:${K}`]?: BsComposerStatusBannerAttributes[K] } & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes as `prop:${K}`]?: BsComposerStatusBanner[K] };
         "bs-container": Omit<BsContainer, keyof BsContainerAttributes> & { [K in keyof BsContainer & keyof BsContainerAttributes]?: BsContainer[K] } & { [K in keyof BsContainer & keyof BsContainerAttributes as `attr:${K}`]?: BsContainerAttributes[K] } & { [K in keyof BsContainer & keyof BsContainerAttributes as `prop:${K}`]?: BsContainer[K] };
@@ -14753,7 +16530,9 @@ declare namespace LocalJSX {
         "bs-list": Omit<BsList, keyof BsListAttributes> & { [K in keyof BsList & keyof BsListAttributes]?: BsList[K] } & { [K in keyof BsList & keyof BsListAttributes as `attr:${K}`]?: BsListAttributes[K] } & { [K in keyof BsList & keyof BsListAttributes as `prop:${K}`]?: BsList[K] };
         "bs-list-item": Omit<BsListItem, keyof BsListItemAttributes> & { [K in keyof BsListItem & keyof BsListItemAttributes]?: BsListItem[K] } & { [K in keyof BsListItem & keyof BsListItemAttributes as `attr:${K}`]?: BsListItemAttributes[K] } & { [K in keyof BsListItem & keyof BsListItemAttributes as `prop:${K}`]?: BsListItem[K] };
         "bs-logo": Omit<BsLogo, keyof BsLogoAttributes> & { [K in keyof BsLogo & keyof BsLogoAttributes]?: BsLogo[K] } & { [K in keyof BsLogo & keyof BsLogoAttributes as `attr:${K}`]?: BsLogoAttributes[K] } & { [K in keyof BsLogo & keyof BsLogoAttributes as `prop:${K}`]?: BsLogo[K] };
+        "bs-mega-menu": Omit<BsMegaMenu, keyof BsMegaMenuAttributes> & { [K in keyof BsMegaMenu & keyof BsMegaMenuAttributes]?: BsMegaMenu[K] } & { [K in keyof BsMegaMenu & keyof BsMegaMenuAttributes as `attr:${K}`]?: BsMegaMenuAttributes[K] } & { [K in keyof BsMegaMenu & keyof BsMegaMenuAttributes as `prop:${K}`]?: BsMegaMenu[K] };
         "bs-menu": BsMenu;
+        "bs-menu-block": Omit<BsMenuBlock, keyof BsMenuBlockAttributes> & { [K in keyof BsMenuBlock & keyof BsMenuBlockAttributes]?: BsMenuBlock[K] } & { [K in keyof BsMenuBlock & keyof BsMenuBlockAttributes as `attr:${K}`]?: BsMenuBlockAttributes[K] } & { [K in keyof BsMenuBlock & keyof BsMenuBlockAttributes as `prop:${K}`]?: BsMenuBlock[K] } & OneOf<"name", BsMenuBlock["name"], BsMenuBlockAttributes["name"]>;
         "bs-menu-item": Omit<BsMenuItem, keyof BsMenuItemAttributes> & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes]?: BsMenuItem[K] } & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes as `attr:${K}`]?: BsMenuItemAttributes[K] } & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes as `prop:${K}`]?: BsMenuItem[K] };
         "bs-message": Omit<BsMessage, keyof BsMessageAttributes> & { [K in keyof BsMessage & keyof BsMessageAttributes]?: BsMessage[K] } & { [K in keyof BsMessage & keyof BsMessageAttributes as `attr:${K}`]?: BsMessageAttributes[K] } & { [K in keyof BsMessage & keyof BsMessageAttributes as `prop:${K}`]?: BsMessage[K] };
         "bs-message-list": Omit<BsMessageList, keyof BsMessageListAttributes> & { [K in keyof BsMessageList & keyof BsMessageListAttributes]?: BsMessageList[K] } & { [K in keyof BsMessageList & keyof BsMessageListAttributes as `attr:${K}`]?: BsMessageListAttributes[K] } & { [K in keyof BsMessageList & keyof BsMessageListAttributes as `prop:${K}`]?: BsMessageList[K] };
@@ -14761,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] };
@@ -14888,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.
@@ -14910,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
@@ -15398,6 +17265,60 @@ declare module "@stencil/core" {
              * @prop --bs-command-palette-z-index - Aliased to `--bs-z-index-modal`.
              */
             "bs-command-palette": LocalJSX.IntrinsicElements["bs-command-palette"] & JSXBase.HTMLAttributes<HTMLBsCommandPaletteElement>;
+            /**
+             * A plain text entry in a mega menu: one line, no icon. Matches the Figma "Compact menu block" component
+             * (Default, Hover, Pressed and Focused).
+             * The block is always a native button and only emits events; it never navigates. Hover, pressed and focus come from the
+             * native element.
+             * ## When to use
+             * - A dense list of destinations in a mega menu, usually inside `bs-mega-menu` with `type="compact"`.
+             * ## When not to use
+             * - A destination that needs an icon or a description -- use `bs-menu-block`.
+             * - A command in a dropdown list -- use `bs-menu-item`.
+             * @prop --bs-compact-menu-block-padding - Padding inside the block. Aliased to `--bs-spacing-100`.
+             * @prop --bs-compact-menu-block-radius - Corner radius. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-compact-menu-block-bg - Resting background. `transparent`.
+             * @prop --bs-compact-menu-block-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-compact-menu-block-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-compact-menu-block-color - Text colour. Aliased to `--bs-text-default`.
+             * @prop --bs-compact-menu-block-focus-ring - Focus ring colour. Aliased to `--bs-border-info`.
+             */
+            "bs-compact-menu-block": LocalJSX.IntrinsicElements["bs-compact-menu-block"] & JSXBase.HTMLAttributes<HTMLBsCompactMenuBlockElement>;
+            /**
+             * A company (tenant) switcher: a trigger showing the current company, and a panel to find and switch to
+             * another one. The panel has a search field, the current / recent / all groups, a filtered "matches" view,
+             * a no-results state and a footer with "Manage Companies" and "Add companies" actions.
+             * Built from `bs-popover` (open/close, Escape, outside click, flipping), `bs-card` (panel surface),
+             * `bs-input` (search), `bs-list-item` (rows), `bs-avatar` (initials), `bs-spinner` (switching),
+             * `bs-empty-state` (no results), `bs-divider` and `bs-button` (footer). The trigger is a native `<button>`:
+             * no `bs-*` component is a composite "avatar + two lines + chevron" button.
+             * ## When to use
+             * - An app header or side navigation where a user belongs to several companies and works in one at a time.
+             * ## When not to use
+             * - Picking a value in a form -- use `bs-input type="dropdown"`.
+             * - Switching between a handful of fixed views -- use `bs-tab`.
+             * `companies` is an array and must be set as a JS property. You own the data and the switch itself: listen to
+             * `bsCompanySwitch`, do the work, then update `currentId`. To show the switching state set `switchingId`
+             * (from the `bsCompanySwitch` handler, or later) and the panel stays open until you clear it and set `open`
+             * to `false`. If `switchingId` is not set by the time the handler returns, the panel closes immediately.
+             * @prop --bs-company-switcher-width - Trigger width. Defaults to `260px` (Figma); capped at 100%.
+             * @prop --bs-company-switcher-panel-width - Panel width. Defaults to `360px` (Figma); capped at the viewport.
+             * @prop --bs-company-switcher-radius - Trigger and panel corner radius. Aliased to `--bs-border-radius-100`.
+             * @prop --bs-company-switcher-trigger-bg - Trigger resting background. `transparent`.
+             * @prop --bs-company-switcher-trigger-bg-hover - Aliased to `--bs-surface-hover`.
+             * @prop --bs-company-switcher-trigger-bg-pressed - Aliased to `--bs-surface-pressed`.
+             * @prop --bs-company-switcher-trigger-bg-open - Aliased to `--bs-surface-selected`.
+             * @prop --bs-company-switcher-focus-ring - Trigger focus outline. Aliased to `--bs-border-neutral-focus`.
+             * @prop --bs-company-switcher-panel-bg - Panel background. Aliased to `--bs-surface-base`.
+             * @prop --bs-company-switcher-panel-border-color - Panel border. Aliased to `--bs-border-default`.
+             * @prop --bs-company-switcher-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
+             * @prop --bs-company-switcher-max-height - Maximum height of the scrolling list. Defaults to `320px`.
+             * @prop --bs-company-switcher-text-color - Names. Aliased to `--bs-text-default`.
+             * @prop --bs-company-switcher-muted-color - Org. numbers. Aliased to `--bs-text-secondary`.
+             * @prop --bs-company-switcher-header-color - Group headers. Aliased to `--bs-text-muted`.
+             * @prop --bs-company-switcher-z-index - Panel stacking. Aliased to `--bs-z-index-popover`.
+             */
+            "bs-company-switcher": LocalJSX.IntrinsicElements["bs-company-switcher"] & JSXBase.HTMLAttributes<HTMLBsCompanySwitcherElement>;
             /**
              * A chat composer input for Genie AI-style conversational interfaces: a text field
              * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -15908,6 +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).
@@ -15924,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.
@@ -16101,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