@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { AccordionMode } from "./components/bh-accordion/bh-accordion";
 import { ActivityFeedDivider, ActivityFeedType } from "./components/bh-activity-feed/bh-activity-feed";
 import { AlertLayout, AlertVariant } from "./components/bh-alert/bh-alert";
 import { BreadcrumbItem } from "./components/bh-breadcrumbs/bh-breadcrumbs";
+import { BhNotification } from "./components/bh-appbar/bh-notification-center/bh-notification-center";
 import { AutocompleteMenuItem } from "./components/bh-input/bh-autocomplete-menu/bh-autocomplete-menu";
 import { AvatarSize, AvatarStatus, AvatarVariant } from "./components/bh-avatar/bh-avatar";
 import { AvatarAddSize } from "./components/bh-avatar/bh-avatar-add/bh-avatar-add";
@@ -29,6 +30,7 @@ import { TooltipItem as TooltipItem1 } from "./components/bh-chart/bh-chart-tool
 import { ChatMessageType, ChatMessageVariant } from "./components/bh-chat/bh-chat-message/bh-chat-message";
 import { CheckboxSize } from "./components/bh-checkbox/bh-checkbox";
 import { ChecklistTaskGroup } from "./components/bh-checklist-task-group/bh-checklist-task-group";
+import { BhCommandItem, BhCommandSection } from "./components/bh-command-bar/bh-command-bar";
 import { ContainerFooterSize } from "./components/bh-container/bh-container-footer/bh-container-footer";
 import { CreditCardTheme } from "./components/bh-credit-card/bh-credit-card";
 import { ColumnDef, ColumnFiltersState, SortingState, Table } from "@tanstack/table-core";
@@ -73,7 +75,7 @@ import { LogoType } from "./components/bh-logo-box/bh-logo-box";
 import { BhProduct } from "./components/bh-product-switcher/bh-product-switcher";
 import { MenuHeader, MenuItemData, MenuOrientation } from "./components/bh-menu/bh-menu";
 import { MenuItemVariant } from "./components/bh-menu/bh-menu-item/bh-menu-item";
-import { MenuItemData as MenuItemData1 } from "./components/bh-menu/bh-menu";
+import { MenuHeader as MenuHeader1, MenuItemData as MenuItemData1 } from "./components/bh-menu/bh-menu";
 import { ModalWidth } from "./utils";
 import { ModalDragEffect } from "./components/bh-modal/bh-modal";
 import { BhEvents } from "./types/bh-events";
@@ -84,6 +86,7 @@ import { DisabledMonth, MonthYear } from "./components/bh-picker/bh-month-picker
 import { DisabledMonth as DisabledMonth1, MonthYear as MonthYear1 } from "./components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content";
 import { MultiSelectItem, MultiSelectSize } from "./components/bh-multi-select/bh-multi-select";
 import { FeaturedIconColor as FeaturedIconColor1, StatusDotColor } from "./types/common/colors";
+import { BhNotification as BhNotification1 } from "./components/bh-appbar/bh-notification-center/bh-notification-center";
 import { PageHeaderVariant } from "./components/bh-page-header/bh-page-header";
 import { NavigationItem } from "./components/bh-page-navigation/bh-page-navigation";
 import { ChildItem } from "./components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level";
@@ -124,6 +127,7 @@ export { AccordionMode } from "./components/bh-accordion/bh-accordion";
 export { ActivityFeedDivider, ActivityFeedType } from "./components/bh-activity-feed/bh-activity-feed";
 export { AlertLayout, AlertVariant } from "./components/bh-alert/bh-alert";
 export { BreadcrumbItem } from "./components/bh-breadcrumbs/bh-breadcrumbs";
+export { BhNotification } from "./components/bh-appbar/bh-notification-center/bh-notification-center";
 export { AutocompleteMenuItem } from "./components/bh-input/bh-autocomplete-menu/bh-autocomplete-menu";
 export { AvatarSize, AvatarStatus, AvatarVariant } from "./components/bh-avatar/bh-avatar";
 export { AvatarAddSize } from "./components/bh-avatar/bh-avatar-add/bh-avatar-add";
@@ -144,6 +148,7 @@ export { TooltipItem as TooltipItem1 } from "./components/bh-chart/bh-chart-tool
 export { ChatMessageType, ChatMessageVariant } from "./components/bh-chat/bh-chat-message/bh-chat-message";
 export { CheckboxSize } from "./components/bh-checkbox/bh-checkbox";
 export { ChecklistTaskGroup } from "./components/bh-checklist-task-group/bh-checklist-task-group";
+export { BhCommandItem, BhCommandSection } from "./components/bh-command-bar/bh-command-bar";
 export { ContainerFooterSize } from "./components/bh-container/bh-container-footer/bh-container-footer";
 export { CreditCardTheme } from "./components/bh-credit-card/bh-credit-card";
 export { ColumnDef, ColumnFiltersState, SortingState, Table } from "@tanstack/table-core";
@@ -188,7 +193,7 @@ export { LogoType } from "./components/bh-logo-box/bh-logo-box";
 export { BhProduct } from "./components/bh-product-switcher/bh-product-switcher";
 export { MenuHeader, MenuItemData, MenuOrientation } from "./components/bh-menu/bh-menu";
 export { MenuItemVariant } from "./components/bh-menu/bh-menu-item/bh-menu-item";
-export { MenuItemData as MenuItemData1 } from "./components/bh-menu/bh-menu";
+export { MenuHeader as MenuHeader1, MenuItemData as MenuItemData1 } from "./components/bh-menu/bh-menu";
 export { ModalWidth } from "./utils";
 export { ModalDragEffect } from "./components/bh-modal/bh-modal";
 export { BhEvents } from "./types/bh-events";
@@ -199,6 +204,7 @@ export { DisabledMonth, MonthYear } from "./components/bh-picker/bh-month-picker
 export { DisabledMonth as DisabledMonth1, MonthYear as MonthYear1 } from "./components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content";
 export { MultiSelectItem, MultiSelectSize } from "./components/bh-multi-select/bh-multi-select";
 export { FeaturedIconColor as FeaturedIconColor1, StatusDotColor } from "./types/common/colors";
