@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/hydrate/index.js

@@ -7368,6 +7368,114 @@ function generateUniqueId(prefix, length = 7) {
     return `${prefix}-${randomPart}`;
 }
 
+/**
+ * Shared hotkey vocabulary: one parser feeds both display (bh-kbd key
+ * caps) and matching (global shortcut listeners like bh-command-bar's).
+ */
+const KEY_LABELS = {
+    cmd: "⌘",
+    command: "⌘",
+    meta: "⌘",
+    shift: "⇧",
+    alt: "⌥",
+    option: "⌥",
+    ctrl: "Ctrl",
+    control: "Ctrl",
+    esc: "Esc",
+    escape: "Esc",
+    enter: "Enter",
+    return: "Enter",
+    tab: "Tab",
+    space: "Space",
+    backspace: "⌫",
+    delete: "⌦",
+    up: "↑",
+    down: "↓",
+    left: "←",
+    right: "→",
+};
+const MODIFIERS = new Set([
+    "cmd",
+    "command",
+    "meta",
+    "shift",
+    "alt",
+    "option",
+    "ctrl",
+    "control",
+]);
+const EVENT_KEY_ALIASES = {
+    esc: "escape",
+    return: "enter",
+    space: " ",
+    up: "arrowup",
+    down: "arrowdown",
+    left: "arrowleft",
+    right: "arrowright",
+};
+function splitHotkey(combo) {
+    return combo
+        .split("+")
+        .map((raw) => raw.trim())
+        .filter((raw) => raw.length > 0);
+}
+/** Display label for a single key token (used by bh-kbd). */
+function keyLabel(raw) {
+    const label = KEY_LABELS[raw.toLowerCase()];
+    if (label) {
+        return label;
+    }
+    return raw.length === 1 ? raw.toUpperCase() : raw;
+}
+function parseHotkey(combo) {
+    const parsed = {
+        meta: false,
+        ctrl: false,
+        alt: false,
+        shift: false,
+        key: "",
+    };
+    for (const token of splitHotkey(combo)) {
+        const lower = token.toLowerCase();
+        if (MODIFIERS.has(lower)) {
+            if (lower === "cmd" || lower === "command" || lower === "meta") {
+                parsed.meta = true;
+            }
+            else if (lower === "ctrl" || lower === "control") {
+                parsed.ctrl = true;
+            }
+            else if (lower === "alt" || lower === "option") {
+                parsed.alt = true;
+            }
+            else {
+                parsed.shift = true;
+            }
+        }
+        else {
+            parsed.key = EVENT_KEY_ALIASES[lower] ?? lower;
+        }
+    }
+    return parsed;
+}
+/**
+ * Whether a keyboard event matches a hotkey combo like "cmd+k".
+ * "cmd" matches metaKey OR ctrlKey so one combo serves macOS and
+ * Windows/Linux conventions.
+ */
+function matchesHotkey(event, combo) {
+    const parsed = parseHotkey(combo);
+    if (!parsed.key) {
+        return false;
+    }
+    const primaryOk = parsed.meta
+        ? event.metaKey || event.ctrlKey
+        : event.ctrlKey === parsed.ctrl;
+    return (primaryOk &&
+        event.altKey === parsed.alt &&
+        event.shiftKey === parsed.shift &&
+        event.key.toLowerCase() === parsed.key);
+}
+
 /**
  * Global i18n registry for Bellhop components.
  *
@@ -21234,7 +21342,7 @@ class BhAccordionItem {
             ...(this.disabled ? {} : focusClasses),
         };
         const iconName = this.expanded ? ICON_EXPANDED : ICON_COLLAPSED;
-        return (hAsync(Host, { key: 'e39eb35f75ced83a5a429f788b5455a4606b51ac', class: hostClasses }, hAsync("div", { key: 'f8c076e3a0c93e4b6eaf97597e41c3e14dc195a4', "aria-controls": `content-${this.value}`, "aria-disabled": this.disabled ? "true" : "false", "aria-expanded": this.expanded ? "true" : "false", class: headerClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), id: `header-${this.value}`, onBlur: this.handleBlur, onClick: this.handleHeaderClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "header", role: "button", tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: '0a43614cd1e6584193b9b15b64390284fc59b287', class: "accordion-header-content" }, hAsync("span", { key: 'f6e970201bf2f2aba5730e69b27819219d0cfcf1', class: "accordion-title", part: "title" }, this.header)), hAsync("span", { key: '55312fb63f34a69b183556137302e3394cf0d498', class: "accordion-icon material-symbols-outlined", part: "icon" }, iconName)), hAsync("div", { key: 'f4a9acc2db59b440e525c1506492e08a095a32ad', "aria-hidden": this.expanded ? "false" : "true", "aria-labelledby": `header-${this.value}`, class: "accordion-content", id: `content-${this.value}`, part: "content", role: "region" }, hAsync("div", { key: '9f5477ab57f2722d3a42828dbc4c79b0cde52f58', class: "accordion-content-inner" }, hAsync("slot", { key: 'c759c88374f904c2b3e75247c3cfa820ac997bd3' })))));
+        return (hAsync(Host, { key: 'd82a922b41f625b1248368c17a2110d21750fbc5', class: hostClasses }, hAsync("div", { key: '687ee90838c80ca143a8d09ad0fcde037cdf5c82', "aria-controls": `content-${this.value}`, "aria-disabled": this.disabled ? "true" : "false", "aria-expanded": this.expanded ? "true" : "false", class: headerClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), id: `header-${this.value}`, onBlur: this.handleBlur, onClick: this.handleHeaderClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "header", role: "button", tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: 'd49e9935d195158dc6650174ac026c085d7c89e4', class: "accordion-header-content" }, hAsync("span", { key: 'a001b08616eb0aee016872d245b90a2170ac9648', class: "accordion-title", part: "title" }, this.header)), hAsync("span", { key: '83904edf776736ecff2e9e2f100003ed900a4a25', class: "accordion-icon material-symbols-outlined", part: "icon" }, iconName)), hAsync("div", { key: '320ecef3a9c68f018814e7a452177add0d54b6b3', "aria-hidden": this.expanded ? "false" : "true", "aria-labelledby": `header-${this.value}`, class: "accordion-content", id: `content-${this.value}`, part: "content", role: "region" }, hAsync("div", { key: '64b99758e415308056f49dfc781da4b401161ff5', class: "accordion-content-inner" }, hAsync("slot", { key: 'e7d64ed9ad3d1d3be99e6eaa9b03136b90e63bd0' })))));
     }
     static get watchers() { return {
         "expanded": [{
@@ -21259,7 +21367,7 @@ class BhAccordionItem {
     }; }
 }
 
-const bhActivityFeedCss = () => `@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-activity-feed-bg:var(--color-bg-primary);--bh-activity-feed-border:var(--color-border-secondary);--bh-activity-feed-header-bg:var(--color-bg-primary);--bh-activity-feed-header-border:var(--color-border-secondary);--bh-activity-feed-divider-color:var(--color-border-secondary);--bh-activity-feed-heading-color:var(--color-text-primary);--bh-activity-feed-connector-color:var(--color-border-secondary);--bh-activity-feed-connector-width:2px}}@layer bh-base{.activity-feed{display:flex;flex-direction:column;background:var(--bh-activity-feed-bg);width:100%}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--bh-activity-feed-header-border);background:var(--bh-activity-feed-header-bg)}.activity-feed-header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.header-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md);color:var(--bh-activity-feed-heading-color)}.activity-feed-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-activity-feed-heading-color);margin:0}.activity-feed-list{display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-lg)}}@layer bh-variants{.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.activity-feed-divider-divider .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.activity-feed-divider-connector .activity-feed-list ::slotted(bh-feed-item){margin-bottom:0}.activity-feed-divider-none .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-xl)}.activity-feed-messages .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-2xl)}.activity-feed-with-header{border:1px solid var(--bh-activity-feed-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}}`;
+const bhActivityFeedCss = () => `@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-activity-feed-bg:var(--color-bg-primary);--bh-activity-feed-border:var(--color-border-secondary);--bh-activity-feed-header-bg:var(--color-bg-primary);--bh-activity-feed-header-border:var(--color-border-secondary);--bh-activity-feed-divider-color:var(--color-border-secondary);--bh-activity-feed-heading-color:var(--color-text-primary);--bh-activity-feed-connector-color:var(--color-border-secondary);--bh-activity-feed-connector-width:2px}}@layer bh-base{.activity-feed{display:flex;flex-direction:column;background:var(--bh-activity-feed-bg);width:100%}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--bh-activity-feed-header-border);background:var(--bh-activity-feed-header-bg)}.activity-feed-header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.header-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md);color:var(--bh-activity-feed-heading-color)}.activity-feed-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-activity-feed-heading-color);margin:0}.activity-feed-list{display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-lg)}}@layer bh-variants{.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.activity-feed-flush .activity-feed-list{padding:0}.activity-feed-flush.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){padding-bottom:0;margin-bottom:0}.activity-feed-divider-divider .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.activity-feed-divider-connector .activity-feed-list ::slotted(bh-feed-item){margin-bottom:0}.activity-feed-divider-none .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-xl)}.activity-feed-messages .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-2xl)}.activity-feed-with-header{border:1px solid var(--bh-activity-feed-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}}`;
 
 const COMPONENT_NAME$s = "bh-activity-feed";
 class BhActivityFeed {
@@ -21282,6 +21390,12 @@ class BhActivityFeed {
     headerIcon = "";
     /** Maximum height for the scrollable feed area (CSS value, e.g. "400px") */
     maxHeight = "";
+    /**
+     * 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.
+     */
+    flush = false;
     /** Accessible label for the close button. Allows i18n. */
     closeAriaLabel = "Close";
     /** Emitted when the close button is clicked */
@@ -21312,12 +21426,13 @@ class BhActivityFeed {
     }
     render() {
         const feedStyle = this.maxHeight ? { "max-height": this.maxHeight } : {};
-        return (hAsync(Host, { key: '846268b616eeeda0ffafaa8e6c16f72eb682f114' }, hAsync("div", { key: 'ac571040a2529dd7d744355cbfbdb86a73c3f5d4', class: {
+        return (hAsync(Host, { key: '0a631e358bb25ec3d4a21d8b6cc2d86c91a0dca4' }, hAsync("div", { key: '9e5eddafb5bd043acfdf54af7bd6dbeb4569d961', class: {
                 "activity-feed": true,
                 [`activity-feed-${this.type}`]: true,
                 [`activity-feed-divider-${this.divider}`]: true,
                 "activity-feed-with-header": this.showHeader,
-            }, part: "container" }, this.renderHeader(), hAsync("div", { key: 'a7e833554cd220e19e8d6591e772fa5ecd25997d', "aria-label": this.heading || "Activity feed", class: "activity-feed-list", part: "list", role: "feed", style: feedStyle }, hAsync("slot", { key: '336a53cb4a65e3ea330aa60fbf527991a458410d' })))));
+                "activity-feed-flush": this.flush,
+            }, part: "container" }, this.renderHeader(), hAsync("div", { key: '6647af1dce5d657c05bd8dce423842d690426275', "aria-label": this.heading || "Activity feed", class: "activity-feed-list", part: "list", role: "feed", style: feedStyle }, hAsync("slot", { key: '65cf6330ac0cfb361145d0c28396f2d5cfb739cc' })))));
     }
     static get style() { return bhActivityFeedCss(); }
     static get cmpMeta() { return {
@@ -21330,12 +21445,13 @@ class BhActivityFeed {
             "heading": [1],
             "headerIcon": [1, "header-icon"],
             "maxHeight": [1, "max-height"],
+            "flush": [516],
             "closeAriaLabel": [1, "close-aria-label"],
             "_i18nVersion": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["type", "type"], ["divider", "divider"]]
+        "$attrsToReflect$": [["type", "type"], ["divider", "divider"], ["flush", "flush"]]
     }; }
 }
 
@@ -21506,7 +21622,7 @@ class BhAlert {
     }; }
 }
 
-const bhAppbarCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {          --bh-appbar-bg: var(--color-bg-primary);     --bh-appbar-border-color: var(--color-border-secondary);     --bh-appbar-logo-color: var(--color-text-interactive);   } } @layer bh-base {   .appbar {     display: flex;     align-items: center;     justify-content: space-between;     height: var(--bh-avatar-size-xl);     padding: 0 var(--spacing-sm);     background-color: var(--bh-appbar-bg);     border-bottom: 1px solid var(--bh-appbar-border-color);     font-family: var(--font-inter);     position: sticky;     top: 0;     z-index: var(--bh-z-index-fixed);     box-sizing: border-box;     user-select: none;   }      .left-section {     display: flex;     align-items: center;     gap: var(--spacing-xl);     flex-shrink: 0;   }   .logo {     display: flex;     align-items: center;     justify-content: center;     width: var(--spacing-5xl);     height: var(--spacing-5xl);     color: var(--bh-appbar-logo-color);   }   .logo-image {     width: var(--icon-size-3xl);     height: var(--icon-size-3xl);     object-fit: contain;   }      .right-section {     display: flex;     align-items: center;     gap: var(--spacing-md);     flex-shrink: 0;   }   ::slotted([slot=actions]) {     display: flex;     align-items: center;     gap: var(--spacing-md);   }   .icon-button-wrapper {     position: relative;   }   .icon-badge-dot {     position: absolute;     top: calc(-1 * var(--spacing-md));     right: var(--spacing-xxs);   } } @layer bh-utilities {      @media (max-width: 768px) {     .appbar {       padding: 0 var(--spacing-xl);     }     .left-section {       gap: var(--spacing-lg);     }   }   @media (max-width: 480px) {     .appbar {       padding: 0 var(--spacing-lg);     }     .right-section {       gap: var(--spacing-xs);     }   } }`;
+const bhAppbarCss = () => `@charset "UTF-8"; @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {          --bh-appbar-bg: var(--color-bg-primary);     --bh-appbar-border-color: var(--color-border-secondary);     --bh-appbar-logo-color: var(--color-text-interactive);   } } @layer bh-base {   .appbar {     display: flex;     align-items: center;     justify-content: space-between;     height: var(--bh-avatar-size-xl);          padding: 0 var(--spacing-xl) 0 var(--spacing-sm);     background-color: var(--bh-appbar-bg);     border-bottom: 1px solid var(--bh-appbar-border-color);     font-family: var(--font-inter);     position: sticky;     top: 0;     z-index: var(--bh-z-index-fixed);     box-sizing: border-box;     user-select: none;   }      .left-section {     display: flex;     align-items: center;     gap: var(--spacing-xl);     flex-shrink: 0;   }   .logo {     display: flex;     align-items: center;     justify-content: center;     width: var(--spacing-5xl);     height: var(--spacing-5xl);     color: var(--bh-appbar-logo-color);   }   .logo-image {     width: var(--icon-size-3xl);     height: var(--icon-size-3xl);     object-fit: contain;   }      .right-section {     display: flex;     align-items: center;     gap: var(--spacing-md);     flex-shrink: 0;   }   ::slotted([slot=actions]) {     display: flex;     align-items: center;     gap: var(--spacing-md);   }   .icon-button-wrapper {     position: relative;   }   .icon-badge-dot {     position: absolute;     top: calc(-1 * var(--spacing-md));     right: var(--spacing-xxs);   }      .icon-badge-count {     position: absolute;     top: var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm)));     right: var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm)));     opacity: 0.8;     pointer-events: none;   }   .icon-badge-count:hover {     opacity: 1;   }      .sr-only {     position: absolute;     width: 1px;     height: 1px;     padding: 0;     margin: -1px;     overflow: hidden;     clip: rect(0, 0, 0, 0);     white-space: nowrap;     border: 0;   } } @layer bh-utilities {      @media (max-width: 768px) {     .appbar {       padding: 0 var(--spacing-xl);     }     .left-section {       gap: var(--spacing-lg);     }   }   @media (max-width: 480px) {     .appbar {       padding: 0 var(--spacing-lg);     }     .right-section {       gap: var(--spacing-xs);     }   } }`;
 
 class BhAppbar {
     constructor(hostRef) {
@@ -21554,6 +21670,42 @@ class BhAppbar {
      * Show the home icon in the breadcrumb trail
      */
     showBreadcrumbHome = true;
+    /**
+     * Show the built-in calendar action button
+     */
+    showCalendar = true;
+    /**
+     * Show the built-in settings action button
+     */
+    showSettings = true;
+    /**
+     * Show the built-in notifications action button
+     */
+    showNotifications = true;
+    /**
+     * Unread-notification indicator style: badge dot or count badge
+     */
+    notificationBadge = "dot";
+    /**
+     * 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;
+    /**
+     * Accessible label for the notifications button. Allows i18n.
+     */
+    notificationsAriaLabel = "Notifications";
+    /**
+     * Screen-reader announcement template when notifications exist.
+     * `{{count}}` is replaced with the notification count. Allows i18n.
+     */
+    notificationsAnnouncement = "{{count}} new notifications";
+    /**
+     * Screen-reader announcement when there are no notifications. Allows i18n.
+     */
+    noNotificationsAnnouncement = "No new notifications";
     /**
      * Event emitted when menu toggle is clicked
      */
@@ -21591,19 +21743,28 @@ class BhAppbar {
             this.bhItemClick.emit(item);
         }
     };
-    handleNotificationClick = () => { };
+    handleNotificationClick = () => {
+        this.bhAction.emit({ action: "notifications" });
+    };
     handleCalendarClick = () => {
         this.bhAction.emit({ action: "calendar" });
     };
-    handleSettingsClick = () => { };
+    handleSettingsClick = () => {
+        this.bhAction.emit({ action: "settings" });
+    };
+    notificationAnnouncement() {
+        if (this.notificationCount > 0) {
+            return resolveI18n("bh-appbar", "notificationsAnnouncement", this.notificationsAnnouncement, "{{count}} new notifications").replace("{{count}}", String(this.notificationCount));
+        }
+        return resolveI18n("bh-appbar", "noNotificationsAnnouncement", this.noNotificationsAnnouncement, "No new notifications");
+    }
     render() {
-        return (hAsync(Host, { key: '129e250eeb5361cf8792338de4440fe6982fcbdc' }, hAsync("header", { key: '9ebf5d95d4170a30cb6ec1bfd39e7571b4916e91', class: "appbar", part: "header", role: "banner" }, hAsync("div", { key: '72d6ad7a3ee8b00cc1e96cc9a9f7d904258270ef', class: "left-section", part: "left-section" }, hAsync("bh-button-icon", { key: '8ba7db5071f2df0726b9f7faa83a3f4c307c0f52', ariaLabel: this.isMenuOpen
+        return (hAsync(Host, { key: 'fae737fd6bd652262a50fe772c6d747665320bae' }, hAsync("header", { key: 'ee050d082b31aacfa3cfac28c41194ba542bbb10', class: "appbar", part: "header", role: "banner" }, hAsync("div", { key: 'de0b399c07780c4c3c1a80c3a2e51c5a38139bf9', class: "left-section", part: "left-section" }, hAsync("bh-button-icon", { key: 'e69b1989ac771ae1dfb17f608098be3163433593', ariaLabel: this.isMenuOpen
                 ? resolveI18n("bh-appbar", "closeMenuAriaLabel", this.closeMenuAriaLabel, "Close menu")
-                : resolveI18n("bh-appbar", "openMenuAriaLabel", this.openMenuAriaLabel, "Open menu"), hierarchy: "tertiary", iconName: this.isMenuOpen ? "left_panel_close" : "left_panel_open", onClick: this.handleMenuToggle, size: "sm" }), this.logoSrc && (hAsync("div", { key: '83365a303c79b7514715128750294c14144f404d', class: "logo" }, hAsync("img", { key: '2e30cd3618df5d61f91e9f892c23b2efe059c908', alt: resolveI18n("bh-appbar", "logoAlt", this.logoAlt, "Solstice"), class: "logo-image", src: this.logoSrc }))), hAsync("slot", { key: 'db5d6f272860d9a45188a107fb4e95b15dc35390', name: "property-switcher" }), hAsync("bh-breadcrumbs", { key: 'e559c3f690ff6a029e6015de7ee4fa79bfa0c1b3', items: this.breadcrumbItems, onBhItemClick: (e) => this.handleBreadcrumbClick(e.detail), showHome: this.showBreadcrumbHome })), hAsync("div", { key: '9f270400a3b727988ce8d23416c9939416d7d7a5', class: "right-section", part: "right-section" }, hAsync("slot", { key: 'df4dec79ef5b1655b4da122c0202558b3531be1e', name: "actions" }), hAsync("div", { key: '7e5448f27626c00b9d4981c5d86249c68ff475e8', class: "icon-button-wrapper" }, hAsync("bh-button-icon", { key: '0bb109cecbdd1efb81bf996d272e7fc983f9174f', ariaLabel: "Calendar", hierarchy: "tertiary", iconName: "calendar_today", onClick: this.handleCalendarClick, size: "sm" }), hAsync("bh-badge-dot", { key: 'cbb6dc7208fa02e58cc557d6634def7632fbb2fb', class: "icon-badge-dot", color: "success", outline: true, size: "sm" })), hAsync("div", { key: '8597286d8e35d7798dc24eec41ff561ce5e1ae41', class: "icon-button-wrapper" }, hAsync("bh-button-icon", { key: '98284f1621d628733f1045089af4f5a9f99ab5da', ariaLabel: "Settings", hierarchy: "tertiary", iconName: "settings", onClick: this.handleSettingsClick, size: "sm" }), hAsync("bh-badge-dot", { key: '628812cf1cf5e3b68d2a838fad9e92a4feb11078', class: "icon-badge-dot", color: "blue", outline: true, size: "sm" })), hAsync("div", { key: '47df390313bce50ded59d413ebd4dc4b803cb94d', class: "icon-button-wrapper" }, hAsync("bh-button-icon", { key: 'b11cb886e8b77c5cbee7f10b72d38fe1aed1f2a1', ariaLabel: this.notificationCount > 0
-                ? `Notifications (${this.notificationCount} new)`
-                : "Notifications", hierarchy: "tertiary", iconName: "notifications", onClick: this.handleNotificationClick, size: "sm" }), this.notificationCount > 0 && (hAsync("bh-badge-dot", { key: 'deb97ba1ab11753c4e6fbaf2225f897c584c9ef2', class: "icon-badge-dot", color: "error", outline: true, size: "sm" }))), hAsync("div", { key: 'a05fa745aef53894339be58098729d3c82228314', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", part: "notification-live-region" }, this.notificationCount > 0
-            ? `${this.notificationCount} new notification${this.notificationCount === 1 ? "" : "s"}`
-            : "No new notifications")))));
+                : resolveI18n("bh-appbar", "openMenuAriaLabel", this.openMenuAriaLabel, "Open menu"), hierarchy: "tertiary", iconName: this.isMenuOpen ? "left_panel_close" : "left_panel_open", onClick: this.handleMenuToggle, size: "sm" }), this.logoSrc && (hAsync("div", { key: 'a7128b21be6c890bdff308af74b3c9f5b34d1ac3', class: "logo" }, hAsync("img", { key: '5553c2777fe290ae08c24b34df5833451da95dd1', alt: resolveI18n("bh-appbar", "logoAlt", this.logoAlt, "Solstice"), class: "logo-image", src: this.logoSrc }))), hAsync("slot", { key: '0d5e2b11736ccbe69ccafc1db6cb0db608b00d98', name: "property-switcher" }), hAsync("slot", { key: '035ec16e4dd285cd415b2018048b983178daf104', name: "breadcrumb" }, hAsync("bh-breadcrumbs", { key: '2544b67f1cc428a097ee9bfbcf98d2bdc1135048', items: this.breadcrumbItems, onBhItemClick: (e) => this.handleBreadcrumbClick(e.detail), showHome: this.showBreadcrumbHome }))), hAsync("div", { key: '13f1b1304a2779d82e1913149400ac6910261c39', class: "right-section", part: "right-section" }, hAsync("slot", { key: 'bcd44a315dbf486913727354368bf5896321bab3', name: "actions" }), this.showCalendar && (hAsync("slot", { key: 'd81f877985b0a33b9b0c60f62c9e868b27f48bde', name: "calendar-action" }, hAsync("div", { key: '97fbe4205b82f386458ee0fd6bca33df706e4041', class: "icon-button-wrapper" }, hAsync("bh-button-icon", { key: '20ebeb4cc3dab4830cb09887fe6822279eae906b', ariaLabel: "Calendar", hierarchy: "tertiary", iconName: "calendar_today", onClick: this.handleCalendarClick, size: "sm" }), hAsync("bh-badge-dot", { key: '444fe1c20f8686c9150e749e580ef5ef947924d1', class: "icon-badge-dot", color: "success", outline: true, size: "sm" })))), this.showSettings && (hAsync("slot", { key: '06cacd66349b11b634b6b50a6f234cd3981ce205', name: "settings-action" }, hAsync("div", { key: '31fcabb84e93e329fbd336fa5b29e29d1fa215d8', class: "icon-button-wrapper" }, hAsync("bh-button-icon", { key: '469baf5832cfb5ec12843e02900f527f251009ea', ariaLabel: "Settings", hierarchy: "tertiary", iconName: "settings", onClick: this.handleSettingsClick, size: "sm" }), hAsync("bh-badge-dot", { key: 'df04da757acdf33d55c002034e12305e3a5a23e3', class: "icon-badge-dot", color: "blue", outline: true, size: "sm" })))), this.showNotifications && this.notifications !== undefined && (hAsync("slot", { key: '1661133fd56ca74fdf2b4ae59d0f6e34da93633e', name: "notifications-action" }, hAsync("bh-notification-center", { key: '8159626a0ed74847d263ec66e5257ffc7d39c485', notifications: this.notifications }))), this.showNotifications && this.notifications === undefined && (hAsync("slot", { key: '67a6e116a630d36bec72585c157291f4b80a3359', name: "notifications-action" }, hAsync("div", { key: 'b67fe03724f8325b891fcc057a6d68107cbef300', class: "icon-button-wrapper" }, hAsync("bh-button-icon", { key: '271b3fe7ce69a0b94228428521b2f5f52f33a443', ariaLabel: this.notificationCount > 0
+                ? `${resolveI18n("bh-appbar", "notificationsAriaLabel", this.notificationsAriaLabel, "Notifications")} (${this.notificationCount})`
+                : resolveI18n("bh-appbar", "notificationsAriaLabel", this.notificationsAriaLabel, "Notifications"), hierarchy: "tertiary", iconName: "notifications", onClick: this.handleNotificationClick, size: "sm" }), this.notificationCount > 0 &&
+            (this.notificationBadge === "count" ? (hAsync("bh-badge", { class: "icon-badge-count", emphasis: "high", label: String(this.notificationCount), size: "sm", variant: "error" })) : (hAsync("bh-badge-dot", { class: "icon-badge-dot", color: "error", outline: true, size: "sm" })))))), this.notifications === undefined && (hAsync("div", { key: '3cb9d0a8bd66dddb418daa407a524e741fe79ba0', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", part: "notification-live-region" }, this.notificationAnnouncement()))))));
     }
     static get style() { return bhAppbarCss(); }
     static get cmpMeta() { return {
@@ -21618,6 +21779,14 @@ class BhAppbar {
             "breadcrumbItems": [16],
             "notificationCount": [2, "notification-count"],
             "showBreadcrumbHome": [4, "show-breadcrumb-home"],
+            "showCalendar": [4, "show-calendar"],
+            "showSettings": [4, "show-settings"],
+            "showNotifications": [4, "show-notifications"],
+            "notificationBadge": [1, "notification-badge"],
+            "notifications": [1],
+            "notificationsAriaLabel": [1, "notifications-aria-label"],
+            "notificationsAnnouncement": [1, "notifications-announcement"],
+            "noNotificationsAnnouncement": [1, "no-notifications-announcement"],
             "_i18nVersion": [32]
         },
         "$listeners$": undefined,
@@ -21800,7 +21969,7 @@ class BhAutocompleteMenu {
     }; }
 }
 
-const bhAvatarCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-avatar-bg:var(--color-bg-secondary);--bh-avatar-border-color:var(--color-border-primary);--bh-avatar-text-color:var(--color-text-secondary);--bh-avatar-placeholder-color:var(--color-text-disabled);--bh-avatar-status-online-color:var(--color-text-success);--bh-avatar-status-offline-color:var(--color-text-disabled);--bh-avatar-status-border-color:var(--color-bg-primary)}}@layer bh-base{.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bh-avatar-bg);flex-shrink:0}.avatar-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none}.avatar-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;z-index:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1/1}.avatar-placeholder-icon{color:var(--bh-avatar-placeholder-color);line-height:1;display:flex;align-items:center;justify-content:center}.avatar-text{color:var(--bh-avatar-text-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);text-align:center;line-height:1}}@layer bh-variants{.avatar-xxs{width:var(--bh-avatar-size-xxs);height:var(--bh-avatar-size-xxs)}.avatar-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-xs .avatar-border,.avatar-sm .avatar-border{border:0.5px solid var(--bh-avatar-border-color)}.avatar-md .avatar-border,.avatar-lg .avatar-border,.avatar-xl .avatar-border,.avatar-2xl .avatar-border{border:0.75px solid var(--bh-avatar-border-color)}.text-xxs{font-size:var(--bh-avatar-text-xxs);line-height:1.6em}.text-xs{font-size:var(--bh-avatar-text-xs);line-height:1.5em}.text-sm{font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.text-md{font-size:var(--text-md-size);line-height:var(--line-height-normal)}.text-lg{font-size:var(--bh-avatar-text-lg);line-height:1.56em}.text-xl{font-size:var(--bh-avatar-text-xl);line-height:1.5em}.text-2xl{font-size:var(--bh-avatar-text-2xl);line-height:1.33em}.icon-sm{font-size:var(--icon-size-sm)}.icon-md{font-size:var(--icon-size-md)}.icon-lg{font-size:var(--icon-size-lg)}.icon-xl{font-size:var(--icon-size-xl)}.icon-2xl{font-size:var(--icon-size-2xl)}.icon-3xl{font-size:var(--icon-size-3xl)}.icon-4xl{font-size:var(--icon-size-4xl)}}@layer bh-states{.avatar-interactive{cursor:pointer;transition:box-shadow var(--animation-duration-normal) ease, transform 0.1s ease}.avatar-interactive:focus{outline:none}.avatar-interactive:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-focused{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-interactive.avatar-hovered:not(.avatar-disabled){transform:scale(1.05)}.avatar-disabled{cursor:not-allowed;opacity:0.5}.avatar-status{position:absolute;border-radius:50%;background-color:var(--bh-avatar-status-online-color);border:1.5px solid var(--bh-avatar-status-border-color);z-index:2}.avatar-status-online{background-color:var(--bh-avatar-status-online-color)}.avatar-status-offline{background-color:var(--bh-avatar-status-offline-color)}.avatar-status-xxs{width:var(--bh-avatar-status-size-xxs);height:var(--bh-avatar-status-size-xxs);bottom:0;right:0}.avatar-status-xs{width:var(--bh-avatar-status-size-xs);height:var(--bh-avatar-status-size-xs);bottom:0;right:0}.avatar-status-sm{width:var(--bh-avatar-status-size-sm);height:var(--bh-avatar-status-size-sm);bottom:0;right:0}.avatar-status-md{width:var(--bh-avatar-status-size-md);height:var(--bh-avatar-status-size-md);bottom:0;right:0}.avatar-status-lg{width:var(--bh-avatar-status-size-lg);height:var(--bh-avatar-status-size-lg);bottom:0;right:0}.avatar-status-xl{width:var(--bh-avatar-status-size-xl);height:var(--bh-avatar-status-size-xl);bottom:0;right:0}.avatar-status-2xl{width:var(--bh-avatar-status-size-2xl);height:var(--bh-avatar-status-size-2xl);bottom:0;right:0}}`;
+const bhAvatarCss = () => `@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-avatar-bg:var(--color-bg-secondary);--bh-avatar-border-color:var(--color-border-primary);--bh-avatar-text-color:var(--color-text-secondary);--bh-avatar-placeholder-color:var(--color-text-disabled);--bh-avatar-status-online-color:var(--color-text-success);--bh-avatar-status-offline-color:var(--color-text-disabled);--bh-avatar-status-border-color:var(--color-bg-primary)}}@layer bh-base{.avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bh-avatar-bg);flex-shrink:0}.avatar-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none}.avatar-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;z-index:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1/1}.avatar-placeholder-icon{color:var(--bh-avatar-placeholder-color);line-height:1;display:flex;align-items:center;justify-content:center}.avatar-text{color:var(--bh-avatar-text-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);text-align:center;line-height:1}}@layer bh-variants{.avatar-xxs{width:var(--bh-avatar-size-xxs);height:var(--bh-avatar-size-xxs)}.avatar-xs{width:var(--bh-avatar-size-xs);height:var(--bh-avatar-size-xs)}.avatar-sm{width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.avatar-md{width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.avatar-lg{width:var(--bh-avatar-size-lg);height:var(--bh-avatar-size-lg)}.avatar-xl{width:var(--bh-avatar-size-xl);height:var(--bh-avatar-size-xl)}.avatar-2xl{width:var(--bh-avatar-size-2xl);height:var(--bh-avatar-size-2xl)}.avatar-xs .avatar-border,.avatar-sm .avatar-border{border:0.5px solid var(--bh-avatar-border-color)}.avatar-md .avatar-border,.avatar-lg .avatar-border,.avatar-xl .avatar-border,.avatar-2xl .avatar-border{border:0.75px solid var(--bh-avatar-border-color)}.text-xxs{font-size:var(--bh-avatar-text-xxs);line-height:1.6em}.text-xs{font-size:var(--bh-avatar-text-xs);line-height:1.5em}.text-sm{font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.text-md{font-size:var(--text-md-size);line-height:var(--line-height-normal)}.text-lg{font-size:var(--bh-avatar-text-lg);line-height:1.56em}.text-xl{font-size:var(--bh-avatar-text-xl);line-height:1.5em}.text-2xl{font-size:var(--bh-avatar-text-2xl);line-height:1.33em}.icon-sm{font-size:var(--icon-size-sm)}.icon-md{font-size:var(--icon-size-md)}.icon-lg{font-size:var(--icon-size-lg)}.icon-xl{font-size:var(--icon-size-xl)}.icon-2xl{font-size:var(--icon-size-2xl)}.icon-3xl{font-size:var(--icon-size-3xl)}.icon-4xl{font-size:var(--icon-size-4xl)}}@layer bh-states{.avatar-interactive{cursor:pointer;transition:box-shadow var(--animation-duration-normal) ease, transform 0.1s ease}.avatar-interactive:focus{outline:none}.avatar-interactive:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-focused{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.avatar-interactive.avatar-hovered:not(.avatar-disabled){transform:scale(1.05)}.avatar-disabled{cursor:not-allowed;opacity:0.5}.avatar-status{position:absolute;border-radius:50%;background-color:var(--bh-avatar-status-online-color);border:1.5px solid var(--bh-avatar-status-border-color);z-index:2}.avatar-status-online{background-color:var(--bh-avatar-status-online-color)}.avatar-status-offline{background-color:var(--bh-avatar-status-offline-color)}.avatar-status-xxs{width:var(--bh-avatar-status-size-xxs);height:var(--bh-avatar-status-size-xxs);bottom:0;right:0}.avatar-status-xs{width:var(--bh-avatar-status-size-xs);height:var(--bh-avatar-status-size-xs);bottom:0;right:0}.avatar-status-sm{width:var(--bh-avatar-status-size-sm);height:var(--bh-avatar-status-size-sm);bottom:0;right:0}.avatar-status-md{width:var(--bh-avatar-status-size-md);height:var(--bh-avatar-status-size-md);bottom:0;right:0}.avatar-status-lg{width:var(--bh-avatar-status-size-lg);height:var(--bh-avatar-status-size-lg);bottom:0;right:0}.avatar-status-xl{width:var(--bh-avatar-status-size-xl);height:var(--bh-avatar-status-size-xl);bottom:0;right:0}.avatar-status-2xl{width:var(--bh-avatar-status-size-2xl);height:var(--bh-avatar-status-size-2xl);bottom:0;right:0}}`;
 
 /** Maps avatar size to text CSS class */
 const TEXT_SIZE_MAP = new Map([
@@ -21962,9 +22131,9 @@ class BhAvatar {
                 offline: this.status === "offline",
             },
         });
-        return (hAsync(Host, { key: 'd2236acc392bf414f5ae7223dcb3c763f40ac500' }, hAsync("div", { key: '811e3ac5bd62a9ddf8aa0e3859e574af641f088c', "aria-disabled": this.interactive && this.disabled ? "true" : undefined, "aria-expanded": this.interactive && this.hasPopup
+        return (hAsync(Host, { key: 'bce13fcc8525b9f59594fb42bee6f558e3136c6e' }, hAsync("div", { key: '8ef438c16d8d4ad9eb891520c3eb9d789ef12292', "aria-disabled": this.interactive && this.disabled ? "true" : undefined, "aria-expanded": this.interactive && this.hasPopup
                 ? String(this.expanded)
-                : undefined, "aria-haspopup": this.interactive && this.hasPopup ? "true" : undefined, "aria-label": resolvedAlt, class: avatarClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "avatar", role: this.interactive ? "button" : "img", tabIndex: this.interactive && !this.disabled ? 0 : undefined }, hAsync("div", { key: 'c22735a49156598682bdde66fd65eccfb781c4d9', class: "avatar-border", part: "border" }), hAsync("div", { key: 'e118a4f512f3972eedda87d3dffe0140523a8e31', class: "avatar-content", part: "content" }, this.variant === "image" && (hAsync("img", { key: '8dd1cf65cd859f1d82c1e7a3197c7d5f98833586', alt: resolvedAlt, class: "avatar-image", part: "image", src: this.imageSrc })), this.variant === "placeholder" && (hAsync("span", { key: 'dbabf72e3e8c8b2e10a12a6ba9a2e45591aa2512', class: `material-symbols-outlined avatar-placeholder-icon ${this.getIconSizeClass()}`, part: "placeholder-icon" }, "person")), this.variant === "text" && (hAsync("span", { key: '213d4f99c92e13a06fe7862b3c2dc5124b59c459', class: `avatar-text ${this.getTextSizeClass()}`, part: "text" }, this.text))), hasStatus && hAsync("div", { key: '8d3855ba4719a11e078b758f9d1c64a268381fb2', class: statusClasses, part: "status" }))));
+                : undefined, "aria-haspopup": this.interactive && this.hasPopup ? "true" : undefined, "aria-label": resolvedAlt, class: avatarClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "avatar", role: this.interactive ? "button" : "img", tabIndex: this.interactive && !this.disabled ? 0 : undefined }, hAsync("div", { key: '4728b822f9a8cefa8472bbc9b783437790a48500', class: "avatar-border", part: "border" }), hAsync("div", { key: '397d4e222f3a3926c074b12a13c865b33ce69390', class: "avatar-content", part: "content" }, this.variant === "image" && (hAsync("img", { key: '74da499c751fc5d80aba3f0c1a9f00153e57456e', alt: resolvedAlt, class: "avatar-image", part: "image", src: this.imageSrc })), this.variant === "placeholder" && (hAsync("span", { key: 'debf868bb69baa20abf28304038422c22c5730e4', class: `material-symbols-outlined avatar-placeholder-icon ${this.getIconSizeClass()}`, part: "placeholder-icon" }, "person")), this.variant === "text" && (hAsync("span", { key: '6380c21f54fba6c8c87ed240c4e30f8720a7c2a3', class: `avatar-text ${this.getTextSizeClass()}`, part: "text" }, this.text))), hasStatus && hAsync("div", { key: '47767ec350de25983eecac327195a365a2ad57ff', class: statusClasses, part: "status" }))));
     }
     static get style() { return bhAvatarCss(); }
     static get cmpMeta() { return {
@@ -22079,7 +22248,7 @@ class BhAvatarAdd {
         };
         const resolvedTooltip = resolveI18n("bh-avatar-add", "tooltipText", this.tooltipText, "Add user");
         const shouldShowTooltip = this.showTooltip && this.focusState.isHovered && !this.disabled;
-        return (hAsync("div", { key: 'd69aef7bc97ff66876380844622d519a517fbb92', "aria-disabled": this.disabled ? "true" : undefined, class: "avatar-add-container", "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, hAsync("button", { key: 'f1ee4a9bd34c0f74ab11ea54cc85d3a2ffa39808', "aria-label": resolvedTooltip, class: buttonClasses, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", type: "button" }, hAsync("span", { key: 'e16ef8889be348c6130b7cefed0dcc64e9364b82', class: "avatar-add-content", part: "content" }, hAsync("span", { key: '01f740fcc500c05b3dcc0828da9c08f03e644eaa', class: "material-symbols-outlined avatar-add-icon", part: "icon" }, "add"))), this.showTooltip && (hAsync("bh-tooltip", { key: '2d0f6dbd518ce4041f586bbcf78659b8cf18357c', placement: "bottom", text: resolvedTooltip, visible: shouldShowTooltip }))));
+        return (hAsync("div", { key: 'bce336b3645e8d130a24430571bbfee554d33323', "aria-disabled": this.disabled ? "true" : undefined, class: "avatar-add-container", "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, hAsync("button", { key: '76829e70788fe42c5b7f73b3654c36178b20c12e', "aria-label": resolvedTooltip, class: buttonClasses, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", type: "button" }, hAsync("span", { key: 'e28793543a5908553024a4a828829adbe8a9737c', class: "avatar-add-content", part: "content" }, hAsync("span", { key: '959ac30b33d0e34c447bf03d66a66036e3fb0e99', class: "material-symbols-outlined avatar-add-icon", part: "icon" }, "add"))), this.showTooltip && (hAsync("bh-tooltip", { key: 'd9a5c6a07456c45646c9383dc802c66fcec5cf82', placement: "bottom", text: resolvedTooltip, visible: shouldShowTooltip }))));
     }
     static get style() { return bhAvatarAddCss(); }
     static get cmpMeta() { return {
@@ -22223,7 +22392,7 @@ class BhAvatarStacked {
         const getStackedOffsetStyle = (hasItems) => ({
             marginLeft: hasItems ? `-${offset}px` : "0",
         });
-        return (hAsync(Host, { key: '08bb9a49ab66e5b68e47bf6688f0439cca23e190' }, hAsync("div", { key: 'f3acd48e5418056948837dc1c880ff165bacae58', class: `avatar-stacked avatar-stacked-${this.size}`, part: "container" }, visibleAvatars.map((avatar, index) => (hAsync("div", { class: "avatar-item", key: `avatar-${index}`, onMouseEnter: () => this.handleAvatarMouseEnter(index), onMouseLeave: this.handleAvatarMouseLeave, style: getOffsetStyle(index) }, hAsync("bh-avatar", { alt: avatar.text || "Avatar", imageSrc: avatar.imageSrc, size: this.size, text: avatar.text || "?", variant: this.mapAvatarType(avatar.type) }), avatar.tooltipText && (hAsync("bh-tooltip", { placement: "bottom", text: avatar.tooltipText, visible: this.hoveredIndex === index }))))), showCountAvatar && (hAsync("div", { key: 'b6874f94c2a0da629234a0a71bd0c4b71ee8f76b', class: "avatar-item", style: getStackedOffsetStyle(hasVisibleAvatars) }, hAsync("bh-avatar", { key: 'd543dc9697c69532ad992ed088f4f88831df914d', alt: `${remainingCount} more`, size: this.size, text: `+${remainingCount}`, variant: "text" }))), this.showAddButton && (hAsync("div", { key: '2d10dba155c5d0264117c72a2f367fd8a28f53e1', class: "avatar-item", onMouseEnter: this.handleAddButtonMouseEnter, onMouseLeave: this.handleAddButtonMouseLeave, style: getStackedOffsetStyle(hasVisibleAvatars || showCountAvatar) }, hAsync("bh-avatar-add", { key: '8171ba9affdb7e145cd710989b9e02dc8a832cb4', showTooltip: true, size: this.size, tooltipText: resolveI18n("bh-avatar-stacked", "addTooltipText", this.addTooltipText, "Add member") }))))));
+        return (hAsync(Host, { key: '362579a44a7aca27baf18bc48f0a74356f518a53' }, hAsync("div", { key: 'e71ce5bcb57961c1662b6d4c6fd6422ac0d4fa92', class: `avatar-stacked avatar-stacked-${this.size}`, part: "container" }, visibleAvatars.map((avatar, index) => (hAsync("div", { class: "avatar-item", key: `avatar-${index}`, onMouseEnter: () => this.handleAvatarMouseEnter(index), onMouseLeave: this.handleAvatarMouseLeave, style: getOffsetStyle(index) }, hAsync("bh-avatar", { alt: avatar.text || "Avatar", imageSrc: avatar.imageSrc, size: this.size, text: avatar.text || "?", variant: this.mapAvatarType(avatar.type) }), avatar.tooltipText && (hAsync("bh-tooltip", { placement: "bottom", text: avatar.tooltipText, visible: this.hoveredIndex === index }))))), showCountAvatar && (hAsync("div", { key: 'd5d1fea3392c84fa8eba0ef87db9e1da3221ad73', class: "avatar-item", style: getStackedOffsetStyle(hasVisibleAvatars) }, hAsync("bh-avatar", { key: '7df4ff15b80d56e56d504b9c4062d68e83dd1ab3', alt: `${remainingCount} more`, size: this.size, text: `+${remainingCount}`, variant: "text" }))), this.showAddButton && (hAsync("div", { key: '31e64a100a3ff8d86ceda5c3f884033d72d79495', class: "avatar-item", onMouseEnter: this.handleAddButtonMouseEnter, onMouseLeave: this.handleAddButtonMouseLeave, style: getStackedOffsetStyle(hasVisibleAvatars || showCountAvatar) }, hAsync("bh-avatar-add", { key: 'd01d98af39f2f648b10d8f7b61337d325ac9d976', showTooltip: true, size: this.size, tooltipText: resolveI18n("bh-avatar-stacked", "addTooltipText", this.addTooltipText, "Add member") }))))));
     }
     static get style() { return bhAvatarStackedCss(); }
     static get cmpMeta() { return {
@@ -22369,12 +22538,12 @@ class BhBadge {
         const iconColorClass = `badge-icon-${activeColor}-${this.emphasis}`;
         const isDot = this.icon === DOT_ICON_NAME;
         const hasIcon = Boolean(this.icon);
-        return (hAsync(Host, { key: '4816465d007d781d018920aad184dafc0822aae9' }, hAsync("span", { key: '1225a9ef5e63b37c1824dcff1d5f3d868ddb943d', "aria-disabled": this.disabled ? "true" : undefined, class: badgeClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "badge", role: "status", tabIndex: this.dismissible && !this.disabled ? 0 : -1 }, hasIcon && (hAsync("span", { key: 'b1a42b78154a97efed271fca43ac23b291d3899e', class: {
+        return (hAsync(Host, { key: '6110746e6cc85b6e623abd53dbeb1b1360485329' }, hAsync("span", { key: '1adae843f5065e81285130644690a76140501004', "aria-disabled": this.disabled ? "true" : undefined, class: badgeClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "badge", role: "status", tabIndex: this.dismissible && !this.disabled ? 0 : -1 }, hasIcon && (hAsync("span", { key: '71f8499d7b4a14d8dcbfe204243deb9ac5079238', class: {
                 "material-symbols-outlined": true,
                 [iconColorClass]: true,
                 "badge-icon-dot": isDot,
                 "badge-icon-custom": !isDot,
-            } }, isDot ? DOT_MATERIAL_SYMBOL : this.icon)), this.label && hAsync("span", { key: '0c78085ea38a7d5b9d17ae0990a741d0ac56bba3', class: "badge-label" }, this.label), this.dismissible && (hAsync("button", { key: '81a243d88637f1ed0d1f44afe75f426efe4fef13', "aria-label": resolveI18n("bh-badge", "dismissAriaLabel", undefined, "Dismiss"), class: "badge-dismiss", disabled: this.disabled, onClick: this.handleDismiss, part: "dismiss-button", type: "button" }, hAsync("span", { key: 'a1772ab6e505a24764f591207ff4a76c93c3fe9c', class: `material-symbols-outlined badge-dismiss-icon ${iconColorClass}` }, "close"))))));
+            } }, isDot ? DOT_MATERIAL_SYMBOL : this.icon)), this.label && hAsync("span", { key: '9a1cc6cf8d657aff65b0f08bc9e4c9a6e515a8dd', class: "badge-label" }, this.label), this.dismissible && (hAsync("button", { key: '4f6d182fa10dc21f862757c43bf3e39cafd5bbe7', "aria-label": resolveI18n("bh-badge", "dismissAriaLabel", undefined, "Dismiss"), class: "badge-dismiss", disabled: this.disabled, onClick: this.handleDismiss, part: "dismiss-button", type: "button" }, hAsync("span", { key: '5065a67791d6190446f4f55a0ab6f29f35bbccbc', class: `material-symbols-outlined badge-dismiss-icon ${iconColorClass}` }, "close"))))));
     }
     static get style() { return bhBadgeCss(); }
     static get cmpMeta() { return {
@@ -22431,7 +22600,7 @@ class BhBadgeDot {
             [`badge-dot-${this.color}`]: true,
             "badge-dot-outline": this.outline,
         };
-        return (hAsync(Host, { key: 'bc580fcf315d744555e9317fe23f8c989c2aaa56' }, hAsync("div", { key: '54a6330eb4ea0482613b2caac1356912f807809e', "aria-hidden": "true", class: dotClasses, part: "dot", role: "presentation" })));
+        return (hAsync(Host, { key: '358a84d2c1db399a89eac842afeb9de7f410a054' }, hAsync("div", { key: '07df236d30ee7e4ec222e8c009856a83147fe798', "aria-hidden": "true", class: dotClasses, part: "dot", role: "presentation" })));
     }
     static get style() { return bhBadgeDotCss(); }
     static get cmpMeta() { return {
@@ -22509,11 +22678,11 @@ class BhBanner {
     }
     render() {
         const hasMedia = !!this.imageSrc;
-        return (hAsync(Host, { key: '79fb5793d1b15cf28cb253d76a32e1b0c1901b43' }, hAsync("div", { key: '68317880f36540113c041b4a7988a0a1ba4bb905', "aria-label": this.heading || "Banner", class: {
+        return (hAsync(Host, { key: 'f61560c82138e3fccc2a3a9236f5235ecb1847b2' }, hAsync("div", { key: '8a8f37d7a59cbdb6e04f7a3d60d53a108ed63a79', "aria-label": this.heading || "Banner", class: {
                 banner: true,
                 [`banner-${this.variant}`]: true,
                 "banner-with-media": hasMedia,
-            }, part: "container", role: "region" }, hasMedia && this.renderMedia(), hAsync("div", { key: 'dcccc9223215d053378f386e9792090241df829a', class: "banner-content", part: "content" }, hAsync("div", { key: 'c359f940df031ceb027199b9078c2ec88c2e90be', class: "banner-body", part: "body" }, hAsync("div", { key: 'eadb47b277801f7f3d05d6d71bb90a4a99020ae7', class: "banner-text", part: "text" }, this.heading && (hAsync("h3", { key: '56b86b6844878d151ed69164b4c2ddc39ad6ec61', class: "banner-heading", part: "heading" }, this.heading)), this.description && (hAsync("p", { key: '274436012fbdb0f0b9ecf2f7e289b428f22e0309', class: "banner-description", part: "description" }, this.description))), hAsync("slot", { key: '7b619e0cfbf1326abd19ce703946ee192983b432' })), hAsync("div", { key: '19f6c33e74e8f380d3840974479a838b123f78fa', class: "banner-actions", onClick: this.handleActionClick, part: "actions" }, hAsync("slot", { key: 'c1f363a7f526006d21ed0d26dd134d623eb1583a', name: "actions" }))), this.showDismiss && (hAsync("bh-close-button", { key: '01736b1296b1938af470f5198a72a29a009b2c94', ariaLabel: resolveI18n("bh-banner", "dismissAriaLabel", this.dismissAriaLabel, "Dismiss banner"), onClick: this.handleDismiss })))));
+            }, part: "container", role: "region" }, hasMedia && this.renderMedia(), hAsync("div", { key: 'a5378ca0755d8fa23b940a4c8893590b139005db', class: "banner-content", part: "content" }, hAsync("div", { key: '943dfa074273d6de8ef68706c1c6305878fac47b', class: "banner-body", part: "body" }, hAsync("div", { key: 'c40d87d74a11df3b512e37476f968334cf733081', class: "banner-text", part: "text" }, this.heading && (hAsync("h3", { key: 'f251f4f656b2e75bd8ccfc13f707f73e40c60bd9', class: "banner-heading", part: "heading" }, this.heading)), this.description && (hAsync("p", { key: '322110ba3ab9c0c02bfbc4fcd4bae618c3cbbecb', class: "banner-description", part: "description" }, this.description))), hAsync("slot", { key: 'cfd8adc5a3a8f299cb95381910282ae111fcfba9' })), hAsync("div", { key: 'e62fd391857817eae156462efd7e07a4883944d6', class: "banner-actions", onClick: this.handleActionClick, part: "actions" }, hAsync("slot", { key: '48372d95fc2273890c42e80c9cf16489ca0727ad', name: "actions" }))), this.showDismiss && (hAsync("bh-close-button", { key: 'fa47fbe26e433dadc2d1d7523a1667686c93c41c', ariaLabel: resolveI18n("bh-banner", "dismissAriaLabel", this.dismissAriaLabel, "Dismiss banner"), onClick: this.handleDismiss })))));
     }
     static get style() { return bhBannerCss(); }
     static get cmpMeta() { return {
@@ -22797,7 +22966,7 @@ class BhBarChart {
     };
     render() {
         const processedData = this.processData();
-        return (hAsync(Host, { key: '4d0480d6140e744255e2335090cebc69042f29a6' }, hAsync("div", { key: '40b95ccf681d97b54f5376d74ba43205091ac55b', class: {
+        return (hAsync(Host, { key: '8b47527eb278b71ffbb786697e7f09fba39365e7' }, hAsync("div", { key: '26f988f02923c782f36eb4d6653a7a51fcbc91e2', class: {
                 "bar-chart": true,
                 [this.variant]: true,
                 [this.orientation]: true,
@@ -22808,7 +22977,7 @@ class BhBarChart {
             } })))))))) : (hAsync("div", { class: "horizontal-container" }, processedData.map((bar, i) => (hAsync("div", { class: "bar-row horizontal", key: i, onClick: (e) => this.handleColumnClick(e, bar, i), onMouseEnter: (e) => this.handleColumnHover(e, bar, i), onMouseLeave: (e) => this.handleColumnLeave(e, bar, i), onMouseMove: this.handleColumnMove }, bar.segments.map((segment, segIndex) => (hAsync("div", { class: "bar-segment horizontal", key: segIndex, style: {
                 width: `${(segment.value / bar.totalValue) * 100}%`,
                 backgroundColor: segment.color,
-            } }))))))))), hAsync("bh-chart-tooltip", { key: 'b980b600f61e671df3fd7ddf00d7eba799f7802a', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, showTotal: this.showTooltipTotal, total: this.tooltipTotal, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            } }))))))))), hAsync("bh-chart-tooltip", { key: 'fb810fcde8a557567f020d34d8ca6622330acb27', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, showTotal: this.showTooltipTotal, total: this.tooltipTotal, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
     static get style() { return bhBarChartCss(); }
     static get cmpMeta() { return {
@@ -22835,7 +23004,7 @@ class BhBarChart {
     }; }
 }
 
-const bhBreadcrumbsCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-breadcrumbs-color: var(--color-text-secondary);     --bh-breadcrumbs-color-hover: var(--color-text-primary);     --bh-breadcrumbs-bg-hover: var(--color-bg-secondary);     --bh-breadcrumbs-current-bg: var(--color-bg-secondary);     --bh-breadcrumbs-current-color: var(--color-text-primary);     --bh-breadcrumbs-separator-color: var(--color-border-primary);     --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive);   } } @layer bh-base {      .breadcrumbs {     font-family: var(--font-inter);     user-select: none;   }   .breadcrumbs-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     flex-wrap: wrap;   }   .breadcrumb-item {     display: flex;     align-items: center;   }      .breadcrumb-button {     display: flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     border-radius: var(--radius-sm);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     color: var(--bh-breadcrumbs-color);     text-decoration: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     min-height: var(--bh-breadcrumbs-min-height);     box-sizing: border-box;   }      .breadcrumb-text {     white-space: nowrap;     max-width: var(--bh-breadcrumbs-item-max-width);     overflow: hidden;     text-overflow: ellipsis;   }      .breadcrumb-icon {     flex-shrink: 0;     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);     color: var(--bh-breadcrumbs-color);   }      .breadcrumb-separator {     display: flex;     align-items: center;     color: var(--bh-breadcrumbs-separator-color);     font-size: var(--bh-breadcrumbs-icon-size);     flex-shrink: 0;   }   .breadcrumb-separator .material-symbols-outlined {     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);   }      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;     font-size: var(--icon-size-lg);   } } @layer bh-variants {      .breadcrumb-home {     padding: var(--spacing-xs);     min-width: var(--bh-breadcrumbs-min-height);     min-height: var(--bh-breadcrumbs-min-height);   }   .breadcrumb-home .breadcrumb-icon {     font-size: var(--text-lg-size);     width: var(--text-lg-size);     height: var(--text-lg-size);   }      .breadcrumb-current {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);     font-weight: var(--weight-medium);     cursor: default;   }      .breadcrumb-ellipsis {     color: var(--bh-breadcrumbs-color);     font-weight: var(--weight-medium);   } } @layer bh-states {   .breadcrumb-button:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   }   .breadcrumb-button:focus-visible {     outline: 2px solid var(--bh-breadcrumbs-focus-ring-color);     outline-offset: 2px;   }   .breadcrumb-current:hover {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);   }   .breadcrumb-ellipsis:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   } } @layer bh-utilities {      @media (max-width: 640px) {     .breadcrumb-text {       max-width: var(--bh-breadcrumbs-item-max-width-sm);     }     .breadcrumbs-container {       gap: var(--spacing-xxs);     }     .breadcrumb-button {       padding: var(--spacing-xxs) var(--spacing-xs);       font-size: var(--text-xs-size);     }   } }  .breadcrumb-dropdown {   position: relative;   display: inline-flex; }  .breadcrumb-dropdown-trigger {   display: inline-flex;   align-items: center;   gap: var(--spacing-xs); }  .breadcrumb-dropdown-chevron {   font-size: var(--icon-size-base);   color: var(--color-text-disabled);   transition: color var(--animation-duration-normal) ease; }  .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron {   color: var(--color-text-secondary); }  .breadcrumb-dropdown-menu {   position: absolute;   top: calc(100% + var(--spacing-xs));   left: 0;   z-index: var(--bh-z-index-dropdown);   min-width: 240px;   background: var(--color-surface-elevated);   border-radius: var(--radius-md);   box-shadow: var(--shadow-dropdown);   overflow: hidden;   box-sizing: border-box;   padding: var(--spacing-xs); }  .breadcrumb-dropdown-search {   display: flex;   align-items: center;   gap: var(--spacing-md);   padding: var(--spacing-md);   border-bottom: 1px solid var(--color-border-secondary);   margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-search input {   flex: 1;   min-width: 0;   border: none;   outline: none;   background: transparent;   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder {   color: var(--color-text-tertiary); }  .breadcrumb-dropdown-item {   display: flex;   align-items: center;   gap: var(--spacing-md);   width: 100%;   padding: var(--spacing-md);   border: none;   background: transparent;   border-radius: var(--radius-sm);   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary);   cursor: pointer;   text-align: left;   transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover {   background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected {   background: var(--color-neutral-200); }`;
+const bhBreadcrumbsCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-breadcrumbs-color: var(--color-text-secondary);     --bh-breadcrumbs-color-hover: var(--color-text-primary);     --bh-breadcrumbs-bg-hover: var(--color-bg-secondary);     --bh-breadcrumbs-current-bg: var(--color-bg-secondary);     --bh-breadcrumbs-current-color: var(--color-text-primary);     --bh-breadcrumbs-separator-color: var(--color-border-primary);     --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive);   } } @layer bh-base {      .breadcrumbs {     font-family: var(--font-inter);     user-select: none;   }   .breadcrumbs-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     flex-wrap: wrap;   }   .breadcrumb-item,   .breadcrumb-start,   .breadcrumb-slot-item {     display: flex;     align-items: center;   }      .breadcrumb-button {     display: flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     border-radius: var(--radius-sm);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     color: var(--bh-breadcrumbs-color);     text-decoration: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     min-height: var(--bh-breadcrumbs-min-height);     box-sizing: border-box;   }      .breadcrumb-text {     white-space: nowrap;     max-width: var(--bh-breadcrumbs-item-max-width);     overflow: hidden;     text-overflow: ellipsis;   }      .breadcrumb-icon {     flex-shrink: 0;     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);     color: var(--bh-breadcrumbs-color);   }      .breadcrumb-separator {     display: flex;     align-items: center;     color: var(--bh-breadcrumbs-separator-color);     font-size: var(--bh-breadcrumbs-icon-size);     flex-shrink: 0;   }   .breadcrumb-separator .material-symbols-outlined {     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);   }      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;     font-size: var(--icon-size-lg);   } } @layer bh-variants {      .breadcrumb-home {     padding: var(--spacing-xs);     min-width: var(--bh-breadcrumbs-min-height);     min-height: var(--bh-breadcrumbs-min-height);   }   .breadcrumb-home .breadcrumb-icon {     font-size: var(--text-lg-size);     width: var(--text-lg-size);     height: var(--text-lg-size);   }      .breadcrumb-current {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);     font-weight: var(--weight-medium);     cursor: default;   }      .breadcrumb-ellipsis {     color: var(--bh-breadcrumbs-color);     font-weight: var(--weight-medium);   } } @layer bh-states {   .breadcrumb-button:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   }   .breadcrumb-button:focus-visible {     outline: 2px solid var(--bh-breadcrumbs-focus-ring-color);     outline-offset: 2px;   }   .breadcrumb-current:hover {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);   }   .breadcrumb-ellipsis:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   } } @layer bh-utilities {      @media (max-width: 640px) {     .breadcrumb-text {       max-width: var(--bh-breadcrumbs-item-max-width-sm);     }     .breadcrumbs-container {       gap: var(--spacing-xxs);     }     .breadcrumb-button {       padding: var(--spacing-xxs) var(--spacing-xs);       font-size: var(--text-xs-size);     }   } }  .breadcrumb-dropdown {   position: relative;   display: inline-flex; }  .breadcrumb-dropdown-trigger {   display: inline-flex;   align-items: center;   gap: var(--spacing-xs); }  .breadcrumb-dropdown-chevron {   font-size: var(--icon-size-base);   color: var(--color-text-disabled);   transition: color var(--animation-duration-normal) ease; }  .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron {   color: var(--color-text-secondary); }  .breadcrumb-dropdown-menu {   position: absolute;   top: calc(100% + var(--spacing-xs));   left: 0;   z-index: var(--bh-z-index-dropdown);   min-width: 240px;   background: var(--color-surface-elevated);   border-radius: var(--radius-md);   box-shadow: var(--shadow-dropdown);   overflow: hidden;   box-sizing: border-box;   padding: var(--spacing-xs); }  .breadcrumb-dropdown-search {   display: flex;   align-items: center;   gap: var(--spacing-md);   padding: var(--spacing-md);   border-bottom: 1px solid var(--color-border-secondary);   margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-search input {   flex: 1;   min-width: 0;   border: none;   outline: none;   background: transparent;   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder {   color: var(--color-text-tertiary); }  .breadcrumb-dropdown-item {   display: flex;   align-items: center;   gap: var(--spacing-md);   width: 100%;   padding: var(--spacing-md);   border: none;   background: transparent;   border-radius: var(--radius-sm);   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary);   cursor: pointer;   text-align: left;   transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover {   background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected {   background: var(--color-neutral-200); }`;
 
 /** CSS selector for clickable breadcrumb buttons */
 const BREADCRUMB_BUTTON_SELECTOR = "button.breadcrumb-button:not(.breadcrumb-current)";
@@ -22892,6 +23061,7 @@ class BhBreadcrumbs {
      */
     bhChange;
     openDropdownIndex = null;
+    hasStartContent = false;
     dropdownQuery = "";
     /** Last-selected option id per item index, so selection sticks without a re-render from the consumer */
     dropdownSelections = {};
@@ -22943,6 +23113,10 @@ class BhBreadcrumbs {
             this.bhItemClick.emit(item);
         }
     }
+    handleStartSlotChange = (event) => {
+        const slot = event.target;
+        this.hasStartContent = slot.assignedElements().length > 0;
+    };
     handleHomeClick = () => {
         this.bhItemClick.emit(HOME_BREADCRUMB_ITEM);
     };
@@ -23015,6 +23189,9 @@ class BhBreadcrumbs {
             }, key: option.id, onClick: () => this.handleOptionSelect(item, option, index), role: "option", type: "button" }, option.icon && (hAsync("span", { class: "material-symbols-outlined" }, option.icon)), hAsync("span", null, option.label))))))));
     }
     renderBreadcrumbItem(item, index) {
+        if (item.slotName) {
+            return (hAsync("div", { class: "breadcrumb-slot-item", key: index, part: "slot-item" }, hAsync("slot", { name: item.slotName })));
+        }
         if (item.dropdown?.length) {
             return this.renderDropdownItem(item, index);
         }
@@ -23029,15 +23206,17 @@ class BhBreadcrumbs {
     render() {
         const { displayItems, showEllipsis, collapsedItems } = this.displayData;
         const overflowLabel = resolveI18n("bh-breadcrumbs", "overflowAriaLabelTemplate", this.overflowAriaLabelTemplate, "Show {{count}} hidden items").replace("{{count}}", String(collapsedItems.length));
-        return (hAsync("nav", { key: '56966b43b17d99a593dd49ad60fc0d58b8277e5d', "aria-label": resolveI18n("bh-breadcrumbs", "breadcrumbAriaLabel", this.breadcrumbAriaLabel, "Breadcrumb"), class: "breadcrumbs", onKeyDown: this.handleKeyDown, part: "nav" }, hAsync("div", { key: 'cc964e1c00640c648a920054a452e9cafe8a78db', class: "breadcrumbs-container", part: "container" }, this.showHome && (hAsync("div", { key: '30fa03d35c755a4a5a97b2bcc41b74acebba150f', class: "breadcrumb-item" }, hAsync("bh-button-icon", { key: 'b127f1a3870d256542e6ff8e152e34f1b1093d24', "aria-label": resolveI18n("bh-breadcrumbs", "homeAriaLabel", this.homeAriaLabel, "Home"), hierarchy: "tertiary", iconName: "cottage", onClick: this.handleHomeClick, size: "xs" }))), this.showHome &&
+        return (hAsync("nav", { key: 'd9cb90c45ee093c5c4e4866fd5a4bf8e8f27fdcc', "aria-label": resolveI18n("bh-breadcrumbs", "breadcrumbAriaLabel", this.breadcrumbAriaLabel, "Breadcrumb"), class: "breadcrumbs", onKeyDown: this.handleKeyDown, part: "nav" }, hAsync("div", { key: 'f2582eaf25b5c4c1875d4ad16775f1bc18856fdc', class: "breadcrumbs-container", part: "container" }, hAsync("div", { key: '13f2f7cdd0d62fd5e16916d84ec3bf61944ca77f', class: "breadcrumb-start", part: "start" }, hAsync("slot", { key: '7ff95646edddc588f1f67a5d3b2261d54bba97e0', name: "start", onSlotchange: this.handleStartSlotChange })), this.hasStartContent &&
+            (this.showHome || displayItems.length > 0 || showEllipsis) &&
+            this.renderSeparator(), this.showHome && (hAsync("div", { key: '3aac672d0d7b1f9452909736190fd7e8fc90d7ce', class: "breadcrumb-item" }, hAsync("bh-button-icon", { key: '9de5438731f689a95f12d02b1a4a92a54d4a7906', "aria-label": resolveI18n("bh-breadcrumbs", "homeAriaLabel", this.homeAriaLabel, "Home"), hierarchy: "tertiary", iconName: "cottage", onClick: this.handleHomeClick, size: "xs" }))), this.showHome &&
             (displayItems.length > 0 || showEllipsis) &&
-            this.renderSeparator(), showEllipsis && displayItems.length > 0 && (hAsync(Fragment$1, { key: '07b012c3b6434053f2d5f6749d9297ddc70fe361' }, hAsync("div", { key: 'eeba0b525ce5df68f869d7888840941837d02593', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), hAsync("div", { key: '8a1bf31016951cabc19a979c8fa8de91a57f36c5', class: "breadcrumb-item", part: "item" }, hAsync("button", { key: 'f61306ddeeb8bf9e8e6f5b47feb5ea95d3fe4948', "aria-label": overflowLabel, class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, onKeyDown: this.handleEllipsisKeyDown, part: "ellipsis-button", title: overflowLabel, type: "button" }, hAsync("span", { key: '0faf5dcd8c4e9ef2499fbd7910f1eb1772168d10', class: "breadcrumb-text", part: "text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index) => (hAsync(Fragment$1, null, hAsync("div", { class: "breadcrumb-item", key: `item-${index + 1}` }, this.renderBreadcrumbItem(item, index + 1)), index < displayItems.slice(1).length - 1 &&
+            this.renderSeparator(), showEllipsis && displayItems.length > 0 && (hAsync(Fragment$1, { key: 'c1653191bf2907dbd5d766670dfa40a814caaceb' }, hAsync("div", { key: '7a09f1af2b8251ad7a3bfd5a932cfe206047eba9', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), hAsync("div", { key: 'eb4bc8c0f62172df697fbe5c7fdd20d368a5e36f', class: "breadcrumb-item", part: "item" }, hAsync("button", { key: 'ffc550c65f950da959790794fe3c5a8a6e302096', "aria-label": overflowLabel, class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, onKeyDown: this.handleEllipsisKeyDown, part: "ellipsis-button", title: overflowLabel, type: "button" }, hAsync("span", { key: 'ad45203c999416f1d3e67092b042397c504c8dde', class: "breadcrumb-text", part: "text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index) => (hAsync(Fragment$1, null, hAsync("div", { class: "breadcrumb-item", key: `item-${index + 1}` }, this.renderBreadcrumbItem(item, index + 1)), index < displayItems.slice(1).length - 1 &&
             this.renderSeparator()))))), !showEllipsis &&
             displayItems.map((item, index) => (hAsync(Fragment$1, null, hAsync("div", { class: "breadcrumb-item", key: `item-${index}` }, this.renderBreadcrumbItem(item, index)), index < displayItems.length - 1 && this.renderSeparator()))))));
     }
     static get style() { return bhBreadcrumbsCss(); }
     static get cmpMeta() { return {
-        "$flags$": 521,
+        "$flags$": 777,
         "$tagName$": "bh-breadcrumbs",
         "$members$": {
             "items": [1],
@@ -23049,6 +23228,7 @@ class BhBreadcrumbs {
             "overflowAriaLabelTemplate": [1, "overflow-aria-label-template"],
             "_i18nVersion": [32],
             "openDropdownIndex": [32],
+            "hasStartContent": [32],
             "dropdownQuery": [32],
             "dropdownSelections": [32]
         },
@@ -23314,7 +23494,7 @@ class BhButton {
         const buttonClasses = mergeClasses(baseClasses, focusClasses, {
             [`btn-icon-${this.icon}`]: true,
         });
-        return (hAsync("button", { key: 'e8e6a016ae510192dc75f4cd3f21703962981cfe', "aria-atomic": "true", "aria-busy": ariaBusy(this.loading), "aria-describedby": this.describedBy, "aria-disabled": ariaDisabled(this.disabled), "aria-expanded": this.hasPopup ? ariaExpanded(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || undefined, "aria-live": "off", "aria-pressed": ariaPressed(this.toggle, this.pressed), "aria-roledescription": this.roleDescription, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlurEvent, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.buttonRole || (this.toggle ? "button" : undefined), tabindex: tabIndexForDisabled(this.disabled), type: this.type }, showLeadingIcon && (hAsync("span", { key: 'd3a03f70eee24d71988939ef1d72f4b6b39ed947', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, this.loading ? (hAsync("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (hAsync("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), hAsync("span", { key: '21d9fc3b16cb49ad0639cd4e03c02ffb160f599a', class: `btn-label ${this.getTextSizeClass()}`, part: "label" }, hAsync("slot", { key: '42e37cd8a5a1cc890cd2efeedfffdb87b749d428' }, this.label)), showTrailingIcon && (hAsync("span", { key: '3ce2b1626ae8276da70be34e63e2c3582e53a883', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, hAsync("span", { key: '45c2e8d25eae239d5a570da726455bda63c8fdb1', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
+        return (hAsync("button", { key: '4d51d6fa002703616c1772bc94821f050942227a', "aria-atomic": "true", "aria-busy": ariaBusy(this.loading), "aria-describedby": this.describedBy, "aria-disabled": ariaDisabled(this.disabled), "aria-expanded": this.hasPopup ? ariaExpanded(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || undefined, "aria-live": "off", "aria-pressed": ariaPressed(this.toggle, this.pressed), "aria-roledescription": this.roleDescription, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlurEvent, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.buttonRole || (this.toggle ? "button" : undefined), tabindex: tabIndexForDisabled(this.disabled), type: this.type }, showLeadingIcon && (hAsync("span", { key: 'a590f7ccd123ef9f1fdb1e603359e9daecc8980d', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, this.loading ? (hAsync("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (hAsync("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), hAsync("span", { key: '76a35460fca9bbe0b5718cddfa181bf918b91500', class: `btn-label ${this.getTextSizeClass()}`, part: "label" }, hAsync("slot", { key: '8a55cf75feb637e230020d2abaa1b75672302100' }, this.label)), showTrailingIcon && (hAsync("span", { key: '87246a5b2fb7e7338a01251e4564c98af0208af9', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, hAsync("span", { key: 'aac0889ad057a049eba0aa72ad35cf373e2c0048', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
     }
     static get style() { return bhButtonCss(); }
     static get cmpMeta() { return {
@@ -23499,7 +23679,7 @@ class BhButtonIcon {
             "button-icon-disabled": this.disabled,
             "button-icon-loading": this.loading,
         };
-        return (hAsync("button", { key: 'a568ffb31c8ee7c508e8f3330b1c4fa6691a1a76', "aria-busy": this.loading ? "true" : undefined, "aria-describedby": this.describedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.hasPopup ? String(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || this.iconName, "aria-pressed": this.toggle ? String(this.pressed) : undefined, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.toggle ? "button" : undefined, tabindex: this.disabled ? -1 : 0, type: this.type }, this.loading ? (hAsync("bh-loader-spinner", { size: "sm", variant: this.hierarchy === "primary" ? "white" : "default" })) : (hAsync("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
+        return (hAsync("button", { key: '0c19bb2ed14337271c6146bbf94e975735f0ccb0', "aria-busy": this.loading ? "true" : undefined, "aria-describedby": this.describedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.hasPopup ? String(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || this.iconName, "aria-pressed": this.toggle ? String(this.pressed) : undefined, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.toggle ? "button" : undefined, tabindex: this.disabled ? -1 : 0, type: this.type }, this.loading ? (hAsync("bh-loader-spinner", { size: "sm", variant: this.hierarchy === "primary" ? "white" : "default" })) : (hAsync("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
     }
     static get style() { return bhButtonIconCss(); }
     static get cmpMeta() { return {
@@ -23745,7 +23925,7 @@ class BhCard {
             "card-draggable": this.dragEnabled,
             ...focusClasses,
         };
-        return (hAsync(Host, { key: '5ba6685bb70c6b213b51aab807263bfe40448a82' }, hAsync("div", { key: 'e2741be9a43974145f5ecc332adf8cb461171648', "aria-atomic": String(this.ariaAtomic), "aria-describedby": this.ariaDescribedBy, "aria-dropeffect": this.dragEnabled ? "move" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-grabbed": this.dragEnabled ? "false" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-live": this.ariaLive, "aria-pressed": this.role === "button" ? String(this.ariaPressed) : undefined, "aria-roledescription": this.ariaRoleDescription, "aria-selected": this.selectable ? String(this.selected) : undefined, class: cardClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, draggable: this.dragEnabled, onBlur: this.handleBlur, onClick: this.handleClick, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "base", role: this.role || undefined, tabindex: this.selectable || this.role === "button" ? 0 : undefined }, this.showHeader && (hAsync("div", { key: 'abaabb9f32107ff8a76f3f66e064f8ffcaab51b4', class: "card-header-slot", part: "header" }, hAsync("slot", { key: '41691b941bdab612262d84042d47712b3f5ef514', name: "header" }))), hAsync("div", { key: '0e853c1da559fe75a281398f72110216feb18fd3', class: "card-content", part: "content", style: contentStyle }, hAsync("slot", { key: '701911914064c5a69f762f876ee7aac2d2ea563e' }), !this.hasContent && (hAsync("div", { key: 'b3f7b79f256fd1fe1562aeb3f86269f957917172', class: "card-content-placeholder" }, hAsync("span", { key: 'b92704802010d53ca69d754a6a4b9a6fe4661a61', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (hAsync("div", { key: 'b493b0c11fb02e1cddb6dd5bd1ef6c93388398b3', class: "card-footer-slot", part: "footer" }, hAsync("slot", { key: '26c7d95f74b1b7c39efd698b4e11818abbc7cd63', name: "footer" }))))));
+        return (hAsync(Host, { key: 'c9dc86b35d4f9535ec093c1f7d0d761d77e62f26' }, hAsync("div", { key: 'c2d813585335e994f8f99b94aa3eb04702764244', "aria-atomic": String(this.ariaAtomic), "aria-describedby": this.ariaDescribedBy, "aria-dropeffect": this.dragEnabled ? "move" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-grabbed": this.dragEnabled ? "false" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-live": this.ariaLive, "aria-pressed": this.role === "button" ? String(this.ariaPressed) : undefined, "aria-roledescription": this.ariaRoleDescription, "aria-selected": this.selectable ? String(this.selected) : undefined, class: cardClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, draggable: this.dragEnabled, onBlur: this.handleBlur, onClick: this.handleClick, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "base", role: this.role || undefined, tabindex: this.selectable || this.role === "button" ? 0 : undefined }, this.showHeader && (hAsync("div", { key: '4fd61b7ba2443ce9866b2b76e0fe01703293583b', class: "card-header-slot", part: "header" }, hAsync("slot", { key: 'd635ccfb2607a8a579bbd2cbba5f205b72b39716', name: "header" }))), hAsync("div", { key: 'a91feda047159bc98a809513977a871b45fcb4ad', class: "card-content", part: "content", style: contentStyle }, hAsync("slot", { key: '63284996f37a196d4632ad29e9887d8d00b9b7ba' }), !this.hasContent && (hAsync("div", { key: '9cefba952c2f71a29ca08cbadee50769681fe36b', class: "card-content-placeholder" }, hAsync("span", { key: '655334ff224e59cd43f3e56bf3ff64e4a38f4d16', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (hAsync("div", { key: 'f5da3fbf516694c59122ba75f2eee1053eb2a352', class: "card-footer-slot", part: "footer" }, hAsync("slot", { key: 'a38535924f63df83876c92ad3e52169ff1c84fd4', name: "footer" }))))));
     }
     static get style() { return bhCardCss(); }
     static get cmpMeta() { return {
@@ -23812,7 +23992,7 @@ class BhCardContent {
             "card-content": true,
             [`card-content-padding-${this.padding}`]: true,
         };
-        return (hAsync(Host, { key: '5c4d1b560078bed8d6c718dfd405647e63ade30f' }, this.showDivider && (hAsync("div", { key: '00dcd0d2b0e3897da9b2fb6d701e433c04be7996', class: "card-content-divider", part: "divider" })), hAsync("div", { key: '88a097b954224f47852fc868e072dbde0af6d91d', class: contentClasses, part: "content" }, hAsync("slot", { key: 'eb3270881b7fc477cca4d52692b17c8970799a83' }))));
+        return (hAsync(Host, { key: '4050a64922f3a7a003841d29280b93022a4e3d68' }, this.showDivider && (hAsync("div", { key: 'cdea7a3fc20ebe1542e9f228bf6de4fa9c2767f8', class: "card-content-divider", part: "divider" })), hAsync("div", { key: '427b580123407b5a5882dbb9b133fe40d29a5e4a', class: contentClasses, part: "content" }, hAsync("slot", { key: '71b4063ff9525de41e7d4cd219d70437c408a3c0' }))));
     }
     static get style() { return bhCardContentCss(); }
     static get cmpMeta() { return {
@@ -23859,7 +24039,7 @@ class BhCardFooter {
             "card-footer-content": true,
             [`card-footer-align-${this.alignment}`]: true,
         };
-        return (hAsync(Host, { key: '9352bd6d7f6449e7b0c289728fc68a16bb6e05de' }, hAsync("div", { key: 'd439ad44e000451a37a5b1a70018a5438fa2bca1', class: "card-footer", part: "footer" }, this.showDivider && (hAsync("div", { key: '1cd72006711a7b981c06ecf2eeb7d80a42453f44', class: "card-footer-divider", part: "divider" })), hAsync("div", { key: '6379b4bb8e4db8295acd53be6fc5139c23ab18bf', class: footerContentClasses, part: "content" }, hAsync("div", { key: '5ac9d2e90a73ddd870b77860b7b34be500dfbc0d', class: "card-footer-primary-actions" }, hAsync("slot", { key: '283286116b57e740bb2efb02cee70e0d9a5de943', name: "primary-actions" })), hAsync("div", { key: 'fc70ffc11c4360b2bde0aba0dd58ae4c3ee4bcf7', class: "card-footer-secondary-actions" }, hAsync("slot", { key: '2369db56f57d52704cfe1cd05419f2b6acee41b4', name: "secondary-actions" }))))));
+        return (hAsync(Host, { key: '236a3945387aa7b7c0414383af9d320a5a1e7bb8' }, hAsync("div", { key: 'a1d7b7dd892abf5065e27da9032837ef930a42cf', class: "card-footer", part: "footer" }, this.showDivider && (hAsync("div", { key: '45992a08fbb9e5896bf94972f1597f57788b0418', class: "card-footer-divider", part: "divider" })), hAsync("div", { key: '00745982160b90af6f908ceb49fb7bcadd1d1e55', class: footerContentClasses, part: "content" }, hAsync("div", { key: 'e51af94107ec9f13cd0f08c090639256d45528bd', class: "card-footer-primary-actions" }, hAsync("slot", { key: 'c3fca58447b034b92a862c3d793b44e0afc6098b', name: "primary-actions" })), hAsync("div", { key: '70e2955b01da30857abb6de5770b35e2b8ead2f3', class: "card-footer-secondary-actions" }, hAsync("slot", { key: '6e8d9b426e6d57455432f4a8a7444804cb7ba4bc', name: "secondary-actions" }))))));
     }
     static get style() { return bhCardFooterCss(); }
     static get cmpMeta() { return {
@@ -23954,7 +24134,7 @@ class BhCardHeader {
     }
     handleDropdownClick = () => { };
     render() {
-        return (hAsync(Host, { key: 'a12910207996dc8ad29f3e4345e3317c63602420' }, hAsync("div", { key: '09c295344f9c9a972252315c0911f901cfe45b73', class: "card-header", part: "header" }, hAsync("div", { key: 'f13e59fc4dd7a4c8f8ec0bb3e8346e8dd5298264', class: "card-header-content", part: "content" }, hAsync("div", { key: 'cb2f4ad51159b3c4282f4bfc76dd59ef69e5545b', class: "card-header-text-container", part: "text-container" }, hAsync("div", { key: '6801991500045e517f851be5de075fe12f8b0754', class: "card-header-title-row" }, this.showFeaturedIcon && (hAsync("bh-featured-icon", { key: '957b67176d395b80453634251368939c2801d890', color: this.featuredIconColor, icon: this.featuredIcon, iconStyle: this.featuredIconStyle, size: "sm" })), this.showTitle && (hAsync("span", { key: '0c3175e30642bb65114a9aeb47418437f5d91608', class: "card-header-title" }, resolveI18n("bh-card-header", "headerTitle", this.headerTitle, "Card title"))), this.showBadge && this.badgeText && (hAsync("bh-badge", { key: 'e11727981c522a7519d6fed4f4ada8f142c65637', emphasis: "medium", label: this.badgeText, size: "sm", variant: "blue" }))), this.showSupportingText && (hAsync("div", { key: '05655aee55b795ec5a7ade11c3f62a979a5e985d', class: "card-header-supporting-row" }, this.showFeaturedIcon && hAsync("div", { key: 'caed4447a2ee2629112531529efdfc0a46f09e98', class: "card-header-spacer" }), hAsync("span", { key: '4344b9b087c74090bdd07f26b2f5f872be5640bf', class: "card-header-supporting-text" }, resolveI18n("bh-card-header", "supportingText", this.supportingText, "Card description"))))), this.showDropdown && (hAsync("bh-button-icon", { key: 'b2fcc718b2e41552fdc4981f6243ad349e67464e', ariaLabel: "More options", hierarchy: "quaternary", iconName: "more_vert", onBhClick: this.handleDropdownClick, size: "sm" }))), hAsync("slot", { key: 'ad6e9ed6888ecd62a76a16a66d6c2e8eaea64ee4', name: "tabs" }), this.showDivider && hAsync("div", { key: '0ba1ff3858830ac20bf8fdfd7cd7435add9ae53e', class: "card-header-divider" }))));
+        return (hAsync(Host, { key: 'd673f2fc9a15a8faf5480cb3a3b096b9803546d0' }, hAsync("div", { key: 'c03f54e19cba4a6b2556b4c237877bceeed682d7', class: "card-header", part: "header" }, hAsync("div", { key: '272eb0ebfbbe2ab8d2c1636de340cae474d3bce9', class: "card-header-content", part: "content" }, hAsync("div", { key: '1cdd79d5d32b39183de3e52d395be8f7365ca8ef', class: "card-header-text-container", part: "text-container" }, hAsync("div", { key: '792c35548b328ea59d4b99943b84efac7f148bd3', class: "card-header-title-row" }, this.showFeaturedIcon && (hAsync("bh-featured-icon", { key: 'c6f6a3e358435ff53b172d797d1dfe1595cb6680', color: this.featuredIconColor, icon: this.featuredIcon, iconStyle: this.featuredIconStyle, size: "sm" })), this.showTitle && (hAsync("span", { key: 'bba0977d87b6259bf39062e79cd08aeb174fa7fc', class: "card-header-title" }, resolveI18n("bh-card-header", "headerTitle", this.headerTitle, "Card title"))), this.showBadge && this.badgeText && (hAsync("bh-badge", { key: '17e15b5b243b8e0133754b128d492760685f602b', emphasis: "medium", label: this.badgeText, size: "sm", variant: "blue" }))), this.showSupportingText && (hAsync("div", { key: 'c4b0c2f46a08e7e737fa191f803b3505df3ed605', class: "card-header-supporting-row" }, this.showFeaturedIcon && hAsync("div", { key: 'ad94dbff5123a1d98cc81617c1b483b669f9978c', class: "card-header-spacer" }), hAsync("span", { key: '289225d6cf026969a756066595292a67301a64f4', class: "card-header-supporting-text" }, resolveI18n("bh-card-header", "supportingText", this.supportingText, "Card description"))))), this.showDropdown && (hAsync("bh-button-icon", { key: '0702ef0228262400adcb36fccdc9117f979773de', ariaLabel: "More options", hierarchy: "quaternary", iconName: "more_vert", onBhClick: this.handleDropdownClick, size: "sm" }))), hAsync("slot", { key: '8ab0ff933c820e5bf0da6f4df351a097d05b50e0', name: "tabs" }), this.showDivider && hAsync("div", { key: 'd46267ac7983f1e47249544d10dbe57b18f0c124', class: "card-header-divider" }))));
     }
     static get style() { return bhCardHeaderCss(); }
     static get cmpMeta() { return {
@@ -24073,14 +24253,14 @@ class BhChartTooltip {
         reportComponentError("bh-chart-tooltip", error);
     }
     render() {
-        return (hAsync(Host, { key: '05bcd401118604130d6b906f35425da00c95223d' }, hAsync("div", { key: '9209f409ea387c36b75d14c54f1dc74e327982ef', "aria-hidden": this.visible ? undefined : "true", class: {
+        return (hAsync(Host, { key: 'd5f7fac4d429e88941da67424275d484d2cfedcd' }, hAsync("div", { key: '399c090f95c8ddd3f6b2680ea506df920b056fa9', "aria-hidden": this.visible ? undefined : "true", class: {
                 "chart-tooltip": true,
                 visible: this.visible,
                 "storybook-mode": this.storybookMode,
             }, part: "tooltip", style: {
                 left: `${this.safeX}px`,
                 top: `${this.safeY}px`,
-            } }, hAsync("div", { key: '617e4d7d3eff7bfe47c6c28644defd725edc3856', class: "tooltip-content", part: "content" }, this.header && hAsync("div", { key: '156120f30b05285a39eb8974cae643cbf65bafce', class: "tooltip-header" }, this.header), hAsync("div", { key: 'a3f679b2475bd4c2dbf849d7a14c7a5517712ba7', class: "tooltip-items" }, this.items.map((item, index) => (hAsync("div", { class: "tooltip-item", key: index }, item.color && (hAsync("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (hAsync("span", { class: "tooltip-label" }, item.label, ":")), hAsync("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (hAsync("div", { key: '969baf267ec4ec5b172d6d74b8f16544c78aabdf', class: "tooltip-total" }, hAsync("span", { key: 'f09ff7c4e1e83aaa2ebb76e3a773c4215ad6733b', class: "total-label" }, "Total:"), hAsync("span", { key: '4db9cfb55d5d1e72f0f3ed0241a9444edeb9f27d', class: "total-value" }, this.total)))))));
+            } }, hAsync("div", { key: '8b32cb27fbfc42bf5cc42e12e06c491c29b7f582', class: "tooltip-content", part: "content" }, this.header && hAsync("div", { key: 'f4430f54448aa62dd8575e005de4d094a216d034', class: "tooltip-header" }, this.header), hAsync("div", { key: 'fae580500c4ccde9bead1673cf862bb0e67a6377', class: "tooltip-items" }, this.items.map((item, index) => (hAsync("div", { class: "tooltip-item", key: index }, item.color && (hAsync("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (hAsync("span", { class: "tooltip-label" }, item.label, ":")), hAsync("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (hAsync("div", { key: '1164b336605e46a6f25eb4c61e74f2c9dd73d357', class: "tooltip-total" }, hAsync("span", { key: '13c20395c26f67346253f4b6b3cb228a1aeb6cf9', class: "total-label" }, "Total:"), hAsync("span", { key: '503f2e1e85589eb62003c5313621cd48199f8f5d', class: "total-value" }, this.total)))))));
     }
     static get style() { return bhChartTooltipCss(); }
     static get cmpMeta() { return {
@@ -24204,13 +24384,13 @@ class BhChatMessage {
         const isIncoming = this.type === "incoming";
         const isTyping = this.variant === "typing";
         const isFile = this.variant === "file";
-        return (hAsync(Host, { key: '341c5703824126dd302c4218aae10bf3a8b07a5f' }, hAsync("div", { key: '295aa5b9a485e7e29f5721ad5927faa6ccee6cda', "aria-label": isTyping
+        return (hAsync(Host, { key: 'bdf15f0729d39f2e8d0191fcfa6e621d3d857d9e' }, hAsync("div", { key: 'b2f43fdbcc83b5056ef308dcfb160c8ef7d801aa', "aria-label": isTyping
                 ? `${this.author || "Someone"} is typing`
                 : `Message from ${this.author || "Unknown"}`, class: {
                 "chat-message": true,
                 [`chat-message-${this.type}`]: true,
                 [`chat-message-${this.variant}`]: true,
-            }, part: "container", role: "article" }, !isTyping && (hAsync("div", { key: '05aa026eaed2801724bfa28f97e8fe980f546827', class: "chat-message-header", part: "header" }, hAsync("span", { key: '5cb34b62fa1af6a8af1ba35a3fcec0808159ba3f', class: "chat-message-author", part: "author" }, this.author), hAsync("span", { key: '3e1fbebcec1ac33496afb441b2ca43581dcf8772', class: "chat-message-timestamp", part: "timestamp" }, this.timestamp))), hAsync("div", { key: 'ba18836ef02418230a48caaaf6bd6d9bc741a059', class: "chat-message-body-row" }, isIncoming && !isTyping && this.avatarSrc && this.renderAvatar(), isTyping && (hAsync("div", { key: '4f033a7c8d00a16ce7a00a643f02b955fe1469b9', class: "chat-message-typing-wrapper" }, isIncoming && this.renderAvatar(), hAsync("div", { key: '50102be237b8b441cd75288185bf136d5cd9eb75', class: "chat-message-typing-content" }, hAsync("span", { key: '67e39cb2cda78a2a0826c7adf2726655885da4fa', class: "chat-message-author", part: "author" }, this.author), this.renderTyping()))), !(isTyping || isFile) && (hAsync("div", { key: '8e242c254e6896b62048bf3ca825d4b4ebd10214', class: "chat-message-bubble", part: "bubble" }, hAsync("slot", { key: 'd0df09a2eaf26d4357b31b1f07c3495eac38500e' }), this.renderMenuButton())), !isTyping && isFile && (hAsync("div", { key: '0f995e228f684a1208932bc0aea2584b49e0ec35', class: "chat-message-file-wrapper" }, this.renderFileAttachment(), this.renderMenuButton()))), !isTyping && (hAsync("div", { key: '9318479a76abff8788167cd4181e4c152c6ce91e', class: "chat-message-reactions", part: "reactions" }, hAsync("slot", { key: '06761a09cb04446505d4e8f5a2734047144777e2', name: "reactions" }), this.renderReactionButtons())))));
+            }, part: "container", role: "article" }, !isTyping && (hAsync("div", { key: '39b88cd29fde262db550aab188a9837abecb7ab8', class: "chat-message-header", part: "header" }, hAsync("span", { key: '6b55496792b2ef8b499e0cfb8b3cf882a918c62d', class: "chat-message-author", part: "author" }, this.author), hAsync("span", { key: '87ab6612df8f8274dcf261840f380ecbd5e656cb', class: "chat-message-timestamp", part: "timestamp" }, this.timestamp))), hAsync("div", { key: 'eba524017ed96e21d0bc332047a90ef826d8570d', class: "chat-message-body-row" }, isIncoming && !isTyping && this.avatarSrc && this.renderAvatar(), isTyping && (hAsync("div", { key: '39fc2af5eae0bd602ccee935cf5dbb70b8ce1685', class: "chat-message-typing-wrapper" }, isIncoming && this.renderAvatar(), hAsync("div", { key: '952e42b7c1c46a591c0e090de571c9bfbe0feae9', class: "chat-message-typing-content" }, hAsync("span", { key: 'af6b1628d87b7ef4886d315b1669f35ee49363b6', class: "chat-message-author", part: "author" }, this.author), this.renderTyping()))), !(isTyping || isFile) && (hAsync("div", { key: 'd8d176a18f38b5bab28bc4da3c37735b8bad88b0', class: "chat-message-bubble", part: "bubble" }, hAsync("slot", { key: '37fd94fba76e348f86bac27add7588e7a55f744f' }), this.renderMenuButton())), !isTyping && isFile && (hAsync("div", { key: 'e6f2161e7fab20ff4a4f2f4906ae1b745f17d533', class: "chat-message-file-wrapper" }, this.renderFileAttachment(), this.renderMenuButton()))), !isTyping && (hAsync("div", { key: 'a576787986f12f2a7ce31ea1059a12281645bc8c', class: "chat-message-reactions", part: "reactions" }, hAsync("slot", { key: '72b891bbd7d5e3b5a880f14080d66ef78c90f4b5', name: "reactions" }), this.renderReactionButtons())))));
     }
     static get style() { return bhChatMessageCss(); }
     static get cmpMeta() { return {
@@ -24271,11 +24451,11 @@ class BhChatReaction {
     };
     render() {
         const showCount = this.count > 1;
-        return (hAsync(Host, { key: '3ba9f7f34b4332122a13566778074289855c5a6e' }, hAsync("button", { key: '523bfb96b27dc6939dd90b1c35e5e483471c3e97', "aria-label": `${this.emoji} reaction${showCount ? `, ${this.count}` : ""}`, "aria-pressed": String(this.active), class: {
+        return (hAsync(Host, { key: 'fcc74eb4fd29905d7155c864c1fc507e5117591a' }, hAsync("button", { key: '0f3d5061afca42cd7d047fce4cfc30c3508d5027', "aria-label": `${this.emoji} reaction${showCount ? `, ${this.count}` : ""}`, "aria-pressed": String(this.active), class: {
                 "chat-reaction": true,
                 "chat-reaction-active": this.active,
                 "chat-reaction-with-count": showCount,
-            }, onClick: this.handleClick, part: "badge", type: "button" }, hAsync("span", { key: '9aa97a68a72971dcd4f785747d7c6df7c49f6344', class: "chat-reaction-emoji", part: "emoji" }, this.emoji), showCount && (hAsync("span", { key: '5ea676cf3cca06b210bc9dd77adb29e5407a80c2', class: "chat-reaction-count", part: "count" }, this.count)))));
+            }, onClick: this.handleClick, part: "badge", type: "button" }, hAsync("span", { key: '8a5397739451b02203a8207bfbdcd3f03e6d5304', class: "chat-reaction-emoji", part: "emoji" }, this.emoji), showCount && (hAsync("span", { key: 'c846e7ba4d863b194a0d84df03a53fdb66faf45f', class: "chat-reaction-count", part: "count" }, this.count)))));
     }
     static get style() { return bhChatReactionCss(); }
     static get cmpMeta() { return {
@@ -24684,7 +24864,7 @@ class BhCloseButton {
     darkBackground = false;
     disabled = false;
     render() {
-        return (hAsync(Host, { key: '94983c98db255689852e7a5f24b3698b96f41127' }, hAsync("bh-button-icon", { key: '280a8cd4eec9047e0efee474121a2559ad7f57ca', ariaLabel: this.ariaLabel, disabled: this.disabled, hierarchy: "quaternary", iconName: "close", size: "sm" })));
+        return (hAsync(Host, { key: '1b329426bf09f1fee1b00e20c5ebf5f76e7d471d' }, hAsync("bh-button-icon", { key: '91098fe34d4b19eca617dd8e1da33113ebd4161e', ariaLabel: this.ariaLabel, disabled: this.disabled, hierarchy: "quaternary", iconName: "close", size: "sm" })));
     }
     static get style() { return bhCloseButtonCss(); }
     static get cmpMeta() { return {
@@ -24701,6 +24881,330 @@ class BhCloseButton {
     }; }
 }
 
+const bhCommandBarCss = () => `:host{display:contents}.command-overlay{position:fixed;inset:0;z-index:var(--bh-z-index-modal-backdrop, 1040);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:var(--color-surface-overlay, rgba(12, 17, 29, 0.6))}.command-panel{display:flex;flex-direction:column;width:var(--bh-command-bar-width, 560px);max-width:calc(100vw - 2 * var(--spacing-xl, 20px));max-height:var(--bh-command-bar-max-height, 60vh);overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 24px -4px rgba(16, 24, 40, 0.1))}.search-row{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.search-icon{font-size:var(--icon-size-md, 20px);color:var(--color-text-tertiary, #667085)}.search-input{flex:1;min-width:0;font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);color:var(--color-text-primary, #101828);background:transparent;border:none;outline:none}.search-input::placeholder{color:var(--color-text-placeholder, #667085)}.sections{overflow-y:auto}.section{padding:var(--spacing-sm, 8px) 0}.section:not(:last-child){border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.section-heading{padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, #667085)}.section-list{margin:0;padding:0;list-style:none}.item{display:flex;gap:var(--spacing-md, 12px);align-items:center;width:100%;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);text-align:left;font-family:var(--font-inter, inherit);background:transparent;border:none;cursor:pointer}.item.active{background:var(--color-bg-secondary, #f9fafb)}:host([size=md]) .item{padding-top:var(--spacing-md, 12px);padding-bottom:var(--spacing-md, 12px)}.item-icon{flex-shrink:0;font-size:var(--icon-size-md, 20px);color:var(--color-text-secondary, #475467)}.item-text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xxs, 2px);min-width:0}.item-title-row{display:flex;gap:var(--spacing-sm, 8px);align-items:baseline;min-width:0}.item-label{font-size:var(--text-sm-size, 0.875rem);font-weight:var(--weight-medium, 500);color:var(--color-text-primary, #101828);white-space:nowrap}.item-path{overflow:hidden;font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-interactive, #175cd3);text-overflow:ellipsis;white-space:nowrap}.item-description{font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467)}.item-shortcut{flex-shrink:0;margin-left:auto}.empty{padding:var(--spacing-3xl, 40px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}.footer{display:flex;gap:var(--spacing-lg, 16px);align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-top:1px solid var(--color-border-secondary, #eaecf0)}.footer-hint{display:inline-flex;gap:var(--spacing-xs, 4px);align-items:center;font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);color:var(--color-text-secondary, #475467)}.footer-back{padding:0;background:transparent;border:none;cursor:pointer}.footer-settings{margin-left:auto}`;
+
+const initialsOf = (name) => (name ?? "")
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((part) => part[0]?.toUpperCase() ?? "")
+    .join("");
+class BhCommandBar {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bhOpen = createEvent(this, "bhOpen");
+        this.bhClose = createEvent(this, "bhClose");
+        this.bhChange = createEvent(this, "bhChange");
+        this.bhItemClick = createEvent(this, "bhItemClick");
+        this.bhAction = createEvent(this, "bhAction");
+    }
+    logger = createComponentLogger("bh-command-bar");
+    dismissalManager;
+    i18nUnsubscribe;
+    inputRef;
+    pendingFocus = false;
+    _i18nVersion = 0;
+    get el() { return getElement(this); }
+    /**
+     * Command sections (array or JSON string).
+     */
+    sections = [];
+    /**
+     * Whether the palette is open. Reflects so consumers can read/drive it.
+     */
+    open = false;
+    /**
+     * 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;
+    /**
+     * Search input placeholder. Allows i18n.
+     */
+    placeholder = "Type a command or search";
+    /**
+     * Empty-state message. Allows i18n.
+     */
+    emptyMessage = "No results found";
+    /**
+     * List density
+     */
+    size = "md";
+    /**
+     * Footer hint labels. Allow i18n.
+     */
+    navigateLabel = "Navigate";
+    selectLabel = "Select";
+    closeLabel = "Close";
+    backLabel = "Return to parent";
+    /**
+     * Accessible label for the footer settings button. Allows i18n.
+     */
+    settingsAriaLabel = "Command bar settings";
+    query = "";
+    activeIndex = -1;
+    levelStack = [];
+    /**
+     * Emitted when the palette opens.
+     */
+    bhOpen;
+    /**
+     * Emitted when the palette closes.
+     */
+    bhClose;
+    /**
+     * Emitted when the search query changes. Detail carries the query.
+     */
+    bhChange;
+    /**
+     * Emitted when a leaf item is selected. Detail carries the item and its
+     * ancestor chain (outermost first).
+     */
+    bhItemClick;
+    /**
+     * Emitted for auxiliary actions (footer settings gear).
+     */
+    bhAction;
+    handleOpenChange(isOpen) {
+        if (isOpen) {
+            this.dismissalManager?.enable();
+            this.pendingFocus = true;
+        }
+        else {
+            this.dismissalManager?.disable();
+            this.resetNavigation();
+        }
+    }
+    componentWillLoad() {
+        this.i18nUnsubscribe = BellhopI18n.onLocaleChange(() => {
+            this._i18nVersion++;
+        });
+    }
+    componentDidLoad() {
+        this.dismissalManager = createDismissalManager(this.el, {
+            onDismiss: () => this.setOpen(false),
+            escapeKey: true,
+            clickOutside: true,
+            focusLoss: false,
+        });
+        if (this.hotkey) {
+            document.addEventListener("keydown", this.handleGlobalKeyDown);
+        }
+        if (this.open) {
+            this.dismissalManager.enable();
+            this.pendingFocus = true;
+            this.focusPendingInput();
+        }
+    }
+    componentDidRender() {
+        this.focusPendingInput();
+    }
+    disconnectedCallback() {
+        this.dismissalManager?.destroy();
+        document.removeEventListener("keydown", this.handleGlobalKeyDown);
+        this.i18nUnsubscribe?.();
+    }
+    /**
+     * Open the palette.
+     */
+    async show() {
+        this.setOpen(true);
+    }
+    /**
+     * Close the palette.
+     */
+    async hide() {
+        this.setOpen(false);
+    }
+    parseSections() {
+        if (typeof this.sections !== "string") {
+            return this.sections;
+        }
+        if (this.sections.trim() === "") {
+            return [];
+        }
+        try {
+            return JSON.parse(this.sections);
+        }
+        catch (error) {
+            this.logger.error("Invalid sections JSON", error instanceof Error ? error : new Error(String(error)));
+            return [];
+        }
+    }
+    /** Sections for the current drill-down level */
+    currentSections() {
+        const level = this.levelStack.at(-1);
+        if (level) {
+            return [{ id: level.id, items: level.children ?? [] }];
+        }
+        return this.parseSections();
+    }
+    matchesQuery(item) {
+        const query = this.query.trim().toLowerCase();
+        if (!query) {
+            return true;
+        }
+        return [item.label, item.description, item.path]
+            .filter((text) => Boolean(text))
+            .some((text) => text.toLowerCase().includes(query));
+    }
+    visibleSections() {
+        return this.currentSections()
+            .map((section) => ({
+            ...section,
+            items: section.items.filter((item) => this.matchesQuery(item)),
+        }))
+            .filter((section) => section.items.length > 0);
+    }
+    flatItems() {
+        return this.visibleSections().flatMap((section) => section.items.map((item) => ({ item, sectionId: section.id })));
+    }
+    setOpen(isOpen) {
+        if (this.open === isOpen) {
+            return;
+        }
+        this.open = isOpen;
+        if (isOpen) {
+            this.bhOpen.emit();
+        }
+        else {
+            this.bhClose.emit();
+        }
+    }
+    resetNavigation() {
+        this.query = "";
+        this.activeIndex = -1;
+        this.levelStack = [];
+    }
+    focusPendingInput() {
+        if (!(this.pendingFocus && this.inputRef)) {
+            return;
+        }
+        this.pendingFocus = false;
+        this.inputRef.focus();
+    }
+    selectItem(flat) {
+        if (flat.item.children?.length) {
+            this.levelStack = [...this.levelStack, flat.item];
+            this.query = "";
+            this.activeIndex = -1;
+            return;
+        }
+        this.bhItemClick.emit({ item: flat.item, parents: [...this.levelStack] });
+        this.setOpen(false);
+    }
+    popLevel() {
+        if (this.levelStack.length === 0) {
+            return;
+        }
+        this.levelStack = this.levelStack.slice(0, -1);
+        this.query = "";
+        this.activeIndex = -1;
+    }
+    handleGlobalKeyDown = (event) => {
+        if (this.hotkey && matchesHotkey(event, this.hotkey)) {
+            event.preventDefault();
+            this.setOpen(!this.open);
+        }
+    };
+    handleInput = (event) => {
+        this.query = event.target.value;
+        this.activeIndex = -1;
+        this.bhChange.emit({ query: this.query });
+    };
+    handleInputKeyDown = (event) => {
+        const items = this.flatItems();
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.activeIndex = Math.min(this.activeIndex + 1, items.length - 1);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.activeIndex = Math.max(this.activeIndex - 1, 0);
+                break;
+            case "Enter": {
+                const active = items[this.activeIndex];
+                if (active) {
+                    event.preventDefault();
+                    this.selectItem(active);
+                }
+                break;
+            }
+            case "ArrowLeft":
+                if (this.query === "" && this.levelStack.length > 0) {
+                    event.preventDefault();
+                    this.popLevel();
+                }
+                break;
+        }
+    };
+    t(key, propValue, fallback) {
+        return resolveI18n("bh-command-bar", key, propValue, fallback);
+    }
+    renderLeading(item) {
+        if (item.author || item.avatarSrc) {
+            return (hAsync("bh-avatar", { alt: item.author ?? "Avatar", imageSrc: item.avatarSrc, size: "sm", text: initialsOf(item.author), variant: item.avatarSrc ? "image" : "text" }));
+        }
+        if (item.icon) {
+            return (hAsync("span", { "aria-hidden": "true", class: "material-symbols-outlined item-icon" }, item.icon));
+        }
+        return null;
+    }
+    renderItem(flat, index) {
+        const { item } = flat;
+        const active = index === this.activeIndex;
+        return (hAsync("li", { key: item.id }, hAsync("button", { "aria-selected": active ? "true" : "false", class: { item: true, active, stacked: Boolean(item.description) }, id: `command-item-${item.id}`, onClick: () => this.selectItem(flat), onMouseEnter: () => {
+                this.activeIndex = index;
+            }, role: "option", type: "button" }, this.renderLeading(item), hAsync("span", { class: "item-text" }, hAsync("span", { class: "item-title-row" }, hAsync("span", { class: "item-label" }, item.label), item.path && hAsync("span", { class: "item-path" }, "/ ", item.path)), item.description && (hAsync("span", { class: "item-description" }, item.description))), item.shortcut && (hAsync("bh-kbd", { class: "item-shortcut", keys: item.shortcut, size: "sm" })))));
+    }
+    render() {
+        const sections = this.visibleSections();
+        const flat = this.flatItems();
+        const activeItem = flat[this.activeIndex];
+        let flatIndex = -1;
+        return (hAsync(Host, { key: '54e2f4837c8b0fc4e5b92c52b628f80397ed6445' }, this.open && (hAsync("div", { key: '9a5d11120654521375e73ae75086a65bf890b2df', class: "command-overlay", part: "overlay" }, hAsync("div", { key: '746412fe9951d6559811ecfb2b9e745ac0ff9566', "aria-label": this.t("placeholder", this.placeholder, "Type a command or search"), class: "command-panel", part: "panel", role: "dialog" }, hAsync("div", { key: '4768665e2216175e2584677a6f674d3798abec6a', class: "search-row", part: "search" }, hAsync("span", { key: 'f8f60412e2fb7e99c1feade97c55edf6daa113ac', "aria-hidden": "true", class: "material-symbols-outlined search-icon" }, "search"), hAsync("input", { key: '5fccf974d7e8135fb342220e87c5e3cc46cc2ea8', "aria-activedescendant": activeItem
+                ? `command-item-${activeItem.item.id}`
+                : undefined, "aria-controls": "command-listbox", "aria-expanded": "true", class: "search-input", onInput: this.handleInput, onKeyDown: this.handleInputKeyDown, placeholder: this.t("placeholder", this.placeholder, "Type a command or search"), ref: (el) => (this.inputRef = el), role: "combobox", type: "text", value: this.query }), this.hotkey && (hAsync("bh-kbd", { key: 'a1679a592009701871314b4d72273951561519e2', class: "search-hotkey", keys: this.hotkey, size: "sm" }))), sections.length === 0 ? (hAsync("div", { class: "empty", part: "empty" }, this.t("emptyMessage", this.emptyMessage, "No results found"))) : (hAsync("div", { class: "sections", id: "command-listbox", role: "listbox" }, sections.map((section) => (hAsync("div", { class: "section", key: section.id, part: "section" }, section.heading && (hAsync("div", { class: "section-heading", part: "section-heading" }, section.heading)), hAsync("ul", { class: "section-list" }, section.items.map((item) => {
+            flatIndex++;
+            return this.renderItem({ item, sectionId: section.id }, flatIndex);
+        }))))))), hAsync("div", { key: '19b300a97b04317f08901bca8c68addf28c9f0c0', class: "footer", part: "footer" }, hAsync("span", { key: '54fc5ce933582c61f0b0a443b6a5393a3bb7a611', class: "footer-hint" }, hAsync("bh-kbd", { key: 'a85a3d7da6f07f2804f127fcdc916aef1d3cf11b', keys: "up", size: "sm" }), hAsync("bh-kbd", { key: 'ba853722f0108733feda41950b3ab6c4c0b5f1f9', keys: "down", size: "sm" }), this.t("navigateLabel", this.navigateLabel, "Navigate")), hAsync("span", { key: '029347425d3ef4c4668b1252374eaae406edd523', class: "footer-hint" }, hAsync("bh-kbd", { key: 'bc5cf9b570e063ff784731725a167ea719667e84', keys: "enter", size: "sm" }), this.t("selectLabel", this.selectLabel, "Select")), hAsync("span", { key: '1045763438aaadf482a0b029565576d40b19f0a8', class: "footer-hint" }, hAsync("bh-kbd", { key: 'f28c3cc16183d99a9b8170235ebf4a938444a17c', keys: "esc", size: "sm" }), this.t("closeLabel", this.closeLabel, "Close")), this.levelStack.length > 0 && (hAsync("button", { key: '869eb3df053faf976a2a45162efb0616fe23836b', class: "footer-hint footer-back", onClick: () => this.popLevel(), type: "button" }, hAsync("bh-kbd", { key: '1f6f4458ceef294533a79408a1c00ab4daa050e2', keys: "left", size: "sm" }), this.t("backLabel", this.backLabel, "Return to parent"))), hAsync("span", { key: '963d5c13c0afb675dbad3bac65a6e1f68888eaa7', class: "footer-settings" }, hAsync("bh-button-icon", { key: '82bc87df8a916a8c8ef586bfc2f5f51f684fc16f', ariaLabel: this.t("settingsAriaLabel", this.settingsAriaLabel, "Command bar settings"), hierarchy: "tertiary", iconName: "settings", onClick: () => this.bhAction.emit({ action: "settings" }), size: "sm" }))))))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "handleOpenChange": 0
+            }]
+    }; }
+    static get style() { return bhCommandBarCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 521,
+        "$tagName$": "bh-command-bar",
+        "$members$": {
+            "sections": [1],
+            "open": [1540],
+            "hotkey": [1],
+            "placeholder": [1],
+            "emptyMessage": [1, "empty-message"],
+            "size": [513],
+            "navigateLabel": [1, "navigate-label"],
+            "selectLabel": [1, "select-label"],
+            "closeLabel": [1, "close-label"],
+            "backLabel": [1, "back-label"],
+            "settingsAriaLabel": [1, "settings-aria-label"],
+            "_i18nVersion": [32],
+            "query": [32],
+            "activeIndex": [32],
+            "levelStack": [32],
+            "show": [64],
+            "hide": [64]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["open", "open"], ["size", "size"]]
+    }; }
+}
+
 const bhContainerCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-container-bg:var(--color-bg-primary);--bh-container-border-color:var(--color-border-secondary);--bh-container-border-radius:var(--radius-xl);--bh-container-padding:var(--spacing-2xl);--bh-container-gap:var(--spacing-2xl)}}@layer bh-base{.container{display:flex;flex-direction:column;gap:var(--bh-container-gap);padding:var(--bh-container-padding);background:var(--bh-container-bg);border:1px solid var(--bh-container-border-color);border-radius:var(--bh-container-border-radius);width:fit-content;font-family:var(--font-inter)}}@layer bh-variants{.container-with-footer{border-bottom:none;border-radius:var(--bh-container-border-radius) var(--bh-container-border-radius) 0 0}}`;
 
 /** Component name for logging and metrics */
@@ -24728,7 +25232,7 @@ class BhContainer {
             container: true,
             "container-with-footer": this.withFooter,
         };
-        return (hAsync(Host, { key: 'b9290f06e046dfdbe6b497cab7a9cc7d646eccef' }, hAsync("div", { key: '5229533e5e40ffba67f9e38e6f0b11324d9a47f4', class: containerClasses, part: "container" }, hAsync("slot", { key: '5f0aae1ad1d326ecff6ec6fd47ecd3f91d39f0f0' }))));
+        return (hAsync(Host, { key: 'e2987561f8e89e914497aef104afe72066a56f7c' }, hAsync("div", { key: 'aee865779664a7eb12219091436e6f08707df3f7', class: containerClasses, part: "container" }, hAsync("slot", { key: '9ac3d4cb9d32a20b8b765e1222d26fa12cc239d0' }))));
     }
     static get style() { return bhContainerCss(); }
     static get cmpMeta() { return {
@@ -24782,7 +25286,7 @@ class BhContainerFooter {
             "container-footer": true,
             [`container-footer-${this.density}`]: true,
         };
-        return (hAsync(Host, { key: '8fd182223909b6d4b609c7cd933e50d1cc8270de' }, hAsync("div", { key: 'de087dffdb49b74c084e0920fd3bd23dfea3db5c', class: footerClasses, part: "footer" }, hAsync("div", { key: 'eae0f2da8751f3be3be96ae7af32dd96138a543c', class: "container-footer-content", part: "content" }, hAsync("bh-button", { key: 'f6ebdb3f70333584fab4865a07457ab519d570fb', hierarchy: "tertiary", label: this.buttonLabel, onClick: this.handleButtonClick, size: "sm" })))));
+        return (hAsync(Host, { key: 'd062601c785a02084cb8e03dcce5c3b9ecfdeb0f' }, hAsync("div", { key: '731f23f4d07725c26020a868140839f4f651a9e8', class: footerClasses, part: "footer" }, hAsync("div", { key: '5c9fe20324619f047970622de67ada22d8ff40c2', class: "container-footer-content", part: "content" }, hAsync("bh-button", { key: '5ce58d0fda6bea0b1d8f2693aca5b0d54503c3cb', hierarchy: "tertiary", label: this.buttonLabel, onClick: this.handleButtonClick, size: "sm" })))));
     }
     static get style() { return bhContainerFooterCss(); }
     static get cmpMeta() { return {
@@ -24850,7 +25354,7 @@ class BhCreditCard {
             "light-text": this.isLightText,
             "dark-text": !this.isLightText,
         };
-        return (hAsync(Host, { key: '80c2fbbbba3126623248bda7896068fa1676c4b9', "aria-label": `Credit card for ${this.cardholderName}`, role: "img" }, hAsync("div", { key: '821843aa4a02fef20ebfc62e56a1795f6e5fb438', class: classes, part: "base" }, hAsync("div", { key: '71f28e9ea0654a4b2b1c5b44c4013004fba4d931', class: "card-bg" }), hAsync("span", { key: '23e93122cf6b07bba88002c3cfc52606510b45c0', class: "issuer-name" }, this.issuerName), hAsync("div", { key: 'd82944cc0665b0c86b1534e8e17c839db3285753', "aria-hidden": "true", class: "contactless-icon" }, hAsync("svg", { key: '120f8d8261cb89c8ae630434547d6060b73113df', fill: "none", viewBox: "0 0 20 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'b2df8aff9e2c32e3dd8774997fb7c82ed255099a', d: "M5.5 18C3.5 16.2 2.5 13.7 2.5 11C2.5 8.3 3.5 5.8 5.5 4", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), hAsync("path", { key: '353c997156f6fb9ab36ffae7a6330df6232c3b28', d: "M9.5 15C8.3 13.8 7.5 12.5 7.5 11C7.5 9.5 8.3 8.2 9.5 7", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), hAsync("path", { key: 'b55b4f86719c4df25a58b8db730c3a347854ec95', d: "M13.5 12.5C13 12 12.5 11.5 12.5 11C12.5 10.5 13 10 13.5 9.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }))), hAsync("span", { key: 'f574c7018802746ae0ccefb756ea7c0284c2c545', class: "cardholder-name" }, this.cardholderName), hAsync("span", { key: '58561aee04a0afa5b9ccc89cb9142d7832468c0f', class: "expiry-date" }, this.expiryDate), hAsync("span", { key: 'ca1e27d1ed9b00ee9885daac5edb4bccf5ac0ff5', class: "card-number" }, this.cardNumber), hAsync("div", { key: '8c158535d05580af4229385061e205ddac4c685d', "aria-hidden": "true", class: "payment-icon" }, hAsync("div", { key: 'c1a542fdc819f1585748461c24653529d57c1c3a', class: "payment-circle payment-circle-left" }), hAsync("div", { key: 'c4f93ac620d56a77115a7ced7788895759fb982f', class: "payment-circle payment-circle-right" })))));
+        return (hAsync(Host, { key: 'c859c4a3133144fdc01107747d4cee78910210d9', "aria-label": `Credit card for ${this.cardholderName}`, role: "img" }, hAsync("div", { key: '401c124a191e09baa566c15303eadf2a29e2eead', class: classes, part: "base" }, hAsync("div", { key: '0824fcdf11581de778fce2cedf09ca0b68408038', class: "card-bg" }), hAsync("span", { key: '6d15ee33dce280886962b0310bcf666a17233a4c', class: "issuer-name" }, this.issuerName), hAsync("div", { key: '844ad812cb1e8cf04c52b003f431808db0aa1637', "aria-hidden": "true", class: "contactless-icon" }, hAsync("svg", { key: '52c755e7caa424f37fde98f100fb92dc81a70b5a', fill: "none", viewBox: "0 0 20 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'e9ec1e941986cc20b6a132b5c518175d70b113fc', d: "M5.5 18C3.5 16.2 2.5 13.7 2.5 11C2.5 8.3 3.5 5.8 5.5 4", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), hAsync("path", { key: '311095a6c2b4bac66d41fea088029029422131aa', d: "M9.5 15C8.3 13.8 7.5 12.5 7.5 11C7.5 9.5 8.3 8.2 9.5 7", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), hAsync("path", { key: '16cf15fb6528e0642150c9bd558d814525013ab6', d: "M13.5 12.5C13 12 12.5 11.5 12.5 11C12.5 10.5 13 10 13.5 9.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }))), hAsync("span", { key: 'efbcbf2453d6aca85a7cbcd3c7fa54d667429658', class: "cardholder-name" }, this.cardholderName), hAsync("span", { key: 'd292727f3765acbee43b8ae29af57446b09830f9', class: "expiry-date" }, this.expiryDate), hAsync("span", { key: 'ae74006e26e01284b92ecc67385085b9b978af24', class: "card-number" }, this.cardNumber), hAsync("div", { key: '4606eb640bdadb7fef4110382f264f51330f6183', "aria-hidden": "true", class: "payment-icon" }, hAsync("div", { key: 'e14ce4b4f67ffd5284ffac4e0dc2f30a630aad9a', class: "payment-circle payment-circle-left" }), hAsync("div", { key: 'dbbf84ec372bf2f658e89198f6058c07b8a0e8f0', class: "payment-circle payment-circle-right" })))));
     }
     static get style() { return bhCreditCardCss(); }
     static get cmpMeta() { return {
@@ -34536,7 +35040,7 @@ class BhDataGridFooter {
         return (hAsync("div", { class: "data-grid-pagination", part: "pagination" }, hAsync("bh-pagination", { onBhPageChange: (e) => this.handlePageChange(e.detail.page), onBhPageSizeChange: (e) => this.handlePageSizeChange(e.detail.pageSize), page: currentPage, pageSize: currentPageSize, pageSizeOptions: safePageSizeOptions, rowsPerPageLabel: "Rows per page:", showingResultsLabel: `${totalRows > 0 ? `${startRow}-${endRow} of ${totalRows}` : "0 rows"}`, totalItems: totalRows })));
     }
     render() {
-        return (hAsync(Host, { key: 'a980e97d8e6a99bc1b328a9cdcedbd08a37c5040' }, this.renderSummaryRow(), this.renderPagination()));
+        return (hAsync(Host, { key: 'd34ded8a49617aa81e334dfdf41bab6fbb563d18' }, this.renderSummaryRow(), this.renderPagination()));
     }
     static get cmpMeta() { return {
         "$flags$": 512,
@@ -35052,7 +35556,7 @@ class BhDataGridToolbar {
             [`data-grid-toolbar-${this.size}`]: true,
             [this.config?.cssClass ?? ""]: !!this.config?.cssClass,
         };
-        return (hAsync(Host, { key: 'f9a6f3725c191dca8f3e6b2bbab6fc14d30e244b' }, hAsync("div", { key: 'e1027fb17b3187599baf62449a665791923af76d', class: toolbarClasses, part: "toolbar" }, hAsync("div", { key: '844b7b4f05dff77805b0b3d8790ac2886332e97a', class: "data-grid-toolbar-left", part: "toolbar-left" }, hAsync("slot", { key: '9627679104269509980df20eae32a99d9e803c5e', name: "toolbar-left" }, this.renderDefaultItems(leftItems, defaultLeftItems))), hAsync("div", { key: '258d8568e00beb27df742f534d0f2eb6b42033d8', class: "data-grid-toolbar-center", part: "toolbar-center" }, hAsync("slot", { key: '3463374051889eabc2351d25d88ec060ad2ff714', name: "toolbar-center" }, this.renderDefaultItems(centerItems, []))), hAsync("div", { key: '633e92c03280fef90d69b18c756949b18bb7639f', class: "data-grid-toolbar-right", part: "toolbar-right" }, hAsync("slot", { key: '2f88cb9956e5402f7737e0978295c6e71ce23e47', name: "toolbar-right" }, showBatchMode
+        return (hAsync(Host, { key: 'ea02947e5f12b5e36a882b823bfa4188840e4504' }, hAsync("div", { key: '3a9a5cf03f284c8b1e9a50b0e140f5f8662582f7', class: toolbarClasses, part: "toolbar" }, hAsync("div", { key: 'e2dd4c8f2f9d6498dc0a375b82f6c259fab34037', class: "data-grid-toolbar-left", part: "toolbar-left" }, hAsync("slot", { key: '9765ba1f12bc6b85600fd3f3160e9240f75d1e1d', name: "toolbar-left" }, this.renderDefaultItems(leftItems, defaultLeftItems))), hAsync("div", { key: '5179c1e8145b41e81a4afd2dff0f60836e216acd', class: "data-grid-toolbar-center", part: "toolbar-center" }, hAsync("slot", { key: '4d04637154d2bec6f910bb2959da6d9a342ab165', name: "toolbar-center" }, this.renderDefaultItems(centerItems, []))), hAsync("div", { key: '8cbfb4333ca8b2f91b96ea639a4b8227ce7e1cae', class: "data-grid-toolbar-right", part: "toolbar-right" }, hAsync("slot", { key: '16702babaa5d627d9b01fb21d2f908d56f2bc963', name: "toolbar-right" }, showBatchMode
             ? this.renderBatchActions()
             : this.renderDefaultItems(rightItems, [
                 "export",
@@ -35450,14 +35954,14 @@ class BhDatePicker {
             "date-picker-focused": this.focusState.isFocused,
             "date-picker-hovered": this.focusState.isHovered,
         };
-        return (hAsync(Host, { key: 'bdc89e36e319b09fe8b3e6138689f24a20506ce5' }, hAsync("div", { key: 'b33f847689a5c1f170db7fb73ce1d597402c773d', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": resolveI18n("bh-date-picker", "defaultLabel", this.label, "Select Date"), class: containerClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container", role: "combobox", tabindex: this.disabled ? -1 : 0 }, this.variant === "dropdown-outlined" && (hAsync("div", { key: '186e0039f11670234bc642e3d037839a13370e27', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, hAsync("bh-button", { key: 'ead8b633f7a0650409b320fc52647433e27e6424', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (hAsync("div", { key: '6b11aebace35b7ce5a1266825016e88c7ae8a63d', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, hAsync("bh-button", { key: '74ab8d177aa2b519c607385e82efa64196ea5aa6', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (hAsync("div", { key: '9beb49a326305ee6299024465ed7a9fceef168cb', class: "date-picker-trigger input-field-container", part: "trigger" }, hAsync("bh-input-text", { key: '4bd03000215aeab5c198f1dc810e4511918dd728', disabled: this.disabled, label: resolveI18n("bh-date-picker", "defaultLabel", this.label, "Select Date"), onFocus: this.handleInputFocus, placeholder: resolveI18n("bh-date-picker", "defaultPlaceholder", this.placeholder, "Choose date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.getDisplayValue(), width: this.inputWidth }), hAsync("div", { key: '012261804aa24a96a61887920913338fc93fde36', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), hAsync("div", { key: 'dc383f16e5c4bee5081148da454e7f6aaab27840', class: {
+        return (hAsync(Host, { key: 'bf6800637be57d8d768455e54e7519c5994e263d' }, hAsync("div", { key: 'e00ca9870ba40f24884ffe2650c5b50d05f5d556', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": resolveI18n("bh-date-picker", "defaultLabel", this.label, "Select Date"), class: containerClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container", role: "combobox", tabindex: this.disabled ? -1 : 0 }, this.variant === "dropdown-outlined" && (hAsync("div", { key: 'cf711db0fae3aab3a54db332a6f5a4b9686adad4', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, hAsync("bh-button", { key: '5464fc3c642a2445490836a167da7b9d15369a65', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (hAsync("div", { key: '2729ffe68fef8fd465abcc4ee5122e24d7ca38a5', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, hAsync("bh-button", { key: 'a3359a23887d20a507cabc6a94b30e7de955c211', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (hAsync("div", { key: '7655c11d161eeaa2ba73682b351ef1a1350a50a4', class: "date-picker-trigger input-field-container", part: "trigger" }, hAsync("bh-input-text", { key: 'd79d3bb225210eeb896be266bd9dd37b5373e35a', disabled: this.disabled, label: resolveI18n("bh-date-picker", "defaultLabel", this.label, "Select Date"), onFocus: this.handleInputFocus, placeholder: resolveI18n("bh-date-picker", "defaultPlaceholder", this.placeholder, "Choose date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.getDisplayValue(), width: this.inputWidth }), hAsync("div", { key: '696764ec1a46a39d2e47f5ee2e4873ec831d2809', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), hAsync("div", { key: '42689fe957cd9bcded85261f0b3b08ed2cfbb8e7', class: {
                 "date-picker-menu-container": true,
                 "is-open": this.isMenuOpen && !supportsTopLayerPopover,
                 "open-upward": this.openUpward,
                 "open-left": this.openToLeft,
-            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, hAsync("bh-picker-menu", { key: '8065433414c804f7f95f8c9257a20d103b0c0b74', disableApply: this.showFooter && this.stateManager?.tempValue === null, onBhAction: this.handleMenuAction, showFooter: this.showFooter, showTodayButton: this.showFooter, visible: this.isMenuOpen }, hAsync("bh-date-picker-content", { key: '50087791b84167d67105062b293368b3e7699347', disabled: this.disabled, disabledDates: this.disabledDates, maxYear: this.safeMaxYear, minYear: this.safeMinYear, onBhChange: this.handleDateSelect, showOtherMonthDays: this.showOtherMonthDays, value: this.stateManager?.tempValue ??
+            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, hAsync("bh-picker-menu", { key: 'e7abddb8c80316349b31f734cb53cc636df8d9c5', disableApply: this.showFooter && this.stateManager?.tempValue === null, onBhAction: this.handleMenuAction, showFooter: this.showFooter, showTodayButton: this.showFooter, visible: this.isMenuOpen }, hAsync("bh-date-picker-content", { key: 'd42c94db8ebb27d762d8eba0267a6bc1f6294b87', disabled: this.disabled, disabledDates: this.disabledDates, maxYear: this.safeMaxYear, minYear: this.safeMinYear, onBhChange: this.handleDateSelect, showOtherMonthDays: this.showOtherMonthDays, value: this.stateManager?.tempValue ??
                 this.stateManager?.committedValue ??
-                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: '571aedbc8f942e4ea9332d97c870689fd26d8c0b', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: 'a021aa4337b3d5b224dc0a078389d098aa836faa', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{
@@ -35915,9 +36419,9 @@ class BhDatePickerContent {
     }
     render() {
         const currentMonthYear = `${MONTH_NAMES$1[this.currentMonth]} ${this.currentYear}`;
-        return (hAsync(Host, { key: 'ad6d4d71610dc94c5f6cf12bfdc88eb0cf8a9f38' }, hAsync("div", { key: 'fcf03444c4d791d96c446b0a99572e295e261bf0', class: "date-picker-content", part: "container" }, hAsync("div", { key: 'cfc80acb83290905318a4b8fd7b7b386167bfb80', class: "month-navigation", part: "navigation" }, hAsync("bh-button-icon", { key: 'd06336137b708b850eb1eb08e31304ff265c7b34', disabled: this.disabled ||
-                (this.currentYear === this.minYear && this.currentMonth === 0), hierarchy: "tertiary", iconName: "chevron_left", onClick: this.handlePreviousMonth, size: "md" }), hAsync("bh-button", { key: '6b388d0431d6fd6d9f358c57c6f3211f61275fd2', hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: currentMonthYear, onClick: this.handleMonthDropdownToggle, size: "sm" }), hAsync("bh-button-icon", { key: 'bda7b6cbc3a1d5e1d0116e800f011868299edc9d', disabled: this.disabled ||
-                (this.currentYear === this.maxYear && this.currentMonth === 11), hierarchy: "tertiary", iconName: "chevron_right", onClick: this.handleNextMonth, size: "md" })), this.showDateInput && (hAsync("div", { key: '16525c6ba25074074df5853217bdd667e983f8b3', class: "date-input-display", part: "date-input" }, hAsync("bh-input-text", { key: '20c99b975c9b764f4120bba9ca5f0de86544f336', placeholder: resolveI18n("bh-date-picker-content", "selectDatePlaceholder", this.selectDatePlaceholder, "Select date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatSelectedDate() }))), this.showPresetRanges && (hAsync("div", { key: '43bcb62cd86eaad04e18fd6f27ea8956fae7e3ef', class: "preset-ranges", part: "preset-ranges" }, hAsync("bh-button", { key: '7eca278a25141e56c52536e9e6a2902061e58155', hierarchy: "tertiary", label: "Last week", onClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), hAsync("bh-button", { key: 'd8e75d0ec012b59f862f0f1812e91acedb0ace14', hierarchy: "tertiary", label: "Last month", onClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), hAsync("bh-button", { key: '6594783f01883dbb63f2e23f73c77fbb41b29666', hierarchy: "tertiary", label: "Last year", onClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), !this.isMonthDropdownOpen && (hAsync("div", { key: '2bae46f7d2fe6c470a59665da77f44f3aba7aa43', class: "calendar-grid", part: "calendar" }, hAsync("div", { key: '0a5a7173a21d8817f72bf1ef89d9fa4e693caa22', class: "day-names", part: "day-names" }, DAY_NAMES.map((dayName) => (hAsync("div", { class: "day-name", key: dayName }, dayName)))), hAsync("div", { key: '96f08df64ab81881a38b2ecf7e24013cda5c58af', class: "date-cells", part: "cells" }, this.calendarCells.map((cell, index) => (hAsync("div", { class: this.getCellClass(cell), key: index, onClick: (e) => this.handleCellClick(e, cell) }, hAsync("span", { class: "date-number" }, cell.day === 0 ? "" : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (hAsync("div", { key: '0aee05cbc01f72e0b71705083bf8bbd6beec23ae', class: `month-picker-inline ${this.isMonthDropdownClosing ? "animate-fade-out" : ""}` }, hAsync("bh-month-picker-content", { key: '176b95d01eb061243905c1d79e5baba2588b1a38', height: "275px", maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleMonthYearSelect, scrollable: true, selectedMonth: this.currentMonth, selectedYear: this.currentYear }))))));
+        return (hAsync(Host, { key: '54655d044f0752f7647fb59303249f8fb5c91dd3' }, hAsync("div", { key: 'e394e93731d0c1a5055eb9577775f732fa37cb20', class: "date-picker-content", part: "container" }, hAsync("div", { key: '88a3b58ac3a84510b8e8f76733bd5ea1a1fee4dd', class: "month-navigation", part: "navigation" }, hAsync("bh-button-icon", { key: '346fd0af5d228447ed4b478566d1f4a1edfa1838', disabled: this.disabled ||
+                (this.currentYear === this.minYear && this.currentMonth === 0), hierarchy: "tertiary", iconName: "chevron_left", onClick: this.handlePreviousMonth, size: "md" }), hAsync("bh-button", { key: '213812c523e0e189382e6495f4014520fa6d5add', hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: currentMonthYear, onClick: this.handleMonthDropdownToggle, size: "sm" }), hAsync("bh-button-icon", { key: 'f6ad11fe6713733878f5020e4c570b07e73f9921', disabled: this.disabled ||
+                (this.currentYear === this.maxYear && this.currentMonth === 11), hierarchy: "tertiary", iconName: "chevron_right", onClick: this.handleNextMonth, size: "md" })), this.showDateInput && (hAsync("div", { key: 'e27dcf2c52ec2b28c7262d4fac4ecf0d3aeb4752', class: "date-input-display", part: "date-input" }, hAsync("bh-input-text", { key: '734e891a9e4652659c8855cb4cd0565c9c09d566', placeholder: resolveI18n("bh-date-picker-content", "selectDatePlaceholder", this.selectDatePlaceholder, "Select date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatSelectedDate() }))), this.showPresetRanges && (hAsync("div", { key: '74bbd7dcc8bd82da65191d535fa374076a55b63b', class: "preset-ranges", part: "preset-ranges" }, hAsync("bh-button", { key: '010a8babf66a0d9b22cfcb4244e6c3316523ca08', hierarchy: "tertiary", label: "Last week", onClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), hAsync("bh-button", { key: '2a651298dc6828d36a1115ec4f73d24efc169953', hierarchy: "tertiary", label: "Last month", onClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), hAsync("bh-button", { key: 'dee3061094254ea53b339c54186f7dda1cfbf387', hierarchy: "tertiary", label: "Last year", onClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), !this.isMonthDropdownOpen && (hAsync("div", { key: '599841d8e6f490f262eab17329abb688982d63d8', class: "calendar-grid", part: "calendar" }, hAsync("div", { key: 'f0934ecfb1d052011290746b89fe610e975f17bd', class: "day-names", part: "day-names" }, DAY_NAMES.map((dayName) => (hAsync("div", { class: "day-name", key: dayName }, dayName)))), hAsync("div", { key: 'b0b723460e2b9ae997e67658aec8e005680afebb', class: "date-cells", part: "cells" }, this.calendarCells.map((cell, index) => (hAsync("div", { class: this.getCellClass(cell), key: index, onClick: (e) => this.handleCellClick(e, cell) }, hAsync("span", { class: "date-number" }, cell.day === 0 ? "" : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (hAsync("div", { key: '5ed516dd685be7c20e4c63cf3802a6d8b6693988', class: `month-picker-inline ${this.isMonthDropdownClosing ? "animate-fade-out" : ""}` }, hAsync("bh-month-picker-content", { key: '9c8ada6fcf7bed33fac6b0f80083fb7c622111ad', height: "275px", maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleMonthYearSelect, scrollable: true, selectedMonth: this.currentMonth, selectedYear: this.currentYear }))))));
     }
     static get watchers() { return {
         "value": [{
@@ -36241,13 +36745,13 @@ class BhDateRangePicker {
         this.handleMenuCancel();
     };
     render() {
-        return (hAsync(Host, { key: '852e6aeadf2758607d6f435c1f45ff6513da64d0' }, hAsync("div", { key: 'bbabdc5e3439677a85da1de7a13aac5d4c0625d2', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": this.getButtonLabel(), class: "date-range-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (hAsync("div", { key: 'cfef2847909f1c8d88a94d1cb6f0c024dc923619', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: 'c9895e820423ce35e0b80f1c5668d39e81c942a2', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (hAsync("div", { key: '1fe2d0b07fe4ca8555fc403f09989f02cce7beb0', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: 'f7f4b964e417b73aafe9f66bbca26beb7f1ba277', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (hAsync("div", { key: '73d31bd026f15ee44332937b444ee2e3781ce290', class: "date-range-picker-trigger" }, hAsync("div", { key: '5cb1067e4de2ad6620fd2e57ef32790c96a5f48d', class: "date-range-inputs", onClick: this.handleTriggerClick }, hAsync("bh-input-text", { key: 'a41905a3bb68cc4de7c7b59ec6903c95d47e57f5', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "startLabel", this.startLabel, "Start Date"), placeholder: resolveI18n("bh-date-range-picker", "startPlaceholder", this.startPlaceholder, "Choose start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.startDate || null), width: this.inputWidth }), hAsync("bh-input-text", { key: 'd3f8e4bb61849e475549af23651ae808943ccb54', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "endLabel", this.endLabel, "End Date"), placeholder: resolveI18n("bh-date-range-picker", "endPlaceholder", this.endPlaceholder, "Choose end date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.endDate || null), width: this.inputWidth })))), hAsync("div", { key: 'cc0dc8847b6ddd1fd80906bd2ba1d523fec2824e', class: {
+        return (hAsync(Host, { key: '300df3192b097c2d311a86e9254457c5147ab6b2' }, hAsync("div", { key: '065b138629ea9974dee471bcda5828c6a9a4a4bb', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": this.getButtonLabel(), class: "date-range-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (hAsync("div", { key: '54370cecc8cf2769781605d7665b924c75b879ce', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '2a0ffdb12e550b49eb3ba4471adcdd139c382c2e', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (hAsync("div", { key: '13a8900ad6e73d68e7692288c3bdf20b213f852b', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: 'e162cb491095f50e29e39d245626cf1fc9ea7605', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (hAsync("div", { key: 'e190b754ee9166b7ec4a265c13d44226fb9afd2d', class: "date-range-picker-trigger" }, hAsync("div", { key: '8ad7b6c63d94f40cbc91215dbc22d93832950f61', class: "date-range-inputs", onClick: this.handleTriggerClick }, hAsync("bh-input-text", { key: 'e32c3b25d5b50a6d5c718c9991786f604f751471', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "startLabel", this.startLabel, "Start Date"), placeholder: resolveI18n("bh-date-range-picker", "startPlaceholder", this.startPlaceholder, "Choose start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.startDate || null), width: this.inputWidth }), hAsync("bh-input-text", { key: '46dc8de41db3c4bf83b1a75ec8c7bef73d76b4e2', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "endLabel", this.endLabel, "End Date"), placeholder: resolveI18n("bh-date-range-picker", "endPlaceholder", this.endPlaceholder, "Choose end date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.endDate || null), width: this.inputWidth })))), hAsync("div", { key: '2e8cc3c220928a396034fd65d6d178d524691ad1', class: {
                 "date-range-picker-menu-container": true,
                 "is-open": this.isMenuOpen && !supportsTopLayerPopover,
-            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, hAsync("bh-picker-menu", { key: '15d26c32502879b8387bdb5e667a8b42261c24a2', disableApply: this.showFooter &&
-                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, hAsync("bh-date-range-picker-content", { key: '567201f3170229fa4f9b30746a4316bd9b1ccb65', disabled: this.disabled, disabledDates: this.disabledDates, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleContentDateRangeSelect, showOtherMonthDays: this.showOtherMonthDays, value: this.tempSelection ??
+            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, hAsync("bh-picker-menu", { key: 'bad9a6ccd2d992d55aaf840f6577059a31bdc6c4', disableApply: this.showFooter &&
+                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, hAsync("bh-date-range-picker-content", { key: 'b3d032daf9f96aac4bbc5b8fe1e2db1b0471c243', disabled: this.disabled, disabledDates: this.disabledDates, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleContentDateRangeSelect, showOtherMonthDays: this.showOtherMonthDays, value: this.tempSelection ??
                 this.stateManager?.committedValue ??
-                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: '081ad2c1b95563cf2e5294e1cb6c81f7f18e758d', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: '64e045d33992875e0cab607c3cab50da6e43856f', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{
@@ -36499,10 +37003,10 @@ class BhDateRangePickerContent {
         }
     };
     render() {
-        return (hAsync(Host, { key: '83406ca8d961544fdb90d1a60cf8f7bfe7969f57' }, hAsync("div", { key: '9dd600c143f12bb0c2a0b8dbb138fa4c4ac16418', class: {
+        return (hAsync(Host, { key: '2873c8e1502ca19ee5025f38d0b36afc6a370e02' }, hAsync("div", { key: '76fa3f6d28afe10a23092da5adf0d651f4115d62', class: {
                 "date-range-picker-content": true,
                 "has-sidebar": this.showPresetSidebar,
-            }, part: "container" }, this.showPresetSidebar && (hAsync("div", { key: 'c8f99fdf67cbf60a6949f8e5426287c83880204b', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (hAsync("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), hAsync("div", { key: '872076178cabc77f7778dba96e8531c59ddb5f9a', class: "date-range-main" }, this.showDateInputs && (hAsync("div", { key: '1d2daec50e8b6140bbd720608fc207b203e67dd2', class: "date-range-inputs", part: "date-inputs" }, hAsync("bh-input-text", { key: '2fb6bc4fc5c44010bf7286fe525577d579484796', placeholder: resolveI18n("bh-date-range-picker-content", "startDatePlaceholder", this.startDatePlaceholder, "Start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.startDate ?? null) }), hAsync("span", { key: '6f41761ba7e76a2bd0d23a1b98597e22477ac7dc', class: "date-range-separator" }, "\u2013"), hAsync("bh-input-text", { key: 'b3576664753f7b532fded82ac546062e27fb9ef6', placeholder: resolveI18n("bh-date-range-picker-content", "endDatePlaceholder", this.endDatePlaceholder, "End date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.endDate ?? null) }))), this.showPresetRanges && (hAsync("div", { key: '0e7ccbe09b938582346326fdff6546f7e205ea02', class: "preset-ranges", part: "preset-ranges" }, hAsync("bh-button", { key: '38038a0c24f975cadacdb8b1e77b46efaa1b6900', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), hAsync("bh-button", { key: '25d56e0924312dec6e1638bca9506dea1d296baf', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), hAsync("bh-button", { key: '5c05b492d23235af1330b75dae431ecd33dfc873', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), hAsync("div", { key: '2eed38e2dd601981cb3ce6293e975c6acc06b8d1', class: "date-pickers", part: "date-pickers" }, hAsync("div", { key: 'd7360784077dcf67dc3e7258c46af724643e668d', class: "left-picker", part: "left-picker" }, hAsync("bh-date-picker-content", { key: '31f2174637bad08111ebeb865697266c4bdb3d1d', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.leftMonth, displayYear: this.leftYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleLeftDateSelect, onBhMonthChange: this.handleLeftMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })), hAsync("div", { key: '9dd3247ea825d3894052308bf999a65f7b8ad97d', class: "right-picker", part: "right-picker" }, hAsync("bh-date-picker-content", { key: '07113da5e53989d1f79e2b70a62745f0b099fc13', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.rightMonth, displayYear: this.rightYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleRightDateSelect, onBhMonthChange: this.handleRightMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })))))));
+            }, part: "container" }, this.showPresetSidebar && (hAsync("div", { key: '807fb5e9d659943c371f11858bb5f8ff2ad6b763', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (hAsync("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), hAsync("div", { key: '6c537ad636a758e3464bea0a0dc8f9ff49568e61', class: "date-range-main" }, this.showDateInputs && (hAsync("div", { key: '6c82c5fdd67aed508da0e8f2c115301f47c0fbc2', class: "date-range-inputs", part: "date-inputs" }, hAsync("bh-input-text", { key: '4a0a345a8ac4579fc288cb25ba3be85f0d7daf7a', placeholder: resolveI18n("bh-date-range-picker-content", "startDatePlaceholder", this.startDatePlaceholder, "Start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.startDate ?? null) }), hAsync("span", { key: '89337f017a0190e3b5352f2bc3466bc0cca98091', class: "date-range-separator" }, "\u2013"), hAsync("bh-input-text", { key: '45697ddc84b7b84ff1f8dc6169f11a4f000121d5', placeholder: resolveI18n("bh-date-range-picker-content", "endDatePlaceholder", this.endDatePlaceholder, "End date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.endDate ?? null) }))), this.showPresetRanges && (hAsync("div", { key: 'c6b2de889965088cbdde0c4e6ee6ee916895705a', class: "preset-ranges", part: "preset-ranges" }, hAsync("bh-button", { key: '2c0162a46e7242f60194a301494374ead966ab62', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), hAsync("bh-button", { key: '2524509e8026649c62276a1109c159f16e6bf48f', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), hAsync("bh-button", { key: 'e1bb42043248316008271fbf6d8a3c5c0342ce72', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), hAsync("div", { key: '0f23d9455df550d6e10ca31c54138aa1c46d5432', class: "date-pickers", part: "date-pickers" }, hAsync("div", { key: '9ddef93db31778e910f3dc2a33930f68d342702c', class: "left-picker", part: "left-picker" }, hAsync("bh-date-picker-content", { key: '91d9bd5c0693972525431db8bef04095dc493cf8', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.leftMonth, displayYear: this.leftYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleLeftDateSelect, onBhMonthChange: this.handleLeftMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })), hAsync("div", { key: 'b73d3c8ab9463ea43d86dbe4102f77b3bd66ea42', class: "right-picker", part: "right-picker" }, hAsync("bh-date-picker-content", { key: 'd17c3ec80cf8bf7b7ad4c80dd523308e5824c21a', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.rightMonth, displayYear: this.rightYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleRightDateSelect, onBhMonthChange: this.handleRightMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })))))));
     }
     static get watchers() { return {
         "value": [{
@@ -36563,7 +37067,7 @@ class BhDivider {
         reportComponentError(COMPONENT_NAME$g, error);
     }
     render() {
-        return (hAsync(Host, { key: 'dd57ce1e17ad8ee98d58824627dbeb4f7866f07e', "aria-orientation": this.orientation, class: {
+        return (hAsync(Host, { key: '1bf1c6b73adbc8720bcb06c2fe04a1c2b118093e', "aria-orientation": this.orientation, class: {
                 divider: true,
                 [`divider-${this.orientation}`]: true,
                 [`divider-spacing-${this.spacing}`]: this.spacing !== "none",
@@ -36654,6 +37158,10 @@ class BhDropdown {
      * Avatar alt text
      */
     avatarAlt = "Avatar";
+    /**
+     * Initials shown when no avatar image is set (avatar variant)
+     */
+    avatarInitials = "";
     /**
      * Avatar size for avatar variant
      */
@@ -37005,7 +37513,11 @@ class BhDropdown {
                         e.stopPropagation();
                         this.toggleDropdown();
                     }
-                }, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "button", tabindex: this.disabled ? -1 : 0 }, hAsync("bh-avatar", { alt: resolveI18n("bh-dropdown", "avatarAlt", this.avatarAlt, "Avatar"), imageSrc: this.avatarSrc || undefined, size: this.avatarSize, variant: this.avatarSrc ? "image" : "placeholder" }))), this.searchable && this.isOpen && (hAsync("div", { class: "dropdown-search", part: "search" }, hAsync("bh-input-text", { onInput: (e) => {
+                }, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "button", tabindex: this.disabled ? -1 : 0 }, hAsync("bh-avatar", { alt: resolveI18n("bh-dropdown", "avatarAlt", this.avatarAlt, "Avatar"), imageSrc: this.avatarSrc || undefined, size: this.avatarSize, text: this.avatarInitials, variant: this.avatarSrc
+                    ? "image"
+                    : this.avatarInitials
+                        ? "text"
+                        : "placeholder" }))), this.searchable && this.isOpen && (hAsync("div", { class: "dropdown-search", part: "search" }, hAsync("bh-input-text", { onInput: (e) => {
                     const detail = e.detail;
                     this.searchTerm = detail;
                     this.handleSearch(detail);
@@ -37036,6 +37548,7 @@ class BhDropdown {
             "header": [1],
             "avatarSrc": [1, "avatar-src"],
             "avatarAlt": [1, "avatar-alt"],
+            "avatarInitials": [1, "avatar-initials"],
             "avatarSize": [1, "avatar-size"],
             "avatarName": [1, "avatar-name"],
             "avatarEmail": [1, "avatar-email"],
@@ -37085,7 +37598,7 @@ class BhDropdownMenu {
         }
     };
     render() {
-        return (hAsync("bh-menu", { key: 'b7f281949853ec6c941d217d94b8591a9f080f0a', animated: true, header: this.header, menuItems: this.menuItems, onBhItemClick: this.handleItemClick, orientation: "vertical", scrollable: this.scrollable, showIcons: this.showIcons, visible: this.visible }));
+        return (hAsync("bh-menu", { key: '97a005e59e4f13047cbeb348e375dc7f8e9e9ada', animated: true, header: this.header, menuItems: this.menuItems, onBhItemClick: this.handleItemClick, orientation: "vertical", scrollable: this.scrollable, showIcons: this.showIcons, visible: this.visible }));
     }
     static get style() { return bhDropdownMenuCss(); }
     static get cmpMeta() { return {
@@ -37166,7 +37679,7 @@ class BhEmojiPicker {
         this.bhEmojiSelect.emit(config);
     };
     render() {
-        return (hAsync(Host, { key: 'd6343e29333f7cd1bdb8259a085642003d22105c' }, hAsync("div", { key: '3e814de43d52658261f4523b8466a97bdce15c53', "aria-label": "Reaction picker", class: "emoji-picker", part: "panel", role: "dialog" }, hAsync("div", { key: '6a71d81eb3fa0b084b4bf21a4b7152ada971d64b', class: "emoji-list" }, this.emojis.map((config) => (hAsync("button", { "aria-label": config.name, class: "emoji-btn", key: config.shortcode, onClick: () => this.handleEmojiClick(config), part: "emoji-button", type: "button" }, hAsync("span", { "aria-hidden": "true", class: "emoji" }, config.emoji))))))));
+        return (hAsync(Host, { key: '3d8b02cfd9dfb632c24e47bc8dbf1bda1b630d87' }, hAsync("div", { key: '897f40b7c4065911ab01a2e7020ad77a8885b8d6', "aria-label": "Reaction picker", class: "emoji-picker", part: "panel", role: "dialog" }, hAsync("div", { key: '67e36ffa0468550ecfb074047a63b90044af0e6d', class: "emoji-list" }, this.emojis.map((config) => (hAsync("button", { "aria-label": config.name, class: "emoji-btn", key: config.shortcode, onClick: () => this.handleEmojiClick(config), part: "emoji-button", type: "button" }, hAsync("span", { "aria-hidden": "true", class: "emoji" }, config.emoji))))))));
     }
     static get watchers() { return {
         "open": [{
@@ -37289,7 +37802,7 @@ class BhEmptyState {
     render() {
         const dimensions = this.getIllustrationDimensions();
         const hasActions = this.primaryActionText || this.secondaryActionText;
-        return (hAsync(Host, { key: '5dc8156cb58ce7cfe498d6c26710d3b5557b9c15' }, hAsync("div", { key: '88d105372e4fd54b1f0afbb779446c2663fba1d9', class: "empty-state", part: "container", style: { maxWidth: this.safeMaxWidth } }, hAsync("div", { key: '64a4bfa4e09456b9e4b29462e1ce3ff814b140b4', class: "empty-state-content" }, this.illustrationPath && (hAsync("div", { key: 'c14b72aa91753c3bfb7c470bb738083744271113', class: "empty-state-illustration" }, hAsync("img", { key: '4285215f3dd316b00710d8fdee7c888b3e74c46a', alt: "Empty state illustration", src: this.illustrationPath, style: { width: dimensions.width, height: dimensions.height } }))), hAsync("div", { key: '7c9b1f7b08348fc5788256cfa3bb5fe33b28c484', class: "empty-state-text" }, hAsync("h3", { key: 'd495acd4474bfd8eca99c40d512ac0ca6df32453', class: "empty-state-title" }, resolveI18n("bh-empty-state", "emptyTitle", this.emptyTitle, "No items found")), hAsync("p", { key: '1b46feccbb5fe9421fbda1a45e1116d49b430c37', class: "empty-state-description" }, resolveI18n("bh-empty-state", "description", this.description, "There are no items to display at the moment.")))), hasActions && (hAsync("div", { key: '9ad49d3f3c306c7537729d418aa7ee0e8c307a01', class: "empty-state-actions" }, this.secondaryActionText && (hAsync("bh-button", { key: '1194d0ecb49a87267ef90aafe304a7cab2deb1b4', hierarchy: "secondary", icon: this.secondaryActionIcon ? "leading" : "none", iconName: this.secondaryActionIcon, label: this.secondaryActionText, onBhClick: this.handleSecondaryAction, size: "md" })), this.primaryActionText && (hAsync("bh-button", { key: '6324bcc3c76fac18886c0304fd326125bd9ed30a', hierarchy: "primary", icon: this.primaryActionIcon ? "leading" : "none", iconName: this.primaryActionIcon, label: this.primaryActionText, onBhClick: this.handlePrimaryAction, size: "md" })))))));
+        return (hAsync(Host, { key: '57930763a4c3ba2b353ba5f05e59ee5baf992553' }, hAsync("div", { key: '53794864da2883ea8571101fb0e9e4964db5c75c', class: "empty-state", part: "container", style: { maxWidth: this.safeMaxWidth } }, hAsync("div", { key: '5e690ac0ed6de13d5a3936f85b2462155910de9d', class: "empty-state-content" }, this.illustrationPath && (hAsync("div", { key: '556cd00dfa89a33a786964bbe0d8015e2b51ca53', class: "empty-state-illustration" }, hAsync("img", { key: 'c2102298c71b2b15b9517a81ce3966987aa9b974', alt: "Empty state illustration", src: this.illustrationPath, style: { width: dimensions.width, height: dimensions.height } }))), hAsync("div", { key: '720e5856e702ffde310fce1f92e334712502b52b', class: "empty-state-text" }, hAsync("h3", { key: '33c746c9fecfc80562aa1a513913c120f82eebda', class: "empty-state-title" }, resolveI18n("bh-empty-state", "emptyTitle", this.emptyTitle, "No items found")), hAsync("p", { key: '90140e2119b98ae865ed8f27ceb3400bb5d72e3b', class: "empty-state-description" }, resolveI18n("bh-empty-state", "description", this.description, "There are no items to display at the moment.")))), hasActions && (hAsync("div", { key: 'fb7d85c1d88567438f6c7b91b67a0eb4082cd8d4', class: "empty-state-actions" }, this.secondaryActionText && (hAsync("bh-button", { key: '67b02cb3407f4fb610fb1fdd02c6d23ed491722c', hierarchy: "secondary", icon: this.secondaryActionIcon ? "leading" : "none", iconName: this.secondaryActionIcon, label: this.secondaryActionText, onBhClick: this.handleSecondaryAction, size: "md" })), this.primaryActionText && (hAsync("bh-button", { key: '227959bfa5b4d013f08ee638b5a72244540336b8', hierarchy: "primary", icon: this.primaryActionIcon ? "leading" : "none", iconName: this.primaryActionIcon, label: this.primaryActionText, onBhClick: this.handlePrimaryAction, size: "md" })))))));
     }
     static get style() { return bhEmptyStateCss(); }
     static get cmpMeta() { return {
@@ -37334,11 +37847,11 @@ class BhFab {
         this.bhClick.emit();
     };
     render() {
-        return (hAsync("button", { key: '480eea58dc702214faf7771276a809648ca6e0c8', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, class: {
+        return (hAsync("button", { key: '8c17cd53a08c3fc2e2b4717fac888dd86a9b75e4', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, class: {
                 fab: true,
                 [`fab-${this.size}`]: true,
                 "fab-disabled": this.disabled,
-            }, disabled: this.disabled, onClick: this.handleClick, part: "button", type: "button" }, hAsync("span", { key: 'e0764502810c947886ce0144c2c7b62956e9df14', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
+            }, disabled: this.disabled, onClick: this.handleClick, part: "button", type: "button" }, hAsync("span", { key: '1d3996d1272bb4cd46a8760e5217d9f5a14b12d3', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
     }
     static get style() { return bhFabCss(); }
     static get cmpMeta() { return {
@@ -37402,7 +37915,7 @@ class BhFeaturedIcon {
         };
         const iconClasses = `material-symbols-outlined icon-${this.size}`;
         const hasAriaLabel = Boolean(this.ariaLabel);
-        return (hAsync(Host, { key: 'c9775155b67803394172c524065be3414cbd8f64', "aria-hidden": hasAriaLabel ? undefined : "true", "aria-label": this.ariaLabel, role: hasAriaLabel ? "img" : "presentation" }, hAsync("div", { key: '30c1197525ca2cc2829fa34ddb633d071f03c607', class: containerClasses, part: "container" }, hAsync("span", { key: 'f76bd358a84dd3d828337859cb326f4aba409019', "aria-hidden": "true", class: iconClasses }, this.icon))));
+        return (hAsync(Host, { key: '6613175199aa85ed857ec5038d6897b3c5321df0', "aria-hidden": hasAriaLabel ? undefined : "true", "aria-label": this.ariaLabel, role: hasAriaLabel ? "img" : "presentation" }, hAsync("div", { key: 'b73a674d59efd182ed8032c61d8ebc7c9c80b00e', class: containerClasses, part: "container" }, hAsync("span", { key: '9fc74b7af1bf56aa1c0fc1832847d9f93a70fac0', "aria-hidden": "true", class: iconClasses }, this.icon))));
     }
     static get style() { return bhFeaturedIconCss(); }
     static get cmpMeta() { return {
@@ -37421,7 +37934,7 @@ class BhFeaturedIcon {
     }; }
 }
 
-const bhFeedItemCss = () => `@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-feed-item-author-color:var(--color-text-secondary);--bh-feed-item-timestamp-color:var(--color-text-tertiary);--bh-feed-item-text-color:var(--color-text-tertiary);--bh-feed-item-connector-color:var(--color-border-secondary);--bh-feed-item-connector-width:2px;--bh-feed-item-bubble-border:var(--color-border-secondary);--bh-feed-item-bubble-shadow:var(--shadow-xs)}}@layer bh-base{.feed-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;width:100%}.feed-item-avatar-col{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.feed-item-avatar-col-connector{align-self:stretch;padding-bottom:var(--spacing-xs)}.feed-item-avatar{flex-shrink:0}.feed-item-connector{flex:1;width:var(--bh-feed-item-connector-width);min-height:1px;background:var(--bh-feed-item-connector-color);border-radius:var(--spacing-xxs)}.feed-item-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:1px;gap:var(--spacing-lg)}.feed-item-content-with-connector{padding-bottom:var(--spacing-4xl)}.feed-item-content-no-supporting{gap:0}.feed-item-header{display:flex;flex-direction:column;gap:0;width:100%}.feed-item-meta{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.feed-item-author{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-feed-item-author-color);flex-shrink:0}.feed-item-timestamp{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line);color:var(--bh-feed-item-timestamp-color);flex-shrink:0}.feed-item-text{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-feed-item-text-color);width:100%;word-wrap:break-word}.feed-item-supporting{width:100%}.feed-item-dot{flex-shrink:0;display:flex;align-items:flex-start;padding-top:var(--spacing-xs)}}@layer bh-variants{.feed-item-sm .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.feed-item-md .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.feed-item-supporting-text ::slotted(*){border:1px solid var(--bh-feed-item-bubble-border);border-radius:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding:var(--spacing-lg);box-shadow:var(--bh-feed-item-bubble-shadow);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.feed-item-supporting-file ::slotted(*){display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.feed-item-supporting-labels ::slotted(*){display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}}@layer bh-states{.feed-item{cursor:pointer}}`;
+const bhFeedItemCss = () => `@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-feed-item-author-color:var(--color-text-primary);--bh-feed-item-timestamp-color:var(--color-text-tertiary);--bh-feed-item-text-color:var(--color-text-secondary);--bh-feed-item-connector-color:var(--color-border-secondary);--bh-feed-item-connector-width:2px;--bh-feed-item-bubble-border:var(--color-border-secondary);--bh-feed-item-bubble-shadow:var(--shadow-xs)}}@layer bh-base{.feed-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;width:100%}.feed-item-avatar-col{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.feed-item-icon-col{display:flex;align-items:flex-start;flex-shrink:0}.feed-item-avatar-col-connector{align-self:stretch;padding-bottom:var(--spacing-xs)}.feed-item-avatar{flex-shrink:0}.feed-item-connector{flex:1;width:var(--bh-feed-item-connector-width);min-height:1px;background:var(--bh-feed-item-connector-color);border-radius:var(--spacing-xxs)}.feed-item-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:1px;gap:var(--spacing-lg)}.feed-item-content-with-connector{padding-bottom:var(--spacing-4xl)}.feed-item-content-no-supporting{gap:0}.feed-item-header{display:flex;flex-direction:column;gap:0;width:100%}.feed-item-meta{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.feed-item-author{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-feed-item-author-color);flex-shrink:0}.feed-item-timestamp{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line);color:var(--bh-feed-item-timestamp-color);flex-shrink:0}.feed-item-text{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-feed-item-text-color);width:100%;word-wrap:break-word}.feed-item-supporting{width:100%}.feed-item-dot{flex-shrink:0;display:flex;align-items:flex-start;padding-top:var(--spacing-xs)}}@layer bh-variants{.feed-item-sm .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.feed-item-md .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.feed-item-supporting-text ::slotted(*){border:1px solid var(--bh-feed-item-bubble-border);border-radius:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding:var(--spacing-lg);box-shadow:var(--bh-feed-item-bubble-shadow);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.feed-item-supporting-file ::slotted(*){display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.feed-item-supporting-labels ::slotted(*){display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}}@layer bh-states{.feed-item{cursor:pointer}}`;
 
 const COMPONENT_NAME$e = "bh-feed-item";
 class BhFeedItem {
@@ -37450,6 +37963,21 @@ class BhFeedItem {
     showSubtext = true;
     /** Type of supporting content below the main text */
     supportingContent = "none";
+    /**
+     * Item flavor: "user" renders the avatar/author column; "system" is a
+     * sender-less message (notifications, audit events) with an optional
+     * icon column instead.
+     */
+    variant = "user";
+    /** Material Symbols icon shown in place of the avatar (system variant) */
+    icon;
+    /**
+     * 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;
     /** Emitted when the feed item is clicked */
     bhClick;
     componentDidCatch(error) {
@@ -37479,17 +38007,21 @@ class BhFeedItem {
     };
     render() {
         const hasSupportingContent = this.supportingContent !== "none";
-        return (hAsync(Host, { key: 'b90caf4c75fef1ab615bda094016c1fd5ba29812' }, hAsync("div", { key: 'a535bafddd713398036ac9da7716ac6107dbe108', "aria-label": this.author ? `Feed item from ${this.author}` : "Feed item", class: {
+        return (hAsync(Host, { key: 'c236a43e36605b1769858667ff7046ca659dbf8a' }, hAsync("div", { key: 'b3bbc51636b33ab2db63bc3ae049ec683d344159', "aria-label": this.variant === "system"
+                ? this.itemTitle || "Notification"
+                : this.author
+                    ? `Feed item from ${this.author}`
+                    : "Feed item", class: {
                 "feed-item": true,
                 [`feed-item-${this.size}`]: true,
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown, part: "container", role: "article", tabindex: 0 }, hAsync("div", { key: '1976f6ace3606b2ff37e0c9cdd929e4da5d70e50', class: {
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown, part: "container", role: "article", tabindex: 0 }, this.variant === "system" ? (this.icon && (hAsync("div", { class: "feed-item-icon-col", part: "icon-column" }, hAsync("bh-featured-icon", { class: "feed-item-icon", color: "brand", icon: this.icon, part: "icon", size: this.size === "sm" ? "sm" : "md" })))) : (hAsync("div", { class: {
                 "feed-item-avatar-col": true,
                 "feed-item-avatar-col-connector": this.showConnector,
-            }, part: "avatar-column" }, hAsync("div", { key: '9c2f426c1e013160b469c39cf56fd1ee6db764dc', class: "feed-item-avatar", part: "avatar" }, hAsync("slot", { key: '2f7ebfb7a3bc6a0a7610d3fd5cb83b98d36e6f03', name: "avatar" }, this.author && (hAsync("bh-avatar", { key: '1770b66c67b2bad16d123ad11d2dc27266467e98', size: this.size === "sm" ? "sm" : "md", text: this.getInitials(), variant: "text" })))), this.showConnector && (hAsync("div", { key: '812785ca1fb16f8ee63a75b0c75e72844a70180c', class: "feed-item-connector", part: "connector" }))), hAsync("div", { key: '443b65ef58166c54bc89be79ae2bb30781c3b60b', class: {
+            }, part: "avatar-column" }, hAsync("div", { class: "feed-item-avatar", part: "avatar" }, hAsync("slot", { name: "avatar" }, this.author && (hAsync("bh-avatar", { size: this.size === "sm" ? "sm" : "md", text: this.getInitials(), variant: "text" })))), this.showConnector && (hAsync("div", { class: "feed-item-connector", part: "connector" })))), hAsync("div", { key: '45bf8238ad5b012d7cb66127e5b519c56a28fbd0', class: {
                 "feed-item-content": true,
                 "feed-item-content-with-connector": this.showConnector && hasSupportingContent,
                 "feed-item-content-no-supporting": !hasSupportingContent,
-            }, part: "content" }, hAsync("div", { key: '9e2e11e476998b8f719282a4b2caef8a55c26d58', class: "feed-item-header", part: "header" }, hAsync("div", { key: '4736041fbc695e7bad409a845dbfb9477a0f4e30', class: "feed-item-meta", part: "meta" }, this.author && (hAsync("span", { key: 'e1c05f59089e587acf500565080d5e5cc4f196d8', class: "feed-item-author", part: "author" }, this.author)), this.showSubtext && this.timestamp && (hAsync("span", { key: '0fca6bc4d89e9db4591d4b16bcb525a95f7bbe48', class: "feed-item-timestamp", part: "timestamp" }, this.timestamp))), hAsync("div", { key: '10ea3a4cc6e75c3c858b5b5b038f77aa0ead9449', class: "feed-item-text", part: "text" }, hAsync("slot", { key: '9edc74ad9faa11e688c7be833641233b890aa390' }, this.content))), hasSupportingContent && (hAsync("div", { key: '4cbec6bb4b7c90f0b96a256976c4369f15ef2221', class: `feed-item-supporting feed-item-supporting-${this.supportingContent}`, part: "supporting" }, hAsync("slot", { key: 'cf86277a6fcf15912ea70caf7911b9b904504d87', name: "supporting" })))), this.showDot && (hAsync("div", { key: '4bfe5337e93e2d169b8386f402a242ad84b1d8f2', class: "feed-item-dot", part: "dot" }, hAsync("bh-badge-dot", { key: '1e475fc106766b70cb1cf83ec763fe16a10ba7d0', color: "success", size: this.size }))))));
+            }, part: "content" }, hAsync("div", { key: 'bc295befb3b4c2d1596499c1e4611c4f7d8eb959', class: "feed-item-header", part: "header" }, hAsync("div", { key: '7c2253540cae0b97cb205fe1753c5dbaaa3b5e83', class: "feed-item-meta", part: "meta" }, (this.itemTitle || this.author) && (hAsync("span", { key: '16990d09e3e477031180420c53d56fa9093a4397', class: "feed-item-author", part: "author" }, this.itemTitle || this.author)), this.showSubtext && this.timestamp && (hAsync("span", { key: '7c31c0e8e80d85c12351ec061d88a0e3a5238296', class: "feed-item-timestamp", part: "timestamp" }, this.timestamp))), hAsync("div", { key: '70f12d1eb6c8af4e2a421859e631b7c073d721fd', class: "feed-item-text", part: "text" }, hAsync("slot", { key: '064ca607229d49a25477d9166abc6ecd515d8213' }, this.content))), hasSupportingContent && (hAsync("div", { key: '8c334fcf61af0f2084b85ea3ab960f3d8740246b', class: `feed-item-supporting feed-item-supporting-${this.supportingContent}`, part: "supporting" }, hAsync("slot", { key: 'c2e97890f6b6787c72c522c4c8af4fa88be3715e', name: "supporting" })))), this.showDot && (hAsync("div", { key: 'fc40de69cc7312dd15f103f606e0797bfb1de003', class: "feed-item-dot", part: "dot" }, hAsync("bh-badge-dot", { key: 'e7a4fde08499915ffee1a2b6145fbcf7176168f1', color: "success", size: this.size }))))));
     }
     static get style() { return bhFeedItemCss(); }
     static get cmpMeta() { return {
@@ -37503,11 +38035,14 @@ class BhFeedItem {
             "showConnector": [4, "show-connector"],
             "showDot": [4, "show-dot"],
             "showSubtext": [4, "show-subtext"],
-            "supportingContent": [1, "supporting-content"]
+            "supportingContent": [1, "supporting-content"],
+            "variant": [513],
+            "icon": [1],
+            "itemTitle": [1, "item-title"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["size", "size"]]
+        "$attrsToReflect$": [["size", "size"], ["variant", "variant"]]
     }; }
 }
 
@@ -37639,10 +38174,10 @@ class BhGaugeChart {
         const valuePath = percentage > 0
             ? this.createArc(center, center, radius, this.startAngle, valueEndAngle)
             : "";
-        return (hAsync(Host, { key: 'fcf2f2c00bdd3f020c38a69927c28178bde3339d' }, hAsync("div", { key: '1d6679e08f04a982e17c0ce2142957f00937e82a', "aria-label": this.getComputedAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
+        return (hAsync(Host, { key: '08cac2c567cfbf6189396c13ed63b0c0cecf4966' }, hAsync("div", { key: '39648c460dfe98461eddfa96147adc74f5d8bbf2', "aria-label": this.getComputedAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
                 "gauge-chart-container": true,
                 "gauge-chart-animated": this.animated,
-            }, onClick: this.handleClick, part: "container", role: "meter" }, hAsync("div", { key: '26349aadff8e05e4c07da378e584d5ce4c03d1e0', class: "gauge-svg-wrapper", style: { width: `${this.size}px`, height: `${this.size}px` } }, hAsync("svg", { key: 'eeb94ad2127141d0ae7118a84068e77cd537d4ff', class: "gauge-svg", height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, hAsync("path", { key: '196f43a3b8e3fea83ab4ccddbb19018541744041', class: "gauge-track", d: trackPath, fill: "none", stroke: this.trackColor, "stroke-linecap": "round", "stroke-width": this.strokeWidth }), valuePath && (hAsync("path", { key: 'e72e3168ad0efd4db34a3433dff99e0c560c3aa2', class: "gauge-fill", d: valuePath, fill: "none", stroke: this.color, "stroke-linecap": "round", "stroke-width": this.strokeWidth }))), hAsync("div", { key: '1bfe7abd7c55c40d5845f62807e56a9ff3798724', class: "gauge-center-text", part: "center-text" }, hAsync("span", { key: 'e0f253bec25ae3a53bac8a352bc090c14e807609', class: "gauge-value" }, displayValue))), this.chartTitle && (hAsync("div", { key: '8c284d9ea7afd45c820c2e6d478e2143c3bb2846', class: "gauge-title", part: "title" }, this.chartTitle)), this.description && (hAsync("div", { key: '9aaaeebd64475490be5167b62bf1817b74b3f4ba', class: "gauge-description", part: "description" }, this.description)))));
+            }, onClick: this.handleClick, part: "container", role: "meter" }, hAsync("div", { key: '14831d7460d19f814cae15b9527149d270a0d880', class: "gauge-svg-wrapper", style: { width: `${this.size}px`, height: `${this.size}px` } }, hAsync("svg", { key: 'd33792f43acc78b65df4a4c5a2c986b6f95e45c4', class: "gauge-svg", height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, hAsync("path", { key: '5a847a1002d4c683aec3622f24a7ee72896a2b72', class: "gauge-track", d: trackPath, fill: "none", stroke: this.trackColor, "stroke-linecap": "round", "stroke-width": this.strokeWidth }), valuePath && (hAsync("path", { key: '4e0ff2fd972877df2bfa6a4180efbbca9dec87b9', class: "gauge-fill", d: valuePath, fill: "none", stroke: this.color, "stroke-linecap": "round", "stroke-width": this.strokeWidth }))), hAsync("div", { key: 'd20b04ba88da9acc2e3c20c7d571be848f17894a', class: "gauge-center-text", part: "center-text" }, hAsync("span", { key: 'd9aa3e7755a275dd807e4e4d17cb8311bb9490d0', class: "gauge-value" }, displayValue))), this.chartTitle && (hAsync("div", { key: 'c67aabbd140ea3171bbc8acd6ccfb953bc87d5ff', class: "gauge-title", part: "title" }, this.chartTitle)), this.description && (hAsync("div", { key: '3cecfe813eaac69f80a950633396c56d575a661a', class: "gauge-description", part: "description" }, this.description)))));
     }
     static get style() { return bhGaugeChartCss(); }
     static get cmpMeta() { return {
@@ -37754,7 +38289,7 @@ class BhGuidedChecklist {
     render() {
         const cfg = this.parsedConfig;
         const groups = this.parsedTaskGroups;
-        return (hAsync(Host, { key: '451ef1547207acdf126672c4d109549bafe7564e' }, hAsync("div", { key: '12c3edffe25242655d8ce8dc52de1ba4c07aeaa6', class: "checklist-trigger", onClick: this.handleTriggerClick }, hAsync("slot", { key: '01a6e60a1f1d3a63056c6155b08dce1e7a65588b', name: "trigger" }, hAsync("bh-fab", { key: '14cedb0464ea71b6a5e270986007c84a2c6d3cbd', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), hAsync("bh-side-panel", { key: '9363b7cf7d2e341d5a41ac9c1b0c8fa3cc2593df', closeOnEsc: true, onBhClose: this.handlePanelClose, overlay: this.overlay, panelTitle: cfg?.title ?? "Guided Checklist", placement: "bottom-right", style: { "--bh-panel-floating-margin": "24px 24px 88px 24px" }, variant: "floating", visible: this.open, width: "lg" }, hAsync("div", { key: 'a392758c11584364528a4e7ca506bc0e1834c1c3', class: "checklist-header", slot: "header" }, hAsync("div", { key: '7e0edac25d02848ea8adcaf84827b959d79207c2', class: "checklist-header-top" }, cfg?.logoSrc && (hAsync("img", { key: '9dde74fe3d0b7a440a5a469e3ab47fedfc7c7488', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), hAsync("bh-close-button", { key: 'a254886b2ec7544c649f161164d0473c615c3326', ariaLabel: "Close", onClick: this.handleClose })), cfg && (hAsync("div", { key: '60e57c86124aa9c3b2ab92fa9babb07bf7d612c7', class: "checklist-header-text" }, hAsync("h3", { key: '1ffa1a9f9a37ff8f001f0b305ce3ec443ef57201', class: "checklist-title" }, cfg.title), cfg.description && (hAsync("p", { key: 'a8cd35a5e61127fe13b574b9c3d10f89a967959c', class: "checklist-description" }, cfg.description))))), hAsync("div", { key: '1fd34d34b9de8219baddf18ef40e40926cf8b26a', class: "checklist-body" }, groups.map((group) => (hAsync("bh-checklist-task-group", { group: group, key: group.id })))))));
+        return (hAsync(Host, { key: 'b3e42363800c16ed240c69510ecbb72340a05b38' }, hAsync("div", { key: '895ebe00610726e090d8cfa385a5abe7742bbaab', class: "checklist-trigger", onClick: this.handleTriggerClick }, hAsync("slot", { key: 'c0bcc3d02febc501e179de50ec265c5586af90aa', name: "trigger" }, hAsync("bh-fab", { key: '9d594b3a47b99508d4c8227852f14b9515a8a1c8', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), hAsync("bh-side-panel", { key: '9f00737562b322e554ebc8ce41c746fa741329d2', closeOnEsc: true, onBhClose: this.handlePanelClose, overlay: this.overlay, panelTitle: cfg?.title ?? "Guided Checklist", placement: "bottom-right", style: { "--bh-panel-floating-margin": "24px 24px 88px 24px" }, variant: "floating", visible: this.open, width: "lg" }, hAsync("div", { key: '6305494cb28b5a01292058364d3ef94de45f036f', class: "checklist-header", slot: "header" }, hAsync("div", { key: '3a71ae78a97b041ce8dd7d4593f37e94932f4a11', class: "checklist-header-top" }, cfg?.logoSrc && (hAsync("img", { key: '0d48bf2f7114de0cd92b1cc4469d854fad216c70', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), hAsync("bh-close-button", { key: '592944ee008cfbaea86a5d6adf428295b72f42ea', ariaLabel: "Close", onClick: this.handleClose })), cfg && (hAsync("div", { key: 'c1ca068e102ec9ef4c4ea02a542072c6db3abfad', class: "checklist-header-text" }, hAsync("h3", { key: 'a2ff9d492f0cc465569cacf019d6f5cda628dc8b', class: "checklist-title" }, cfg.title), cfg.description && (hAsync("p", { key: '033d665a5ec70724f632c22359678fcea96c7b7a', class: "checklist-description" }, cfg.description))))), hAsync("div", { key: 'e2cfdcdede5b85a24a1ed32d3eee0b8cc413ad8a', class: "checklist-body" }, groups.map((group) => (hAsync("bh-checklist-task-group", { group: group, key: group.id })))))));
     }
     static get style() { return bhGuidedChecklistCss(); }
     static get cmpMeta() { return {
@@ -61529,12 +62064,12 @@ class BhHtmlEditor {
         };
         const showError = this.error && this.errorText;
         const showHelper = !showError && this.helperText;
-        return (hAsync(Host, { key: '8d37fae240ebd063f5746f3882621e236ac9c40d', "aria-disabled": this.disabled ? "true" : undefined }, hAsync("div", { key: 'f1a1a9c25c5c488bf7f6a9797f107ea6455d7027', class: "html-editor-wrapper", part: "container" }, this.label && (hAsync("bh-label", { key: 'c9fb79496f1ce25875b17da95a27052a91f0b50e', disabled: this.disabled, label: this.label, required: this.required })), hAsync("div", { key: '9289bbd421e07bf82c7a770e7d2f91f8a4370ee6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (hAsync("bh-html-editor-toolbar", { key: 'd0eea495e1e9dc106740a41a0374333e75a67807', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), hAsync("div", { key: '23612a2a643e7d2afb7287a9620ab1191934b90b', class: "editor-content-wrapper" }, hAsync("slot", { key: '116adf4402d28c85f2164308dbbaa869c97b15f4' })), this.showBubbleMenu &&
+        return (hAsync(Host, { key: 'cc7db6bcb3ee54ec8b51300253add1f2103cafca', "aria-disabled": this.disabled ? "true" : undefined }, hAsync("div", { key: 'e7d7fecf6995ff129e0a83d9d49bb302631b1163', class: "html-editor-wrapper", part: "container" }, this.label && (hAsync("bh-label", { key: '55aac8bafb2a71aa1a3590923f84eb7e76f53ee6', disabled: this.disabled, label: this.label, required: this.required })), hAsync("div", { key: '9203a40a1add1f8f6515b686ecc3e1a01a331ef6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (hAsync("bh-html-editor-toolbar", { key: '1750fdf1da50c78f877b772e68ad53899d5b7822', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), hAsync("div", { key: 'f7b06a770c0b3bc3074532403ee1a73df56eedde', class: "editor-content-wrapper" }, hAsync("slot", { key: 'a59754874577f86b587c25c507fd4de9b0ec2087' })), this.showBubbleMenu &&
             this.editorReady &&
             this.editor &&
             !this.readOnly &&
             !this.disabled &&
-            !this.selectionEmpty && (hAsync("bh-html-editor-bubble-menu", { key: 'd3d7eb2452f0cb16924fb281c7f5d7513fae3fdb', editor: this.editor, targetEl: this.contentEl }))), showHelper && (hAsync("div", { key: '7daa4506417c3e856450df8030b48df73d968655', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (hAsync("div", { key: '9325abb828f5576c26cad38283d7de9008a04161', class: "error-text", part: "error-text" }, this.errorText)))));
+            !this.selectionEmpty && (hAsync("bh-html-editor-bubble-menu", { key: '094de6ecd4366bbdef7187a1b880e38ff0d80a0c', editor: this.editor, targetEl: this.contentEl }))), showHelper && (hAsync("div", { key: 'b79c99aa7b817ba342b1409c94dedf74b65d2c4a', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (hAsync("div", { key: 'ec419bc000bc26d956f163b30705b8f8c88f2bcf', class: "error-text", part: "error-text" }, this.errorText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -61800,17 +62335,17 @@ class BhHtmlEditorBubbleMenu {
     };
     render() {
         const bubbleButtons = TOOLBAR_BUTTONS.filter((b) => BUBBLE_MENU_ACTIONS.includes(b.action));
-        return (hAsync(Host, { key: 'c2e4e9c44bd1b2608c955abc72ab762200d5ba0d' }, hAsync("div", { key: '135f0f1154ecef4d0920ca1ecdb1abbf1005f7a3', "aria-label": resolveI18n("bh-html-editor-bubble-menu", "ariaLabel", this.ariaLabel, "Text formatting"), class: {
+        return (hAsync(Host, { key: '930a76dd3b887abf2bdf9b97fff737cc4c88a68c' }, hAsync("div", { key: '875162d7eb90aa6fec2c167e72d6755d8e01f4b8', "aria-label": resolveI18n("bh-html-editor-bubble-menu", "ariaLabel", this.ariaLabel, "Text formatting"), class: {
                 "bubble-menu": true,
                 "bubble-menu-below": this.placeBelow,
                 "bubble-menu-visible": this.visible,
             }, onKeyDown: this.handleMenuKeyDown, part: "bubble-menu", role: "toolbar", style: {
                 left: `${this.posX}px`,
                 top: `${this.posY}px`,
-            }, tabIndex: this.visible ? 0 : -1 }, hAsync("div", { key: 'fd38d26290246967f737d0d8873879cb8c65367f', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (hAsync("button", { "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+            }, tabIndex: this.visible ? 0 : -1 }, hAsync("div", { key: '1e99daa2ba37aefd844b0060bb2e04b7472c0cde', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (hAsync("button", { "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
                 "bubble-btn": true,
                 "bubble-btn-active": this.activeStates[btn.action] ?? false,
-            }, key: btn.action, onClick: () => this.handleAction(btn.action), title: btn.label, type: "button" }, hAsync("span", { class: "material-symbols-outlined" }, btn.icon))))), hAsync("div", { key: 'f4b35a187de79e03d60374edb0f5040a6ea5284a', class: "bubble-arrow" }))));
+            }, key: btn.action, onClick: () => this.handleAction(btn.action), title: btn.label, type: "button" }, hAsync("span", { class: "material-symbols-outlined" }, btn.icon))))), hAsync("div", { key: 'c1f72ec97177e2c042e4b0070e1f54778d13c17d', class: "bubble-arrow" }))));
     }
     static get style() { return bhHtmlEditorBubbleMenuCss(); }
     static get cmpMeta() { return {
@@ -62024,7 +62559,7 @@ class BhHtmlEditorToolbar {
         this.focusedIndex = index;
     };
     render() {
-        return (hAsync(Host, { key: '2a8d708ded84177a835582dbb3749ec26cb0735a' }, hAsync("div", { key: 'a1cee86f34212eead146437ac3660eef8b66500a', "aria-label": resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, hAsync("div", { key: 'ebfd767071ca0e3c0e4c4fcb9cdca8818629d11b', class: "font-family-wrapper" }, hAsync("select", { key: 'ed9a7074aeaed5ac24673e4f0fa2e93aff11e677', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, FONT_FAMILIES.map((font) => (hAsync("option", { key: font, value: font }, font)))), hAsync("span", { key: 'e1a2a43ea7a90de68c8a4c12d767cfeeae133f0c', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), TOOLBAR_BUTTONS.map((btn, index) => (hAsync("button", { "aria-keyshortcuts": ARIA_KEY_SHORTCUTS[btn.action], "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+        return (hAsync(Host, { key: 'f96d1686ef816f98780f2fa6e8ee4c87df494f0b' }, hAsync("div", { key: 'd43361b08d09e66fd0f4e1e9413e9e1246b353c7', "aria-label": resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, hAsync("div", { key: '5f6e4246b44d70f4f0ab59a693fa8cec45995ed9', class: "font-family-wrapper" }, hAsync("select", { key: '13ef4e0e550148099166ea8eea00cc7f3eafbaad', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, FONT_FAMILIES.map((font) => (hAsync("option", { key: font, value: font }, font)))), hAsync("span", { key: '4afc2f74c62939ea7190b1cfde16d217fe55e706', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), TOOLBAR_BUTTONS.map((btn, index) => (hAsync("button", { "aria-keyshortcuts": ARIA_KEY_SHORTCUTS[btn.action], "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
                 "toolbar-btn": true,
                 "toolbar-btn-active": this.activeStates[btn.action] ?? false,
             }, disabled: this.disabled, key: btn.action, onClick: () => this.handleAction(btn.action), onFocus: () => this.handleButtonFocus(index), tabIndex: !this.disabled && index === this.focusedIndex ? 0 : -1, title: btn.label, type: "button" }, hAsync("span", { class: "material-symbols-outlined" }, btn.icon)))))));
@@ -62126,7 +62661,7 @@ class BhIllustrations {
             width: `${dimensions.width}px`,
             height: `${dimensions.height}px`,
         };
-        return (hAsync(Host, { key: 'ce8971d8005e0e56cb3b4e926ac314ce01a52609' }, hAsync("div", { key: '1161c55d15bac44619e2cd8f066f271efe446d85', class: `illustration illustration-${this.size}`, part: "container" }, hAsync("div", { key: '7532f98ddaf2d3de2d461b99a9feeee9f3237113', class: "illustration-wrapper", part: "wrapper" }, hAsync("div", { key: 'bf90b79032e54716eaf893fd975a932d577ac591', class: "illustration-svg-container", style: containerStyle }, hAsync("img", { key: '384fb24e213a259da4514182ad11bb1487ea83e3', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (hAsync("div", { key: '1a95af3e824761f5ebfecf819a6a50ed226034c8', class: "illustration-content" }, this.illustrationTitle && (hAsync("h3", { key: '2b2bffc6b3c9677f16e6b895653f2de62018637e', class: "illustration-title" }, this.illustrationTitle)), this.description && (hAsync("p", { key: '0b095662fa03462de6df87ac8d18d8e1fef504be', class: "illustration-description" }, this.description))))))));
+        return (hAsync(Host, { key: '01e0c2071c7edcedf2a6deacbf85173f9eb89a8a' }, hAsync("div", { key: 'b677d414e5d6b2891d84180168596d2f0a1426d9', class: `illustration illustration-${this.size}`, part: "container" }, hAsync("div", { key: '94fef0ba1d774bd5bfeff5a5a1aeae6fdedd3e50', class: "illustration-wrapper", part: "wrapper" }, hAsync("div", { key: '26e9469392a6617fee99e591424014f28be8a412', class: "illustration-svg-container", style: containerStyle }, hAsync("img", { key: '785ad9d7341c422b3d7de5fbcb716250d962ca45', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (hAsync("div", { key: 'b8e52fc58798fac04869c5939640a48b6b4ef894', class: "illustration-content" }, this.illustrationTitle && (hAsync("h3", { key: '89fc03034fa853566cd44e75485e28bf87343148', class: "illustration-title" }, this.illustrationTitle)), this.description && (hAsync("p", { key: 'c835428e2e347e4b8f34bc3bc2ee9ec0e5f96500', class: "illustration-description" }, this.description))))))));
     }
     static get style() { return bhIllustrationsCss(); }
     static get cmpMeta() { return {
@@ -62232,13 +62767,13 @@ class BhInlineCta {
     render() {
         const isImageType = this.type === "image";
         const isEmailType = this.type === "email-field";
-        return (hAsync(Host, { key: '0ecf6d0198dcb06a775596ac3a84012b554cd99f' }, hAsync("div", { key: '042d60a5538087b0b74efc24b67c237bd9702409', "aria-label": this.heading || "Call to action", class: {
+        return (hAsync(Host, { key: '544d60ca10d116650fba25c8406024dba2fbe460' }, hAsync("div", { key: '9a070345dcba5a5b586735cb989e7d9a4d36a481', "aria-label": this.heading || "Call to action", class: {
                 "inline-cta": true,
                 "inline-cta-dismissable": this.showDismiss,
                 [`inline-cta-${this.layout}`]: true,
                 [`inline-cta-type-${this.type}`]: true,
                 "inline-cta-with-media": isImageType && !!this.imageSrc,
-            }, part: "container", role: "region" }, isImageType && this.renderMedia(), hAsync("div", { key: '77717d1781068a3cf30ef4ce32d23e7101dd9caa', class: "inline-cta-content", part: "content" }, hAsync("div", { key: '1ae1e297c30a140f45c48bb0327766a1cbe526f2', class: "inline-cta-text", part: "text" }, this.heading && (hAsync("h3", { key: '0727909efae46c0c3d6c785d070fb7680e8acd2c', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (hAsync("p", { key: 'fff0a3a916f6957fe7b54306eccabd6417610757', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), hAsync("div", { key: '09b678401ae1166ae8654f4f813e181193fbd456', class: "inline-cta-body", part: "body" }, hAsync("slot", { key: '535f34901eac23bb7615e7d948b79376a7c71ad3' })), hAsync("div", { key: '5a1135d5fd845bf88d3a184bcf88e02912abff94', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, hAsync("slot", { key: '206a2b02b19bd4bc4ab6352f9ec174e7537188a2', name: "actions" }))), this.showDismiss && (hAsync("div", { key: '775f6f3e2df63a1619366432a99ef8d4ee17e039', class: "inline-cta-dismiss", part: "dismiss" }, hAsync("bh-close-button", { key: '6a1896643d85f1b1223c37999360428d2e6d9df6', ariaLabel: resolveI18n(COMPONENT_NAME$c, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
+            }, part: "container", role: "region" }, isImageType && this.renderMedia(), hAsync("div", { key: '9e37b22932ea2d71e806cb8662ea83ef5ddfed24', class: "inline-cta-content", part: "content" }, hAsync("div", { key: '003bb25e9dcd46c52f8ff93582eb5af5c7fd26cb', class: "inline-cta-text", part: "text" }, this.heading && (hAsync("h3", { key: 'd3e4a78ec40e6d7e3cf1842900ee237379ac2c42', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (hAsync("p", { key: '7e81e165c140e47b31dc5db9758a0e31d607fd24', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), hAsync("div", { key: '97fdb147b914df3c67b7b355fd611b892046f273', class: "inline-cta-body", part: "body" }, hAsync("slot", { key: '6b14c6c9cb9502db7fd3ac1f52af50758f715d62' })), hAsync("div", { key: 'decece4f213edf5c5788357338f06e64fd2ba5e9', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, hAsync("slot", { key: '0c0a5d8dca2495f9cecd1fbabe6da7019ebd61f4', name: "actions" }))), this.showDismiss && (hAsync("div", { key: 'a655f1ba46a0529f7cd2111704cd90a26dc41054', class: "inline-cta-dismiss", part: "dismiss" }, hAsync("bh-close-button", { key: 'ec49303e55319c01e45b8aa718d6c7963a8ae595', ariaLabel: resolveI18n(COMPONENT_NAME$c, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
     }
     static get style() { return bhInlineCtaCss(); }
     static get cmpMeta() { return {
@@ -62706,7 +63241,7 @@ class BhInputAutocomplete {
     };
     render() {
         const { tags, remaining } = this.visibleTags;
-        return (hAsync(Host, { key: '0f9850f06815fc6c90f1a9520b84e9549668b71a' }, hAsync("div", { key: '851f05c4be75e2e14ce430e25feac0951a9d8db3', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
+        return (hAsync(Host, { key: 'f082ab628b77d4a8e8b17a3e86532f5e40ed4ca9' }, hAsync("div", { key: '087b23a67b7cb2c142e3cfc6e390cceb693f1d8d', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
         // Multi-select input with flowing tags
         hAsync("div", { class: "input-wrapper", part: "input-wrapper" }, hAsync("bh-label", { disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-autocomplete", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: () => this.bhHelpClick.emit(), required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { class: {
                 "input-field": true,
@@ -62732,9 +63267,9 @@ class BhInputAutocomplete {
                 else {
                     this.showDropdown = false;
                 }
-            }, placeholder: this.placeholder, required: this.required, showHelpIcon: this.showHelpIcon, showHintText: this.showHintText, showLabel: this.showLabel, showLeadingIcon: this.showLeadingIcon, size: this.size, state: this.getInputTextState(), value: this.value, width: "100%" })), hAsync("div", { key: '07d68f7c9bd66cf8ba3a13e9aa8e683753012795', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", role: "status" }, this.showDropdown && this.filteredOptions.length > 0
+            }, placeholder: this.placeholder, required: this.required, showHelpIcon: this.showHelpIcon, showHintText: this.showHintText, showLabel: this.showLabel, showLeadingIcon: this.showLeadingIcon, size: this.size, state: this.getInputTextState(), value: this.value, width: "100%" })), hAsync("div", { key: '8fd462436dee004f672d2a2eb7c5685be421113c', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", role: "status" }, this.showDropdown && this.filteredOptions.length > 0
             ? `${this.filteredOptions.length} result${this.filteredOptions.length === 1 ? "" : "s"} available`
-            : ""), hAsync("bh-autocomplete-menu", { key: '88e1a14561a8467d3ffcbd04abc24f382412a59b', listboxId: this.listboxId, menuId: this.menuId, menuItems: this.filteredOptions, multiSelect: this.multiSelect, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover, popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.autocompleteMenuEl = el), searchQuery: this.value, selectedIndex: this.focusedOptionIndex, visible: this.showDropdown }))));
+            : ""), hAsync("bh-autocomplete-menu", { key: '9b7adf1092069ae8f67989ee5fbc421880c5a003', listboxId: this.listboxId, menuId: this.menuId, menuItems: this.filteredOptions, multiSelect: this.multiSelect, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover, popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.autocompleteMenuEl = el), searchQuery: this.value, selectedIndex: this.focusedOptionIndex, visible: this.showDropdown }))));
     }
     static get watchers() { return {
         "value": [{
@@ -63188,12 +63723,12 @@ class BhInputNumber {
             (this.max !== null &&
                 this.currentValue !== null &&
                 this.currentValue >= this.max);
-        return (hAsync(Host, { key: 'a9c8a1e4c4857ef6e80381ffb140a66b2d9b8078' }, hAsync("div", { key: '94a88015b05f46477732674a823756cc500057fc', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '47f0194dbf667009af1028c925655bf3e93e13f1', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-number", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpIconClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '237959a23dcfc4748f343727000257fd8dace423', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, hAsync("div", { key: '97c458f25b44fe97c83a93380a579c8e6c709b90', class: "input-content", part: "content" }, this.showLeadingIcon && (hAsync("span", { key: 'd245e6528f02c5b614e5e52314c9c7eb007410f6', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "leading-icon" }, this.leadingIcon)), this.prefixText && (hAsync("span", { key: 'a506f93bb55aec94415bd6b69d200ec3247aeccf', class: "prefix-text", part: "prefix" }, this.prefixText)), hAsync("input", { key: 'b787796559a3ca3d2dd9ad92f7b09b010c728bb7', "aria-describedby": [
+        return (hAsync(Host, { key: '5f99208f3327da4bde3a44c5e49c95d59091f22c' }, hAsync("div", { key: '137991cc58efe12da439b10be030fec07491524d', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '81067e703c9c8e540ff9bbb2880ac06f1edf1372', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-number", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpIconClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '72dbfc1d68502661f8e6271ff426fe76606c666c', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, hAsync("div", { key: '81f5cfd09ffd9e1696cee9404875a68a14f74a97', class: "input-content", part: "content" }, this.showLeadingIcon && (hAsync("span", { key: '0f1be5d3707848f22eeafbb0eead6ac1b94f2c7d', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "leading-icon" }, this.leadingIcon)), this.prefixText && (hAsync("span", { key: 'a5b4a79faa9fc90df6df079bde072dc290c19073', class: "prefix-text", part: "prefix" }, this.prefixText)), hAsync("input", { key: '1103b038cbf0740a78ad50c5ec6f69d14781ca39', "aria-describedby": [
                 this.showHintText && displayHintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": showError ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), "aria-valuemax": this.max ?? undefined, "aria-valuemin": this.min ?? undefined, "aria-valuenow": this.currentValue ?? undefined, class: `input-element ${textColorClass}`, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, max: this.max ?? undefined, min: this.min ?? undefined, name: this.name, onBlur: this.handleInputBlur, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, step: this.safeStep, type: "number", value: this.currentValue ?? "" }), this.suffixText && (hAsync("span", { key: '196cbd89103f58a0071d89f3d412a70ce26bea67', class: "suffix-text", part: "suffix" }, this.suffixText)), hAsync("div", { key: '7f2a25944f67efdd509455f2b7aa59606d551283', class: "input-stepper", "input-stepper": true, part: "stepper" }, hAsync("bh-button-icon", { key: '97f6b812646d0118920508810c0c8e1f0f023ae3', ariaLabel: "Decrease value", disabled: isDecrementDisabled, hierarchy: "tertiary", iconName: "remove", onClick: this.decrement, size: "xs" }), hAsync("bh-button-icon", { key: 'd2dd7842a49d6666b333d16dabfac0c17bd51dac', ariaLabel: "Increase value", disabled: isIncrementDisabled, hierarchy: "tertiary", iconName: "add", onClick: this.increment, size: "xs" }))))), this.showHintText && displayHintText && (hAsync("div", { key: 'ba800cb8081a83054740041c434e7bac2c1cc356', class: { "hint-text": true, "hint-error": showError }, id: "hint-text", part: "hint" }, displayHintText)))));
+                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": showError ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), "aria-valuemax": this.max ?? undefined, "aria-valuemin": this.min ?? undefined, "aria-valuenow": this.currentValue ?? undefined, class: `input-element ${textColorClass}`, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, max: this.max ?? undefined, min: this.min ?? undefined, name: this.name, onBlur: this.handleInputBlur, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, step: this.safeStep, type: "number", value: this.currentValue ?? "" }), this.suffixText && (hAsync("span", { key: '001665f0d80c960eb00efe73bb36e85506613356', class: "suffix-text", part: "suffix" }, this.suffixText)), hAsync("div", { key: '99ca52cc1470853d2586632f05ac321826c3e0b5', class: "input-stepper", "input-stepper": true, part: "stepper" }, hAsync("bh-button-icon", { key: '07ae1aab738d0d6be26d32932af159b239aafb17', ariaLabel: "Decrease value", disabled: isDecrementDisabled, hierarchy: "tertiary", iconName: "remove", onClick: this.decrement, size: "xs" }), hAsync("bh-button-icon", { key: '8215b1139439c8532b4f092bd89754b6d26b00e7', ariaLabel: "Increase value", disabled: isIncrementDisabled, hierarchy: "tertiary", iconName: "add", onClick: this.increment, size: "xs" }))))), this.showHintText && displayHintText && (hAsync("div", { key: '48c97f7e2511218d76d82d99ac27c90118dee244', class: { "hint-text": true, "hint-error": showError }, id: "hint-text", part: "hint" }, displayHintText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -63494,14 +64029,14 @@ class BhInputPassword {
             "input-container-disabled": this.disabled,
             "input-container-with-leading": this.showLeadingIcon,
         };
-        return (hAsync(Host, { key: 'af51eb8f1eafae0a72f5bae8ddf399bd5f5a9276' }, hAsync("div", { key: '5e3ed1bceb6bdb8d6ee0930c1503567ad758276f', class: "input-wrapper", part: "wrapper" }, hAsync("bh-label", { key: '10188b17c3d4b9bff42109e32bf4bfe3ccd550e6', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-password", "helpIconTooltip", this.helpIconTooltip, "Password requirements"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '5239de4682a1372a28db4002d63cef7b71f6758e', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, hAsync("div", { key: '1bf40743d62321eb51e87efcc6ca004c751b5df6', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: 'e5040678f003c4b31fb81b7a60b2030e8c475eea', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), hAsync("input", { key: 'f850a80046158db8955c3112d4390e0207b582b7', "aria-describedby": [
+        return (hAsync(Host, { key: 'e66cfe316166a2bb638bf12541e240c690a4ceb0' }, hAsync("div", { key: '1f08043e3e4d9fa0261cbea2e4b43afead3bd2b4', class: "input-wrapper", part: "wrapper" }, hAsync("bh-label", { key: '456b7a8823c8eec77bd7b9c85e0bccfde8ac6e49', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-password", "helpIconTooltip", this.helpIconTooltip, "Password requirements"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '3c9c983773f850d4599c7e9ec2c8628b39b58751', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, hAsync("div", { key: '7aa7196b587ef16537c9a7baadf6bfb3a5e45886', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: 'e05f88c7f4b3217d6a5dc9596d6fc3b3b6ddda86', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), hAsync("input", { key: 'a1f94981145494c89ec4977fc3986886201d7bdb', "aria-describedby": [
                 this.showHintText && this.hintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocomplete: this.autocomplete, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.showPassword ? "text" : "password", value: this.value })), hAsync("button", { key: 'd406d379f42489ef6f3d44297675d0540483a573', "aria-label": this.showPassword
+                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocomplete: this.autocomplete, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.showPassword ? "text" : "password", value: this.value })), hAsync("button", { key: 'a60a6bcbcf4e4711fa5d2827e02d56837473dd63', "aria-label": this.showPassword
                 ? resolveI18n("bh-input-password", "hidePasswordAriaLabel", undefined, "Hide password")
-                : resolveI18n("bh-input-password", "showPasswordAriaLabel", undefined, "Show password"), "aria-pressed": this.showPassword ? "true" : "false", class: "material-symbols-outlined visibility-toggle", disabled: this.disabled, onClick: this.togglePasswordVisibility, part: "suffix", type: "button" }, this.showPassword ? "visibility_off" : "visibility"))), this.showHintText && this.hintText && (hAsync("div", { key: 'd3b7f7fbed0f6ee4527f391c22af845816a53ba5', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
+                : resolveI18n("bh-input-password", "showPasswordAriaLabel", undefined, "Show password"), "aria-pressed": this.showPassword ? "true" : "false", class: "material-symbols-outlined visibility-toggle", disabled: this.disabled, onClick: this.togglePasswordVisibility, part: "suffix", type: "button" }, this.showPassword ? "visibility_off" : "visibility"))), this.showHintText && this.hintText && (hAsync("div", { key: 'bf55a8e45957b7faa8d476e5d41eb48f53d4b641', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get formAssociated() { return true; }
     static get style() { return bhInputPasswordCss(); }
@@ -63857,7 +64392,7 @@ class BhInputText {
             },
         });
         const wrapperStyle = this.safeWidth ? { width: this.safeWidth } : {};
-        return (hAsync(Host, { key: 'cfc175452fd7b3d81d6e0a181ca26f1859dd9a66' }, hAsync("div", { key: 'b9e887f60b0bdc5cbcf85070045fd8770e3b2340', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '2c79f210fa7e0f9aeb7138dc53b44d6b026b8c9b', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-text", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: 'f962246e449cc293c89d79ed9a177b51951ae174', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, hAsync("div", { key: '4869423297c6b36c9e1e1d1b4b337293a181394e', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: '75c6ff65c29d8604ea91c6568b05fd179f54fc25', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), this.multiline ? (hAsync("textarea", { "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
+        return (hAsync(Host, { key: 'fd68ed8d9760d81e87cf5c5bb4662d3760152d77' }, hAsync("div", { key: 'd67659734019a46231e60a4becf34d194ae76e63', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '97d68713ffe5e9f815091a035aa24085b4175951', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-text", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: 'f4daa8903354b686a6335e40c5f64b75b6f8db24', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, hAsync("div", { key: 'c4b05d6f6633441441faa2cd17207649d56d92d2', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: 'e2f29d1ac639640c9cdcf855c85921330c56782f', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), this.multiline ? (hAsync("textarea", { "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
                 this.showHintText && this.hintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
@@ -63867,7 +64402,7 @@ class BhInputText {
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-details": this.ariaDetails, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-live": "polite", "aria-owns": this.ariaOwns, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autoCorrect, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.type, value: this.value })), this.showTrailingIcon && (hAsync("span", { key: '05facc68b88ba19e95d87f5c17a49007e2570d46', "aria-hidden": "true", class: "material-symbols-outlined trailing-icon", part: "suffix" }, this.trailingIcon))))), this.showHintText && this.hintText && (hAsync("div", { key: '06ed1c5553a700c49ff7188cae4e3fa70dbd9b33', "aria-live": this.error ? "assertive" : "polite", class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
+                .join(" ") || undefined, "aria-details": this.ariaDetails, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-live": "polite", "aria-owns": this.ariaOwns, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autoCorrect, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.type, value: this.value })), this.showTrailingIcon && (hAsync("span", { key: 'e4b637bb7a5183e6573982127bb0e32499be77b5', "aria-hidden": "true", class: "material-symbols-outlined trailing-icon", part: "suffix" }, this.trailingIcon))))), this.showHintText && this.hintText && (hAsync("div", { key: '562f6ae808edd4b8c5f00fa3da349025e39ef3ab', "aria-live": this.error ? "assertive" : "polite", class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -64261,7 +64796,7 @@ class BhInputVerification {
     }
     render() {
         const wrapperStyle = this.safeWidth ? { width: this.safeWidth } : {};
-        return (hAsync(Host, { key: '96ad8e36b354da103484940f795c1b839e4f2fae' }, hAsync("div", { key: 'a5e749f6b2d1580b5198330177882fcd0b8afd23', class: "input-verification-wrapper", "data-focused": String(this.focusState.isFocused), part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '3ce3c8fdb5dca023d1ff7e71e1347113fc2a620f', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, hAsync("div", { key: 'fa27737fb1ed9f882c9d1e3429deba480e48c575', "aria-label": this.label, class: "input-verification-container", part: "container", role: "group" }, this.renderInputs())), this.showHintText && this.hintText && (hAsync("div", { key: 'aa7718216f79283fe482b900bfe9ba1d4cbb697d', class: { "hint-text": true, error: this.error }, part: "hint" }, resolveI18n("bh-input-verification", "hintText", this.hintText, "This is a hint text to help user."))))));
+        return (hAsync(Host, { key: '511ee54d643c20b01ec50fc5ec60d780874f8e94' }, hAsync("div", { key: '9ebee96e914322316563b5c32a622cbac7e581c3', class: "input-verification-wrapper", "data-focused": String(this.focusState.isFocused), part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: 'c128de362fd332a76ac5d99b6a563fbfbeec8d69', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, hAsync("div", { key: 'db42e6b23ec6189668701fbcc5d29ff2786fa7d8', "aria-label": this.label, class: "input-verification-container", part: "container", role: "group" }, this.renderInputs())), this.showHintText && this.hintText && (hAsync("div", { key: '2a3734117f34c8ba7c393dae1180c1a08f99929a', class: { "hint-text": true, error: this.error }, part: "hint" }, resolveI18n("bh-input-verification", "hintText", this.hintText, "This is a hint text to help user."))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -64303,6 +64838,45 @@ class BhInputVerification {
     }; }
 }
 
+const bhKbdCss = () => `:host{display:inline-flex}.kbd-group{display:inline-flex;gap:var(--spacing-xxs, 2px);align-items:center}.cap{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--spacing-xs, 4px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);line-height:20px;color:var(--color-text-secondary, #475467);background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border-primary, #e4e7ec);border-bottom-width:2px;border-radius:var(--radius-sm, 6px)}.size-md .cap{min-width:24px;padding:0 var(--spacing-sm, 8px);font-size:var(--text-sm-size, 0.875rem);line-height:24px}`;
+
+class BhKbd {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Key combination, "+"-separated (e.g. "cmd+k", "ctrl+shift+p").
+     * When omitted, slotted content renders inside a single key cap.
+     */
+    keys;
+    /**
+     * Key cap size
+     */
+    size = "sm";
+    parseKeys() {
+        if (!this.keys) {
+            return [];
+        }
+        return splitHotkey(this.keys).map(keyLabel);
+    }
+    render() {
+        const parsed = this.parseKeys();
+        return (hAsync(Host, { key: '3d51397a2b634e4a10458247d573c77d924794a6' }, hAsync("span", { key: '0bf951bcf127ca9560dc669a63adaeb30ad091ea', "aria-label": this.keys, class: { "kbd-group": true, [`size-${this.size}`]: true }, part: "group" }, parsed.length > 0 ? (parsed.map((label) => (hAsync("kbd", { class: "cap", key: label, part: "cap" }, label)))) : (hAsync("kbd", { class: "cap", part: "cap" }, hAsync("slot", null))))));
+    }
+    static get style() { return bhKbdCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 777,
+        "$tagName$": "bh-kbd",
+        "$members$": {
+            "keys": [1],
+            "size": [1]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const bhLabelCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-label-font-family:var(--font-inter);--bh-label-font-size:var(--text-sm-size);--bh-label-font-weight:var(--weight-medium);--bh-label-color:var(--color-text-secondary);--bh-label-color-disabled:var(--color-text-disabled);--bh-label-supporting-text-color:var(--color-text-tertiary);--bh-label-error-color:var(--color-text-error);--bh-label-icon-color:var(--color-text-tertiary);--bh-label-icon-color-hover:var(--color-text-secondary);--bh-label-icon-color-disabled:var(--color-border-disabled);--bh-label-gap-xs:var(--spacing-xxs);--bh-label-gap-sm:var(--spacing-xs);--bh-label-gap-md:var(--spacing-sm)}}@layer bh-base{.label-container{display:flex;flex-direction:column;gap:var(--bh-label-gap-sm)}.label-wrapper{display:flex;align-items:center;gap:var(--bh-label-gap-xs)}.label-text{font-family:var(--bh-label-font-family);font-weight:var(--bh-label-font-weight);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-color);margin:0;cursor:default}.asterisk{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-error-color)}.supporting-text{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-supporting-text-color);margin:0}.label-content{width:100%}.icon-with-tooltip{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.help-icon{font-size:var(--text-xl-size);color:var(--bh-label-icon-color);cursor:pointer;user-select:none;transition:color var(--animation-duration-normal) ease-in-out}}@layer bh-variants{.label-container.layout-block{flex-direction:column}.label-container.layout-inline{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline .label-wrapper{flex-shrink:0}.label-container.layout-inline-start{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline-start .label-content{flex-shrink:0;width:auto}.label-container.layout-inline-start .label-text-group{display:flex;flex-direction:column;gap:var(--sp-0-5)}.label-container.layout-inline-start .label-wrapper{gap:var(--bh-label-gap-xs)}.label-container.layout-inline-start .label-text{font-size:var(--text-md-size);color:var(--bh-label-color);cursor:pointer}.label-container.layout-inline-start .supporting-text{font-size:var(--bh-label-font-size);color:var(--bh-label-supporting-text-color)}.label-container.layout-inline-start.size-sm .label-text{font-size:var(--text-sm-size)}.label-container.layout-inline-start.size-sm .supporting-text{font-size:var(--text-xs-size)}.label-container.layout-inline-space-between{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--bh-label-gap-md)}.label-container.layout-inline-space-between .label-wrapper{flex-shrink:0}.label-container.layout-inline-space-between .label-content{flex-grow:1;display:flex;justify-content:flex-end}}@layer bh-states{.label-text.disabled{color:var(--bh-label-color-disabled)}.supporting-text.disabled{color:var(--bh-label-color-disabled)}.label-container.disabled .help-icon{color:var(--bh-label-icon-color-disabled);cursor:not-allowed}.help-icon:hover{color:var(--bh-label-icon-color-hover)}}`;
 
 class BhLabel {
@@ -64906,10 +65480,10 @@ class BhLineChart {
         return (hAsync("div", { class: "line-chart-legend", part: "legend" }, this.data.series.map((series, si) => (hAsync("div", { class: "legend-item", key: series.name }, hAsync("span", { class: "legend-dot", style: { backgroundColor: this.getSeriesColor(series, si) } }), hAsync("span", { class: "legend-label" }, series.name))))));
     }
     render() {
-        return (hAsync(Host, { key: '339f71fb621eb75b37da50f016b3146de28926b5' }, hAsync("div", { key: 'e26559ed20d32438c518c4c8d9b81b76af7395f9', class: {
+        return (hAsync(Host, { key: '3df2eff8c7b872a3899d816019cea6df2ccfc286' }, hAsync("div", { key: '377eaed61df5041bbbf731952d0f547143d68755', class: {
                 "line-chart": true,
                 "line-chart-animated": this.animated,
-            }, part: "container" }, this.renderLegend(), hAsync("svg", { key: 'b8c709af761d3e0a7cfe6b46c74f95d35ccca868', "aria-label": resolveI18n("bh-line-chart", "ariaLabel", this.ariaLabel, "Line chart"), class: "line-chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, this.renderGrid(), this.renderAxes(), this.renderSeries(), this.renderHoverColumns())), hAsync("bh-chart-tooltip", { key: 'ad577abb4627a6081e464ac47c76433302a99ae3', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            }, part: "container" }, this.renderLegend(), hAsync("svg", { key: '581e67c536caae9a770867edd6db96b6439ece0e', "aria-label": resolveI18n("bh-line-chart", "ariaLabel", this.ariaLabel, "Line chart"), class: "line-chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, this.renderGrid(), this.renderAxes(), this.renderSeries(), this.renderHoverColumns())), hAsync("bh-chart-tooltip", { key: '923fc6f0be04dcd9f22ae4fa4aa0a9ac5f680909', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
     static get style() { return bhLineChartCss(); }
     static get cmpMeta() { return {
@@ -65191,11 +65765,11 @@ class BhLogoBox {
             logo: true,
             [`logo-${this.logoType}`]: true,
         };
-        return (hAsync(Host, { key: '1590e380293d73fa9d694d47ce91f225c1412e51' }, hAsync("div", { key: 'aae341b177bcd32428947c8fdfc6e8cbbc0abf53', class: logoBoxClasses, part: "container" }, hAsync("div", { key: 'ef77ecb4e73713b727271450feddb87645ce73fa', "aria-expanded": this.isOpen ? "true" : "false", "aria-haspopup": "menu", "aria-label": resolveI18n("bh-logo-box", "productSwitcherAriaLabel", this.productSwitcherAriaLabel, "Open product switcher"), class: "logo-active", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onClick: this.handleLogoClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "logo-button", ref: this.setLogoActiveRef, role: "button", tabIndex: 0 }, hAsync("div", { key: 'bec8c940da8d693f98d7adb773c7ac05e88f6a36', "aria-label": `${this.logoType} logo`, class: logoClasses, role: "img", style: {
+        return (hAsync(Host, { key: 'b0d80264a8b12c3a0197051ee873b01eaa5dcc82' }, hAsync("div", { key: '38c91cc3825e436e9f674b74d9340f191a22b72c', class: logoBoxClasses, part: "container" }, hAsync("div", { key: 'abb8fe2a6af9334ed8a74fde6826f9f13b907562', "aria-expanded": this.isOpen ? "true" : "false", "aria-haspopup": "menu", "aria-label": resolveI18n("bh-logo-box", "productSwitcherAriaLabel", this.productSwitcherAriaLabel, "Open product switcher"), class: "logo-active", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onClick: this.handleLogoClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "logo-button", ref: this.setLogoActiveRef, role: "button", tabIndex: 0 }, hAsync("div", { key: 'adddefaa18230c948c913bcabd1edc7c903a8dc5', "aria-label": `${this.logoType} logo`, class: logoClasses, role: "img", style: {
                 maskImage: `url(${this.getLogoSrc()})`,
                 WebkitMaskImage: `url(${this.getLogoSrc()})`,
                 backgroundColor: this.logoColor,
-            } })), hAsync("div", { key: '4eabb3b487130d34b97ea6e9e141708b5439bda6', class: "logo-more-products" })), hAsync("bh-product-switcher", { key: '00235dfaae7e9dd9486c04abcb75f18d5c1cef24', anchorPosition: this.anchorPosition, isOpen: this.isOpen, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect, products: this.products })));
+            } })), hAsync("div", { key: '56e96aef99fa1e14b13419ac54b27e8e7dba13a5', class: "logo-more-products" })), hAsync("bh-product-switcher", { key: 'c06cd6174b17b29d7b6a355e4b4633284533dc12', anchorPosition: this.anchorPosition, isOpen: this.isOpen, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect, products: this.products })));
     }
     static get style() { return bhLogoBoxCss(); }
     static get cmpMeta() { return {
@@ -66436,7 +67010,7 @@ class BhModalActions {
         return (hAsync("div", { class: "modal-actions-content modal-actions-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (hAsync(Host, { key: '7a8d1b5a942a0f920697af2b8aa2b48026a7abc9' }, hAsync("div", { key: 'a3622571f152b7917062f520f265da626b5a348f', class: "modal-actions", part: "actions" }, this.divider && hAsync("div", { key: 'c9ef2312fa1237f31660b97d8c005eea94809f2a', class: "divider", part: "divider" }), this.renderButtons())));
+        return (hAsync(Host, { key: '94f7dcfad4b06525117314126aae6bbea053bc52' }, hAsync("div", { key: 'fc70502939c3bcfc5a3ee77f5e9ec269d7490b78', class: "modal-actions", part: "actions" }, this.divider && hAsync("div", { key: 'ebb4a1bb6d6512d109060fbc4b8d642d9e1bf0e3', class: "divider", part: "divider" }), this.renderButtons())));
     }
     static get style() { return bhModalActionsCss(); }
     static get cmpMeta() { return {
@@ -66531,19 +67105,19 @@ class BhModalHeader {
     render() {
         const isHorizontal = this.variant === "horizontal-left-aligned";
         const isCenter = this.variant === "center-aligned";
-        return (hAsync(Host, { key: 'ceb366bc3b38b5dfde6e892f2a0879156c741215' }, hAsync("div", { key: 'f120d9e8f3f6270dcce8b2797b75d05298fdaa9b', class: {
+        return (hAsync(Host, { key: 'ad67a19797daa4794d03d92a79376ce58d1eb32d' }, hAsync("div", { key: 'edc3786b536a94b686171aee0ced7681c571aad6', class: {
                 "modal-header": true,
                 "modal-header--center": isCenter,
                 "modal-header--horizontal": isHorizontal,
-            }, part: "header" }, hAsync("div", { key: '61d5ddda1b8647bc4ebde1c102272c100de03ef4', class: {
+            }, part: "header" }, hAsync("div", { key: '975f872ce5ad7fc092b158b7ad81d1fa5abcb419', class: {
                 "modal-header-content": true,
                 "modal-header-content--center": isCenter,
                 "modal-header-content--horizontal": isHorizontal,
-            } }, this.showIcon && this.icon && (hAsync("bh-featured-icon", { key: '7e8b455c8642dcba81955d86fe2e4117e41ab507', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), hAsync("div", { key: 'dfc98fab392c4f7ec5f3ac34e5131a5c80bd82d8', class: {
+            } }, this.showIcon && this.icon && (hAsync("bh-featured-icon", { key: '90cd147b9fe455a74c8e30289f18d9f1fcf38b76', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), hAsync("div", { key: '95e85e400ec908ea63b0e5a718b05c4e3a93f05e', class: {
                 "modal-text-content": true,
                 "modal-text-content--center": isCenter,
                 "modal-text-content--horizontal": isHorizontal,
-            } }, hAsync("h3", { key: 'b2b9f260fa0b93218213ea25b0c1e31548cd53e5', class: "modal-title" }, this.modalTitle), this.description && (hAsync("p", { key: '80abf53a4e8ae1c04f068605b4fd59c7581ede84', class: "modal-description" }, this.description)))), this.showCloseButton && (hAsync("div", { key: '16280d61a2a3aecfcdd85e1b357ee598684ae320', class: "close-button" }, hAsync("bh-close-button", { key: '8d7186ab6504433e196d6969eb06bad4872f4c06', ariaLabel: resolveI18n("bh-modal-header", "closeAriaLabel", undefined, "Close modal"), onClick: this.handleClose })))), this.paddingBottom && hAsync("div", { key: '18d936e118b1b2e1937cf34299857635232d9b84', class: "padding-bottom" }), this.divider && hAsync("div", { key: 'f7c50ffc0b8c21cf81ab4fa5a4dadf0c27b005b5', class: "divider" })));
+            } }, hAsync("h3", { key: '3fe9e2672eba70b07f619f15e6df27349d56e273', class: "modal-title" }, this.modalTitle), this.description && (hAsync("p", { key: 'd966ee3597668ff3714f9b8fd6fd2da541dbec03', class: "modal-description" }, this.description)))), this.showCloseButton && (hAsync("div", { key: '9e8bbab0a090b7623c309b9873a5d15e01d2372a', class: "close-button" }, hAsync("bh-close-button", { key: 'a6fd75b934605610445b1da005df36667fb34655', ariaLabel: resolveI18n("bh-modal-header", "closeAriaLabel", undefined, "Close modal"), onClick: this.handleClose })))), this.paddingBottom && hAsync("div", { key: 'a93b6bf7df3f3a987640e035af088f17bef3086f', class: "padding-bottom" }), this.divider && hAsync("div", { key: '011105a18382f9b6fa6fd409e8d7d336cafc62d8', class: "divider" })));
     }
     static get style() { return bhModalHeaderCss(); }
     static get cmpMeta() { return {
@@ -66801,12 +67375,12 @@ class BhMonthPicker {
         this.handleMenuCancel();
     };
     render() {
-        return (hAsync(Host, { key: '45ab4ca8e6c4b4388fe9f5b3637a48d47e2a8abb' }, hAsync("div", { key: 'bcae7b82c027a99f5813b5d50387593016a7c3d5', class: "month-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (hAsync("div", { key: '7be63ef8f808a70c15908c7adf41ceedc7f4d5a5', class: "month-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: 'e00534b8f6a02f85f28d4e3f0e8e709b5a60b1e4', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (hAsync("div", { key: '498b247c64c399543bad0ad6e27b5c144dd13d26', class: "month-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '7d3d03b2723b3e883cd75b446006b3d5369d9687', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (hAsync("div", { key: '18fd25447c67c2283fa222f1e03b46f705e23701', class: "month-picker-trigger input-field-container" }, hAsync("bh-input-text", { key: '51c346b4df02351f0f304928eb2bd011972e943e', disabled: this.disabled, label: resolveI18n("bh-month-picker", "defaultLabel", this.label, "Select Month"), onFocus: this.handleInputFocus, placeholder: resolveI18n("bh-month-picker", "defaultPlaceholder", this.placeholder, "Choose month and year"), showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_month", value: this.getDisplayValue(), width: this.inputWidth }), hAsync("div", { key: '551ce58ad4f1b33d1545f77a6a6545e775691100', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), hAsync("div", { key: '79cc7b4934c7f27e4be6d1cc5549e8a76e36a29b', class: {
+        return (hAsync(Host, { key: 'bdcd6963b9514c723c8bcc14fa62981d568c0c05' }, hAsync("div", { key: '34e893e1dd2fe4831b8cc29d6b7efac6acc61fe2', class: "month-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (hAsync("div", { key: '27c939700779f958b6afa92b603591d2be690051', class: "month-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '7f15615410f4332fa4752ec110061b1ca1df721b', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (hAsync("div", { key: 'b9489b1134353d6de389a3bac3c255997f3d05cc', class: "month-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: 'dac579856e1f7379646c1d641d500243b72453fb', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (hAsync("div", { key: 'da74a4dac0c40734187d7f48a80542c7cf7f4469', class: "month-picker-trigger input-field-container" }, hAsync("bh-input-text", { key: '2a19248c66030e7112970168e8a7bd5c26d758da', disabled: this.disabled, label: resolveI18n("bh-month-picker", "defaultLabel", this.label, "Select Month"), onFocus: this.handleInputFocus, placeholder: resolveI18n("bh-month-picker", "defaultPlaceholder", this.placeholder, "Choose month and year"), showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_month", value: this.getDisplayValue(), width: this.inputWidth }), hAsync("div", { key: '822ed86e38fd689c632d199070cf89f5b21567c7', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), hAsync("div", { key: '4e431f0ff46099de841b9d68aa112011ecd16f19', class: {
                 "month-picker-menu-container": true,
                 "is-open": this.isMenuOpen && !supportsTopLayerPopover,
-            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, hAsync("bh-picker-menu", { key: '27d0d8edf8cf494af988c440a4f61119b7bffb66', disabled: this.disabled, disabledMonths: this.disabledMonths, maxYear: this.maxYear, minYear: this.minYear, onBhAction: this.handleMenuAction, onBhChange: this.handleMonthYearSelect, showFooter: this.showFooter, value: this.stateManager?.tempValue ||
+            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, hAsync("bh-picker-menu", { key: 'a0ae54586ed7fb014d096abf5bc8587eac6ca8d2', disabled: this.disabled, disabledMonths: this.disabledMonths, maxYear: this.maxYear, minYear: this.minYear, onBhAction: this.handleMenuAction, onBhChange: this.handleMonthYearSelect, showFooter: this.showFooter, value: this.stateManager?.tempValue ||
                 this.stateManager?.committedValue ||
-                undefined, visible: this.isMenuOpen }))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: 'e6829565c0a553a624ba6bd8b0e0d433215b66bc', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined, visible: this.isMenuOpen }))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: 'b1a24a44a00c644f9f541f4a03d66a0c9439c8e0', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{
@@ -67044,7 +67618,7 @@ class BhMonthPickerContent {
     }
     render() {
         const years = this.getYears();
-        return (hAsync(Host, { key: '119cc97550588b32a3fa2135d792eedde64936d7' }, hAsync("div", { key: 'fc3c26464119587288c0ab3ba9802780c3a46af7', class: `month-picker-content animate-slide-up-enter ${this.scrollable ? "scrollable" : ""}`, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, part: "container", ref: (el) => (this.containerRef = el), style: { height: this.height } }, hAsync("div", { key: '1668b61376578089fe9a055c0b17213bde640ae7', class: "calendar", part: "calendar" }, years.map((year, yearIndex) => (hAsync("div", { class: "year-section", id: `year-${year}`, key: year }, hAsync("div", { class: "year-month-container" }, hAsync("div", { class: "year-label" }, year), hAsync("div", { class: "months-row" }, hAsync("div", { class: "month-row" }, MONTH_NAMES.slice(0, 6).map((_, monthIndex) => (hAsync("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex])))), hAsync("div", { class: "month-row" }, MONTH_NAMES.slice(6, 12).map((_, idx) => {
+        return (hAsync(Host, { key: '73b5ce30cd62f32d19daf4214b08345ae4bec1ac' }, hAsync("div", { key: 'bdfd8daa1b0db677e06c8a742f1459f170d8e3cf', class: `month-picker-content animate-slide-up-enter ${this.scrollable ? "scrollable" : ""}`, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, part: "container", ref: (el) => (this.containerRef = el), style: { height: this.height } }, hAsync("div", { key: '3ccc79f6551261b34d9136a0691683b89583c660', class: "calendar", part: "calendar" }, years.map((year, yearIndex) => (hAsync("div", { class: "year-section", id: `year-${year}`, key: year }, hAsync("div", { class: "year-month-container" }, hAsync("div", { class: "year-label" }, year), hAsync("div", { class: "months-row" }, hAsync("div", { class: "month-row" }, MONTH_NAMES.slice(0, 6).map((_, monthIndex) => (hAsync("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex])))), hAsync("div", { class: "month-row" }, MONTH_NAMES.slice(6, 12).map((_, idx) => {
             const monthIndex = idx + 6;
             return (hAsync("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex]));
         })))), yearIndex < years.length - 1 && (hAsync("div", { class: "section-divider" }, hAsync("div", { class: "divider-container" }, hAsync("div", { class: "divider-line" })))))))))));
@@ -67478,14 +68052,14 @@ class BhMultiSelect {
                 width: this.menuWidth > 0 ? `${this.menuWidth}px` : undefined,
             }
             : { display: "none" };
-        return (hAsync(Host, { key: '70e5a15519841efe0fd7c0d242359c14b9ee4a4e', style: { width: this.width } }, hAsync("div", { key: 'bb4f9e2e3e77f8fb8baf8a5ecb3ef4a6f343c77d', class: "multi-select-wrapper" }, hAsync("bh-label", { key: '71bfded56ed11d28b561f5cff4198e02281a3402', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, hAsync("div", { key: '0cb220f4c693d5b0aa520288bde1f979f6ce3fdf', "aria-describedby": this.showHintText && this.hintText ? "hint-text" : undefined, "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox", "aria-invalid": this.error ? "true" : undefined, "aria-required": this.required ? "true" : undefined, class: triggerClasses, onBlur: this.handleBlur, onClick: this.toggleMenu, onFocus: this.handleFocus, onKeyDown: this.handleTriggerKeyDown, part: "trigger", ref: (el) => (this.triggerRef = el), role: "combobox", tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: 'd9c23c79264c97ab317efba76f77734140fd879c', class: "multi-select-tag-flow" }, isEmpty && (hAsync("span", { key: '7c7464da9f0e6e407b009c69ee9da50b26e1441d', class: "multi-select-placeholder" }, resolveI18n("bh-multi-select", "placeholder", this.placeholder, "Select options..."))), tags.map((tag) => (hAsync("bh-tag", { disabled: this.disabled, dismissible: !this.disabled, key: tag.id, label: tag.label, maxWidth: 150, onBhClose: () => this.handleTagDismiss(tag), size: "sm", variant: "text-only" }))), remaining > 0 && (hAsync("bh-tag", { key: 'ffb89f6899b87a508fa51383151ea86ee5dcb005', disabled: this.disabled, dismissible: false, label: `+${remaining}`, size: "sm", variant: "text-only" }))), hAsync("span", { key: 'b12080257937d7e4726d9cf3a6e20bd2db5d3f1c', class: {
+        return (hAsync(Host, { key: '990847a23d2ea4fe16329c20bfff07f635c290c0', style: { width: this.width } }, hAsync("div", { key: '7ef3db32f8c7e59c5695f93e6f776d24e42c1fb4', class: "multi-select-wrapper" }, hAsync("bh-label", { key: 'f35e268c9a1e4400ff6ea9e4f49f390fbdd30d62', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, hAsync("div", { key: '4d550a56e60fafb275b7b01c719bc2e9dc1c7d97', "aria-describedby": this.showHintText && this.hintText ? "hint-text" : undefined, "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox", "aria-invalid": this.error ? "true" : undefined, "aria-required": this.required ? "true" : undefined, class: triggerClasses, onBlur: this.handleBlur, onClick: this.toggleMenu, onFocus: this.handleFocus, onKeyDown: this.handleTriggerKeyDown, part: "trigger", ref: (el) => (this.triggerRef = el), role: "combobox", tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: '23fc0d98f7a295fda1e96878afee8b39149df5ad', class: "multi-select-tag-flow" }, isEmpty && (hAsync("span", { key: 'e4cab50d03f4473c4d2c4601b3bb294358bc70b3', class: "multi-select-placeholder" }, resolveI18n("bh-multi-select", "placeholder", this.placeholder, "Select options..."))), tags.map((tag) => (hAsync("bh-tag", { disabled: this.disabled, dismissible: !this.disabled, key: tag.id, label: tag.label, maxWidth: 150, onBhClose: () => this.handleTagDismiss(tag), size: "sm", variant: "text-only" }))), remaining > 0 && (hAsync("bh-tag", { key: 'd85f22c4406ec3cd03b928ec646ef20560da5f91', disabled: this.disabled, dismissible: false, label: `+${remaining}`, size: "sm", variant: "text-only" }))), hAsync("span", { key: '0e53b1e5a6cbbec0b02feda1220549c10137c3dc', class: {
                 "material-symbols-outlined": true,
                 "trigger-icon": true,
                 "trigger-icon-open": this.isOpen,
-            } }, "expand_more"))), this.showHintText && this.hintText && (hAsync("div", { key: '6680cc413d3f326db2702a63909f47dc31e64754', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)), hAsync("div", { key: '55bba664d8aecb80c648c811f373ddb80295849e', class: {
+            } }, "expand_more"))), this.showHintText && this.hintText && (hAsync("div", { key: '70aa346ae406eee4ee38aee041d82ed6eeb8bc71', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)), hAsync("div", { key: '3754877af6eff5b74cb46543ccf28d5ceb6ebe98', class: {
                 "multi-select-menu": true,
                 "animate-menu-enter": this.isOpen,
-            }, onKeyDown: this.handleMenuKeyDown, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, hAsync("div", { key: '11914223d536b2b2f8dd3a52e36ba96aa8094cfd', class: "menu-items" }, this.parsedOptions.map((item) => {
+            }, onKeyDown: this.handleMenuKeyDown, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, hAsync("div", { key: 'ea327f893e4a479aafb40028f84490c6fe460916', class: "menu-items" }, this.parsedOptions.map((item) => {
             if (item.divider) {
                 return hAsync("div", { class: "menu-divider", key: item.id });
             }
@@ -67649,11 +68223,11 @@ class BhNavItem {
             focused: this.focusState.isFocused && !this.disabled,
             hovered: this.focusState.isHovered && !this.disabled,
         };
-        return (hAsync("div", { key: 'cb5bc1adfc0761473e7c6b254f596f2d8153db40', "aria-disabled": this.disabled ? "true" : undefined, class: navItemClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, hAsync("button", { key: 'f4652cec477cb1bd14b603a1037f88ed04c8ea4b', "aria-current": this.isActive ? "page" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.label, class: "nav-item-button", disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", tabIndex: this.disabled ? -1 : 0, type: "button" }, this.dot && (hAsync("bh-badge-dot", { key: '4fac3b04293da192bf7280abb9a11cde917b870c', color: this.dotColor, part: "dot", size: "sm" })), hAsync("span", { key: '0f661c34e5b681af4d007a17a37fd1fa72e5c22a', class: "material-symbols-outlined icon", part: "icon" }, this.icon), isRow && (hAsync("span", { key: '0153e7e97e6c6d7d6b2913a98b3b1a2a4fca7eb2', class: "nav-item-label-row", part: "label" }, this.label)), isRow && this.badge !== undefined && (hAsync("span", { key: '057a0fbdab7b314a41b7b4189e66c3f8dca61696', class: "nav-item-badge", part: "badge" }, this.badge)), isRow && this.expandable && (hAsync("span", { key: '13681e68be4859c423318401ff7b96d19ab43b96', class: {
+        return (hAsync("div", { key: 'bf9e7f7fb9d5b15ad8761897888f194efccb787f', "aria-disabled": this.disabled ? "true" : undefined, class: navItemClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, hAsync("button", { key: '4a2f5f6cea0c4ac5d559dec7c1d908f7aabd40a3', "aria-current": this.isActive ? "page" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.label, class: "nav-item-button", disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", tabIndex: this.disabled ? -1 : 0, type: "button" }, this.dot && (hAsync("bh-badge-dot", { key: '9ad8f5ec110c7f78af116b04950dff4584d99c03', color: this.dotColor, part: "dot", size: "sm" })), hAsync("span", { key: 'bfacfd0ae0786bb591f5f5e8c3654f73366a04df', class: "material-symbols-outlined icon", part: "icon" }, this.icon), isRow && (hAsync("span", { key: '217529488116724b87c0792c5385f31753f1a25b', class: "nav-item-label-row", part: "label" }, this.label)), isRow && this.badge !== undefined && (hAsync("span", { key: '6d09f216b8ebfdb2f88724589498495fb95dbb50', class: "nav-item-badge", part: "badge" }, this.badge)), isRow && this.expandable && (hAsync("span", { key: '26977632930eac9bf05cb8713904cd354f8759a2', class: {
                 "material-symbols-outlined": true,
                 "nav-item-chevron": true,
                 "nav-item-chevron--expanded": this.expanded,
-            } }, "expand_more"))), !isRow && this.showLabel && (hAsync("p", { key: '7692b3e18b04d5a106cb52c21dbaa3ffca965a05', class: "nav-item-label", part: "label" }, this.label))));
+            } }, "expand_more"))), !isRow && this.showLabel && (hAsync("p", { key: 'e55a89d2aca9a4e999ffc93aab12bf8c9b082517', class: "nav-item-label", part: "label" }, this.label))));
     }
     static get style() { return bhNavItemCss(); }
     static get cmpMeta() { return {
@@ -67680,6 +68254,229 @@ class BhNavItem {
     }; }
 }
 
+const bhNotificationCenterCss = () => `@charset "UTF-8";:host{position:relative;display:inline-block}.trigger{position:relative;display:inline-flex}.icon-badge-count{position:absolute;top:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));right:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));opacity:0.8;pointer-events:none}.icon-badge-count:hover{opacity:1}.panel{position:absolute;top:calc(100% + var(--spacing-sm, 8px));right:0;z-index:var(--bh-notification-center-z-index, 1000);width:var(--bh-notification-center-width, 360px);max-height:var(--bh-notification-center-max-height, 480px);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-popup, 0 4px 12px rgba(0, 0, 0, 0.15))}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);min-height:calc(var(--bh-button-height-sm, 32px) + 2 * var(--spacing-md, 12px))}.panel-title{font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #101828)}.filters{display:flex;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-tertiary, #eaecf0)}.filter{padding:var(--spacing-xs, 4px) var(--spacing-md, 12px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);background:transparent;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.filter:hover{background:var(--color-bg-secondary, #f9fafb)}.filter.active{color:var(--color-text-primary, #101828);font-weight:var(--weight-semibold, 600);background:var(--color-bg-tertiary, #f2f4f7)}.feed{overflow-y:auto}.feed bh-feed-item{display:block;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);cursor:pointer}.feed bh-feed-item:hover{background:var(--color-bg-secondary, #f9fafb)}.feed bh-feed-item.unread{background:var(--color-brand-25, hsl(220, 82%, 98%))}.feed bh-feed-item.unread:hover{background:var(--color-bg-secondary, #f9fafb)}.panel-inline{position:static;width:100%;max-height:none;border:1px solid var(--color-border-primary, #e4e7ec);box-shadow:none}.empty{padding:var(--spacing-2xl, 32px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}`;
+
+class BhNotificationCenter {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bhOpen = createEvent(this, "bhOpen");
+        this.bhClose = createEvent(this, "bhClose");
+        this.bhChange = createEvent(this, "bhChange");
+        this.bhItemClick = createEvent(this, "bhItemClick");
+    }
+    logger = createComponentLogger("bh-notification-center");
+    dismissalManager;
+    i18nUnsubscribe;
+    _i18nVersion = 0;
+    get el() { return getElement(this); }
+    /**
+     * Notifications to display (array or JSON string). Read/unread state is
+     * held internally after load; re-assigning the prop re-syncs it.
+     */
+    notifications = [];
+    /**
+     * Whether the panel is open. Reflects so consumers can read/drive it.
+     * Ignored in inline display, where the panel always renders in place.
+     */
+    open = false;
+    /**
+     * 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.
+     */
+    display = "popover";
+    /**
+     * Panel header title. Allows i18n.
+     */
+    headerTitle = "Notifications";
+    /**
+     * Mark-all-read button label. Allows i18n.
+     */
+    markAllLabel = "Mark all as read";
+    /**
+     * Empty-state message. Allows i18n.
+     */
+    emptyMessage = "You're all caught up";
+    /**
+     * "All" filter tab label. Allows i18n.
+     */
+    filterAllLabel = "All";
+    /**
+     * "Unread" filter tab label. Allows i18n.
+     */
+    filterUnreadLabel = "Unread";
+    /**
+     * Accessible label for the bell trigger. Allows i18n.
+     */
+    bellAriaLabel = "Notifications";
+    items = [];
+    filter = "all";
+    /**
+     * Emitted when the panel opens.
+     */
+    bhOpen;
+    /**
+     * Emitted when the panel closes.
+     */
+    bhClose;
+    /**
+     * Emitted when read state changes. Detail carries the ids marked read in
+     * this change and the remaining unread count.
+     */
+    bhChange;
+    /**
+     * Emitted when a notification is clicked.
+     */
+    bhItemClick;
+    syncFromProp() {
+        this.items = this.parseNotifications();
+    }
+    handleOpenChange(isOpen) {
+        if (isOpen) {
+            this.dismissalManager?.enable();
+        }
+        else {
+            this.dismissalManager?.disable();
+        }
+    }
+    componentWillLoad() {
+        this.items = this.parseNotifications();
+        this.i18nUnsubscribe = BellhopI18n.onLocaleChange(() => {
+            this._i18nVersion++;
+        });
+    }
+    componentDidLoad() {
+        if (this.display === "inline") {
+            return;
+        }
+        this.dismissalManager = createDismissalManager(this.el, {
+            onDismiss: () => this.setOpen(false),
+            escapeKey: true,
+            clickOutside: true,
+            focusLoss: false,
+        });
+        if (this.open) {
+            this.dismissalManager.enable();
+        }
+    }
+    disconnectedCallback() {
+        this.dismissalManager?.destroy();
+        this.i18nUnsubscribe?.();
+    }
+    /**
+     * Mark a single notification as read.
+     */
+    async markRead(id) {
+        this.applyRead(this.items.filter((n) => n.id === id && !n.read));
+    }
+    /**
+     * Mark every notification as read.
+     */
+    async markAllRead() {
+        this.applyRead(this.items.filter((n) => !n.read));
+    }
+    parseNotifications() {
+        if (typeof this.notifications !== "string") {
+            return this.notifications.map((n) => ({ ...n }));
+        }
+        if (this.notifications.trim() === "") {
+            return [];
+        }
+        try {
+            return JSON.parse(this.notifications);
+        }
+        catch (error) {
+            this.logger.error("Invalid notifications JSON", error instanceof Error ? error : new Error(String(error)));
+            return [];
+        }
+    }
+    applyRead(toMark) {
+        if (toMark.length === 0) {
+            return;
+        }
+        const readIds = toMark.map((n) => n.id);
+        this.items = this.items.map((n) => readIds.includes(n.id) ? { ...n, read: true } : n);
+        this.bhChange.emit({ readIds, unreadCount: this.unreadCount() });
+    }
+    unreadCount() {
+        return this.items.filter((n) => !n.read).length;
+    }
+    visibleItems() {
+        return this.filter === "unread"
+            ? this.items.filter((n) => !n.read)
+            : this.items;
+    }
+    setOpen(isOpen) {
+        if (this.open === isOpen) {
+            return;
+        }
+        this.open = isOpen;
+        if (isOpen) {
+            this.bhOpen.emit();
+        }
+        else {
+            this.bhClose.emit();
+        }
+    }
+    handleBellClick = () => {
+        this.setOpen(!this.open);
+    };
+    handleItemClick = (notification) => {
+        this.bhItemClick.emit(notification);
+        this.applyRead(this.items.filter((n) => n.id === notification.id && !n.read));
+    };
+    t(key, propValue, fallback) {
+        return resolveI18n("bh-notification-center", key, propValue, fallback);
+    }
+    renderTrigger(unread) {
+        const bellLabel = this.t("bellAriaLabel", this.bellAriaLabel, "Notifications");
+        return (hAsync("div", { class: "trigger", part: "trigger" }, hAsync("bh-button-icon", { ariaLabel: unread > 0 ? `${bellLabel} (${unread})` : bellLabel, hierarchy: "tertiary", iconName: "notifications", onClick: this.handleBellClick, size: "sm" }), unread > 0 && (hAsync("bh-badge", { class: "icon-badge-count", emphasis: "high", label: String(unread), size: "sm", variant: "error" }))));
+    }
+    render() {
+        const unread = this.unreadCount();
+        const visible = this.visibleItems();
+        const isInline = this.display === "inline";
+        const showPanel = isInline || this.open;
+        return (hAsync(Host, { key: '1cec4c416a7dc25a5eb5f6ba1596315d86c50271' }, !isInline && this.renderTrigger(unread), showPanel && (hAsync("div", { key: 'eae2068a2a56f938c04bd5be6eac8885de8db987', "aria-label": this.t("headerTitle", this.headerTitle, "Notifications"), class: { panel: true, "panel-inline": isInline }, part: "panel", role: isInline ? "region" : "dialog" }, hAsync("div", { key: '2990d636c1ea32f28df29e84d60da4ddc8325960', class: "panel-header", part: "header" }, hAsync("span", { key: 'c0b9291e8dbb52ebde5f62e95eedb646569f075d', class: "panel-title" }, this.t("headerTitle", this.headerTitle, "Notifications")), unread > 0 && (hAsync("bh-button", { key: '76217c3ca371df29bf782af9c04a6113ecdda805', hierarchy: "tertiary", label: this.t("markAllLabel", this.markAllLabel, "Mark all as read"), onClick: () => this.markAllRead(), size: "sm" }))), hAsync("div", { key: '696ebb7f1ba24de12b98a32f519abc71fd7dcd54', class: "filters", part: "filters", role: "tablist" }, ["all", "unread"].map((f) => (hAsync("button", { "aria-selected": this.filter === f ? "true" : "false", class: { filter: true, active: this.filter === f }, "data-filter": f, onClick: () => {
+                this.filter = f;
+            }, role: "tab", type: "button" }, f === "all"
+            ? this.t("filterAllLabel", this.filterAllLabel, "All")
+            : this.t("filterUnreadLabel", this.filterUnreadLabel, "Unread"))))), visible.length === 0 ? (hAsync("div", { class: "empty", part: "empty" }, this.t("emptyMessage", this.emptyMessage, "You're all caught up"))) : (hAsync("bh-activity-feed", { class: "feed", divider: "line", flush: true, part: "list", type: "notifications" }, visible.map((n) => (hAsync("bh-feed-item", { author: n.author ?? "", class: { unread: !n.read }, content: n.body ?? "", "data-id": n.id, icon: n.author ? undefined : n.icon, itemTitle: n.title, key: n.id, onBhClick: () => this.handleItemClick(n), showDot: !n.read, size: "sm", timestamp: n.timestamp ?? "", variant: n.author ? "user" : "system" })))))))));
+    }
+    static get watchers() { return {
+        "notifications": [{
+                "syncFromProp": 0
+            }],
+        "open": [{
+                "handleOpenChange": 0
+            }]
+    }; }
+    static get style() { return bhNotificationCenterCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 521,
+        "$tagName$": "bh-notification-center",
+        "$members$": {
+            "notifications": [1],
+            "open": [1540],
+            "display": [513],
+            "headerTitle": [1, "header-title"],
+            "markAllLabel": [1, "mark-all-label"],
+            "emptyMessage": [1, "empty-message"],
+            "filterAllLabel": [1, "filter-all-label"],
+            "filterUnreadLabel": [1, "filter-unread-label"],
+            "bellAriaLabel": [1, "bell-aria-label"],
+            "_i18nVersion": [32],
+            "items": [32],
+            "filter": [32],
+            "markRead": [64],
+            "markAllRead": [64]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["open", "open"], ["display", "display"]]
+    }; }
+}
+
 const bhPageHeaderCss = () => `@charset "UTF-8";  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     --bh-page-header-bg: var(--color-bg-primary);     --bh-page-header-heading-color: var(--color-text-primary);     --bh-page-header-supporting-color: var(--color-text-tertiary);     --bh-page-header-divider-color: var(--color-border-secondary);     --bh-page-header-banner-height: 240px;     --bh-page-header-banner-height-mobile: 160px;     --bh-page-header-avatar-size: 160px;     --bh-page-header-avatar-size-mobile: 96px;     --bh-page-header-avatar-border-color: var(--color-white);     --bh-page-header-container-padding: var(--spacing-4xl);     --bh-page-header-container-padding-mobile: var(--spacing-xl);   } } @layer bh-base {   .page-header {     display: flex;     flex-direction: column;     align-items: stretch;     width: 100%;     font-family: var(--font-inter);   }   .container {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     width: 100%;     max-width: var(--sp-320);      margin: 0 auto;     padding: 0 var(--bh-page-header-container-padding);     box-sizing: border-box;   }      .banner-image-wrap {     width: 100%;     height: var(--bh-page-header-banner-height);     overflow: hidden;     position: relative;   }   .banner-image {     width: 100%;     height: 100%;     object-fit: cover;     display: block;   }   .banner-image-placeholder {     width: 100%;     height: 100%;     background: linear-gradient(135deg, var(--color-brand-400), var(--color-accent-400));   }      .avatar-wrap {     flex-shrink: 0;   }   .avatar-wrap bh-avatar {          --avatar-size-2xl: var(--bh-page-header-avatar-size);     display: block;     border: 4px solid var(--bh-page-header-avatar-border-color);     border-radius: var(--radius-full);     box-shadow: var(--shadow-lg);   }   .avatar-wrap {        }   .avatar-wrap bh-avatar::part(border) {     border: 1px solid var(--border-contrast-medium);   }      .avatar-inline bh-avatar {     border: none;     box-shadow: none;   }      .text-content {     display: flex;     flex-direction: column;     gap: var(--spacing-xs);     min-width: 0;   }   .heading {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--display-xs-size);     line-height: var(--text-2xl-line);     color: var(--bh-page-header-heading-color);   }   .supporting-text {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-regular);     font-size: var(--text-sm-size);     line-height: var(--text-sm-line);     color: var(--bh-page-header-supporting-color);   }      .heading-row {     display: flex;     flex-wrap: wrap;     align-items: flex-start;     gap: var(--spacing-2xl) var(--spacing-xl);     width: 100%;   }   .heading-row > .text-content {     flex: 1 0 0;     min-width: 320px;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .search-slot {     flex-shrink: 0;   }   .breadcrumbs-slot {     display: flex;   }   .tabs-slot {     display: contents;   }      .divider {     width: 100%;     height: 1px;     background: var(--bh-page-header-divider-color);   }      .content-block {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     padding-top: var(--spacing-3xl);   }      .avatar-inline {     display: flex;     align-items: center;     gap: var(--spacing-2xl);     flex: 1 0 0;     min-width: 320px;   }   .avatar-inline .avatar-photo {     width: var(--bh-avatar-size-lg);     height: var(--bh-avatar-size-lg);     box-shadow: none;     border-width: 0;   }      .avatar-and-content {     display: flex;     gap: var(--spacing-3xl);     align-items: flex-start;     width: 100%;   }   .avatar-and-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-5xl));   }   .content-beside-avatar {     display: flex;     flex-direction: column;     flex: 1 0 0;     min-width: 0;     gap: var(--spacing-2xl);     padding-top: var(--spacing-7xl);   }      .centered-content {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-2xl);     text-align: center;   }   .centered-content .text-content {     max-width: 640px;     align-items: center;   }   .centered-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-7xl));   } } @layer bh-variants {      :host([variant=banner-avatar]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-5xl));   }   :host([variant=banner-avatar-centered]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-7xl));   }   :host([variant=banner-avatar-centered]) .container {     padding-bottom: 0;   } } @layer bh-utilities {   @media (max-width: 768px) {     .container {       padding: 0 var(--bh-page-header-container-padding-mobile);       gap: var(--spacing-xl);     }     .banner-image-wrap {       height: var(--bh-page-header-banner-height-mobile);     }     .avatar-wrap bh-avatar {       --avatar-size-2xl: var(--bh-page-header-avatar-size-mobile);     }     .heading-row > .text-content {       min-width: 0;     }     .avatar-inline {       min-width: 0;     }     .heading-row {       flex-direction: column;       gap: var(--spacing-xl);     }     .content-block {       padding-top: 0;     }   } }`;
 
 const COMPONENT_NAME$7 = "bh-page-header";
@@ -67812,7 +68609,7 @@ class BhPageHeader {
             "is-centered": this.isCentered,
             "has-avatar": this.hasAvatar,
         };
-        return (hAsync(Host, { key: 'd7b1e860bb40680faab346629adf834e8b5348f8', "aria-label": this.heading || "Page header", role: "banner" }, hAsync("div", { key: '8cfbc1e96f504301d2cd5e1f891314f1ea389e5d', class: classes, part: "base" }, this.renderBannerImage(), hAsync("div", { key: 'c87b684268591133efccc1e342888cec21e3b453', class: "container" }, !this.isBanner && this.renderBreadcrumbs(), this.renderVariantContent(), this.renderTabs(), this.renderDivider()))));
+        return (hAsync(Host, { key: '62d3783612c4c884eb25afb83fcbacbabc419e32', "aria-label": this.heading || "Page header", role: "banner" }, hAsync("div", { key: 'b1760099f2852fa0893576ee95ad07ee27d8747f', class: classes, part: "base" }, this.renderBannerImage(), hAsync("div", { key: 'c1e4eb847e4b97fa8c7fb73bd06944e0c3916c4d', class: "container" }, !this.isBanner && this.renderBreadcrumbs(), this.renderVariantContent(), this.renderTabs(), this.renderDivider()))));
     }
     static get style() { return bhPageHeaderCss(); }
     static get cmpMeta() { return {
@@ -67970,7 +68767,7 @@ class BhPageNavigation {
         }
     };
     render() {
-        return (hAsync(Host, { key: 'ca37f161d6ceb247769de5ef61b23e68e2f25697', onKeyDown: this.handleKeyDown }, hAsync("div", { key: 'e58684263a131cc52c9540f5aae7b238a5959a5c', class: "page-navigation", part: "container" }, hAsync("div", { key: '01cbed1c6fec04062bacdc52e116d0e2b76b1e9b', class: "page-navigation-header", part: "header" }, hAsync("h2", { key: '8f209b85ca97a49e7d82a4ef83bef77c82590467', class: "page-navigation-title", part: "title" }, resolveI18n("bh-page-navigation", "navTitle", this.navTitle, "Navigation"))), hAsync("nav", { key: '5651c9e04507904ba30eea3b1e3f541fe3a3398a', class: "page-navigation-list", part: "list" }, this.items.map((item) => item.type === "single" ? (hAsync("bh-page-navigation-single-level", { icon: item.icon, isActive: item.isActive, key: item.id, label: item.label, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (hAsync("bh-page-navigation-multi-level", { childItems: item.children || [], icon: item.icon, isExpanded: item.isExpanded, key: item.id, label: item.label, onBhChildClick: (e) => this.handleMultiLevelChildClick(item.id, e.detail), onBhToggle: () => this.handleMultiLevelToggle(item.id) })))), this.el.querySelector('[slot="bottom-button"]') && (hAsync("div", { key: '9d8cd45a1209ad0d6f97eb66c9b3d7dbf8a3a24a', class: "page-navigation-footer", part: "footer" }, hAsync("slot", { key: '1e5c16ccaa83e9ab9c355127973ac4ae652b52d6', name: "bottom-button" }))))));
+        return (hAsync(Host, { key: 'dc139f2e304e1d39a1b112faca7cbe3438154b82', onKeyDown: this.handleKeyDown }, hAsync("div", { key: '8c358776ba7d8eba4689955cd16ca1891a23b060', class: "page-navigation", part: "container" }, hAsync("div", { key: 'e0ccffaef211d071899db55b17f64261baf55bcc', class: "page-navigation-header", part: "header" }, hAsync("h2", { key: 'aa20cdaa13d5f80590baf4b6c0ca546798f3800f', class: "page-navigation-title", part: "title" }, resolveI18n("bh-page-navigation", "navTitle", this.navTitle, "Navigation"))), hAsync("nav", { key: 'b5ac929da441edf4bb5128d508302ab243cc5be1', class: "page-navigation-list", part: "list" }, this.items.map((item) => item.type === "single" ? (hAsync("bh-page-navigation-single-level", { icon: item.icon, isActive: item.isActive, key: item.id, label: item.label, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (hAsync("bh-page-navigation-multi-level", { childItems: item.children || [], icon: item.icon, isExpanded: item.isExpanded, key: item.id, label: item.label, onBhChildClick: (e) => this.handleMultiLevelChildClick(item.id, e.detail), onBhToggle: () => this.handleMultiLevelToggle(item.id) })))), this.el.querySelector('[slot="bottom-button"]') && (hAsync("div", { key: '00f87f12096138fafec24be173695a61634dd9ae', class: "page-navigation-footer", part: "footer" }, hAsync("slot", { key: '1f5a1be10ef4e4d7048fa324b134a4af1a9c0081', name: "bottom-button" }))))));
     }
     static get watchers() { return {
         "navigationItems": [{
@@ -68067,7 +68864,7 @@ class BhPageNavigationChild {
         };
     }
     render() {
-        return (hAsync(Host, { key: '719c94c0c3d7bae9e42ae39a7a3b4dfb53b9c6f6' }, hAsync("div", { key: 'b7b500d8a742e645eed91bf2a300799dc0af4574', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container", role: "button", tabIndex: 0 }, hAsync("div", { key: '27f71f2ef1c220e0cf329df28d2a021d2a214baa', class: "page-navigation-child-content", part: "content" }, hAsync("span", { key: 'b7f71ccb6b696608f22ff9a149a91a51c8cd2a96', class: "page-navigation-child-label", part: "label" }, this.label), this.badge !== undefined && this.showBadge && (hAsync("bh-badge", { key: 'ad4fe867519d283abb1b0d6ae16bb69820d62c18', class: "page-navigation-child-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" }))))));
+        return (hAsync(Host, { key: '7ca3756e57ce7523707ac6398e009a41251b5773' }, hAsync("div", { key: '9d17db048c227e3d53d5d2adcacf5d06ebdb529e', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container", role: "button", tabIndex: 0 }, hAsync("div", { key: '6e73d0d8e106d4712b45671d8501dd743925702d', class: "page-navigation-child-content", part: "content" }, hAsync("span", { key: '6c7b32b203015fbf3eb2dfc9e41ae2a569c77c63', class: "page-navigation-child-label", part: "label" }, this.label), this.badge !== undefined && this.showBadge && (hAsync("bh-badge", { key: 'a8510c3e2b9d0fd265f94273afbb09f9ca259361', class: "page-navigation-child-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" }))))));
     }
     static get style() { return bhPageNavigationChildCss(); }
     static get cmpMeta() { return {
@@ -68226,11 +69023,11 @@ class BhPageNavigationMultiLevel {
         };
     }
     render() {
-        return (hAsync(Host, { key: '9ec6a3884c08560fce28ec489cf2cc6584cdaae8' }, hAsync("div", { key: '037a839d45f62714e43b7686d8bd8587c114a63c', class: this.getItemClasses(), part: "container" }, hAsync("div", { key: '08b08b3cbf646f2a608e75b7dff4c4a75d4a6fcd', "aria-expanded": String(this.isExpanded), class: "page-navigation-multi-level-parent", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleParentClick, onFocus: this.handleFocus, onKeyDown: this.handleParentKeyDown, onMouseEnter: () => this.focusState.handleMouseEnter(), onMouseLeave: () => this.focusState.handleMouseLeave(), part: "parent", role: "button", tabIndex: 0 }, hAsync("div", { key: '7752ca6a7e3c2e0e78da7d441db17020d83bff21', class: "page-navigation-item-content" }, !this.focusState.isHovered && (hAsync("span", { key: '827f84917aea8873b93a86d03fed62146944ef98', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.focusState.isHovered && (hAsync("span", { key: 'c2e9dbe17e62eb3d85660807bdb06c227d8f9b59', "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: 'd9741d97ddd3eafaa584a4ed2874b54586f12d27' }, hAsync("div", { key: '78c214b1a6eed4371ddb9f9e7bfe6623d1981f9c', class: this.getItemClasses(), part: "container" }, hAsync("div", { key: '61b5570c3bc98afccb9d8fa12036874eff797b00', "aria-expanded": String(this.isExpanded), class: "page-navigation-multi-level-parent", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleParentClick, onFocus: this.handleFocus, onKeyDown: this.handleParentKeyDown, onMouseEnter: () => this.focusState.handleMouseEnter(), onMouseLeave: () => this.focusState.handleMouseLeave(), part: "parent", role: "button", tabIndex: 0 }, hAsync("div", { key: 'ecb225085b57e91a45ca5261160e5faa8fb5320d', class: "page-navigation-item-content" }, !this.focusState.isHovered && (hAsync("span", { key: '3ec3d64a64ca0557f5dd1868b58afce58f5028c3', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.focusState.isHovered && (hAsync("span", { key: '6e63fa64c2d5a24f6fc0440a961e58aad6fd044c', "aria-hidden": "true", class: {
                 "page-navigation-chevron-icon": true,
                 "material-symbols-outlined": true,
                 expanded: this.isExpanded,
-            } }, "expand_more")), hAsync("span", { key: '4f35bd036f8352ed740b5da8ed5176c43446b8c0', class: "page-navigation-item-label" }, this.label), this.badge !== undefined && (hAsync("bh-badge", { key: '0cae401dbf6ff088086d6d666b590e1b2dbac1e3', class: "page-navigation-item-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" })), hAsync("bh-button-icon", { key: '28a1759aa9c91607b396e24e2342334d6e7c69c1', ariaLabel: `Add to ${this.label}`, hierarchy: "tertiary", iconName: "add", onClick: this.handleAddClick, size: "xs" }))), (this.isExpanded || this.isAnimating) && (hAsync("div", { key: 'ea51a7b729a6ae51d5ac5597d28851576329293e', class: `page-navigation-children ${this.animationClass}`, part: "children", role: "group" }, this.getParsedChildItems().map((child, index) => (hAsync("bh-page-navigation-child", { badge: child.badge, isActive: child.isActive, key: index, label: child.label, onBhItemClick: () => this.handleChildClick(index), showBadge: child.showBadge }))))))));
+            } }, "expand_more")), hAsync("span", { key: 'e48c777f044af85e035969be85c75a44c0033972', class: "page-navigation-item-label" }, this.label), this.badge !== undefined && (hAsync("bh-badge", { key: 'b3e00c448d7dd26de9c4a39e2cf256f7dc14e039', class: "page-navigation-item-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" })), hAsync("bh-button-icon", { key: '4e6154e0f29457173b4617f554095c99bb1edee6', ariaLabel: `Add to ${this.label}`, hierarchy: "tertiary", iconName: "add", onClick: this.handleAddClick, size: "xs" }))), (this.isExpanded || this.isAnimating) && (hAsync("div", { key: '4df9880e7f4975b317544e9a3b18156b5590830c', class: `page-navigation-children ${this.animationClass}`, part: "children", role: "group" }, this.getParsedChildItems().map((child, index) => (hAsync("bh-page-navigation-child", { badge: child.badge, isActive: child.isActive, key: index, label: child.label, onBhItemClick: () => this.handleChildClick(index), showBadge: child.showBadge }))))))));
     }
     static get watchers() { return {
         "isExpanded": [{
@@ -68327,7 +69124,7 @@ class BhPageNavigationSingleLevel {
         };
     }
     render() {
-        return (hAsync(Host, { key: '926f7b96aa4bfde3d0341fba3d69ec93f85e0e19' }, hAsync("div", { key: '0e48406513b267703cd832a25fe10f6c672ebd0e', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: () => this.handleClick(), onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container", role: "button", tabIndex: 0 }, hAsync("div", { key: '29a4b1860ccdc884559b71d92224db5a1e29232f', class: "page-navigation-item-content", part: "content" }, hAsync("span", { key: 'c197ce8d5986b6c54a23e828619eac43afecfb84', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined", part: "icon" }, this.icon), hAsync("span", { key: 'dfcede684220fee20569eae439ba1f63237ffd23', class: "page-navigation-item-label", part: "label" }, this.label)))));
+        return (hAsync(Host, { key: 'ffa7f8fae621f03d4c069c8f335b905c35cec6fa' }, hAsync("div", { key: 'de70f38734b07e9b2a3b9daee4e11c053aa73fdf', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: () => this.handleClick(), onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container", role: "button", tabIndex: 0 }, hAsync("div", { key: 'd5e9efd758166f3fc2f0c66f66f8442a0cd0e192', class: "page-navigation-item-content", part: "content" }, hAsync("span", { key: '3d8bb218a663ed658fb59e8cb74fe8b754130406', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined", part: "icon" }, this.icon), hAsync("span", { key: '6d864cb47d3daca69f451f145f85b5fa823b81e9', class: "page-navigation-item-label", part: "label" }, this.label)))));
     }
     static get style() { return bhPageNavigationSingleLevelCss(); }
     static get cmpMeta() { return {
@@ -68681,10 +69478,10 @@ class BhPagination {
             "pagination-disabled": this.disabled,
             "pagination-compact": this.compact,
         };
-        return (hAsync(Host, { key: '636f605ca421b676d81d83106ddaaaf97a72c939' }, hAsync("div", { key: 'bd9e255273fb2c16f293dfd13c67be6ff5512cdb', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": "Pagination", class: paginationClasses, "data-focus-version": this.focusVersion, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "pagination", role: "navigation", tabIndex: this.disabled ? -1 : 0 }, hAsync("div", { key: '1e442d973788dd0364e2d84d78e9a43dc109ae0c', class: "pagination-controls", part: "controls" }, this.showPageSize && (hAsync("div", { key: '674a9e7173c9160ab60c8955f2504c7e17844ba2', "aria-label": resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:"), class: "pagination-page-size", role: "group" }, hAsync("span", { key: 'dd6ebf74ab120ceeceef3cec366cd43144b39348', "aria-hidden": "true", class: "pagination-page-size-label" }, resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:")), hAsync("bh-select", { key: '2314c665835f7fd54639f33828b5096e59c1f8bf', class: "pagination-select", disabled: this.disabled, onBhChange: (e) => this.handlePageSizeChange(e), options: this.pageSizeOptions.map((size) => ({
+        return (hAsync(Host, { key: 'd589b2ea9f5847b246c11fba873a94d559e2c54d' }, hAsync("div", { key: 'ac6334183a690267b6b353383a77c78c2f5af164', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": "Pagination", class: paginationClasses, "data-focus-version": this.focusVersion, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "pagination", role: "navigation", tabIndex: this.disabled ? -1 : 0 }, hAsync("div", { key: 'd3810303e27e59bb90738eedf0613373411f8b8f', class: "pagination-controls", part: "controls" }, this.showPageSize && (hAsync("div", { key: '31cec839476e410aad5a83d9122d7b6d35ea10d3', "aria-label": resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:"), class: "pagination-page-size", role: "group" }, hAsync("span", { key: '06930e1fb13f06b3171fe0c76d1aba14d04e69f0', "aria-hidden": "true", class: "pagination-page-size-label" }, resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:")), hAsync("bh-select", { key: 'fe42b32ff394ca8dd4e2002dcb8103b3a19368ab', class: "pagination-select", disabled: this.disabled, onBhChange: (e) => this.handlePageSizeChange(e), options: this.pageSizeOptions.map((size) => ({
                 value: String(size),
                 label: String(size),
-            })), size: "sm", value: String(this.internalPageSize) }))), hAsync("div", { key: '1d65e9aaf02fefc4616c6c3a1a048d1717d9410d', class: "pagination-nav", part: "nav" }, hAsync("bh-button-icon", { key: 'f056a493436b7cd6dee357f49746ad52b42bfab5', ariaLabel: "Go to previous page", class: "pagination-btn", disabled: !this.canGoPrevious, hierarchy: "tertiary", iconName: "chevron_left", onClick: this.goToPrevious, size: "sm" }), this.renderPageNumbers(), hAsync("bh-button-icon", { key: '92f29e3c7fc782bfdf85a912fa80a87f69743d16', ariaLabel: "Go to next page", class: "pagination-btn", disabled: !this.canGoNext, hierarchy: "tertiary", iconName: "chevron_right", onClick: this.goToNext, size: "sm" }))), this.showItemCount && (hAsync("div", { key: '9bd23686d53d02eb890bd2c004761ffee5b4cd4f', "aria-atomic": "true", "aria-live": "polite", class: "pagination-info", part: "info" }, hAsync("span", { key: '2b28ef9e6912e8bde6afca15dbbd76b5b961fa6d', class: "pagination-info-text" }, this.getInfoText()))))));
+            })), size: "sm", value: String(this.internalPageSize) }))), hAsync("div", { key: 'c4f4c7c46ca38c867d95ce1aab1dbcbdeb150b14', class: "pagination-nav", part: "nav" }, hAsync("bh-button-icon", { key: '8c1338fe1ba4a928dea15ba223dd57f480425a0e', ariaLabel: "Go to previous page", class: "pagination-btn", disabled: !this.canGoPrevious, hierarchy: "tertiary", iconName: "chevron_left", onClick: this.goToPrevious, size: "sm" }), this.renderPageNumbers(), hAsync("bh-button-icon", { key: 'c0c49d698452890b3996394ffa5b142a8f23890e', ariaLabel: "Go to next page", class: "pagination-btn", disabled: !this.canGoNext, hierarchy: "tertiary", iconName: "chevron_right", onClick: this.goToNext, size: "sm" }))), this.showItemCount && (hAsync("div", { key: 'f5bc52de1ea8511b4ffc92ee5285be558c3cb633', "aria-atomic": "true", "aria-live": "polite", class: "pagination-info", part: "info" }, hAsync("span", { key: '475b2a8c3eb9c9c6f992bf7d424b91538b44a5e9', class: "pagination-info-text" }, this.getInfoText()))))));
     }
     static get style() { return bhPaginationCss(); }
     static get cmpMeta() { return {
@@ -69190,12 +69987,12 @@ class BhPieChart {
     render() {
         const segments = this.getSegments();
         const innerRadius = this.getInnerRadius();
-        return (hAsync(Host, { key: '3bc0a9b002ee92bc89f81948734ddaf04087f90f' }, hAsync("div", { key: 'd7ba440a122b50800c3bb0e35321563ea7c30392', class: {
+        return (hAsync(Host, { key: '32e213722ad430ed2b9e4b235d44d43893a0640a' }, hAsync("div", { key: 'd3d031c4e3b35f84cdd11f3f91f235b190a89dfb', class: {
                 "pie-chart-wrapper": true,
                 [`legend-${this.legendPosition}`]: this.showLegend,
-            } }, hAsync("div", { key: 'd913f5ed492560051e84de771cf729762d9398fb', class: "pie-chart-container", part: "container", style: { width: `${this.size}px`, height: `${this.size}px` } }, hAsync("svg", { key: '47f04a124612d37d93b68a99ee87b6b475df2899', "aria-label": resolveI18n("bh-pie-chart", "ariaLabel", undefined, "Pie chart"), class: "pie-chart-svg", height: this.size, role: "img", viewBox: "0 0 160 160", width: this.size }, hAsync("circle", { key: '15c6dd28189ca2e1f392b018ae17ffe5bcf278af', class: "pie-background", cx: "80", cy: "80", fill: "transparent", r: "80" }), segments.map((segment, index) => (hAsync("g", { class: "pie-segment-group", key: index }, hAsync("path", { class: { "pie-segment": true, animated: this.animated }, d: segment.path, fill: segment.color, onClick: (e) => this.handleSegmentClick(e, segment), onMouseEnter: (e) => this.handleSegmentHover(e, segment), onMouseLeave: (e) => this.handleSegmentLeave(e, segment), style: {
+            } }, hAsync("div", { key: '6e465a575be22db278fa1d7a4292bbf50075007b', class: "pie-chart-container", part: "container", style: { width: `${this.size}px`, height: `${this.size}px` } }, hAsync("svg", { key: 'a0abc090cb119e67b7dfb17ab403a3add4e34e1a', "aria-label": resolveI18n("bh-pie-chart", "ariaLabel", undefined, "Pie chart"), class: "pie-chart-svg", height: this.size, role: "img", viewBox: "0 0 160 160", width: this.size }, hAsync("circle", { key: '3e9d942315f0c22c637d5e76dcabf3a300e7b0a7', class: "pie-background", cx: "80", cy: "80", fill: "transparent", r: "80" }), segments.map((segment, index) => (hAsync("g", { class: "pie-segment-group", key: index }, hAsync("path", { class: { "pie-segment": true, animated: this.animated }, d: segment.path, fill: segment.color, onClick: (e) => this.handleSegmentClick(e, segment), onMouseEnter: (e) => this.handleSegmentHover(e, segment), onMouseLeave: (e) => this.handleSegmentLeave(e, segment), style: {
                 animationDelay: this.animated ? `${index * 0.03}s` : "0s",
-            } })))), this.hole !== "none" && (hAsync("circle", { key: '6b65df0fa5c286d510434902912b1391b2d708f8', class: "pie-inner-hole", cx: "80", cy: "80", fill: "white", r: innerRadius }))), this.renderCenterText()), this.renderLegend(segments)), hAsync("bh-chart-tooltip", { key: '81321a1817182e939856c6dcd8ff3700c5920a0d', "aria-hidden": this.tooltipVisible ? undefined : "true", items: this.tooltipSegment
+            } })))), this.hole !== "none" && (hAsync("circle", { key: '6b1fbf81da9588ab088329c32bf3aa9b3d29f2f4', class: "pie-inner-hole", cx: "80", cy: "80", fill: "white", r: innerRadius }))), this.renderCenterText()), this.renderLegend(segments)), hAsync("bh-chart-tooltip", { key: '39bce63e5b0eab31b002a481b6e9dc9580ce211a', "aria-hidden": this.tooltipVisible ? undefined : "true", items: this.tooltipSegment
                 ? [
                     {
                         label: this.tooltipSegment.name,
@@ -70892,32 +71689,32 @@ class BhPivotGrid {
             : String(m.columnCount +
                 (this.showRowGrandTotals ? 1 : 0) +
                 (this.showColumnGrandTotals ? 1 : 0));
-        return (hAsync(Host, { key: '4fc93ab072c0e03fbfd9d9a8bc21520f09d7d6bf', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
+        return (hAsync(Host, { key: '6fbbb10a181ff987c473f6a3b1f19835c30a7e80', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
                 if (this.matrix && e.target === this.el && this.activeCellEl) {
                     this.activeCellEl.focus();
                 }
-            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, hAsync("div", { key: '4a254af3c571045791756e3a23e42741184f6322', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), hAsync("div", { key: '0d050f0024f35365dd91e2feef1573e942595f6f', class: "pivot-grid-root" }, this.showFieldPanel && (hAsync("div", { key: '1a3cd6c572c4acd747af775faef1ba59b062133b', class: "pivot-grid-toolbar", part: "toolbar" }, hAsync("slot", { key: '04f504dba0a53e82eb6aabf699da2a0f580dd353', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (hAsync("button", { key: 'b961d63c05039eb4b0ae03f4fc235e401f5a0999', "aria-label": t.showFieldChooser, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.showFieldChooser(), type: "button" }, t.showFieldChooser)), this.enableExport && this.showExportButton && (hAsync("button", { key: '5e28936efd931998fc105e9c89c8c01906a9cfd3', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), hAsync("slot", { key: '98c24a2584b304ff9643ed03f50b39ab13722747', name: "toolbar-end" }))), this.showFieldPanel && (hAsync("div", { key: 'eb57a40e286d1e5a28d97cafd2ba91c8b7681b48', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (hAsync("div", { key: '582a2235e1935dd87a937cbfe6184cd1addb56c4', class: {
+            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, hAsync("div", { key: '200a2c1a121ef93378488d74c227579339f6cc89', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), hAsync("div", { key: '1aa66a126f3b4bca60066071a3cd3e8b346f9b3b', class: "pivot-grid-root" }, this.showFieldPanel && (hAsync("div", { key: '5b235927a3f38e3307fe0f3de4944187e0c927b7', class: "pivot-grid-toolbar", part: "toolbar" }, hAsync("slot", { key: '1634439bba85fbff3c38dc9dd99496c1e0154df3', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (hAsync("button", { key: 'a5393995c9651164f85289ade65c27238bf95acf', "aria-label": t.showFieldChooser, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.showFieldChooser(), type: "button" }, t.showFieldChooser)), this.enableExport && this.showExportButton && (hAsync("button", { key: '6c2ab09403c84c1073f75221a8f374df89c09fd2', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), hAsync("slot", { key: '4b06f58afe90ca5cff3d296b31df85f157a29313', name: "toolbar-end" }))), this.showFieldPanel && (hAsync("div", { key: '292857f8cdfb7b01aabf500b972a4dd3e0a97379', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (hAsync("div", { key: '2d3f2b8e375e2bb814a4f1a5d494ded7ebdef7d5', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "row",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "row"), onDrop: (e) => this.onFieldDrop(e, "row"), part: "field-area-row" }, hAsync("span", { key: '03b10fd67a23237eef9f7e962819e8d25237150d', class: "pivot-grid-field-area-label" }, t.rowFields), hAsync("div", { key: '92c89eefbd1ccbdd3162b4eff0bc03015d56613a', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "row"), onDrop: (e) => this.onFieldDrop(e, "row"), part: "field-area-row" }, hAsync("span", { key: '05ed6c936d9dc66e673a4249642a1e631c210929', class: "pivot-grid-field-area-label" }, t.rowFields), hAsync("div", { key: 'a31d04115b5c55de9b172d85ad1b4652d0695a66', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "row")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showColumnFields && (hAsync("div", { key: '8a7804638effbe22d6d75e9709f23d4f536bd568', class: {
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showColumnFields && (hAsync("div", { key: 'af55068f00c27df2a51a795580d00e74e7c4b451', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "column",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "column"), onDrop: (e) => this.onFieldDrop(e, "column"), part: "field-area-column" }, hAsync("span", { key: 'dd42b40f8b553ee3dffb8516cfe628c701307edb', class: "pivot-grid-field-area-label" }, t.columnFields), hAsync("div", { key: '5b93a9bfb3bebf7d822103fe688e34ef0c935229', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "column"), onDrop: (e) => this.onFieldDrop(e, "column"), part: "field-area-column" }, hAsync("span", { key: 'f1ec4e0585bc21025ca2842cfd7638a51af26799', class: "pivot-grid-field-area-label" }, t.columnFields), hAsync("div", { key: '5ad15f3abc2b00ba3cbcd995209701ce5dcf4ea5', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "column")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showDataFields && (hAsync("div", { key: '3c2057c100aeaad7c9290bd01ce2e5f3ea0e89d6', class: {
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showDataFields && (hAsync("div", { key: 'da383c15d581d08b8808f30a04c849049482c67f', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "data",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "data"), onDrop: (e) => this.onFieldDrop(e, "data"), part: "field-area-data" }, hAsync("span", { key: '6ae641ddde3dd41eb0e4730e40fcf47bcd9db279', class: "pivot-grid-field-area-label" }, t.dataFields), hAsync("div", { key: '782e54f735fcbc3bc51cf5320f12e58d73a12c68', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "data"), onDrop: (e) => this.onFieldDrop(e, "data"), part: "field-area-data" }, hAsync("span", { key: '957e082390e7cc25fb278cb18dbb55d81e9602bb', class: "pivot-grid-field-area-label" }, t.dataFields), hAsync("div", { key: '0a9957fb1bf333494824a63a84d5a064251f3221', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "data")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : "")))))), this.showFilterFields && (hAsync("div", { key: '2e3b1ab475f40bc9c9befa8c3170a2fec4b4dde3', class: {
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : "")))))), this.showFilterFields && (hAsync("div", { key: 'ccfd40613869ca7909e9bdeba8a52a9431114b66', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "filter",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "filter"), onDrop: (e) => this.onFieldDrop(e, "filter"), part: "field-area-filter" }, hAsync("span", { key: '15f001dcfb71562e1fe3f160f60e99075a9844d2', class: "pivot-grid-field-area-label" }, t.filterFields), hAsync("div", { key: '79b72cfc696a3af62d65cb0b3594419a5283f719', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "filter"), onDrop: (e) => this.onFieldDrop(e, "filter"), part: "field-area-filter" }, hAsync("span", { key: 'e7cd46d488f7f8a5515bb32871eddad0a3badcb5', class: "pivot-grid-field-area-label" }, t.filterFields), hAsync("div", { key: '92d1eac26f70d7470852bcb1957e444b7c39ab7c', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "filter")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
             .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))), this.allowFiltering &&
@@ -70943,7 +71740,7 @@ class BhPivotGrid {
                         const indices = Array.from(sel.selectedOptions).map((o) => Number(o.value));
                         this.setFilterSelectedValues(f.dataField, indices.map((i) => uniqueValues[i]));
                     }, part: "filter-select" }, uniqueValues.map((v, i) => (hAsync("option", { selected: selectedSet.has(v), value: String(i) }, String(v ?? ""))))))));
-            }))))), hAsync("div", { key: 'ab6357a21ac11d4522771904d70007bc4f76e5a2', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (hAsync("div", { class: "pivot-grid-loading", part: "loading" }, hAsync("slot", { name: "loading" }, this.loadingType === "skeleton" ? (hAsync("div", { class: "pivot-grid-skeleton" }, hAsync("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (hAsync("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (hAsync("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (hAsync("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, hAsync("slot", { name: "empty-state" }, hAsync("div", null, hAsync("strong", null, resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), hAsync("p", null, resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (hAsync("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, hAsync("table", { "aria-colcount": ariaColCount, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, hAsync("thead", { class: "pivot-grid-thead", part: "thead" }, hAsync("tr", { class: "pivot-grid-header-row", role: "row" }, hAsync("th", { "aria-sort": this.allowSorting &&
+            }))))), hAsync("div", { key: '95b64cf01157b79ddd6b5351236659fa979c9f54', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (hAsync("div", { class: "pivot-grid-loading", part: "loading" }, hAsync("slot", { name: "loading" }, this.loadingType === "skeleton" ? (hAsync("div", { class: "pivot-grid-skeleton" }, hAsync("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (hAsync("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (hAsync("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (hAsync("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, hAsync("slot", { name: "empty-state" }, hAsync("div", null, hAsync("strong", null, resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), hAsync("p", null, resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (hAsync("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, hAsync("table", { "aria-colcount": ariaColCount, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, hAsync("thead", { class: "pivot-grid-thead", part: "thead" }, hAsync("tr", { class: "pivot-grid-header-row", role: "row" }, hAsync("th", { "aria-sort": this.allowSorting &&
                 this.fields.filter((x) => x.area === "row").length > 0
                 ? this.getSortOrder(this.fields.filter((x) => x.area === "row")[0]
                     ?.dataField ?? "") === "asc"
@@ -71080,19 +71877,19 @@ class BhPivotGrid {
             const val = this.matrix.grandTotal?.formattedValue;
             const empty = val == null || String(val).trim() === "";
             return empty ? t.emptyValue : (val ?? "");
-        })())))))))) : (hAsync("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, hAsync("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), hAsync("bh-modal", { key: '92a636ce0bb2b3cbbd0a833852aefe56b41a781c', ariaLabel: resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, hAsync("div", { key: '45c3ddf29f4904075ca703958e36f8d77771040b', class: "pivot-grid-field-chooser-header", slot: "header" }, hAsync("h2", { key: 'f2f1e12bef3c7b4d292060007663258d7bf3f98c', class: "pivot-grid-field-chooser-title" }, resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), hAsync("div", { key: '034a80ec2b99b3c3c89f1487b05f915dedc6a07f', class: "pivot-grid-field-chooser-body" }, hAsync("p", { key: 'f5a92ceee4dd9ac6afe0bf395102ae9a69a14268', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), hAsync("div", { key: '0881ce2d493747a54bcfd8836e3c307319f20d36', class: "pivot-grid-field-chooser-areas" }, hAsync("div", { key: '74943cab8043855c70f33477b861c3c256e1e8a4', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: '228993e08eb3f5aa97694c22159b5dd4cc8bce22', class: "pivot-grid-field-area-label" }, t.rowFields), hAsync("div", { key: '7101c292d3c20c021161edbcb145ef882ed4ba23', class: "pivot-grid-field-chips" }, this.fields
+        })())))))))) : (hAsync("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, hAsync("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), hAsync("bh-modal", { key: 'f0491f3cfcee78a7873e781026b4b7429f6b7194', ariaLabel: resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, hAsync("div", { key: '53b8378cb7ac2dc7a3e08bb8648f648441b888a5', class: "pivot-grid-field-chooser-header", slot: "header" }, hAsync("h2", { key: '3342eebdb94a527beb213b2efae4e8d1a9006761', class: "pivot-grid-field-chooser-title" }, resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), hAsync("div", { key: '85dcbcc5f47b13e39d15956261fc93eb619d59ac', class: "pivot-grid-field-chooser-body" }, hAsync("p", { key: '54accab5562a756ece48e67ad0290411f19b2a9f', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), hAsync("div", { key: 'deee3da1059575b656c64759ba3d07cf5f40ea1f', class: "pivot-grid-field-chooser-areas" }, hAsync("div", { key: 'ed9262c407b53341b63b8550003354a5def4f9d1', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: 'b20378adbc9a4fcef07d305b2bf2ef374716a4da', class: "pivot-grid-field-area-label" }, t.rowFields), hAsync("div", { key: 'b3da7c4636ce911ddbbdb444f7ebaa0bd2a6aa1a', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "row")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), hAsync("div", { key: '768a4576ce13f84beee167e0e095bca80f2b21a4', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: 'b4f2fc287263a7f1031ca88b545942fe8648f9c7', class: "pivot-grid-field-area-label" }, t.columnFields), hAsync("div", { key: 'a6456cbf0cec9c1fa6f0b8ab679b26f97951977a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), hAsync("div", { key: 'a6210c4eae492ca8143788e225f1753700602bb7', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: '9251ad88d8afd0b1e43d0981398f45aa56e86657', class: "pivot-grid-field-area-label" }, t.columnFields), hAsync("div", { key: 'a6bb41eac725feefb97823dfd7240aed8271f9ca', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "column")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), hAsync("div", { key: 'a9bf8ff6577a24f84a69c81774cd13de43129a21', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: '87a0b94748b140a10447af5acf9583f46cbffd2c', class: "pivot-grid-field-area-label" }, t.dataFields), hAsync("div", { key: '16a667e7058cc36cc2b36909060c3ae13d5fa96a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), hAsync("div", { key: 'e4450160900e137cd487f04d67865ff9602950f7', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: 'd4b111a47f3cc58423f795ebd1fbfa8b0f305d7f', class: "pivot-grid-field-area-label" }, t.dataFields), hAsync("div", { key: '7431129b07367bcfc3e1e6e272a277ab280697c6', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "data")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), hAsync("div", { key: '4e8c4d6ac28df1320cba8b8c7df82b79fbc72e45', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: '1b57b0ecce8dccdf86b2d27cda43b409df00bdc9', class: "pivot-grid-field-area-label" }, t.filterFields), hAsync("div", { key: '735c6a71e6ee1104fd089ca9547f96679e6f5180', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), hAsync("div", { key: 'a7e1cdfd4fee2ff7934c3c7bd3fd07da83348446', class: "pivot-grid-field-chooser-area" }, hAsync("span", { key: '164f581553722cad871dd65f6e479e11aea9e7e4', class: "pivot-grid-field-area-label" }, t.filterFields), hAsync("div", { key: '5929e949659c43c1fe4f88772866de6aef9a7efc', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "filter")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), hAsync("div", { key: '09b3b9e4970d623cfe723bc6d14a891200be015b', class: "pivot-grid-field-chooser-footer", slot: "actions" }, hAsync("button", { key: '24ad1e092df089172919fdccaa13a8dd7a124dbe', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (hAsync("div", { key: '3aca2440211ba5a0427ca8bd274585c4b40e2dee', "aria-label": `Filter by ${this.fields.find((f) => f.dataField === this.headerFilterOpenField)?.caption ?? this.headerFilterOpenField}`, class: "pivot-grid-header-filter-popup", part: "header-filter-popup", role: "dialog", style: {
+            .map((f) => (hAsync("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), hAsync("div", { key: 'e9b994e2d11a2637ebbb498cabaed327b6a58ab3', class: "pivot-grid-field-chooser-footer", slot: "actions" }, hAsync("button", { key: 'fdda6a9cf693a6ce62de7c31faff616102ed48ae', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (hAsync("div", { key: '564280762b3c50318b85877120de56bbe150c9bc', "aria-label": `Filter by ${this.fields.find((f) => f.dataField === this.headerFilterOpenField)?.caption ?? this.headerFilterOpenField}`, class: "pivot-grid-header-filter-popup", part: "header-filter-popup", role: "dialog", style: {
                 left: `${this.headerFilterAnchorX}px`,
                 top: `${this.headerFilterAnchorY}px`,
                 width: `${this.headerFilterWidth}px`,
@@ -71108,7 +71905,7 @@ class BhPivotGrid {
                 filteredValues.length > 0 && (hAsync("label", { class: "pivot-grid-header-filter-select-all" }, hAsync("input", { checked: allSelected, onChange: () => this.setHeaderFilterSelectAll(!allSelected, filteredValues), type: "checkbox" }), "Select All")), this.headerFilterSearchEnabled && (hAsync("input", { class: "pivot-grid-header-filter-search", onInput: (e) => {
                     this.headerFilterSearchQuery = e.target.value;
                 }, part: "header-filter-search", placeholder: resolveI18n("bh-pivot-grid", "searchPlaceholder", undefined, "Search..."), type: "search", value: this.headerFilterSearchQuery })), hAsync("div", { class: "pivot-grid-header-filter-list", part: "header-filter-list" }, filteredValues.map((v) => (hAsync("label", { class: "pivot-grid-header-filter-item", key: String(v ?? "") }, hAsync("input", { checked: pendingSet.has(v), onChange: () => this.toggleHeaderFilterValue(v), type: "checkbox" }), String(v ?? t.emptyValue ?? "(Blanks)"))))), hAsync("div", { class: "pivot-grid-header-filter-actions" }, hAsync("button", { class: "pivot-grid-toolbar-btn", onClick: () => this.closeHeaderFilter(), type: "button" }, t.cancel), hAsync("button", { class: "pivot-grid-toolbar-btn pivot-grid-toolbar-btn-primary", onClick: () => this.applyHeaderFilter(), type: "button" }, t.ok))));
-        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (hAsync("div", { key: 'edf1b675707df9146b83b0d96ecece8055567358', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
+        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (hAsync("div", { key: '7d6e54dfd3da1a430762d8e525285c8e609d346a', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
                 left: `${this.contextMenuX}px`,
                 top: `${this.contextMenuY}px`,
             } }, this.contextMenuItems.map((item) => item.beginGroup ? (hAsync("div", { class: "pivot-grid-context-menu-separator", key: item.id, part: "context-menu-separator", role: "separator" })) : (hAsync("button", { class: "pivot-grid-context-menu-item", disabled: item.disabled, key: item.id, onClick: () => {
@@ -71428,9 +72225,9 @@ class BhPivotGridFieldChooser {
     render() {
         const t = this.t;
         const showApplyBar = this.applyChangesMode === "onDemand" && !this.disabled;
-        return (hAsync(Host, { key: '3fc5b1098662855265360b07158cdab17ff3aa00', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid-field-chooser", "ariaLabel", undefined, "Pivot grid field chooser"), class: {
+        return (hAsync(Host, { key: '160bca86a8a6ed39db89caf216f7488b79adb53a', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid-field-chooser", "ariaLabel", undefined, "Pivot grid field chooser"), class: {
                 "field-chooser-on-demand": this.applyChangesMode === "onDemand",
-            } }, hAsync("div", { key: '439303c722224870a3f022b13fdc230f73e394a1', class: "field-chooser-root" }, hAsync("div", { key: '4704552b1be0225604aab5388c82cd0838163fe1', class: "field-chooser-areas" }, this.renderArea("row", t.rowFields ?? "Row Fields"), this.renderArea("column", t.columnFields ?? "Column Fields"), this.renderArea("data", t.dataFields ?? "Data Fields"), this.renderArea("filter", t.filterFields ?? "Filter Fields")), showApplyBar && (hAsync("div", { key: '7c207f0a27b4137fc9968dce6fb0b88c6cb67fbd', class: "field-chooser-footer" }, hAsync("button", { key: '6ef0182ca26bd1da91bec83fbf412402745a1c9a', class: "field-chooser-btn", onClick: this.resetPending, type: "button" }, t.cancel ?? "Cancel"), hAsync("button", { key: '895c9efc02dfc2ba8401a51ee9dc04ac7095494a', class: "field-chooser-btn field-chooser-btn-primary", onClick: this.applyPending, type: "button" }, t.ok ??
+            } }, hAsync("div", { key: 'dc9212b713e3f624fc4301e7b7f0f700b19acc46', class: "field-chooser-root" }, hAsync("div", { key: '57c0ebbf3e46b6c4bc65b957053842242bba24c7', class: "field-chooser-areas" }, this.renderArea("row", t.rowFields ?? "Row Fields"), this.renderArea("column", t.columnFields ?? "Column Fields"), this.renderArea("data", t.dataFields ?? "Data Fields"), this.renderArea("filter", t.filterFields ?? "Filter Fields")), showApplyBar && (hAsync("div", { key: 'd86dada751587c7d2fe1c942a275a4a46b048598', class: "field-chooser-footer" }, hAsync("button", { key: 'f4214fc1bce9748079ff58c675ab6d4c9161942a', class: "field-chooser-btn", onClick: this.resetPending, type: "button" }, t.cancel ?? "Cancel"), hAsync("button", { key: '77812e2d497ccc04c28d9d0c273ec532239d7e57', class: "field-chooser-btn field-chooser-btn-primary", onClick: this.applyPending, type: "button" }, t.ok ??
             resolveI18n("bh-pivot-grid-field-chooser", "applyLabel", undefined, "Apply")))))));
     }
     static get watchers() { return {
@@ -72054,16 +72851,16 @@ class BhProgressBar {
         const percentage = this.getPercentage();
         const { label, formattedValue, value, sublabel } = this.data;
         const displayValue = formattedValue || String(value);
-        return (hAsync(Host, { key: '9a7299faa2a64f46b786a25fb409674648483bac' }, hAsync("div", { key: '4c05fe6effcc097f014d007db744ddd4542312a7', "aria-label": this.getAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
+        return (hAsync(Host, { key: '48d7e391cdc1b39313ad50b8fed3b6700dd97f5e' }, hAsync("div", { key: '3a0a5e832c961546425faf75c5072b52346825b9', "aria-label": this.getAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
                 "progress-bar-container": true,
                 "progress-bar-animated": this.animated,
-            }, onClick: this.handleClick, part: "container", role: "meter" }, this.showLabel && label && (hAsync("div", { key: 'b011d9fb700057c3210de759cd88e92f1d16c97f', class: "progress-label", part: "label" }, label)), this.showValue && (hAsync("div", { key: '12e3d82a7b0db913b09092856334bd2b3849fc5f', class: "progress-value", part: "value" }, displayValue)), hAsync("div", { key: 'e5f0663411ceef624cacc3b15245f01d00996d22', class: "progress-track-row" }, hAsync("div", { key: 'fb4afbd4ebf62d9d51428a5166f516c7f997a5eb', class: "progress-track", part: "track", style: {
+            }, onClick: this.handleClick, part: "container", role: "meter" }, this.showLabel && label && (hAsync("div", { key: '7d7af6542e816dfab62460ec549e1baa16c1674e', class: "progress-label", part: "label" }, label)), this.showValue && (hAsync("div", { key: '4d6d062b185a81d3014047234c446adafb499add', class: "progress-value", part: "value" }, displayValue)), hAsync("div", { key: '492f2236640812d7acb5a908c33ee16ec496dd05', class: "progress-track-row" }, hAsync("div", { key: '2496c9a4bd3a6dc6f49bdd5c94864e71c2e2ae6c', class: "progress-track", part: "track", style: {
                 height: `${this.height}px`,
                 backgroundColor: this.trackColor,
-            } }, hAsync("div", { key: '743ee8f143f09fcc52819a41eb1c0a9ea5340db7', class: "progress-fill", part: "fill", style: {
+            } }, hAsync("div", { key: '200a05ac521da65eb4d633102b6ea52317c746c8', class: "progress-fill", part: "fill", style: {
                 width: `${percentage}%`,
                 backgroundColor: this.color,
-            } })), this.showPercentage && (hAsync("span", { key: '76671bf3760eea5675780eeac930459b31834e1e', class: "progress-percentage", part: "percentage" }, percentage, "%"))), this.showSublabel && sublabel && (hAsync("div", { key: '9093c370961d79dea8bc49584ed84e402b45d7b9', class: "progress-sublabel", part: "sublabel" }, sublabel)))));
+            } })), this.showPercentage && (hAsync("span", { key: '3a59357896ea81e2f077d2f96b37477e24380297', class: "progress-percentage", part: "percentage" }, percentage, "%"))), this.showSublabel && sublabel && (hAsync("div", { key: '3db6988ad6a79534987b2ff4f82408ecc20674fb', class: "progress-sublabel", part: "sublabel" }, sublabel)))));
     }
     static get style() { return bhProgressBarCss(); }
     static get cmpMeta() { return {
@@ -72110,7 +72907,7 @@ class BhProgressRing {
         const radius = Math.max(0, half - this.strokeWidth - 1);
         const circumference = 2 * Math.PI * radius;
         const offset = circumference * (1 - val / 100);
-        return (hAsync(Host, { key: 'e3542574b9dc9f472c08b49db1780f4e9c6501f2', class: { "progress-ring-complete": val >= 100 } }, hAsync("svg", { key: 'a0691f6f5ab27cae37c38cd4531cdc5ae0a4be69', "aria-label": `Progress: ${val}%`, "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": `${val}`, height: `${this.effectiveSize}`, role: "progressbar", viewBox: `0 0 ${this.effectiveSize} ${this.effectiveSize}`, width: `${this.effectiveSize}` }, hAsync("circle", { key: '5c5caf1ca0c243a1be38e87f248f01e4f39c53cf', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), hAsync("circle", { key: '7a955598fb38649b0c017411fdc8bb1237a0754b', class: "progress-ring-fg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-dasharray": `${circumference}`, "stroke-dashoffset": `${offset}`, "stroke-linecap": "round", "stroke-width": `${this.strokeWidth}`, transform: `rotate(-90 ${half} ${half})` }), hAsync("text", { key: '6f3633edbb243eb8441f6e7a1e9bf14f38c28533', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
+        return (hAsync(Host, { key: 'ba84b91c7271b2bd8dac8754bb1b5cd0a7516deb', class: { "progress-ring-complete": val >= 100 } }, hAsync("svg", { key: '0dbc1d81c4c0021999003eb181901e22b1b3df35', "aria-label": `Progress: ${val}%`, "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": `${val}`, height: `${this.effectiveSize}`, role: "progressbar", viewBox: `0 0 ${this.effectiveSize} ${this.effectiveSize}`, width: `${this.effectiveSize}` }, hAsync("circle", { key: 'b3f0cbd98a0afa880aedd279bb9a66ba8b419d51', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), hAsync("circle", { key: 'bec1347c035e0ebdc6a3e37b30149009604232e6', class: "progress-ring-fg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-dasharray": `${circumference}`, "stroke-dashoffset": `${offset}`, "stroke-linecap": "round", "stroke-width": `${this.strokeWidth}`, transform: `rotate(-90 ${half} ${half})` }), hAsync("text", { key: 'a3fbed3bb2dcaa09fcca00ae06e588d74071ce7c', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
     }
     static get style() { return bhProgressRingCss(); }
     static get cmpMeta() { return {
@@ -72153,7 +72950,7 @@ class BhPropertySwitcher {
     /**
      * Selected property name to display (initial value)
      */
-    selectedProperty = "Select a property";
+    selectedProperty = "";
     /**
      * Array of property options
      */
@@ -72225,7 +73022,8 @@ class BhPropertySwitcher {
         return [];
     }
     componentWillLoad() {
-        this.internalSelectedProperty = this.selectedProperty;
+        this.internalSelectedProperty =
+            this.selectedProperty || this.getParsedProperties()[0]?.name || "";
         this.focusState.onChange(() => {
             this.focusVersion++;
         });
@@ -72234,6 +73032,15 @@ class BhPropertySwitcher {
         });
     }
     dismissalManager;
+    handlePropertiesChange() {
+        if (!this.internalSelectedProperty) {
+            this.internalSelectedProperty = this.getParsedProperties()[0]?.name ?? "";
+        }
+    }
+    handleSelectedPropertyChange(value) {
+        this.internalSelectedProperty =
+            value || this.getParsedProperties()[0]?.name || "";
+    }
     handleExpandedChange(newValue) {
         if (newValue) {
             this.dismissalManager?.enable();
@@ -72448,11 +73255,17 @@ class BhPropertySwitcher {
         };
         const selectedProp = this.getSelectedProperty();
         const displayName = this.internalSelectedProperty || this.selectedProperty;
-        return (hAsync(Host, { key: '429ba01d80adaee53bb584055ece19d1bb9896cc' }, hAsync("div", { key: '1ad15b7a1e4139fe60b4bf9fffce5ae777e818fc', class: containerClasses, "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container", ref: (el) => (this.switcherRef = el) }, hAsync("button", { key: '013ac97ca0ee382de90a141ca5db380d44b6de83', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (hAsync("span", { key: 'a244fd3353c102d25ac68035fd84328816594886', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), hAsync("span", { key: 'eb3aca3724177b0efd674b72cb5bb911fbe4a209', class: "property-name" }, displayName), hAsync("span", { key: 'b3c3d8da7a30c8bde04ada9c096bc6edf8281535', "aria-label": this.isExpanded ? "Collapse Options" : "Expand Options", class: "material-symbols-outlined expand-icon" }, this.isExpanded ? "unfold_less" : "unfold_more")), this.isExpanded && (hAsync("div", { key: 'd128c5b478dd680e96f702afedd1def258dc0b70', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), hAsync("div", { key: '23da5ec77685171758a61f227e6f355ab44c72b5', class: "dropdown-content", part: "content" }, this.grouped
+        return (hAsync(Host, { key: '0314c59164bd68049834d6926937a5410511b2f4' }, hAsync("div", { key: '9bd6697b5086fb3b91ba3d07e0df7a107f763c61', class: containerClasses, "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container", ref: (el) => (this.switcherRef = el) }, hAsync("button", { key: '064c51318774731963786d9600f9d9c0aa325e61', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (hAsync("span", { key: 'dde9f0c0da94b80c7833ced86a232641b9c34ea2', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), hAsync("span", { key: '786cf85012ba2ca9fab0016668e3946bc137c39a', class: "property-name" }, displayName), hAsync("span", { key: 'd0e53949cbad02f7fba5cf5e05bbb32513311710', "aria-label": this.isExpanded ? "Collapse Options" : "Expand Options", class: "material-symbols-outlined expand-icon" }, this.isExpanded ? "unfold_less" : "unfold_more")), this.isExpanded && (hAsync("div", { key: '32ae0957298d8c182fbee896f11d075bd9172636', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), hAsync("div", { key: 'ce586cbd183d9fa6c362e4c844fc8d78866f8dc8', class: "dropdown-content", part: "content" }, this.grouped
             ? this.renderGroupedView()
             : this.renderFlatView()))))));
     }
     static get watchers() { return {
+        "properties": [{
+                "handlePropertiesChange": 0
+            }],
+        "selectedProperty": [{
+                "handleSelectedPropertyChange": 0
+            }],
         "isExpanded": [{
                 "handleExpandedChange": 0
             }]
@@ -72802,10 +73615,10 @@ class BhRadarChart {
         })));
     }
     render() {
-        return (hAsync(Host, { key: 'dfbf8e4d04f19fc35634fcf2d1b40af500fbd68a' }, hAsync("div", { key: 'd38a4cba5756448585cf9c9efa61784099b7797a', class: {
+        return (hAsync(Host, { key: 'd107776c86a650f7a6684f5a284fcf4ead2d18d7' }, hAsync("div", { key: 'd93136a5ec66d04f8fd0944562b284ab06ccf348', class: {
                 "radar-chart": true,
                 "radar-chart-animated": this.animated,
-            }, part: "container" }, hAsync("svg", { key: '8e39acb0c48dd35971ba5445843417719a2290d9', "aria-label": resolveI18n("bh-radar-chart", "ariaLabel", this.ariaLabel, "Radar chart"), class: "radar-chart-svg", height: this.size, role: "img", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, this.renderGrid(), this.renderAxes(), this.renderSeries())), hAsync("bh-chart-tooltip", { key: 'fb75b85aacf0894a8d5d5c561a5fb80b6fc97c53', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            }, part: "container" }, hAsync("svg", { key: '5a374b7232e4368a85b34da38f134d547ffb3454', "aria-label": resolveI18n("bh-radar-chart", "ariaLabel", this.ariaLabel, "Radar chart"), class: "radar-chart-svg", height: this.size, role: "img", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, this.renderGrid(), this.renderAxes(), this.renderSeries())), hAsync("bh-chart-tooltip", { key: 'aa6ff63acbf09782254c0f512a7a4340c7f795a3', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
     static get watchers() { return {
         "data": [{
@@ -73160,7 +73973,7 @@ class BhRadioGroup {
         nextRadio.shadowRoot?.querySelector("[role='radio']")?.focus();
     };
     render() {
-        return (hAsync(Host, { key: 'c1d7e737ecf216ccd075954752faab59eef3ce88', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, hAsync("slot", { key: '4a79fefac6fbd636670d0ce76cdfa1529985834a' })));
+        return (hAsync(Host, { key: '2610acb82571f455c8cfcde9d91cbbd6beaa2d7c', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, hAsync("slot", { key: '4f78ae52b78e20bacb0775342cc61463b8cf1288' })));
     }
     static get cmpMeta() { return {
         "$flags$": 772,
@@ -73528,7 +74341,7 @@ class BhRangeSlider {
             "range-slider-disabled": this.disabled,
             [`range-slider-label-${this.labelDisplay}`]: true,
         };
-        return (hAsync(Host, { key: '60d6bc67694191e50c454b84d8ba37f3eae008e2' }, hAsync("div", { key: '3ed1f92ed5eb89067112e1f1d73a8b97ac2fa912', class: containerClasses, part: "container" }, hAsync("div", { key: '02e559c185d3e110851cbbf8842ca239fe675961', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, hAsync("div", { key: '45c6d2bb5073c08f65eb77b30800a615aa60231e', class: "range-track-active", part: "track-active", style: {
+        return (hAsync(Host, { key: '317deaf6ff94d2543e8bfaf52236a2d98ee27277' }, hAsync("div", { key: '7229dc67f8df8ad0fdcc9207cc5eb43925c3b325', class: containerClasses, part: "container" }, hAsync("div", { key: 'a768ad1069cae8f0f8aa90e6e29967ac3f7a261b', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, hAsync("div", { key: '4dd82c4cf0954c684bd579a6e23a0aa10d89da81', class: "range-track-active", part: "track-active", style: {
                 left: `${activeLeft}%`,
                 width: `${activeWidth}%`,
             } })), this.dual
@@ -73611,7 +74424,7 @@ class BhSectionFooter {
         // No contentinfo role: it's a document-level landmark and section/card
         // footers can appear many times per page (axe flags duplicates).
         // Consumers can add a landmark at the page level if needed.
-        return (hAsync(Host, { key: 'e668a314813d8473ef4bcfc6be456a347a4aaded' }, hAsync("div", { key: '40bf617d2dfde711e7bcadaa7df3504d29d9eb43', class: footerClasses, part: "section-footer" }, this.showDivider && hAsync("div", { key: '1273923ce5a47bce29cca47dae3084f3ea2c4b3e', class: "divider", part: "divider" }), hAsync("div", { key: '9ce4e58d3f74d880b103e4c29a51f5b81bc07c57', class: "content", part: "content" }, hAsync("slot", { key: '41e0707bc65ba81cc8ef615ed74c905b5fb1ff40' })))));
+        return (hAsync(Host, { key: 'f7a76395651e3b0ccba33a2b98a94ee860e692b1' }, hAsync("div", { key: 'cd001abd5ba91fbce383d0597323d1341c992e2f', class: footerClasses, part: "section-footer" }, this.showDivider && hAsync("div", { key: '9fddc9b69d90c8a8738c8f6e38468d821be81d57', class: "divider", part: "divider" }), hAsync("div", { key: 'ed11e120d931df4ab34cfba46f56ef9b07b1b899', class: "content", part: "content" }, hAsync("slot", { key: '4bc61965522f792f203a8cbd1676e735dd14776c' })))));
     }
     static get style() { return bhSectionFooterCss(); }
     static get cmpMeta() { return {
@@ -73659,7 +74472,7 @@ class BhSectionHeader {
     }
     render() {
         const hasSupportingText = !!this.supportingText;
-        return (hAsync(Host, { key: 'a6188b9680d5cbeeb25201b3ff21f2abaac773b9', "aria-label": this.heading || "Section header", role: "region" }, hAsync("div", { key: '0b087bd7940b52a4e864bfbe0702dbf53198daab', class: "section-header", part: "section-header" }, hAsync("div", { key: 'fdc25467a88a4d86dc2353bf5908c9fc0dd1bb11', class: "content" }, hAsync("div", { key: 'bc6c3044dceb7ba35b35ee0a5735a2f17f10aa56', class: "text-and-supporting-text" }, this.heading && (hAsync("h2", { key: 'ca3cb51a4088060ba3e6b59a556670667963d862', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (hAsync("p", { key: '4f31899bc323ee16a4f772c96a02f2e6601ff5e4', class: "supporting-text", part: "supporting-text" }, this.supportingText))), hAsync("div", { key: '1f8760134dac42e1e819289f8035cd69510523f0', class: "actions", part: "actions" }, hAsync("slot", { key: '6dc1a30e4059541c2275dce376a0e77d2e12bbb2', name: "actions" }))), hAsync("div", { key: 'c970aa3b59f1bd14339d8286b082c11d7d5a6a6e', class: "tabs", part: "tabs" }, hAsync("slot", { key: '9d6a55cd1b467cd33ca834e74c5655f191a16cd0', name: "tabs" })), hAsync("div", { key: 'a6b25cd2537f0d2fac01a3ee554239f97c1e4a5c', class: "search-slot" }, hAsync("slot", { key: 'e2ba0774009dba2fa044ff5f78c8d9c846d3f17b', name: "search" })), this.showDivider && hAsync("div", { key: 'dee7622add19dcec9a67d5e992f6cbdb104045c0', class: "divider", part: "divider" }))));
+        return (hAsync(Host, { key: '59cbcb16c878f16bd96eff24c0fbd33a397f06f2', "aria-label": this.heading || "Section header", role: "region" }, hAsync("div", { key: 'e3a1dc6a766c75b19af87aa6b8d5a252817e0d5e', class: "section-header", part: "section-header" }, hAsync("div", { key: 'd02a7456fd9134ad30efa50615e7ad49eae20151', class: "content" }, hAsync("div", { key: '1e304eca2b0f890025c5f8ee28497c149a20005e', class: "text-and-supporting-text" }, this.heading && (hAsync("h2", { key: '9a4739c11044a1bc35703717a9e0c956069aef28', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (hAsync("p", { key: '8278b021f09b357ee782441b87cdc89fec51af4c', class: "supporting-text", part: "supporting-text" }, this.supportingText))), hAsync("div", { key: '85d75cac313332f39e7840db73a50bfb14ecd4c2', class: "actions", part: "actions" }, hAsync("slot", { key: 'ec37ef8909bfd12fd1e4dfe77155f333aa1ace87', name: "actions" }))), hAsync("div", { key: '3f406f77f51e2443562febba427d411f83fa794e', class: "tabs", part: "tabs" }, hAsync("slot", { key: '7553fe39d2cc7c11c8aaa6f8d2cd57c3b28c851d', name: "tabs" })), hAsync("div", { key: 'a224a53e3bc58c69de3dd981f79aca9ac9b0acb3', class: "search-slot" }, hAsync("slot", { key: '4e7ff2d2036f381d7b41a8b1a2f046f4a3ad5b94', name: "search" })), this.showDivider && hAsync("div", { key: '6bf6242be0cc5f93b3018dbb972fd8239823af22', class: "divider", part: "divider" }))));
     }
     static get style() { return bhSectionHeaderCss(); }
     static get cmpMeta() { return {
@@ -74191,7 +75004,7 @@ class BhSelect {
                 width: this.menuWidth > 0 ? `${this.menuWidth}px` : undefined,
             }
             : { display: "none" };
-        return (hAsync(Host, { key: '54a25e68eb56eeb45dc02268b6841c3f56d4cd7f' }, hAsync("div", { key: 'd79d8c99bc590fea80ffa93ec63049bf026842e4', class: "select-wrapper", part: "wrapper" }, this.label && (hAsync("span", { key: '5df519601e51b84a44e85be961e569c7f1d9c3a1', class: "select-label", id: labelId, part: "label" }, this.label, this.required && (hAsync("span", { key: 'd40dc62c2f84d9b9aab95874b3fe3d079d1aaeef', "aria-hidden": "true", class: "select-required" }, "*")))), hAsync("div", { key: 'b31c8aecfbe11de9a2c0768df92d903056d53e74', "aria-activedescendant": this.isOpen && this.activeIndex >= 0
+        return (hAsync(Host, { key: '43f8bb5f4e255ab16856ae95df0fa99b13479168' }, hAsync("div", { key: 'ff1b24b8180c0369bbbc3f5a7d80d9cc04ae4c58', class: "select-wrapper", part: "wrapper" }, this.label && (hAsync("span", { key: '7999ddb59b69cc028089060abd65d39cddcc6477', class: "select-label", id: labelId, part: "label" }, this.label, this.required && (hAsync("span", { key: '801a705676425d1f3894eeb088fb0d244ea6f498', "aria-hidden": "true", class: "select-required" }, "*")))), hAsync("div", { key: 'f10ec8ddb06c3b7d738ee667afe3cb07c255e502', "aria-activedescendant": this.isOpen && this.activeIndex >= 0
                 ? this.optionId(this.activeIndex)
                 : undefined, "aria-controls": listboxId, "aria-describedby": this.supportingText ? supportingId : undefined, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox", "aria-invalid": this.error ? "true" : undefined, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? "true" : undefined, class: triggerClasses, onBlur: this.handleBlur, onClick: this.toggleMenu, onFocus: this.handleFocus, onKeyDown: this.handleTriggerKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "combobox", tabindex: this.disabled ? -1 : 0 }, !this.multiple &&
             this.searchable &&
@@ -74210,13 +75023,13 @@ class BhSelect {
                     e.stopPropagation();
             }, onInput: this.handleSearchInput, placeholder: resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"), readOnly: !this.isOpen, ref: (el) => {
                 this.searchInputRef = el;
-            }, type: "text", value: this.isOpen ? this.searchQuery : (selected?.label ?? "") })) : selected ? (hAsync("span", { class: "select-value" }, selected.label)) : (hAsync("span", { class: "select-placeholder" }, resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"))), this.clearable && hasValue && (hAsync("button", { key: '34c5f3e3ffed7a3bc106ac25e70a10ab54778231', "aria-label": "Clear selection", class: "trigger-clear", onClick: this.clearAll, tabIndex: -1, type: "button" }, hAsync("span", { key: '1e5ac56e69edadaee20dae25729d3078514a6f00', "aria-hidden": "true", class: "material-symbols-outlined" }, "close"))), hAsync("span", { key: '33359b20f7199171f04366b1176bca1f4ad4f6e1', "aria-hidden": "true", class: "material-symbols-outlined trigger-icon" }, this.isOpen ? "expand_less" : "expand_more")), this.supportingText && (hAsync("div", { key: '3e07eec1338e2ed9415792f7ed4ade0b810e183e', class: {
+            }, type: "text", value: this.isOpen ? this.searchQuery : (selected?.label ?? "") })) : selected ? (hAsync("span", { class: "select-value" }, selected.label)) : (hAsync("span", { class: "select-placeholder" }, resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"))), this.clearable && hasValue && (hAsync("button", { key: 'c062ac5e898db328ec3ff70daf488ecddb246238', "aria-label": "Clear selection", class: "trigger-clear", onClick: this.clearAll, tabIndex: -1, type: "button" }, hAsync("span", { key: '89e0d0c5288c7c2345a3e576a006442bd7c079ae', "aria-hidden": "true", class: "material-symbols-outlined" }, "close"))), hAsync("span", { key: 'a3336ce2bf823cccdae80eff7c472b259b43e51c', "aria-hidden": "true", class: "material-symbols-outlined trigger-icon" }, this.isOpen ? "expand_less" : "expand_more")), this.supportingText && (hAsync("div", { key: 'd35ed101cccc3eb83a4a8fc15f2b53f4afb28773', class: {
                 "supporting-text": true,
                 "supporting-error": this.error,
-            }, id: supportingId, part: "supporting-text" }, this.supportingText)), hAsync("div", { key: '061c8a817d8ad2f530afde1afbf82d527fc64696', "aria-labelledby": this.label ? labelId : undefined, "aria-multiselectable": this.multiple ? "true" : undefined, class: {
+            }, id: supportingId, part: "supporting-text" }, this.supportingText)), hAsync("div", { key: '4f971a6b8303001b0036cc8d37b8fa8d31dbdb26', "aria-labelledby": this.label ? labelId : undefined, "aria-multiselectable": this.multiple ? "true" : undefined, class: {
                 "select-menu": true,
                 "animate-menu-enter": this.isOpen,
-            }, id: listboxId, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, hAsync("div", { key: 'c99d558c9a8fd4774ba76f82dac6287bd533b25c', class: "menu-items" }, this.displayedOptions.map((option, index) => {
+            }, id: listboxId, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, hAsync("div", { key: 'fe60eb6b80628bd41af456f4576ae26ac8fc8d76', class: "menu-items" }, this.displayedOptions.map((option, index) => {
             const isSelected = this.multiple
                 ? this.parsedValues.includes(option.value)
                 : option.value === this.value;
@@ -74437,7 +75250,7 @@ class BhSelectionGroup {
     }
     render() {
         const role = this.selectionMode === "single" ? "radiogroup" : "group";
-        return (hAsync(Host, { key: '651a357be7a60f88d21aefd0dc166a96291ac443' }, hAsync("div", { key: 'ea7c7b837371d0e6239858f99078483031ade5ca', "aria-describedby": this.ariaDescribedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-required": String(this.required), class: "selection-group", onFocusin: this.handleFocus, onFocusout: this.handleBlur, onKeyDown: this.handleKeyDown, part: "container", role: role }, hAsync("slot", { key: '7562b34ef2da0a5ce4db989e1256dd178322c6ed' }))));
+        return (hAsync(Host, { key: '42a3fee86af4a59de1260fc9b421b01b75c0ebe9' }, hAsync("div", { key: '2d23ad07b16eec484f69f9fc618e114727a9e527', "aria-describedby": this.ariaDescribedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-required": String(this.required), class: "selection-group", onFocusin: this.handleFocus, onFocusout: this.handleBlur, onKeyDown: this.handleKeyDown, part: "container", role: role }, hAsync("slot", { key: 'a1ee406cb10e814fbb63df50f5c2cab6da2ff97a' }))));
     }
     static get style() { return bhSelectionGroupCss(); }
     static get cmpMeta() { return {
@@ -74970,7 +75783,7 @@ class BhSidePanelFooter {
         return (hAsync("div", { class: "panel-footer-content panel-footer-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (hAsync(Host, { key: 'b0c301c0266272f7d29cdfc21b688f516a8c72e6' }, hAsync("footer", { key: 'a542de9c73b83a0b8d73ec3f1804a4a380b0e788', class: "panel-footer" }, this.divider && hAsync("div", { key: 'ae3df81a4ca576adb54b39a3848e21d291e0dd4d', class: "divider" }), this.renderButtons())));
+        return (hAsync(Host, { key: 'ff8639f5131658cf8ffae8dd65d49d54f7c5c0ae' }, hAsync("footer", { key: '4d3cb230b86bf89aa7112abcb3c9d8f2cb9bf4f8', class: "panel-footer" }, this.divider && hAsync("div", { key: 'a0ae6e6b9c723819556ea2da0617467be09f9a85', class: "divider" }), this.renderButtons())));
     }
     static get style() { return bhSidePanelFooterCss(); }
     static get cmpMeta() { return {
@@ -75009,7 +75822,7 @@ class BhSidePanelHeader {
         this.bhClose.emit();
     };
     render() {
-        return (hAsync(Host, { key: 'e7965b177aaef468e59bc48d1279cceecf319160' }, hAsync("header", { key: 'be1c0c144eec2c7aef6b2815abae4b5ee7743ee0', class: "panel-header" }, hAsync("div", { key: 'b2ec676de7c44f97d4a93efa840bdf35b895d896', class: "panel-header-content" }, this.showIcon && this.icon && (hAsync("bh-featured-icon", { key: 'f876eb04b2406841538a570225b1e70a10e1a4f6', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), hAsync("div", { key: '62560b71eb9b245c576adb3eb4f1f7991291f53d', class: "panel-text-content" }, hAsync("h3", { key: '98fd555a7b91826f5d3cce8efeb27c22db4dad65', class: "panel-title" }, this.panelTitle), this.description && (hAsync("p", { key: 'aecfb71b7777f8a0c49a54d7fe45be5964eff108', class: "panel-description" }, this.description)))), this.showCloseButton && (hAsync("div", { key: '000945b20104edf433f78f2e070746cf77ba6c28', class: "close-button" }, hAsync("bh-close-button", { key: '45c096365ab19df4f16d86f3b6b799ba22119930', ariaLabel: "Close panel", onClick: this.handleClose })))), this.divider && hAsync("div", { key: 'cb02b1512b93777a6a6d4adce36c9f3a7290d03c', class: "divider" })));
+        return (hAsync(Host, { key: '3224ec9f84a5850acc476b92d88b7f08f85dc492' }, hAsync("header", { key: '55327f5e1eb2fc6e38758b60695e5ce2263d6dae', class: "panel-header" }, hAsync("div", { key: '60cb220c5a3212f7ead2f9000155d419f9672fa5', class: "panel-header-content" }, this.showIcon && this.icon && (hAsync("bh-featured-icon", { key: '541884194ca5d974f043c112be2dc572b39ea91b', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), hAsync("div", { key: 'd62a700b96f50c97dfe0ebe0f1563fb71ec125c8', class: "panel-text-content" }, hAsync("h3", { key: 'aa6773b297c819008a2f7077dbf51f0e4da8d1e9', class: "panel-title" }, this.panelTitle), this.description && (hAsync("p", { key: 'b39e76e15559448c148b13f488914a512228295f', class: "panel-description" }, this.description)))), this.showCloseButton && (hAsync("div", { key: 'fd241777351f6dab5cf1bcc4e67ab4c2d64adec3', class: "close-button" }, hAsync("bh-close-button", { key: '086edfc28db803236b6dfc3dee200998f7ec5674', ariaLabel: "Close panel", onClick: this.handleClose })))), this.divider && hAsync("div", { key: 'a5135859dd026ad96526f97697a39c3a668bd54c', class: "divider" })));
     }
     static get style() { return bhSidePanelHeaderCss(); }
     static get cmpMeta() { return {
@@ -75164,6 +75977,19 @@ class BhSidebar {
      * Avatar menu items override
      */
     avatarMenuItems;
+    /**
+     * Avatar image alt text
+     */
+    avatarAlt = "Avatar";
+    /**
+     * Keyboard shortcut hint shown next to search (e.g. "cmd+k").
+     * Display only — the consumer binds the actual hotkey.
+     */
+    searchHotkey;
+    /**
+     * Header shown at the top of the avatar dropdown menu
+     */
+    avatarMenuHeader;
     /**
      * Event emitted when a menu item is clicked
      */
@@ -75363,7 +76189,7 @@ class BhSidebar {
         return (hAsync("div", { class: "sidebar-header", part: "header" }, hAsync("bh-logo-box", { assetBasePath: this.assetBasePath, logoSrc: this.logoSrc, logoType: this.logoType, products: this.products })));
     }
     renderSearch() {
-        return (hAsync("div", { class: "search-container", part: "search" }, hAsync("bh-button-icon", { hierarchy: "secondary", iconName: "search", onClick: this.handleSearchClick, size: "md" })));
+        return (hAsync("div", { class: "search-container", part: "search" }, hAsync("bh-button-icon", { hierarchy: "secondary", iconName: "search", onClick: this.handleSearchClick, size: "md" }), this.searchHotkey && this.open && (hAsync("bh-kbd", { class: "search-hotkey", keys: this.searchHotkey, size: "sm" }))));
     }
     renderToggleHandle() {
         if (!this.showToggleHandle)
@@ -75383,7 +76209,7 @@ class BhSidebar {
     }
     renderFooter() {
         const layout = this.navItemLayout;
-        return (hAsync("div", { class: "sidebar-footer", part: "footer" }, hAsync("div", { class: "footer-navigation", part: "footer-nav" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { icon: item.icon, isActive: false, key: item.label, label: item.label, layout: layout, onBhClick: () => this.handleNavItemClick(item.label), showLabel: layout === "row" })))), hAsync("bh-dropdown", { avatarEmail: this.avatarEmail, avatarName: this.avatarName, avatarSize: "md", avatarSrc: this.avatarUrl, menuItems: this.avatarMenuItems || DEFAULT_AVATAR_MENU_ITEMS, showIcons: true, size: "md", variant: "avatar" })));
+        return (hAsync("div", { class: "sidebar-footer", part: "footer" }, hAsync("div", { class: "footer-navigation", part: "footer-nav" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { icon: item.icon, isActive: false, key: item.label, label: item.label, layout: layout, onBhClick: () => this.handleNavItemClick(item.label), showLabel: layout === "row" })))), hAsync("slot", { name: "user-menu" }, hAsync("bh-dropdown", { avatarAlt: this.avatarAlt, avatarEmail: this.avatarEmail, avatarInitials: this.avatarInitials, avatarName: this.avatarName, avatarSize: "md", avatarSrc: this.avatarUrl, header: this.avatarMenuHeader, menuItems: this.avatarMenuItems || DEFAULT_AVATAR_MENU_ITEMS, showIcons: true, size: "md", variant: "avatar" }))));
     }
     render() {
         const layout = this.navItemLayout;
@@ -75393,7 +76219,7 @@ class BhSidebar {
             "sidebar-open": this.open,
             [`sidebar-style-${this.sidebarStyle}`]: true,
         };
-        return (hAsync(Host, { key: '1716951a51d3d02a8a7b79d3f31d5dfb0eb48466', onKeyDown: this.handleKeyDown }, hAsync("div", { key: '088a6a1ab1351e0f8e9c1c7a824dc1c1555fe845', "aria-expanded": this.open ? "true" : "false", class: sidebarClasses, part: "sidebar" }, hAsync("nav", { key: '18e04677043e593dfdc9b96456a496207e28456a', "aria-label": resolveI18n("bh-sidebar", "mainNavAriaLabel", this.mainNavAriaLabel, "Main navigation"), class: "navigation", part: "navigation" }, hAsync("div", { key: '76d9672eaa6d7aff5ac9ece5e4ae5ee890deeb81', class: "gradient-bar", part: "gradient-bar" }, hAsync("div", { key: '0319afcad723f44f038bd890684c60af41137829', class: "detail-bar" })), hAsync("div", { key: '77b428e8a56f51ba127d08aaa43cf69ce8191345', class: "sidebar-content", part: "content" }, this.renderHeader(), hAsync("div", { key: '3c3b05773175d3bc5d1acdbf659aef4318f2c2d9', class: "navigation-section", part: "nav-section" }, this.renderSearch(), hAsync("div", { key: '07126dcf784c43916f8df25277f4f51fd6aa81b9', class: "nav-items", part: "nav-items" }, this.menuItems.map((item) => {
+        return (hAsync(Host, { key: '2dec369efb3e4dc9ec7d84959b337ff30d44412d', onKeyDown: this.handleKeyDown }, hAsync("div", { key: '452065ea048a8857b1d6cef73732faee54d56a22', "aria-expanded": this.open ? "true" : "false", class: sidebarClasses, part: "sidebar" }, hAsync("nav", { key: 'cb273ec0b22a186fa3b4177e9d3081588cf613bc', "aria-label": resolveI18n("bh-sidebar", "mainNavAriaLabel", this.mainNavAriaLabel, "Main navigation"), class: "navigation", part: "navigation" }, hAsync("div", { key: '12267bf76b6662f8ebfe949c576ea20ec612b352', class: "gradient-bar", part: "gradient-bar" }, hAsync("div", { key: '86b9610ff1167e06ddf4c0b4015f32893d92fcc9', class: "detail-bar" })), hAsync("div", { key: '7e033b47ed6f9d4ae678fd60a7259137cf2fb377', class: "sidebar-content", part: "content" }, this.renderHeader(), hAsync("div", { key: '84957e80d53b5f6f9b31ff27e2f8aad8016ce545', class: "navigation-section", part: "nav-section" }, this.renderSearch(), hAsync("div", { key: 'b4ed4701e6e600350b7ce0442fc4b9307c778e46', class: "nav-items", part: "nav-items" }, this.menuItems.map((item) => {
             const hasChildren = !!item.children?.length;
             const isExpandable = hasChildren && this.sidebarStyle !== "slim";
             return [
@@ -75411,7 +76237,7 @@ class BhSidebar {
     }; }
     static get style() { return bhSidebarCss(); }
     static get cmpMeta() { return {
-        "$flags$": 521,
+        "$flags$": 777,
         "$tagName$": "bh-sidebar",
         "$members$": {
             "sidebarStyle": [1, "sidebar-style"],
@@ -75432,6 +76258,9 @@ class BhSidebar {
             "menuItems": [16],
             "footerItems": [16],
             "avatarMenuItems": [16],
+            "avatarAlt": [1, "avatar-alt"],
+            "searchHotkey": [1, "search-hotkey"],
+            "avatarMenuHeader": [16],
             "_i18nVersion": [32],
             "activeItem": [32],
             "expandedItemLabel": [32],
@@ -75515,7 +76344,7 @@ class BhSkeletonLoader {
             skeleton: true,
             "skeleton-circle": this.circle,
         };
-        return (hAsync(Host, { key: 'acd4d120cf990adef2ecc07a7c896cbb45d29f9e' }, hAsync("span", { key: 'c1f8e7d1a382558f8ecd4551206fe32c70a61793', "aria-busy": "true", "aria-label": resolveI18n("bh-skeleton-loader", "ariaLabel", this.ariaLabel, "Loading"), "aria-live": "polite", class: skeletonClasses, part: "skeleton", role: "status", style: { width: this.safeWidth, height: this.safeHeight } })));
+        return (hAsync(Host, { key: 'c3fe544da1ed2c4f780c336fbf964c8c22665435' }, hAsync("span", { key: '54c173841af25b2a7c1d4b388b492e8db1e95057', "aria-busy": "true", "aria-label": resolveI18n("bh-skeleton-loader", "ariaLabel", this.ariaLabel, "Loading"), "aria-live": "polite", class: skeletonClasses, part: "skeleton", role: "status", style: { width: this.safeWidth, height: this.safeHeight } })));
     }
     static get style() { return bhSkeletonLoaderCss(); }
     static get cmpMeta() { return {
@@ -75853,11 +76682,11 @@ class BhTabItem {
             "tab-button-disabled": this.disabled,
             ...(this.disabled ? {} : focusClasses),
         };
-        return (hAsync(Host, { key: 'ecf630fe97884f7f91c3450d4d047364e12fc8eb', class: {
+        return (hAsync(Host, { key: '6feaa14297ed9671314fe18241b4d552f75e7055', class: {
                 "tab-item": true,
                 "tab-item-active": this.active,
                 "tab-item-disabled": this.disabled,
-            }, onClick: this.handleClick }, hAsync("button", { key: 'b0339ce540dede72bfdd3375f8f3e4a5d989a0e6', "aria-controls": this.panelId, "aria-disabled": this.disabled ? "true" : "false", "aria-posinset": this.posInSet, "aria-selected": this.active ? "true" : "false", "aria-setsize": this.setSize, class: buttonClasses, disabled: this.disabled, id: `tab-${this.value}`, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", role: "tab", tabIndex: this.active ? 0 : -1, type: "button" }, this.icon && (hAsync("span", { key: '6d771e046f7f9be0afeaafd895821e2fa264580b', "aria-hidden": "true", class: "tab-icon material-symbols-outlined", part: "icon" }, this.icon)), hAsync("span", { key: '97f8e48657b2baf1c8c96eecbfedb9e679b8a9b0', class: "tab-label", part: "label" }, this.label), hAsync("slot", { key: '9ac37134a9fa8918622be4473c66149c9a8585bc' }))));
+            }, onClick: this.handleClick }, hAsync("button", { key: '443a865ea0d87717da3587b7050d3cd78d0c9158', "aria-controls": this.panelId, "aria-disabled": this.disabled ? "true" : "false", "aria-posinset": this.posInSet, "aria-selected": this.active ? "true" : "false", "aria-setsize": this.setSize, class: buttonClasses, disabled: this.disabled, id: `tab-${this.value}`, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", role: "tab", tabIndex: this.active ? 0 : -1, type: "button" }, this.icon && (hAsync("span", { key: '379857e6150ff11dfd831e88d576e46186d58afd', "aria-hidden": "true", class: "tab-icon material-symbols-outlined", part: "icon" }, this.icon)), hAsync("span", { key: 'c0e9970e0737baeb714191ce7a06ced589f34c32', class: "tab-label", part: "label" }, this.label), hAsync("slot", { key: '2d54a6be0dbb73bcf4df3705172d046be368f873' }))));
     }
     static get style() { return bhTabItemCss(); }
     static get cmpMeta() { return {
@@ -75920,7 +76749,7 @@ class BhTableHeader {
     }
     render() {
         const hasItemCount = !!this.itemCount;
-        return (hAsync(Host, { key: '589a3fc7be7bccdd16bd1360e912e3485c1cee4d', "aria-label": this.heading || "Table header", role: "region" }, hAsync("div", { key: 'ede399c8fb00fc48d0538981e3b9547bb995996a', class: "table-header", part: "table-header" }, hAsync("div", { key: '28b7affd9ba00523b8391366eb9995c55762b8e4', class: "content" }, hAsync("div", { key: 'ea3ff8bdfd8b1788e0f261fd51053b623ebda1d6', class: "text-group" }, this.heading && (hAsync("h3", { key: 'ba8574cecc0900ee48e43bc91487be6a55911a5e', class: "heading", part: "heading" }, this.heading)), hasItemCount && (hAsync("span", { key: '6b8d677f8e682be9930c248ed7b54bd2afa4a690', class: "item-count", part: "item-count" }, this.itemCount))), hAsync("div", { key: 'b3b881b2093200658f73b382099c9b63f648042c', class: "controls" }, this.showSearch && (hAsync("div", { key: '4fdf364d8e52ebfa0d144a6567e2434b97282f15', class: "search", part: "search" }, hAsync("slot", { key: '422096579d570d99b40bb888f05a9ac4e90c6333', name: "search" }))), this.showActions && (hAsync("div", { key: '263c6b52b367b9d55dfd0a08d3a39d743e2f5820', class: "actions", part: "actions" }, hAsync("slot", { key: '638ad6f59a29602aaaf72a82e409a53543a965f9', name: "actions" }))))), this.showDivider && hAsync("div", { key: '7f49b68af175acb595e4c5559b03db4a62d21b3d', class: "divider", part: "divider" }))));
+        return (hAsync(Host, { key: '44e768f9758c3a23b62dad1e841202e43c8126ea', "aria-label": this.heading || "Table header", role: "region" }, hAsync("div", { key: 'aa8101727fcd585921b49e0b0ed2e87c22bf9206', class: "table-header", part: "table-header" }, hAsync("div", { key: '20309d683a9cab5f43e711c47da3344906a4da0a', class: "content" }, hAsync("div", { key: '3c299b721cc6fb10f5e003c8b9a5b61c07aa45d5', class: "text-group" }, this.heading && (hAsync("h3", { key: 'a767be72bc114681f08504aa55fb255af5535bac', class: "heading", part: "heading" }, this.heading)), hasItemCount && (hAsync("span", { key: 'f8bdb6e6a9036fbcfef92e3888f91245950ec31e', class: "item-count", part: "item-count" }, this.itemCount))), hAsync("div", { key: 'cf57f2b14bc2c287cdd1a711bf70e6414042f96c', class: "controls" }, this.showSearch && (hAsync("div", { key: '0e7caf3307d40cd2fee1e9d679e3dd22dccf5aaf', class: "search", part: "search" }, hAsync("slot", { key: '54156f2d8e710104147834590fc37449243f7973', name: "search" }))), this.showActions && (hAsync("div", { key: 'c4cef8663e9a79e861e4c8d0d4fa58f21093c794', class: "actions", part: "actions" }, hAsync("slot", { key: '03b2ca92c4c5007ab4ddcbc7803c9975a4b713f6', name: "actions" }))))), this.showDivider && hAsync("div", { key: '68629b7b7407fe057202b5c7b971765c0fe20a2c', class: "divider", part: "divider" }))));
     }
     static get style() { return bhTableHeaderCss(); }
     static get cmpMeta() { return {
@@ -76186,7 +77015,7 @@ class BhTabs {
             [`tabs-${this.orientation}`]: true,
             "tabs-full-width": this.fullWidth,
         };
-        return (hAsync(Host, { key: '7083a499e2f13500b64a6a1cb13b5fc8b83d832f', class: hostClasses }, hAsync("div", { key: 'b7e12a89ca076d2f589edd02d4cee3e8fc85ecd1', class: "tabs-container", part: "container" }, hAsync("div", { key: '67f36616e1187ae26bd67bb869b58194030e786a', "aria-level": this.ariaLevel, "aria-orientation": this.orientation, class: "tabs-list", id: this.tablistId, part: "list", role: "tablist" }, hAsync("slot", { key: 'b9233a03eba1530d6bf6a69f85984c7cf105932e' })))));
+        return (hAsync(Host, { key: '959bd6dc3908532185cf569bd0b4e2d376711ff0', class: hostClasses }, hAsync("div", { key: 'd4a6ce9368c1bfe1ec434c0fc709b09986b2ab3e', class: "tabs-container", part: "container" }, hAsync("div", { key: 'b6772c7747a48154476532635106139353d5cfa8', "aria-level": this.ariaLevel, "aria-orientation": this.orientation, class: "tabs-list", id: this.tablistId, part: "list", role: "tablist" }, hAsync("slot", { key: '66c17f42b14ed8a72c36eed47e85dd43588322b7' })))));
     }
     static get style() { return bhTabsCss(); }
     static get cmpMeta() { return {
@@ -76368,10 +77197,10 @@ class BhTag {
             width: CHECKBOX_SIZE_MAP[this.size],
             height: CHECKBOX_SIZE_MAP[this.size],
         };
-        return (hAsync(Host, { key: 'df4a7ab29214ab50ec40e02ab6df4302127009e7' }, hAsync("span", { key: '436ef379eb539126982c8392eba0ecbc82e8ab81', "aria-disabled": this.disabled ? "true" : undefined, class: classes, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "tag", role: "status", tabIndex: isInteractive && !this.disabled ? 0 : -1 }, hAsync("div", { key: 'a4c5012432a32add852301b4bfea39dfdfa20e88', class: "tag-content" }, this.isCheckboxMode && (hAsync("div", { key: 'a092b921845d4d729d3d36d52ec384de586ea6db', "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: '4d29753431e9e6e060207d62eee48abed885cda9' }, hAsync("span", { key: 'a5b87c658722d637947af883ce2305c906f53dbd', "aria-disabled": this.disabled ? "true" : undefined, class: classes, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "tag", role: "status", tabIndex: isInteractive && !this.disabled ? 0 : -1 }, hAsync("div", { key: 'cc80dd525464a72f1114d68e8172004251503bf3', class: "tag-content" }, this.isCheckboxMode && (hAsync("div", { key: '290ad9389b202f4e21c37c1447c685ace4382af4', "aria-hidden": "true", class: {
                 "tag-checkbox": true,
                 "tag-checkbox-checked": this.checked === true,
-            }, style: checkboxStyle }, this.checked && (hAsync("span", { key: 'c02ea2f5a54bc8a86ebd1551440379c73d50655b', class: "material-symbols-outlined tag-checkbox-icon" }, "check")))), this.variant === "dot" && (hAsync("bh-badge-dot", { key: 'd70af3e4653edc3aecb587c97eed3a49ff84a81b', color: this.dotColor, size: DOT_SIZE_MAP[this.size] })), this.variant === "avatar" && (hAsync("bh-avatar", { key: '88ee6b6693dbcd0c5d7174e388fe7da3d09509de', imageSrc: this.avatarSrc, size: "xxs", variant: this.avatarSrc ? "image" : "placeholder" })), hAsync("span", { key: '0d1bbe969070fdfea8e52b5de1b83c4dfe5ca341', class: "tag-label-wrapper" }, hAsync("span", { key: '33d3caefb72244c4817b5655ec2603e577142675', class: "tag-label", part: "label", style: labelStyle }, this.label))), this.showCount && (hAsync("span", { key: '3eb4ea7b8d79d2e327822c6269097e98f40d4002', class: "tag-count", part: "count" }, this.count)), this.showDismiss && (hAsync("bh-button-icon", { key: '8f19e82016c45c83583a03ae040ccdb5a260b5a7', ariaLabel: `Remove ${this.label}`, class: "tag-dismiss", disabled: this.disabled, hierarchy: "tertiary", iconName: "close", onClick: this.handleDismiss, part: "dismiss-button", size: "xs" })))));
+            }, style: checkboxStyle }, this.checked && (hAsync("span", { key: '2b33240f231f44c0806b3507498a867c99a6a897', class: "material-symbols-outlined tag-checkbox-icon" }, "check")))), this.variant === "dot" && (hAsync("bh-badge-dot", { key: '443267726ac2e0a0985fb2f72b0ca399b4c0ebc0', color: this.dotColor, size: DOT_SIZE_MAP[this.size] })), this.variant === "avatar" && (hAsync("bh-avatar", { key: '984c31beb18196be69cb8c6317958a6e691f48ff', imageSrc: this.avatarSrc, size: "xxs", variant: this.avatarSrc ? "image" : "placeholder" })), hAsync("span", { key: '2f322d1088b3693f5f19cb08e06c8b1c60913b6b', class: "tag-label-wrapper" }, hAsync("span", { key: 'bed69f25fc9ee9a91d01767265f0538bd4b4818a', class: "tag-label", part: "label", style: labelStyle }, this.label))), this.showCount && (hAsync("span", { key: 'b8ae69d629f8985b3fb72fc868187b20aba74116', class: "tag-count", part: "count" }, this.count)), this.showDismiss && (hAsync("bh-button-icon", { key: '1f9309576c7b7f748c0a32a9ba62ecf2be2437ab', ariaLabel: `Remove ${this.label}`, class: "tag-dismiss", disabled: this.disabled, hierarchy: "tertiary", iconName: "close", onClick: this.handleDismiss, part: "dismiss-button", size: "xs" })))));
     }
     static get style() { return bhTagCss(); }
     static get cmpMeta() { return {
@@ -76466,7 +77295,7 @@ class BhTagGroup {
         const parsedTags = this.getParsedTags();
         const visibleTags = parsedTags.slice(0, this.maxVisible);
         const remaining = parsedTags.length - visibleTags.length;
-        return (hAsync(Host, { key: '9e248b5f5e760bbd5c42ce47f7feae5b5e26775e' }, hAsync("div", { key: 'cae076010498a5c4616ef10e32ec0595b5b2c2bd', "aria-disabled": this.disabled ? "true" : undefined, class: `tag-group tag-group-${this.size}`, part: "container", role: "group" }, visibleTags.map((tag) => (hAsync("bh-tag", { action: (tag.dismissible ?? this.dismissible) ? "dismiss" : "none", avatarSrc: tag.avatarSrc, checked: tag.checked, count: tag.count, disabled: tag.disabled ?? this.disabled, dotColor: tag.dotColor, key: tag.id, label: tag.label, onBhChange: (event) => this.handleTagCheckedChange(tag.id, event.detail), onBhClose: () => this.handleTagDismiss(tag.id), onClick: () => this.handleTagClick(tag.id), size: this.size, variant: tag.variant ?? "text-only" }))), remaining > 0 && (hAsync("bh-tag", { key: 'ccb28b24671f98c6c53e31717cce15be606092d6', action: "none", label: `+${remaining}`, onClick: () => this.handleOverflowClick(remaining), size: this.size })))));
+        return (hAsync(Host, { key: '56ef6c8be13cec0ff3044ffa76ec033afd5e0e06' }, hAsync("div", { key: 'f43d1b5facd4c4df6b451451f1a8ffdecf1ef2e2', "aria-disabled": this.disabled ? "true" : undefined, class: `tag-group tag-group-${this.size}`, part: "container", role: "group" }, visibleTags.map((tag) => (hAsync("bh-tag", { action: (tag.dismissible ?? this.dismissible) ? "dismiss" : "none", avatarSrc: tag.avatarSrc, checked: tag.checked, count: tag.count, disabled: tag.disabled ?? this.disabled, dotColor: tag.dotColor, key: tag.id, label: tag.label, onBhChange: (event) => this.handleTagCheckedChange(tag.id, event.detail), onBhClose: () => this.handleTagDismiss(tag.id), onClick: () => this.handleTagClick(tag.id), size: this.size, variant: tag.variant ?? "text-only" }))), remaining > 0 && (hAsync("bh-tag", { key: '78ab161b41b73e2cdd7009577e5c307019a7c0c8', action: "none", label: `+${remaining}`, onClick: () => this.handleOverflowClick(remaining), size: this.size })))));
     }
     static get style() { return bhTagGroupCss(); }
     static get cmpMeta() { return {
@@ -76701,13 +77530,13 @@ class BhTagInput {
             "tag-input-error": this.error,
             "tag-input-disabled": this.disabled,
         };
-        return (hAsync(Host, { key: 'e34eeb00cc4ed9cb86858f981832ca32251e2b40' }, hAsync("div", { key: 'c19ae3df7fbd1d6bc8cf45a55c5f9e02e1ae2186', class: "tag-input-wrapper", part: "wrapper" }, hAsync("bh-label", { key: 'cd3e0002ddd4c19b59da1a727b3486553f4c6d9b', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-tag-input", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '490023642eecd8a5f251f289e0630254af2b1a69', class: fieldClasses, onClick: this.handleContainerClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "field" }, hAsync("div", { key: 'a369c636c75fb48a9f2f1bcae8f4bac6c8ce572b', class: "tag-input-content-flow" }, parsedTags.map((tag) => (hAsync("bh-tag", { avatarSrc: tag.avatarSrc, disabled: this.disabled, dismissible: !this.disabled, key: tag.id, label: tag.label, onBhClose: () => this.removeTag(tag), size: this.tagSize ?? this.size, variant: tag.variant ?? "text-only" }))), hAsync("input", { key: 'a75642d3408f60b69d38480c0d27419bbea6fd4b', "aria-describedby": this.showHintText && this.hintText
+        return (hAsync(Host, { key: '3fc8a7109097f9cd6d12d7931079e735a76673ba' }, hAsync("div", { key: '29dacb1ef719e5ad6207657d5f8594c449a0fa34', class: "tag-input-wrapper", part: "wrapper" }, hAsync("bh-label", { key: 'f3822f0c81de310980e1937e54272c391e9105a9', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-tag-input", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '3aa490ed1f1c9c0bbbbef52efc06ddb1125eb7dc', class: fieldClasses, onClick: this.handleContainerClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "field" }, hAsync("div", { key: '082cd9bcac878b8740c952c8e76456fc336303cd', class: "tag-input-content-flow" }, parsedTags.map((tag) => (hAsync("bh-tag", { avatarSrc: tag.avatarSrc, disabled: this.disabled, dismissible: !this.disabled, key: tag.id, label: tag.label, onBhClose: () => this.removeTag(tag), size: this.tagSize ?? this.size, variant: tag.variant ?? "text-only" }))), hAsync("input", { key: 'a2fca86ab273a56e53020999c70f4373704722d9', "aria-describedby": this.showHintText && this.hintText
                 ? "tag-input-hint"
                 : undefined, "aria-invalid": this.error ? "true" : undefined, "aria-label": this.label || "Tag input", "aria-required": this.required ? "true" : undefined, class: "tag-inline-input", disabled: this.disabled, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: parsedTags.length === 0
                 ? resolveI18n("bh-tag-input", "placeholder", this.placeholder, "Add tags...")
                 : "", ref: (el) => {
                 this.inputEl = el;
-            }, type: "text", value: this.value })))), this.showHintText && this.hintText && (hAsync("div", { key: '133568c31c1781c31dbd317e89ac032ca71c80a2', class: {
+            }, type: "text", value: this.value })))), this.showHintText && this.hintText && (hAsync("div", { key: '2edbc0d596d50fc63e9fbee35a56d2f2df828346', class: {
                 "hint-text": true,
                 "hint-error": this.error,
             }, id: "tag-input-hint" }, this.hintText)))));
@@ -76993,12 +77822,12 @@ class BhTextarea {
             textarea: true,
             "textarea-error": this.error,
         };
-        return (hAsync(Host, { key: '02aa44c8a9cd004b4528db6df342d8d58723900e' }, hAsync("div", { key: '68756513197f1a60ce08ddb87962c09374ac0940', class: "textarea-wrapper", part: "container" }, hAsync("bh-label", { key: 'a959a8fe5591ae0f3d86acb81d63d071a16d50df', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-textarea", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: '1290515e9bdcb1d716d5cc884617df65cc107ca1', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("div", { key: '321fe971b2b44c1e4efc2c260f884c00066850df', class: "textarea-content" }, hAsync("textarea", { key: '31533cd74a9c8a875997c10daf5afe02da61287e', "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
+        return (hAsync(Host, { key: '7a88a40a88347869a802e82b1fe9efd75630f969' }, hAsync("div", { key: '347dccbe10ed0878c53027618a21a7afda30bb5c', class: "textarea-wrapper", part: "container" }, hAsync("bh-label", { key: '98b580b1c4203dfb04ec84e118e7b1599a5563fb', disabled: this.disabled, helpIconTooltip: resolveI18n("bh-textarea", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, hAsync("div", { key: 'f258616a32f25f99020845b3b838bcf38cff42f4', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("div", { key: 'e9eaa467665f4b7719ae5e2307f6f53b69d171e4', class: "textarea-content" }, hAsync("textarea", { key: 'd770979a84815617ebbe0be621c3df89a53129bc', "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
                 this.showHintText && this.hintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-details": this.ariaDetails, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-live": "polite", "aria-multiline": "true", "aria-readonly": String(this.readOnly), "aria-required": String(this.required), class: textareaClasses, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, maxLength: this.maxLength, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "textarea", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.textareaEl = el), required: this.required, rows: this.safeRows, style: { resize: this.resize }, value: this.value })))), this.showHintText && this.hintText && (hAsync("div", { key: '30706f38ffe2551fce30d8dcee46339706e6368c', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
+                .join(" ") || undefined, "aria-details": this.ariaDetails, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-live": "polite", "aria-multiline": "true", "aria-readonly": String(this.readOnly), "aria-required": String(this.required), class: textareaClasses, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, maxLength: this.maxLength, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "textarea", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.textareaEl = el), required: this.required, rows: this.safeRows, style: { resize: this.resize }, value: this.value })))), this.showHintText && this.hintText && (hAsync("div", { key: '80d6642613e24c67a135f7eccc1c76c392236b7e', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get formAssociated() { return true; }
     static get style() { return bhTextareaCss(); }
@@ -77281,9 +78110,9 @@ class BhToast {
     }
     render() {
         const showIconWrapper = this.iconMode !== "none";
-        return (hAsync(Host, { key: 'c54a83997b7b30f3410efe664ace1f7d1e73a6bc' }, hAsync("div", { key: '897400265465e5bab515cd7f518b8a6f78c082dc', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", part: "sr-announcements" }, this.toastTitle || this.description
+        return (hAsync(Host, { key: '9a2ebcbadbcb1649f11a57005ea37ec7e92edcb4' }, hAsync("div", { key: 'b344e63c0a6b562766e5e76c2afef81dda7abec5', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", part: "sr-announcements" }, this.toastTitle || this.description
             ? `${this.toastTitle || ""} ${this.description || ""}`.trim()
-            : "Notification"), hAsync("div", { key: 'eac7541ff1b584c0a9ab55f0eb95ed9bc48ee44c', class: { toast: true, [`toast-${this.variant}`]: true }, onKeyDown: this.handleKeyDown, onMouseEnter: this.pauseDismissTimer, onMouseLeave: this.resumeDismissTimer, part: "container", role: "status", tabindex: this.dismissible ? 0 : undefined }, hAsync("div", { key: 'c1c233c0d862440d916bf328c7898f62c0646445', class: "toast-content", part: "content" }, showIconWrapper && (hAsync("div", { key: 'ca5c5f7c858fc85139f8b664407e95f325627539', class: "toast-icon-wrapper", part: "icon-wrapper" }, this.renderIconContent())), hAsync("div", { key: '1a3889b2cfeeee1e2d7e169e85b121808326d7d2', class: "toast-text", part: "text" }, hAsync("div", { key: '26aa3fba30ec50418faf38a1c5c8f897a88d8a08', class: "toast-text-wrapper" }, this.toastTitle && (hAsync("h3", { key: '55a6695e2205172886ef2fac5fbe190491e28735', class: "toast-title", part: "title" }, this.toastTitle)), this.description && (hAsync("p", { key: 'e08b308893cec8d9cba9a84b90d5897a3bb9a415', class: "toast-description", part: "description" }, this.description))), (this.actionText || this.dismissText) && (hAsync("div", { key: 'b4d07e75aa89e8133c11e155ed71f4d52c909827', class: "toast-actions", part: "actions" }, this.dismissText && (hAsync("bh-button", { key: '3efe095115ef79ca9f534631b566797f9d43216e', hierarchy: "tertiary", icon: "none", label: this.dismissText, onBhClick: this.handleDismiss, size: "sm" })), this.actionText && (hAsync("bh-button", { key: '7defbb73277d8eb611bb0942729d4d11804c66e6', hierarchy: "tertiary", icon: "none", label: this.actionText, onBhClick: this.handleAction, size: "sm" })))))), this.dismissible && (hAsync("div", { key: '90713fa487ba99146a8f6b7d11b6ac18cd5775af', class: "toast-close", part: "close" }, hAsync("bh-close-button", { key: '90377488ee2dac3976c6060fa7db592e54c258d3', ariaLabel: resolveI18n(COMPONENT_NAME, "closeAriaLabel", this.closeAriaLabel, "Close toast"), onClick: this.handleClose }))))));
+            : "Notification"), hAsync("div", { key: 'f249c920f031530a21dde037efda7e55fa320a3b', class: { toast: true, [`toast-${this.variant}`]: true }, onKeyDown: this.handleKeyDown, onMouseEnter: this.pauseDismissTimer, onMouseLeave: this.resumeDismissTimer, part: "container", role: "status", tabindex: this.dismissible ? 0 : undefined }, hAsync("div", { key: '9880b0c0c2d315b4c04061ee26fe18c73e3c3de1', class: "toast-content", part: "content" }, showIconWrapper && (hAsync("div", { key: '734596884baa957ea38722833040fec97aeaf1c3', class: "toast-icon-wrapper", part: "icon-wrapper" }, this.renderIconContent())), hAsync("div", { key: '003f652ede6b41426756958c3eaf18faaccb4f86', class: "toast-text", part: "text" }, hAsync("div", { key: '3dae1b7ccaef1c67fdabd8c26d6febd2e572859e', class: "toast-text-wrapper" }, this.toastTitle && (hAsync("h3", { key: '68aef7baddae73e8c80bfb1e1265828696fad8b2', class: "toast-title", part: "title" }, this.toastTitle)), this.description && (hAsync("p", { key: '3da89dc9d30c7c62bf61556d1ec3e94b01eef942', class: "toast-description", part: "description" }, this.description))), (this.actionText || this.dismissText) && (hAsync("div", { key: '5100abb7f81c2b803d439a00d8f40489f5ece999', class: "toast-actions", part: "actions" }, this.dismissText && (hAsync("bh-button", { key: 'a79861445d9cbb984de33538e4ff56877782ec00', hierarchy: "tertiary", icon: "none", label: this.dismissText, onBhClick: this.handleDismiss, size: "sm" })), this.actionText && (hAsync("bh-button", { key: '3f594c17ef656f6fc9b61966188b53db7c8baa1b', hierarchy: "tertiary", icon: "none", label: this.actionText, onBhClick: this.handleAction, size: "sm" })))))), this.dismissible && (hAsync("div", { key: '097547557eaf5c5a988b996c78fecc4b60e0cd6a', class: "toast-close", part: "close" }, hAsync("bh-close-button", { key: '1e3c267c87bd8a4ed48fc2ea5a7d53e2ae4793a8', ariaLabel: resolveI18n(COMPONENT_NAME, "closeAriaLabel", this.closeAriaLabel, "Close toast"), onClick: this.handleClose }))))));
     }
     static get style() { return bhToastCss(); }
     static get cmpMeta() { return {
@@ -77323,7 +78152,7 @@ class BhToastContainer {
      */
     gap = 12;
     render() {
-        return (hAsync("div", { key: '1fd49615fedace3748a39c3a0eed1b547707c0e1', "aria-label": "Notifications", "aria-live": "polite", "aria-relevant": "additions", class: "toast-container", role: "region", style: { gap: `${this.gap}px` } }, hAsync("slot", { key: '9a92f77db1b3aaa92bd47bf7456edc1844af5672' })));
+        return (hAsync("div", { key: 'fb695d7334b2b35348fc82e9e52fa69203f8a923', "aria-label": "Notifications", "aria-live": "polite", "aria-relevant": "additions", class: "toast-container", role: "region", style: { gap: `${this.gap}px` } }, hAsync("slot", { key: '5ddf3fe4f2bc19ba537d41a6543e787c7fbf418c' })));
     }
     static get style() { return bhToastContainerCss(); }
     static get cmpMeta() { return {
@@ -77506,7 +78335,7 @@ class BhToggle {
             "toggle-label": true,
             [`toggle-label-${this.size}`]: true,
         };
-        return (hAsync(Host, { key: '3e300b75de449427e12ef1beb5b303a3ec175130', onClick: this.handleToggle }, hAsync("div", { key: '7d1c465428b9d548b4ed674bca7afd4166d54012', class: wrapperClasses, part: "container" }, hAsync("div", { key: 'e4c390a20d14596fa2eb88c349994e468933190b', "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": this.label || undefined, "aria-required": String(this.required), class: switchClasses, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "track", role: "switch", tabIndex: this.disabled ? -1 : 0 }, hAsync("div", { key: '7697077fda4cacf28c3683005275be27f2d00244', class: buttonClasses, part: "thumb" })), this.showText && (this.label || this.supportingText) && (hAsync("div", { key: '2b43347e3477689774476edfaac9fb405ef9b173', class: "toggle-text" }, this.label && (hAsync("span", { key: 'b585e5804e4c728dd6f798b40fb58e21a908ab96', class: labelClasses, part: "label" }, this.label)), this.supportingText && (hAsync("div", { key: 'd4bb2ed7fa91a254ac5d76ada723353395a16e79', class: "toggle-supporting-text" }, this.supportingText)))))));
+        return (hAsync(Host, { key: '55736caae478c39f8aa04b4b8b07716b9c3822bc', onClick: this.handleToggle }, hAsync("div", { key: '79619cd99433c9a3b12c0fc3aa82f77c6f8cf3c9', class: wrapperClasses, part: "container" }, hAsync("div", { key: '4f2198edb720643e792388b74c6f0991b8ae4f0c', "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": this.label || undefined, "aria-required": String(this.required), class: switchClasses, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "track", role: "switch", tabIndex: this.disabled ? -1 : 0 }, hAsync("div", { key: '28d6b615aebce12a038c17fa6b4dae44aceb2963', class: buttonClasses, part: "thumb" })), this.showText && (this.label || this.supportingText) && (hAsync("div", { key: 'efb8c81beae4e788172606e1d04a1e35b5d3b470', class: "toggle-text" }, this.label && (hAsync("span", { key: '4569e3cf82c881f4cb7854a0984a787c2d85468e', class: labelClasses, part: "label" }, this.label)), this.supportingText && (hAsync("div", { key: 'bb7d8c06e5782a1a4525daa702fc6c85cf6ef39d', class: "toggle-supporting-text" }, this.supportingText)))))));
     }
     static get formAssociated() { return true; }
     static get style() { return bhToggleCss(); }
@@ -77913,7 +78742,7 @@ class BhTooltip {
             tooltipStyles.top = `${this.computedPosition.y}px`;
             tooltipStyles.transform = "none";
         }
-        return (hAsync(Host, { key: 'ae9ea36fb7ec75f2d95e04866e1813b2f31cda80' }, hAsync("slot", { key: '1e74573a36b92cc5d8f783392350d74ef9fb4b58' }), hAsync("div", { key: '642207d233e6192c1823cdde4a2dec9b01e9ed46', "aria-hidden": this.isShown ? undefined : "true", class: tooltipClasses, part: "tooltip", ref: (el) => (this.tooltipEl = el), role: "tooltip", style: tooltipStyles }, hAsync("div", { key: '6986f4e0201978c8bb5ee8fb9647374e164d966d', class: "tooltip-content", part: "content" }, this.text))));
+        return (hAsync(Host, { key: '418c8ccb2a8b128651b91e4f83954a6f515c2a5f' }, hAsync("slot", { key: '0e151c6b6074829abaae38c5181b2deb508b8394' }), hAsync("div", { key: '53c84943768b17a6197bf8794af2514e1d700fcf', "aria-hidden": this.isShown ? undefined : "true", class: tooltipClasses, part: "tooltip", ref: (el) => (this.tooltipEl = el), role: "tooltip", style: tooltipStyles }, hAsync("div", { key: 'f63dfdab26a4ecab969169b912ad40a10b522254', class: "tooltip-content", part: "content" }, this.text))));
     }
     static get watchers() { return {
         "visible": [{
@@ -78151,12 +78980,12 @@ class BhTrendChart {
         const strokeColor = this.getStrokeColor();
         const fillColor = this.getFillColor();
         const gradientId = `gradient-${this.trend}`;
-        return (hAsync(Host, { key: '891d00a4cd6c0afdb9dbb52264240b00d1aec631' }, hAsync("div", { key: '99b965b31154d00c9066eabf82baeda8ead609fc', class: {
+        return (hAsync(Host, { key: 'ea8d6b51e373124621786bbd4ca7c62df12bd9c6' }, hAsync("div", { key: 'e9153f8a5efc172330635244a1c4744109a09e8b', class: {
                 "trend-chart": true,
                 [`trend-chart-${this.trend}`]: true,
                 [`trend-chart-${this.variant}`]: true,
                 "trend-chart-animated": this.animated,
-            }, part: "container" }, hAsync("svg", { key: '088d8161d858439fcfb4049ba103823680c5503b', "aria-label": `Trend chart showing ${this.trend} trend`, class: "chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, hAsync("defs", { key: '3730bddd827b87be9f6bcaf60a76d736eeec54a2' }, hAsync("linearGradient", { key: '1e03f1589f33bfeb226153a87063d1637a51b1c3', id: gradientId, x1: "0%", x2: "0%", y1: "0%", y2: "100%" }, hAsync("stop", { key: 'd5d534e531bb91eb63f5a639641e7fe7757c3b16', offset: "0%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.4 : 0.2 }), hAsync("stop", { key: '3ef26715490791b7a159981cc7e4668c97ebd4d4', offset: "100%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.1 : 0.05 }))), backgroundPath && this.variant !== "line-only" && (hAsync("path", { key: '5ac817e4e88dbb51cfc9c5114a9f8133e46f84f8', class: "chart-background", d: backgroundPath, fill: `url(#${gradientId})` })), pathData && this.variant !== "fill-only" && (hAsync("path", { key: '211b73e4ed129224a53790abb958585254bd02e3', class: "chart-line", d: pathData, fill: "none", onMouseEnter: this.handleLineHover, stroke: strokeColor, "stroke-width": "2" })), backgroundPath && this.variant !== "line-only" && (hAsync("path", { key: '22cb3c45185eb54424ca1334a4c8a51fc6077ddd', class: "chart-background-hover", d: backgroundPath, fill: "transparent", onMouseEnter: this.handleLineHover })), points.map((point, index) => (hAsync("circle", { class: "chart-point", cx: point.x, cy: point.y, fill: strokeColor, key: index, onClick: (e) => this.handlePointClick(e, this.data[index], index, point.x, point.y), onMouseEnter: (e) => this.handlePointHover(e, this.data[index], index, point.x, point.y), onMouseLeave: (e) => this.handlePointLeave(e, this.data[index], index, point.x, point.y), opacity: "0", r: "6" })))))));
+            }, part: "container" }, hAsync("svg", { key: '9f809a7f4d5f81182b172904ad83366675fe7b55', "aria-label": `Trend chart showing ${this.trend} trend`, class: "chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, hAsync("defs", { key: '12b674338f78e3046948a0db5c5f3bab546962ab' }, hAsync("linearGradient", { key: 'cb1e1f2bd78cabcbcd04b16dec7c52ff98ba5dac', id: gradientId, x1: "0%", x2: "0%", y1: "0%", y2: "100%" }, hAsync("stop", { key: '6e8e2ff7be1a4f400024d2e16827e00b3c6b5178', offset: "0%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.4 : 0.2 }), hAsync("stop", { key: '9ed743ef3ca3ce5163182f4a72851c47ba0b90a5', offset: "100%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.1 : 0.05 }))), backgroundPath && this.variant !== "line-only" && (hAsync("path", { key: '70e5d76147769bfc2139c26635406bc18d6b88d1', class: "chart-background", d: backgroundPath, fill: `url(#${gradientId})` })), pathData && this.variant !== "fill-only" && (hAsync("path", { key: 'c80a4d83bcf81dec0523f27e59d9b26be8a3bfd0', class: "chart-line", d: pathData, fill: "none", onMouseEnter: this.handleLineHover, stroke: strokeColor, "stroke-width": "2" })), backgroundPath && this.variant !== "line-only" && (hAsync("path", { key: '53dc5a1878481379e089b9f24a2e2d16d1b9294d', class: "chart-background-hover", d: backgroundPath, fill: "transparent", onMouseEnter: this.handleLineHover })), points.map((point, index) => (hAsync("circle", { class: "chart-point", cx: point.x, cy: point.y, fill: strokeColor, key: index, onClick: (e) => this.handlePointClick(e, this.data[index], index, point.x, point.y), onMouseEnter: (e) => this.handlePointHover(e, this.data[index], index, point.x, point.y), onMouseLeave: (e) => this.handlePointLeave(e, this.data[index], index, point.x, point.y), opacity: "0", r: "6" })))))));
     }
     static get style() { return bhTrendChartCss(); }
     static get cmpMeta() { return {
@@ -78203,6 +79032,7 @@ registerComponents([
   BhCheckbox,
   BhChecklistTaskGroup,
   BhCloseButton,
+  BhCommandBar,
   BhContainer,
   BhContainerFooter,
   BhCreditCard,
@@ -78237,6 +79067,7 @@ registerComponents([
   BhInputPassword,
   BhInputText,
   BhInputVerification,
+  BhKbd,
   BhLabel,
   BhLineChart,
   BhLoaderSpinner,
@@ -78250,6 +79081,7 @@ registerComponents([
   BhMonthPickerContent,
   BhMultiSelect,
   BhNavItem,
+  BhNotificationCenter,
   BhPageHeader,
   BhPageNavigation,
   BhPageNavigationChild,