+export { BhNotification as BhNotification1 } from "./components/bh-appbar/bh-notification-center/bh-notification-center";
 export { PageHeaderVariant } from "./components/bh-page-header/bh-page-header";
 export { NavigationItem } from "./components/bh-page-navigation/bh-page-navigation";
 export { ChildItem } from "./components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level";
@@ -282,6 +288,11 @@ export namespace Components {
           * @default "none"
          */
         "divider": ActivityFeedDivider;
+        /**
+          * Edge-to-edge list: removes the list padding and inter-item margins so item backgrounds and dividers span the full container width — for panel-style surfaces like notification centers.
+          * @default false
+         */
+        "flush": boolean;
         /**
           * Material icon name for the header icon
           * @default ""
@@ -380,11 +391,35 @@ export namespace Components {
           * Logo source URL
          */
         "logoSrc"?: string;
+        /**
+          * Screen-reader announcement when there are no notifications. Allows i18n.
+          * @default "No new notifications"
+         */
+        "noNotificationsAnnouncement": string;
+        /**
+          * Unread-notification indicator style: badge dot or count badge
+          * @default "dot"
+         */
+        "notificationBadge": "dot" | "count";
         /**
           * Notification count
           * @default 0
          */
         "notificationCount": number;
+        /**
+          * Notification data (array or JSON string). When provided, the built-in bell becomes a full bh-notification-center (popover panel, read state, mark-read) and `notificationCount` is ignored. Without it, the plain bell renders and clicking it emits bhAction only.
+         */
+        "notifications"?: BhNotification[] | string;
+        /**
+          * Screen-reader announcement template when notifications exist. `{{count}}` is replaced with the notification count. Allows i18n.
+          * @default "{{count}} new notifications"
+         */
+        "notificationsAnnouncement": string;
+        /**
+          * Accessible label for the notifications button. Allows i18n.
+          * @default "Notifications"
+         */
+        "notificationsAriaLabel": string;
         /**
           * Accessible label for the menu button when closed. Allows i18n; default "Open menu".
           * @default "Open menu"
@@ -395,6 +430,21 @@ export namespace Components {
           * @default true
          */
         "showBreadcrumbHome": boolean;
+        /**
+          * Show the built-in calendar action button
+          * @default true
+         */
+        "showCalendar": boolean;
+        /**
+          * Show the built-in notifications action button
+          * @default true
+         */
+        "showNotifications": boolean;
+        /**
+          * Show the built-in settings action button
+          * @default true
+         */
+        "showSettings": boolean;
     }
     interface BhAutocompleteMenu {
         /**
@@ -1221,6 +1271,67 @@ export namespace Components {
          */
         "disabled": boolean;
     }
+    interface BhCommandBar {
+        /**
+          * @default "Return to parent"
+         */
+        "backLabel": string;
+        /**
+          * @default "Close"
+         */
+        "closeLabel": string;
+        /**
+          * Empty-state message. Allows i18n.
+          * @default "No results found"
+         */
+        "emptyMessage": string;
+        /**
+          * Close the palette.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Global shortcut that toggles the palette (e.g. "cmd+k"). When set, a document-level listener is registered; "cmd" matches ⌘ on macOS and Ctrl elsewhere. Omit to control the palette programmatically only.
+         */
+        "hotkey"?: string;
+        /**
+          * Footer hint labels. Allow i18n.
+          * @default "Navigate"
+         */
+        "navigateLabel": string;
+        /**
+          * Whether the palette is open. Reflects so consumers can read/drive it.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Search input placeholder. Allows i18n.
+          * @default "Type a command or search"
+         */
+        "placeholder": string;
+        /**
+          * Command sections (array or JSON string).
+          * @default []
+         */
+        "sections": BhCommandSection[] | string;
+        /**
+          * @default "Select"
+         */
+        "selectLabel": string;
+        /**
+          * Accessible label for the footer settings button. Allows i18n.
+          * @default "Command bar settings"
+         */
+        "settingsAriaLabel": string;
+        /**
+          * Open the palette.
+         */
+        "show": () => Promise<void>;
+        /**
+          * List density
+          * @default "md"
+         */
+        "size": "sm" | "md";
+    }
     interface BhContainer {
         /**
           * Whether the container has a footer attached (removes bottom border radius and border)
@@ -2627,6 +2738,11 @@ export namespace Components {
           * Avatar email for header
          */
         "avatarEmail"?: string;
+        /**
+          * Initials shown when no avatar image is set (avatar variant)
+          * @default ""
+         */
+        "avatarInitials": string;
         /**
           * Avatar name for header
          */
@@ -2839,6 +2955,14 @@ export namespace Components {
           * @default ""
          */
         "content": string;
+        /**
+          * Material Symbols icon shown in place of the avatar (system variant)
+         */
+        "icon"?: string;
+        /**
+          * Bold heading text rendered where the author name sits. When set it wins over `author` (which still drives the avatar) — e.g. a user notification titled "New comment" sent by Chris. Required for system items, which have no author.
+         */
+        "itemTitle"?: string;
         /**
           * Whether to show the vertical connector line
           * @default false
@@ -2869,6 +2993,11 @@ export namespace Components {
           * @default ""
          */
         "timestamp": string;
+        /**
+          * Item flavor: "user" renders the avatar/author column; "system" is a sender-less message (notifications, audit events) with an optional icon column instead.
+          * @default "user"
+         */
+        "variant": "user" | "system";
     }
     interface BhGaugeChart {
         /**
@@ -3755,6 +3884,17 @@ export namespace Components {
          */
         "width": string;
     }
+    interface BhKbd {
+        /**
+          * Key combination, "+"-separated (e.g. "cmd+k", "ctrl+shift+p"). When omitted, slotted content renders inside a single key cap.
+         */
+        "keys"?: string;
+        /**
+          * Key cap size
+          * @default "sm"
+         */
+        "size": "sm" | "md";
+    }
     interface BhLabel {
         /**
           * Whether the label is disabled
@@ -4437,6 +4577,61 @@ export namespace Components {
          */
         "size": "sm" | "md";
     }
+    interface BhNotificationCenter {
+        /**
+          * Accessible label for the bell trigger. Allows i18n.
+          * @default "Notifications"
+         */
+        "bellAriaLabel": string;
+        /**
+          * Presentation: "popover" renders the bell trigger with a floating, dismissable panel; "inline" renders the panel in place (no bell, no dismissal) for pages and side panels.
+          * @default "popover"
+         */
+        "display": "popover" | "inline";
+        /**
+          * Empty-state message. Allows i18n.
+          * @default "You're all caught up"
+         */
+        "emptyMessage": string;
+        /**
+          * "All" filter tab label. Allows i18n.
+          * @default "All"
+         */
+        "filterAllLabel": string;
+        /**
+          * "Unread" filter tab label. Allows i18n.
+          * @default "Unread"
+         */
+        "filterUnreadLabel": string;
+        /**
+          * Panel header title. Allows i18n.
+          * @default "Notifications"
+         */
+        "headerTitle": string;
+        /**
+          * Mark-all-read button label. Allows i18n.
+          * @default "Mark all as read"
+         */
+        "markAllLabel": string;
+        /**
+          * Mark every notification as read.
+         */
+        "markAllRead": () => Promise<void>;
+        /**
+          * Mark a single notification as read.
+         */
+        "markRead": (id: string) => Promise<void>;
+        /**
+          * Notifications to display (array or JSON string). Read/unread state is held internally after load; re-assigning the prop re-syncs it.
+          * @default []
+         */
+        "notifications": BhNotification1[] | string;
+        /**
+          * Whether the panel is open. Reflects so consumers can read/drive it. Ignored in inline display, where the panel always renders in place.
+          * @default false
+         */
+        "open": boolean;
+    }
     interface BhPageHeader {
         /**
           * Avatar alt text
@@ -5251,7 +5446,7 @@ export namespace Components {
         "searchPlaceholder": string;
         /**
           * Selected property name to display (initial value)
-          * @default "Select a property"
+          * @default ""
          */
         "selectedProperty": string;
     }
@@ -5766,6 +5961,11 @@ export namespace Components {
           * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
          */
         "assetBasePath"?: string;
+        /**
+          * Avatar image alt text
+          * @default "Avatar"
+         */
+        "avatarAlt": string;
         /**
           * Avatar email for dropdown
           * @default ""
@@ -5776,6 +5976,10 @@ export namespace Components {
           * @default ""
          */
         "avatarInitials": string;
+        /**
+          * Header shown at the top of the avatar dropdown menu
+         */
+        "avatarMenuHeader"?: MenuHeader1;
         /**
           * Avatar menu items override
          */
@@ -5838,6 +6042,10 @@ export namespace Components {
           * @default []
          */
         "products": BhProduct[];
+        /**
+          * Keyboard shortcut hint shown next to search (e.g. "cmd+k"). Display only — the consumer binds the actual hotkey.
+         */
+        "searchHotkey"?: string;
         /**
           * Whether to show the collapse/expand toggle handle button
           * @default false
@@ -6641,6 +6849,10 @@ export interface BhChecklistTaskGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBhChecklistTaskGroupElement;
 }
+export interface BhCommandBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBhCommandBarElement;
+}
 export interface BhContainerFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBhContainerFooterElement;
@@ -6809,6 +7021,10 @@ export interface BhNavItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBhNavItemElement;
 }
+export interface BhNotificationCenterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBhNotificationCenterElement;
+}
 export interface BhPageHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBhPageHeaderElement;
@@ -7388,6 +7604,27 @@ declare global {
         prototype: HTMLBhCloseButtonElement;
         new (): HTMLBhCloseButtonElement;
     };
+    interface HTMLBhCommandBarElementEventMap {
+        "bhOpen": void;
+        "bhClose": void;
+        "bhChange": { query: string };
+        "bhItemClick": { item: BhCommandItem; parents: BhCommandItem[] };
+        "bhAction": { action: "settings" };
+    }
+    interface HTMLBhCommandBarElement extends Components.BhCommandBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBhCommandBarElementEventMap>(type: K, listener: (this: HTMLBhCommandBarElement, ev: BhCommandBarCustomEvent<HTMLBhCommandBarElementEventMap[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 HTMLBhCommandBarElementEventMap>(type: K, listener: (this: HTMLBhCommandBarElement, ev: BhCommandBarCustomEvent<HTMLBhCommandBarElementEventMap[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 HTMLBhCommandBarElement: {
+        prototype: HTMLBhCommandBarElement;
+        new (): HTMLBhCommandBarElement;
+    };
     interface HTMLBhContainerElement extends Components.BhContainer, HTMLStencilElement {
     }
     var HTMLBhContainerElement: {
@@ -8076,6 +8313,12 @@ declare global {
         prototype: HTMLBhInputVerificationElement;
         new (): HTMLBhInputVerificationElement;
     };
+    interface HTMLBhKbdElement extends Components.BhKbd, HTMLStencilElement {
+    }
+    var HTMLBhKbdElement: {
+        prototype: HTMLBhKbdElement;
+        new (): HTMLBhKbdElement;
+    };
     interface HTMLBhLabelElementEventMap {
         "bhHelpClick": void;
     }
@@ -8333,6 +8576,26 @@ declare global {
         prototype: HTMLBhNavItemElement;
         new (): HTMLBhNavItemElement;
     };
+    interface HTMLBhNotificationCenterElementEventMap {
+        "bhOpen": void;
+        "bhClose": void;
+        "bhChange": { readIds: string[]; unreadCount: number };
+        "bhItemClick": BhNotification1;
+    }
+    interface HTMLBhNotificationCenterElement extends Components.BhNotificationCenter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBhNotificationCenterElementEventMap>(type: K, listener: (this: HTMLBhNotificationCenterElement, ev: BhNotificationCenterCustomEvent<HTMLBhNotificationCenterElementEventMap[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 HTMLBhNotificationCenterElementEventMap>(type: K, listener: (this: HTMLBhNotificationCenterElement, ev: BhNotificationCenterCustomEvent<HTMLBhNotificationCenterElementEventMap[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 HTMLBhNotificationCenterElement: {
+        prototype: HTMLBhNotificationCenterElement;
+        new (): HTMLBhNotificationCenterElement;
+    };
     interface HTMLBhPageHeaderElementEventMap {
         "bhItemClick": BreadcrumbItem;
     }
@@ -9207,6 +9470,7 @@ declare global {
         "bh-checkbox": HTMLBhCheckboxElement;
         "bh-checklist-task-group": HTMLBhChecklistTaskGroupElement;
         "bh-close-button": HTMLBhCloseButtonElement;
+        "bh-command-bar": HTMLBhCommandBarElement;
         "bh-container": HTMLBhContainerElement;
         "bh-container-footer": HTMLBhContainerFooterElement;
         "bh-credit-card": HTMLBhCreditCardElement;
@@ -9241,6 +9505,7 @@ declare global {
         "bh-input-password": HTMLBhInputPasswordElement;
         "bh-input-text": HTMLBhInputTextElement;
         "bh-input-verification": HTMLBhInputVerificationElement;
+        "bh-kbd": HTMLBhKbdElement;
         "bh-label": HTMLBhLabelElement;
         "bh-line-chart": HTMLBhLineChartElement;
         "bh-loader-spinner": HTMLBhLoaderSpinnerElement;
@@ -9254,6 +9519,7 @@ declare global {
         "bh-month-picker-content": HTMLBhMonthPickerContentElement;
         "bh-multi-select": HTMLBhMultiSelectElement;
         "bh-nav-item": HTMLBhNavItemElement;
+        "bh-notification-center": HTMLBhNotificationCenterElement;
         "bh-page-header": HTMLBhPageHeaderElement;
         "bh-page-navigation": HTMLBhPageNavigationElement;
         "bh-page-navigation-child": HTMLBhPageNavigationChildElement;
@@ -9361,6 +9627,11 @@ declare namespace LocalJSX {
           * @default "none"
          */
         "divider"?: ActivityFeedDivider;
+        /**
+          * Edge-to-edge list: removes the list padding and inter-item margins so item backgrounds and dividers span the full container width — for panel-style surfaces like notification centers.
+          * @default false
+         */
+        "flush"?: boolean;
         /**
           * Material icon name for the header icon
           * @default ""
@@ -9471,11 +9742,35 @@ declare namespace LocalJSX {
           * Logo source URL
          */
         "logoSrc"?: string;
+        /**
+          * Screen-reader announcement when there are no notifications. Allows i18n.
+          * @default "No new notifications"
+         */
+        "noNotificationsAnnouncement"?: string;
+        /**
+          * Unread-notification indicator style: badge dot or count badge
+          * @default "dot"
+         */
+        "notificationBadge"?: "dot" | "count";
         /**
           * Notification count
           * @default 0
          */
         "notificationCount"?: number;
+        /**
+          * Notification data (array or JSON string). When provided, the built-in bell becomes a full bh-notification-center (popover panel, read state, mark-read) and `notificationCount` is ignored. Without it, the plain bell renders and clicking it emits bhAction only.
+         */
+        "notifications"?: BhNotification[] | string;
+        /**
+          * Screen-reader announcement template when notifications exist. `{{count}}` is replaced with the notification count. Allows i18n.
+          * @default "{{count}} new notifications"
+         */
+        "notificationsAnnouncement"?: string;
+        /**
+          * Accessible label for the notifications button. Allows i18n.
+          * @default "Notifications"
+         */
+        "notificationsAriaLabel"?: string;
         /**
           * Event emitted when calendar icon is clicked
          */
@@ -9500,6 +9795,21 @@ declare namespace LocalJSX {
           * @default true
          */
         "showBreadcrumbHome"?: boolean;
+        /**
+          * Show the built-in calendar action button
+          * @default true
+         */
+        "showCalendar"?: boolean;
+        /**
+          * Show the built-in notifications action button
+          * @default true
+         */
+        "showNotifications"?: boolean;
+        /**
+          * Show the built-in settings action button
+          * @default true
+         */
+        "showSettings"?: boolean;
     }
     interface BhAutocompleteMenu {
         /**
@@ -10481,6 +10791,79 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
     }
+    interface BhCommandBar {
+        /**
+          * @default "Return to parent"
+         */
+        "backLabel"?: string;
+        /**
+          * @default "Close"
+         */
+        "closeLabel"?: string;
+        /**
+          * Empty-state message. Allows i18n.
+          * @default "No results found"
+         */
+        "emptyMessage"?: string;
+        /**
+          * Global shortcut that toggles the palette (e.g. "cmd+k"). When set, a document-level listener is registered; "cmd" matches ⌘ on macOS and Ctrl elsewhere. Omit to control the palette programmatically only.
+         */
+        "hotkey"?: string;
+        /**
+          * Footer hint labels. Allow i18n.
+          * @default "Navigate"
+         */
+        "navigateLabel"?: string;
+        /**
+          * Emitted for auxiliary actions (footer settings gear).
+         */
+        "onBhAction"?: (event: BhCommandBarCustomEvent<{ action: "settings" }>) => void;
+        /**
+          * Emitted when the search query changes. Detail carries the query.
+         */
+        "onBhChange"?: (event: BhCommandBarCustomEvent<{ query: string }>) => void;
+        /**
+          * Emitted when the palette closes.
+         */
+        "onBhClose"?: (event: BhCommandBarCustomEvent<void>) => void;
+        /**
+          * Emitted when a leaf item is selected. Detail carries the item and its ancestor chain (outermost first).
+         */
+        "onBhItemClick"?: (event: BhCommandBarCustomEvent<{ item: BhCommandItem; parents: BhCommandItem[] }>) => void;
+        /**
+          * Emitted when the palette opens.
+         */
+        "onBhOpen"?: (event: BhCommandBarCustomEvent<void>) => void;
+        /**
+          * Whether the palette is open. Reflects so consumers can read/drive it.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Search input placeholder. Allows i18n.
+          * @default "Type a command or search"
+         */
+        "placeholder"?: string;
+        /**
+          * Command sections (array or JSON string).
+          * @default []
+         */
+        "sections"?: BhCommandSection[] | string;
+        /**
+          * @default "Select"
+         */
+        "selectLabel"?: string;
+        /**
+          * Accessible label for the footer settings button. Allows i18n.
+          * @default "Command bar settings"
+         */
+        "settingsAriaLabel"?: string;
+        /**
+          * List density
+          * @default "md"
+         */
+        "size"?: "sm" | "md";
+    }
     interface BhContainer {
         /**
           * Whether the container has a footer attached (removes bottom border radius and border)
@@ -12120,6 +12503,11 @@ declare namespace LocalJSX {
           * Avatar email for header
          */
         "avatarEmail"?: string;
+        /**
+          * Initials shown when no avatar image is set (avatar variant)
+          * @default ""
+         */
+        "avatarInitials"?: string;
         /**
           * Avatar name for header
          */
@@ -12378,6 +12766,14 @@ declare namespace LocalJSX {
           * @default ""
          */
         "content"?: string;
+        /**
+          * Material Symbols icon shown in place of the avatar (system variant)
+         */
+        "icon"?: string;
+        /**
+          * Bold heading text rendered where the author name sits. When set it wins over `author` (which still drives the avatar) — e.g. a user notification titled "New comment" sent by Chris. Required for system items, which have no author.
+         */
+        "itemTitle"?: string;
         /**
           * Emitted when the feed item is clicked
          */
@@ -12412,6 +12808,11 @@ declare namespace LocalJSX {
           * @default ""
          */
         "timestamp"?: string;
+        /**
+          * Item flavor: "user" renders the avatar/author column; "system" is a sender-less message (notifications, audit events) with an optional icon column instead.
+          * @default "user"
+         */
+        "variant"?: "user" | "system";
     }
     interface BhGaugeChart {
         /**
@@ -13465,6 +13866,17 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface BhKbd {
+        /**
+          * Key combination, "+"-separated (e.g. "cmd+k", "ctrl+shift+p"). When omitted, slotted content renders inside a single key cap.
+         */
+        "keys"?: string;
+        /**
+          * Key cap size
+          * @default "sm"
+         */
+        "size"?: "sm" | "md";
+    }
     interface BhLabel {
         /**
           * Whether the label is disabled
@@ -14293,6 +14705,69 @@ declare namespace LocalJSX {
          */
         "size"?: "sm" | "md";
     }
+    interface BhNotificationCenter {
+        /**
+          * Accessible label for the bell trigger. Allows i18n.
+          * @default "Notifications"
+         */
+        "bellAriaLabel"?: string;
+        /**
+          * Presentation: "popover" renders the bell trigger with a floating, dismissable panel; "inline" renders the panel in place (no bell, no dismissal) for pages and side panels.
+          * @default "popover"
+         */
+        "display"?: "popover" | "inline";
+        /**
+          * Empty-state message. Allows i18n.
+          * @default "You're all caught up"
+         */
+        "emptyMessage"?: string;
+        /**
+          * "All" filter tab label. Allows i18n.
+          * @default "All"
+         */
+        "filterAllLabel"?: string;
+        /**
+          * "Unread" filter tab label. Allows i18n.
+          * @default "Unread"
+         */
+        "filterUnreadLabel"?: string;
+        /**
+          * Panel header title. Allows i18n.
+          * @default "Notifications"
+         */
+        "headerTitle"?: string;
+        /**
+          * Mark-all-read button label. Allows i18n.
+          * @default "Mark all as read"
+         */
+        "markAllLabel"?: string;
+        /**
+          * Notifications to display (array or JSON string). Read/unread state is held internally after load; re-assigning the prop re-syncs it.
+          * @default []
+         */
+        "notifications"?: BhNotification1[] | string;
+        /**
+          * Emitted when read state changes. Detail carries the ids marked read in this change and the remaining unread count.
+         */
+        "onBhChange"?: (event: BhNotificationCenterCustomEvent<{ readIds: string[]; unreadCount: number }>) => void;
+        /**
+          * Emitted when the panel closes.
+         */
+        "onBhClose"?: (event: BhNotificationCenterCustomEvent<void>) => void;
+        /**
+          * Emitted when a notification is clicked.
+         */
+        "onBhItemClick"?: (event: BhNotificationCenterCustomEvent<BhNotification1>) => void;
+        /**
+          * Emitted when the panel opens.
+         */
+        "onBhOpen"?: (event: BhNotificationCenterCustomEvent<void>) => void;
+        /**
+          * Whether the panel is open. Reflects so consumers can read/drive it. Ignored in inline display, where the panel always renders in place.
+          * @default false
+         */
+        "open"?: boolean;
+    }
     interface BhPageHeader {
         /**
           * Avatar alt text
@@ -15179,7 +15654,7 @@ declare namespace LocalJSX {
         "searchPlaceholder"?: string;
         /**
           * Selected property name to display (initial value)
-          * @default "Select a property"
+          * @default ""
          */
         "selectedProperty"?: string;
     }
@@ -15819,6 +16294,11 @@ declare namespace LocalJSX {
           * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
          */
         "assetBasePath"?: string;
+        /**
+          * Avatar image alt text
+          * @default "Avatar"
+         */
+        "avatarAlt"?: string;
         /**
           * Avatar email for dropdown
           * @default ""
@@ -15829,6 +16309,10 @@ declare namespace LocalJSX {
           * @default ""
          */
         "avatarInitials"?: string;
+        /**
+          * Header shown at the top of the avatar dropdown menu
+         */
+        "avatarMenuHeader"?: MenuHeader1;
         /**
           * Avatar menu items override
          */
@@ -15903,6 +16387,10 @@ declare namespace LocalJSX {
           * @default []
          */
         "products"?: BhProduct[];
+        /**
+          * Keyboard shortcut hint shown next to search (e.g. "cmd+k"). Display only — the consumer binds the actual hotkey.
+         */
+        "searchHotkey"?: string;
         /**
           * Whether to show the collapse/expand toggle handle button
           * @default false
@@ -16821,6 +17309,7 @@ declare namespace LocalJSX {
         "heading": string;
         "headerIcon": string;
         "maxHeight": string;
+        "flush": boolean;
         "closeAriaLabel": string;
     }
     interface BhAlertAttributes {
@@ -16842,6 +17331,14 @@ declare namespace LocalJSX {
         "logoAlt": string;
         "notificationCount": number;
         "showBreadcrumbHome": boolean;
+        "showCalendar": boolean;
+        "showSettings": boolean;
+        "showNotifications": boolean;
+        "notificationBadge": "dot" | "count";
+        "notifications": BhNotification[] | string;
+        "notificationsAriaLabel": string;
+        "notificationsAnnouncement": string;
+        "noNotificationsAnnouncement": string;
     }
     interface BhAutocompleteMenuAttributes {
         "menuId": string;
@@ -17042,6 +17539,19 @@ declare namespace LocalJSX {
         "darkBackground": boolean;
         "disabled": boolean;
     }
+    interface BhCommandBarAttributes {
+        "sections": BhCommandSection[] | string;
+        "open": boolean;
+        "hotkey": string;
+        "placeholder": string;
+        "emptyMessage": string;
+        "size": "sm" | "md";
+        "navigateLabel": string;
+        "selectLabel": string;
+        "closeLabel": string;
+        "backLabel": string;
+        "settingsAriaLabel": string;
+    }
     interface BhContainerAttributes {
         "withFooter": boolean;
     }
@@ -17284,6 +17794,7 @@ declare namespace LocalJSX {
         "header": DropdownMenuHeader | string;
         "avatarSrc": string;
         "avatarAlt": string;
+        "avatarInitials": string;
         "avatarSize": "sm" | "md" | "lg";
         "avatarName": string;
         "avatarEmail": string;
@@ -17340,6 +17851,9 @@ declare namespace LocalJSX {
         "showDot": boolean;
         "showSubtext": boolean;
         "supportingContent": FeedItemSupportingContent;
+        "variant": "user" | "system";
+        "icon": string;
+        "itemTitle": string;
     }
     interface BhGaugeChartAttributes {
         "size": number;
@@ -17535,6 +18049,10 @@ declare namespace LocalJSX {
         "defaultValue": string;
         "validationMessage": string;
     }
+    interface BhKbdAttributes {
+        "keys": string;
+        "size": "sm" | "md";
+    }
     interface BhLabelAttributes {
         "label": string;
         "layout": LabelLayout;
@@ -17686,6 +18204,17 @@ declare namespace LocalJSX {
         "size": "sm" | "md";
         "showLabel": boolean;
     }
+    interface BhNotificationCenterAttributes {
+        "notifications": BhNotification[] | string;
+        "open": boolean;
+        "display": "popover" | "inline";
+        "headerTitle": string;
+        "markAllLabel": string;
+        "emptyMessage": string;
+        "filterAllLabel": string;
+        "filterUnreadLabel": string;
+        "bellAriaLabel": string;
+    }
     interface BhPageHeaderAttributes {
         "heading": string;
         "supportingText": string;
@@ -17987,6 +18516,8 @@ declare namespace LocalJSX {
         "avatarInitials": string;
         "avatarName": string;
         "avatarEmail": string;
+        "avatarAlt": string;
+        "searchHotkey": string;
     }
     interface BhSkeletonLoaderAttributes {
         "width": string;
@@ -18177,6 +18708,7 @@ declare namespace LocalJSX {
         "bh-checkbox": Omit<BhCheckbox, keyof BhCheckboxAttributes> & { [K in keyof BhCheckbox & keyof BhCheckboxAttributes]?: BhCheckbox[K] } & { [K in keyof BhCheckbox & keyof BhCheckboxAttributes as `attr:${K}`]?: BhCheckboxAttributes[K] } & { [K in keyof BhCheckbox & keyof BhCheckboxAttributes as `prop:${K}`]?: BhCheckbox[K] };
         "bh-checklist-task-group": Omit<BhChecklistTaskGroup, keyof BhChecklistTaskGroupAttributes> & { [K in keyof BhChecklistTaskGroup & keyof BhChecklistTaskGroupAttributes]?: BhChecklistTaskGroup[K] } & { [K in keyof BhChecklistTaskGroup & keyof BhChecklistTaskGroupAttributes as `attr:${K}`]?: BhChecklistTaskGroupAttributes[K] } & { [K in keyof BhChecklistTaskGroup & keyof BhChecklistTaskGroupAttributes as `prop:${K}`]?: BhChecklistTaskGroup[K] };
         "bh-close-button": Omit<BhCloseButton, keyof BhCloseButtonAttributes> & { [K in keyof BhCloseButton & keyof BhCloseButtonAttributes]?: BhCloseButton[K] } & { [K in keyof BhCloseButton & keyof BhCloseButtonAttributes as `attr:${K}`]?: BhCloseButtonAttributes[K] } & { [K in keyof BhCloseButton & keyof BhCloseButtonAttributes as `prop:${K}`]?: BhCloseButton[K] };
+        "bh-command-bar": Omit<BhCommandBar, keyof BhCommandBarAttributes> & { [K in keyof BhCommandBar & keyof BhCommandBarAttributes]?: BhCommandBar[K] } & { [K in keyof BhCommandBar & keyof BhCommandBarAttributes as `attr:${K}`]?: BhCommandBarAttributes[K] } & { [K in keyof BhCommandBar & keyof BhCommandBarAttributes as `prop:${K}`]?: BhCommandBar[K] };
         "bh-container": Omit<BhContainer, keyof BhContainerAttributes> & { [K in keyof BhContainer & keyof BhContainerAttributes]?: BhContainer[K] } & { [K in keyof BhContainer & keyof BhContainerAttributes as `attr:${K}`]?: BhContainerAttributes[K] } & { [K in keyof BhContainer & keyof BhContainerAttributes as `prop:${K}`]?: BhContainer[K] };
         "bh-container-footer": Omit<BhContainerFooter, keyof BhContainerFooterAttributes> & { [K in keyof BhContainerFooter & keyof BhContainerFooterAttributes]?: BhContainerFooter[K] } & { [K in keyof BhContainerFooter & keyof BhContainerFooterAttributes as `attr:${K}`]?: BhContainerFooterAttributes[K] } & { [K in keyof BhContainerFooter & keyof BhContainerFooterAttributes as `prop:${K}`]?: BhContainerFooter[K] };
         "bh-credit-card": Omit<BhCreditCard, keyof BhCreditCardAttributes> & { [K in keyof BhCreditCard & keyof BhCreditCardAttributes]?: BhCreditCard[K] } & { [K in keyof BhCreditCard & keyof BhCreditCardAttributes as `attr:${K}`]?: BhCreditCardAttributes[K] } & { [K in keyof BhCreditCard & keyof BhCreditCardAttributes as `prop:${K}`]?: BhCreditCard[K] };
@@ -18211,6 +18743,7 @@ declare namespace LocalJSX {
         "bh-input-password": Omit<BhInputPassword, keyof BhInputPasswordAttributes> & { [K in keyof BhInputPassword & keyof BhInputPasswordAttributes]?: BhInputPassword[K] } & { [K in keyof BhInputPassword & keyof BhInputPasswordAttributes as `attr:${K}`]?: BhInputPasswordAttributes[K] } & { [K in keyof BhInputPassword & keyof BhInputPasswordAttributes as `prop:${K}`]?: BhInputPassword[K] };
         "bh-input-text": Omit<BhInputText, keyof BhInputTextAttributes> & { [K in keyof BhInputText & keyof BhInputTextAttributes]?: BhInputText[K] } & { [K in keyof BhInputText & keyof BhInputTextAttributes as `attr:${K}`]?: BhInputTextAttributes[K] } & { [K in keyof BhInputText & keyof BhInputTextAttributes as `prop:${K}`]?: BhInputText[K] };
         "bh-input-verification": Omit<BhInputVerification, keyof BhInputVerificationAttributes> & { [K in keyof BhInputVerification & keyof BhInputVerificationAttributes]?: BhInputVerification[K] } & { [K in keyof BhInputVerification & keyof BhInputVerificationAttributes as `attr:${K}`]?: BhInputVerificationAttributes[K] } & { [K in keyof BhInputVerification & keyof BhInputVerificationAttributes as `prop:${K}`]?: BhInputVerification[K] };
+        "bh-kbd": Omit<BhKbd, keyof BhKbdAttributes> & { [K in keyof BhKbd & keyof BhKbdAttributes]?: BhKbd[K] } & { [K in keyof BhKbd & keyof BhKbdAttributes as `attr:${K}`]?: BhKbdAttributes[K] } & { [K in keyof BhKbd & keyof BhKbdAttributes as `prop:${K}`]?: BhKbd[K] };
         "bh-label": Omit<BhLabel, keyof BhLabelAttributes> & { [K in keyof BhLabel & keyof BhLabelAttributes]?: BhLabel[K] } & { [K in keyof BhLabel & keyof BhLabelAttributes as `attr:${K}`]?: BhLabelAttributes[K] } & { [K in keyof BhLabel & keyof BhLabelAttributes as `prop:${K}`]?: BhLabel[K] };
         "bh-line-chart": Omit<BhLineChart, keyof BhLineChartAttributes> & { [K in keyof BhLineChart & keyof BhLineChartAttributes]?: BhLineChart[K] } & { [K in keyof BhLineChart & keyof BhLineChartAttributes as `attr:${K}`]?: BhLineChartAttributes[K] } & { [K in keyof BhLineChart & keyof BhLineChartAttributes as `prop:${K}`]?: BhLineChart[K] };
         "bh-loader-spinner": Omit<BhLoaderSpinner, keyof BhLoaderSpinnerAttributes> & { [K in keyof BhLoaderSpinner & keyof BhLoaderSpinnerAttributes]?: BhLoaderSpinner[K] } & { [K in keyof BhLoaderSpinner & keyof BhLoaderSpinnerAttributes as `attr:${K}`]?: BhLoaderSpinnerAttributes[K] } & { [K in keyof BhLoaderSpinner & keyof BhLoaderSpinnerAttributes as `prop:${K}`]?: BhLoaderSpinner[K] };
@@ -18224,6 +18757,7 @@ declare namespace LocalJSX {
         "bh-month-picker-content": Omit<BhMonthPickerContent, keyof BhMonthPickerContentAttributes> & { [K in keyof BhMonthPickerContent & keyof BhMonthPickerContentAttributes]?: BhMonthPickerContent[K] } & { [K in keyof BhMonthPickerContent & keyof BhMonthPickerContentAttributes as `attr:${K}`]?: BhMonthPickerContentAttributes[K] } & { [K in keyof BhMonthPickerContent & keyof BhMonthPickerContentAttributes as `prop:${K}`]?: BhMonthPickerContent[K] };
         "bh-multi-select": Omit<BhMultiSelect, keyof BhMultiSelectAttributes> & { [K in keyof BhMultiSelect & keyof BhMultiSelectAttributes]?: BhMultiSelect[K] } & { [K in keyof BhMultiSelect & keyof BhMultiSelectAttributes as `attr:${K}`]?: BhMultiSelectAttributes[K] } & { [K in keyof BhMultiSelect & keyof BhMultiSelectAttributes as `prop:${K}`]?: BhMultiSelect[K] };
         "bh-nav-item": Omit<BhNavItem, keyof BhNavItemAttributes> & { [K in keyof BhNavItem & keyof BhNavItemAttributes]?: BhNavItem[K] } & { [K in keyof BhNavItem & keyof BhNavItemAttributes as `attr:${K}`]?: BhNavItemAttributes[K] } & { [K in keyof BhNavItem & keyof BhNavItemAttributes as `prop:${K}`]?: BhNavItem[K] };
+        "bh-notification-center": Omit<BhNotificationCenter, keyof BhNotificationCenterAttributes> & { [K in keyof BhNotificationCenter & keyof BhNotificationCenterAttributes]?: BhNotificationCenter[K] } & { [K in keyof BhNotificationCenter & keyof BhNotificationCenterAttributes as `attr:${K}`]?: BhNotificationCenterAttributes[K] } & { [K in keyof BhNotificationCenter & keyof BhNotificationCenterAttributes as `prop:${K}`]?: BhNotificationCenter[K] };
         "bh-page-header": Omit<BhPageHeader, keyof BhPageHeaderAttributes> & { [K in keyof BhPageHeader & keyof BhPageHeaderAttributes]?: BhPageHeader[K] } & { [K in keyof BhPageHeader & keyof BhPageHeaderAttributes as `attr:${K}`]?: BhPageHeaderAttributes[K] } & { [K in keyof BhPageHeader & keyof BhPageHeaderAttributes as `prop:${K}`]?: BhPageHeader[K] };
         "bh-page-navigation": Omit<BhPageNavigation, keyof BhPageNavigationAttributes> & { [K in keyof BhPageNavigation & keyof BhPageNavigationAttributes]?: BhPageNavigation[K] } & { [K in keyof BhPageNavigation & keyof BhPageNavigationAttributes as `attr:${K}`]?: BhPageNavigationAttributes[K] } & { [K in keyof BhPageNavigation & keyof BhPageNavigationAttributes as `prop:${K}`]?: BhPageNavigation[K] };
         "bh-page-navigation-child": Omit<BhPageNavigationChild, keyof BhPageNavigationChildAttributes> & { [K in keyof BhPageNavigationChild & keyof BhPageNavigationChildAttributes]?: BhPageNavigationChild[K] } & { [K in keyof BhPageNavigationChild & keyof BhPageNavigationChildAttributes as `attr:${K}`]?: BhPageNavigationChildAttributes[K] } & { [K in keyof BhPageNavigationChild & keyof BhPageNavigationChildAttributes as `prop:${K}`]?: BhPageNavigationChild[K] } & OneOf<"label", BhPageNavigationChild["label"], BhPageNavigationChildAttributes["label"]>;
@@ -18302,6 +18836,7 @@ declare module "@stencil/core" {
             "bh-checkbox": LocalJSX.IntrinsicElements["bh-checkbox"] & JSXBase.HTMLAttributes<HTMLBhCheckboxElement>;
             "bh-checklist-task-group": LocalJSX.IntrinsicElements["bh-checklist-task-group"] & JSXBase.HTMLAttributes<HTMLBhChecklistTaskGroupElement>;
             "bh-close-button": LocalJSX.IntrinsicElements["bh-close-button"] & JSXBase.HTMLAttributes<HTMLBhCloseButtonElement>;
+            "bh-command-bar": LocalJSX.IntrinsicElements["bh-command-bar"] & JSXBase.HTMLAttributes<HTMLBhCommandBarElement>;
             "bh-container": LocalJSX.IntrinsicElements["bh-container"] & JSXBase.HTMLAttributes<HTMLBhContainerElement>;
             "bh-container-footer": LocalJSX.IntrinsicElements["bh-container-footer"] & JSXBase.HTMLAttributes<HTMLBhContainerFooterElement>;
             "bh-credit-card": LocalJSX.IntrinsicElements["bh-credit-card"] & JSXBase.HTMLAttributes<HTMLBhCreditCardElement>;
@@ -18363,6 +18898,7 @@ declare module "@stencil/core" {
             "bh-input-password": LocalJSX.IntrinsicElements["bh-input-password"] & JSXBase.HTMLAttributes<HTMLBhInputPasswordElement>;
             "bh-input-text": LocalJSX.IntrinsicElements["bh-input-text"] & JSXBase.HTMLAttributes<HTMLBhInputTextElement>;
             "bh-input-verification": LocalJSX.IntrinsicElements["bh-input-verification"] & JSXBase.HTMLAttributes<HTMLBhInputVerificationElement>;
+            "bh-kbd": LocalJSX.IntrinsicElements["bh-kbd"] & JSXBase.HTMLAttributes<HTMLBhKbdElement>;
             "bh-label": LocalJSX.IntrinsicElements["bh-label"] & JSXBase.HTMLAttributes<HTMLBhLabelElement>;
             "bh-line-chart": LocalJSX.IntrinsicElements["bh-line-chart"] & JSXBase.HTMLAttributes<HTMLBhLineChartElement>;
             "bh-loader-spinner": LocalJSX.IntrinsicElements["bh-loader-spinner"] & JSXBase.HTMLAttributes<HTMLBhLoaderSpinnerElement>;
@@ -18376,6 +18912,7 @@ declare module "@stencil/core" {
             "bh-month-picker-content": LocalJSX.IntrinsicElements["bh-month-picker-content"] & JSXBase.HTMLAttributes<HTMLBhMonthPickerContentElement>;
             "bh-multi-select": LocalJSX.IntrinsicElements["bh-multi-select"] & JSXBase.HTMLAttributes<HTMLBhMultiSelectElement>;
             "bh-nav-item": LocalJSX.IntrinsicElements["bh-nav-item"] & JSXBase.HTMLAttributes<HTMLBhNavItemElement>;
+            "bh-notification-center": LocalJSX.IntrinsicElements["bh-notification-center"] & JSXBase.HTMLAttributes<HTMLBhNotificationCenterElement>;
             "bh-page-header": LocalJSX.IntrinsicElements["bh-page-header"] & JSXBase.HTMLAttributes<HTMLBhPageHeaderElement>;
             "bh-page-navigation": LocalJSX.IntrinsicElements["bh-page-navigation"] & JSXBase.HTMLAttributes<HTMLBhPageNavigationElement>;
             "bh-page-navigation-child": LocalJSX.IntrinsicElements["bh-page-navigation-child"] & JSXBase.HTMLAttributes<HTMLBhPageNavigationChildElement>;