@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/collection/components/bh-credit-card/bh-credit-card.js

@@ -47,7 +47,7 @@ export class BhCreditCard {
             "light-text": this.isLightText,
             "dark-text": !this.isLightText,
         };
-        return (h(Host, { key: '80c2fbbbba3126623248bda7896068fa1676c4b9', "aria-label": `Credit card for ${this.cardholderName}`, role: "img" }, h("div", { key: '821843aa4a02fef20ebfc62e56a1795f6e5fb438', class: classes, part: "base" }, h("div", { key: '71f28e9ea0654a4b2b1c5b44c4013004fba4d931', class: "card-bg" }), h("span", { key: '23e93122cf6b07bba88002c3cfc52606510b45c0', class: "issuer-name" }, this.issuerName), h("div", { key: 'd82944cc0665b0c86b1534e8e17c839db3285753', "aria-hidden": "true", class: "contactless-icon" }, h("svg", { key: '120f8d8261cb89c8ae630434547d6060b73113df', fill: "none", viewBox: "0 0 20 24", xmlns: "http://www.w3.org/2000/svg" }, h("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" }), h("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" }), h("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" }))), h("span", { key: 'f574c7018802746ae0ccefb756ea7c0284c2c545', class: "cardholder-name" }, this.cardholderName), h("span", { key: '58561aee04a0afa5b9ccc89cb9142d7832468c0f', class: "expiry-date" }, this.expiryDate), h("span", { key: 'ca1e27d1ed9b00ee9885daac5edb4bccf5ac0ff5', class: "card-number" }, this.cardNumber), h("div", { key: '8c158535d05580af4229385061e205ddac4c685d', "aria-hidden": "true", class: "payment-icon" }, h("div", { key: 'c1a542fdc819f1585748461c24653529d57c1c3a', class: "payment-circle payment-circle-left" }), h("div", { key: 'c4f93ac620d56a77115a7ced7788895759fb982f', class: "payment-circle payment-circle-right" })))));
+        return (h(Host, { key: 'c859c4a3133144fdc01107747d4cee78910210d9', "aria-label": `Credit card for ${this.cardholderName}`, role: "img" }, h("div", { key: '401c124a191e09baa566c15303eadf2a29e2eead', class: classes, part: "base" }, h("div", { key: '0824fcdf11581de778fce2cedf09ca0b68408038', class: "card-bg" }), h("span", { key: '6d15ee33dce280886962b0310bcf666a17233a4c', class: "issuer-name" }, this.issuerName), h("div", { key: '844ad812cb1e8cf04c52b003f431808db0aa1637', "aria-hidden": "true", class: "contactless-icon" }, h("svg", { key: '52c755e7caa424f37fde98f100fb92dc81a70b5a', fill: "none", viewBox: "0 0 20 24", xmlns: "http://www.w3.org/2000/svg" }, h("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" }), h("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" }), h("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" }))), h("span", { key: 'efbcbf2453d6aca85a7cbcd3c7fa54d667429658', class: "cardholder-name" }, this.cardholderName), h("span", { key: 'd292727f3765acbee43b8ae29af57446b09830f9', class: "expiry-date" }, this.expiryDate), h("span", { key: 'ae74006e26e01284b92ecc67385085b9b978af24', class: "card-number" }, this.cardNumber), h("div", { key: '4606eb640bdadb7fef4110382f264f51330f6183', "aria-hidden": "true", class: "payment-icon" }, h("div", { key: 'e14ce4b4f67ffd5284ffac4e0dc2f30a630aad9a', class: "payment-circle payment-circle-left" }), h("div", { key: 'dbbf84ec372bf2f658e89198f6058c07b8a0e8f0', class: "payment-circle payment-circle-right" })))));
     }
     static get is() { return "bh-credit-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js

@@ -266,7 +266,7 @@ export class BhDataGridFooter {
         return (h("div", { class: "data-grid-pagination", part: "pagination" }, h("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 (h(Host, { key: 'a980e97d8e6a99bc1b328a9cdcedbd08a37c5040' }, this.renderSummaryRow(), this.renderPagination()));
+        return (h(Host, { key: 'd34ded8a49617aa81e334dfdf41bab6fbb563d18' }, this.renderSummaryRow(), this.renderPagination()));
     }
     static get is() { return "bh-data-grid-footer"; }
     static get properties() {

package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js

@@ -197,7 +197,7 @@ export class BhDataGridToolbar {
             [`data-grid-toolbar-${this.size}`]: true,
             [this.config?.cssClass ?? ""]: !!this.config?.cssClass,
         };
-        return (h(Host, { key: 'f9a6f3725c191dca8f3e6b2bbab6fc14d30e244b' }, h("div", { key: 'e1027fb17b3187599baf62449a665791923af76d', class: toolbarClasses, part: "toolbar" }, h("div", { key: '844b7b4f05dff77805b0b3d8790ac2886332e97a', class: "data-grid-toolbar-left", part: "toolbar-left" }, h("slot", { key: '9627679104269509980df20eae32a99d9e803c5e', name: "toolbar-left" }, this.renderDefaultItems(leftItems, defaultLeftItems))), h("div", { key: '258d8568e00beb27df742f534d0f2eb6b42033d8', class: "data-grid-toolbar-center", part: "toolbar-center" }, h("slot", { key: '3463374051889eabc2351d25d88ec060ad2ff714', name: "toolbar-center" }, this.renderDefaultItems(centerItems, []))), h("div", { key: '633e92c03280fef90d69b18c756949b18bb7639f', class: "data-grid-toolbar-right", part: "toolbar-right" }, h("slot", { key: '2f88cb9956e5402f7737e0978295c6e71ce23e47', name: "toolbar-right" }, showBatchMode
+        return (h(Host, { key: 'ea02947e5f12b5e36a882b823bfa4188840e4504' }, h("div", { key: '3a9a5cf03f284c8b1e9a50b0e140f5f8662582f7', class: toolbarClasses, part: "toolbar" }, h("div", { key: 'e2dd4c8f2f9d6498dc0a375b82f6c259fab34037', class: "data-grid-toolbar-left", part: "toolbar-left" }, h("slot", { key: '9765ba1f12bc6b85600fd3f3160e9240f75d1e1d', name: "toolbar-left" }, this.renderDefaultItems(leftItems, defaultLeftItems))), h("div", { key: '5179c1e8145b41e81a4afd2dff0f60836e216acd', class: "data-grid-toolbar-center", part: "toolbar-center" }, h("slot", { key: '4d04637154d2bec6f910bb2959da6d9a342ab165', name: "toolbar-center" }, this.renderDefaultItems(centerItems, []))), h("div", { key: '8cbfb4333ca8b2f91b96ea639a4b8227ce7e1cae', class: "data-grid-toolbar-right", part: "toolbar-right" }, h("slot", { key: '16702babaa5d627d9b01fb21d2f908d56f2bc963', name: "toolbar-right" }, showBatchMode
             ? this.renderBatchActions()
             : this.renderDefaultItems(rightItems, [
                 "export",

package/dist/collection/components/bh-divider/bh-divider.js

@@ -20,7 +20,7 @@ export class BhDivider {
         reportComponentError(COMPONENT_NAME, error);
     }
     render() {
-        return (h(Host, { key: 'dd57ce1e17ad8ee98d58824627dbeb4f7866f07e', "aria-orientation": this.orientation, class: {
+        return (h(Host, { key: '1bf1c6b73adbc8720bcb06c2fe04a1c2b118093e', "aria-orientation": this.orientation, class: {
                 divider: true,
                 [`divider-${this.orientation}`]: true,
                 [`divider-spacing-${this.spacing}`]: this.spacing !== "none",

package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js

@@ -17,7 +17,7 @@ export class BhDropdownMenu {
         }
     };
     render() {
-        return (h("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 (h("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 is() { return "bh-dropdown-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-dropdown/bh-dropdown.js

@@ -58,6 +58,10 @@ export class BhDropdown {
      * Avatar alt text
      */
     avatarAlt = "Avatar";
+    /**
+     * Initials shown when no avatar image is set (avatar variant)
+     */
+    avatarInitials = "";
     /**
      * Avatar size for avatar variant
      */
@@ -411,7 +415,11 @@ export 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 }, h("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 && (h("div", { class: "dropdown-search", part: "search" }, h("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 }, h("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 && (h("div", { class: "dropdown-search", part: "search" }, h("bh-input-text", { onInput: (e) => {
                     const detail = e.detail;
                     this.searchTerm = detail;
                     this.handleSearch(detail);
@@ -667,6 +675,26 @@ export class BhDropdown {
                 "attribute": "avatar-alt",
                 "defaultValue": "\"Avatar\""
             },
+            "avatarInitials": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Initials shown when no avatar image is set (avatar variant)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avatar-initials",
+                "defaultValue": "\"\""
+            },
             "avatarSize": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js

@@ -55,7 +55,7 @@ export class BhEmojiPicker {
         this.bhEmojiSelect.emit(config);
     };
     render() {
-        return (h(Host, { key: 'd6343e29333f7cd1bdb8259a085642003d22105c' }, h("div", { key: '3e814de43d52658261f4523b8466a97bdce15c53', "aria-label": "Reaction picker", class: "emoji-picker", part: "panel", role: "dialog" }, h("div", { key: '6a71d81eb3fa0b084b4bf21a4b7152ada971d64b', class: "emoji-list" }, this.emojis.map((config) => (h("button", { "aria-label": config.name, class: "emoji-btn", key: config.shortcode, onClick: () => this.handleEmojiClick(config), part: "emoji-button", type: "button" }, h("span", { "aria-hidden": "true", class: "emoji" }, config.emoji))))))));
+        return (h(Host, { key: '3d8b02cfd9dfb632c24e47bc8dbf1bda1b630d87' }, h("div", { key: '897f40b7c4065911ab01a2e7020ad77a8885b8d6', "aria-label": "Reaction picker", class: "emoji-picker", part: "panel", role: "dialog" }, h("div", { key: '67e36ffa0468550ecfb074047a63b90044af0e6d', class: "emoji-list" }, this.emojis.map((config) => (h("button", { "aria-label": config.name, class: "emoji-btn", key: config.shortcode, onClick: () => this.handleEmojiClick(config), part: "emoji-button", type: "button" }, h("span", { "aria-hidden": "true", class: "emoji" }, config.emoji))))))));
     }
     static get is() { return "bh-emoji-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-empty-state/bh-empty-state.js

@@ -95,7 +95,7 @@ export class BhEmptyState {
     render() {
         const dimensions = this.getIllustrationDimensions();
         const hasActions = this.primaryActionText || this.secondaryActionText;
-        return (h(Host, { key: '5dc8156cb58ce7cfe498d6c26710d3b5557b9c15' }, h("div", { key: '88d105372e4fd54b1f0afbb779446c2663fba1d9', class: "empty-state", part: "container", style: { maxWidth: this.safeMaxWidth } }, h("div", { key: '64a4bfa4e09456b9e4b29462e1ce3ff814b140b4', class: "empty-state-content" }, this.illustrationPath && (h("div", { key: 'c14b72aa91753c3bfb7c470bb738083744271113', class: "empty-state-illustration" }, h("img", { key: '4285215f3dd316b00710d8fdee7c888b3e74c46a', alt: "Empty state illustration", src: this.illustrationPath, style: { width: dimensions.width, height: dimensions.height } }))), h("div", { key: '7c9b1f7b08348fc5788256cfa3bb5fe33b28c484', class: "empty-state-text" }, h("h3", { key: 'd495acd4474bfd8eca99c40d512ac0ca6df32453', class: "empty-state-title" }, resolveI18n("bh-empty-state", "emptyTitle", this.emptyTitle, "No items found")), h("p", { key: '1b46feccbb5fe9421fbda1a45e1116d49b430c37', class: "empty-state-description" }, resolveI18n("bh-empty-state", "description", this.description, "There are no items to display at the moment.")))), hasActions && (h("div", { key: '9ad49d3f3c306c7537729d418aa7ee0e8c307a01', class: "empty-state-actions" }, this.secondaryActionText && (h("bh-button", { key: '1194d0ecb49a87267ef90aafe304a7cab2deb1b4', hierarchy: "secondary", icon: this.secondaryActionIcon ? "leading" : "none", iconName: this.secondaryActionIcon, label: this.secondaryActionText, onBhClick: this.handleSecondaryAction, size: "md" })), this.primaryActionText && (h("bh-button", { key: '6324bcc3c76fac18886c0304fd326125bd9ed30a', hierarchy: "primary", icon: this.primaryActionIcon ? "leading" : "none", iconName: this.primaryActionIcon, label: this.primaryActionText, onBhClick: this.handlePrimaryAction, size: "md" })))))));
+        return (h(Host, { key: '57930763a4c3ba2b353ba5f05e59ee5baf992553' }, h("div", { key: '53794864da2883ea8571101fb0e9e4964db5c75c', class: "empty-state", part: "container", style: { maxWidth: this.safeMaxWidth } }, h("div", { key: '5e690ac0ed6de13d5a3936f85b2462155910de9d', class: "empty-state-content" }, this.illustrationPath && (h("div", { key: '556cd00dfa89a33a786964bbe0d8015e2b51ca53', class: "empty-state-illustration" }, h("img", { key: 'c2102298c71b2b15b9517a81ce3966987aa9b974', alt: "Empty state illustration", src: this.illustrationPath, style: { width: dimensions.width, height: dimensions.height } }))), h("div", { key: '720e5856e702ffde310fce1f92e334712502b52b', class: "empty-state-text" }, h("h3", { key: '33c746c9fecfc80562aa1a513913c120f82eebda', class: "empty-state-title" }, resolveI18n("bh-empty-state", "emptyTitle", this.emptyTitle, "No items found")), h("p", { key: '90140e2119b98ae865ed8f27ceb3400bb5d72e3b', class: "empty-state-description" }, resolveI18n("bh-empty-state", "description", this.description, "There are no items to display at the moment.")))), hasActions && (h("div", { key: 'fb7d85c1d88567438f6c7b91b67a0eb4082cd8d4', class: "empty-state-actions" }, this.secondaryActionText && (h("bh-button", { key: '67b02cb3407f4fb610fb1fdd02c6d23ed491722c', hierarchy: "secondary", icon: this.secondaryActionIcon ? "leading" : "none", iconName: this.secondaryActionIcon, label: this.secondaryActionText, onBhClick: this.handleSecondaryAction, size: "md" })), this.primaryActionText && (h("bh-button", { key: '227959bfa5b4d013f08ee638b5a72244540336b8', hierarchy: "primary", icon: this.primaryActionIcon ? "leading" : "none", iconName: this.primaryActionIcon, label: this.primaryActionText, onBhClick: this.handlePrimaryAction, size: "md" })))))));
     }
     static get is() { return "bh-empty-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-fab/bh-fab.js

@@ -14,11 +14,11 @@ export class BhFab {
         this.bhClick.emit();
     };
     render() {
-        return (h("button", { key: '480eea58dc702214faf7771276a809648ca6e0c8', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, class: {
+        return (h("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" }, h("span", { key: 'e0764502810c947886ce0144c2c7b62956e9df14', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
+            }, disabled: this.disabled, onClick: this.handleClick, part: "button", type: "button" }, h("span", { key: '1d3996d1272bb4cd46a8760e5217d9f5a14b12d3', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
     }
     static get is() { return "bh-fab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-featured-icon/bh-featured-icon.js

@@ -41,7 +41,7 @@ export class BhFeaturedIcon {
         };
         const iconClasses = `material-symbols-outlined icon-${this.size}`;
         const hasAriaLabel = Boolean(this.ariaLabel);
-        return (h(Host, { key: 'c9775155b67803394172c524065be3414cbd8f64', "aria-hidden": hasAriaLabel ? undefined : "true", "aria-label": this.ariaLabel, role: hasAriaLabel ? "img" : "presentation" }, h("div", { key: '30c1197525ca2cc2829fa34ddb633d071f03c607', class: containerClasses, part: "container" }, h("span", { key: 'f76bd358a84dd3d828337859cb326f4aba409019', "aria-hidden": "true", class: iconClasses }, this.icon))));
+        return (h(Host, { key: '6613175199aa85ed857ec5038d6897b3c5321df0', "aria-hidden": hasAriaLabel ? undefined : "true", "aria-label": this.ariaLabel, role: hasAriaLabel ? "img" : "presentation" }, h("div", { key: 'b73a674d59efd182ed8032c61d8ebc7c9c80b00e', class: containerClasses, part: "container" }, h("span", { key: '9fc74b7af1bf56aa1c0fc1832847d9f93a70fac0', "aria-hidden": "true", class: iconClasses }, this.icon))));
     }
     static get is() { return "bh-featured-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-feed-item/bh-feed-item.css

@@ -3,9 +3,9 @@
   :host {
     display: block;
     font-family: var(--font-inter);
-    --bh-feed-item-author-color: var(--color-text-secondary);
+    --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-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);
@@ -28,6 +28,13 @@
     gap: var(--spacing-xs);
     flex-shrink: 0;
   }
+  /* Mirrors .feed-item-avatar-col so system icons and user avatars
+     occupy the same gutter and item paddings stay balanced */
+  .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);

package/dist/collection/components/bh-feed-item/bh-feed-item.js

@@ -24,6 +24,21 @@ export 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) {
@@ -53,17 +68,21 @@ export class BhFeedItem {
     };
     render() {
         const hasSupportingContent = this.supportingContent !== "none";
-        return (h(Host, { key: 'b90caf4c75fef1ab615bda094016c1fd5ba29812' }, h("div", { key: 'a535bafddd713398036ac9da7716ac6107dbe108', "aria-label": this.author ? `Feed item from ${this.author}` : "Feed item", class: {
+        return (h(Host, { key: 'c236a43e36605b1769858667ff7046ca659dbf8a' }, h("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 }, h("div", { key: '1976f6ace3606b2ff37e0c9cdd929e4da5d70e50', class: {
+            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown, part: "container", role: "article", tabindex: 0 }, this.variant === "system" ? (this.icon && (h("div", { class: "feed-item-icon-col", part: "icon-column" }, h("bh-featured-icon", { class: "feed-item-icon", color: "brand", icon: this.icon, part: "icon", size: this.size === "sm" ? "sm" : "md" })))) : (h("div", { class: {
                 "feed-item-avatar-col": true,
                 "feed-item-avatar-col-connector": this.showConnector,
-            }, part: "avatar-column" }, h("div", { key: '9c2f426c1e013160b469c39cf56fd1ee6db764dc', class: "feed-item-avatar", part: "avatar" }, h("slot", { key: '2f7ebfb7a3bc6a0a7610d3fd5cb83b98d36e6f03', name: "avatar" }, this.author && (h("bh-avatar", { key: '1770b66c67b2bad16d123ad11d2dc27266467e98', size: this.size === "sm" ? "sm" : "md", text: this.getInitials(), variant: "text" })))), this.showConnector && (h("div", { key: '812785ca1fb16f8ee63a75b0c75e72844a70180c', class: "feed-item-connector", part: "connector" }))), h("div", { key: '443b65ef58166c54bc89be79ae2bb30781c3b60b', class: {
+            }, part: "avatar-column" }, h("div", { class: "feed-item-avatar", part: "avatar" }, h("slot", { name: "avatar" }, this.author && (h("bh-avatar", { size: this.size === "sm" ? "sm" : "md", text: this.getInitials(), variant: "text" })))), this.showConnector && (h("div", { class: "feed-item-connector", part: "connector" })))), h("div", { key: '45bf8238ad5b012d7cb66127e5b519c56a28fbd0', class: {
                 "feed-item-content": true,
                 "feed-item-content-with-connector": this.showConnector && hasSupportingContent,
                 "feed-item-content-no-supporting": !hasSupportingContent,
-            }, part: "content" }, h("div", { key: '9e2e11e476998b8f719282a4b2caef8a55c26d58', class: "feed-item-header", part: "header" }, h("div", { key: '4736041fbc695e7bad409a845dbfb9477a0f4e30', class: "feed-item-meta", part: "meta" }, this.author && (h("span", { key: 'e1c05f59089e587acf500565080d5e5cc4f196d8', class: "feed-item-author", part: "author" }, this.author)), this.showSubtext && this.timestamp && (h("span", { key: '0fca6bc4d89e9db4591d4b16bcb525a95f7bbe48', class: "feed-item-timestamp", part: "timestamp" }, this.timestamp))), h("div", { key: '10ea3a4cc6e75c3c858b5b5b038f77aa0ead9449', class: "feed-item-text", part: "text" }, h("slot", { key: '9edc74ad9faa11e688c7be833641233b890aa390' }, this.content))), hasSupportingContent && (h("div", { key: '4cbec6bb4b7c90f0b96a256976c4369f15ef2221', class: `feed-item-supporting feed-item-supporting-${this.supportingContent}`, part: "supporting" }, h("slot", { key: 'cf86277a6fcf15912ea70caf7911b9b904504d87', name: "supporting" })))), this.showDot && (h("div", { key: '4bfe5337e93e2d169b8386f402a242ad84b1d8f2', class: "feed-item-dot", part: "dot" }, h("bh-badge-dot", { key: '1e475fc106766b70cb1cf83ec763fe16a10ba7d0', color: "success", size: this.size }))))));
+            }, part: "content" }, h("div", { key: 'bc295befb3b4c2d1596499c1e4611c4f7d8eb959', class: "feed-item-header", part: "header" }, h("div", { key: '7c2253540cae0b97cb205fe1753c5dbaaa3b5e83', class: "feed-item-meta", part: "meta" }, (this.itemTitle || this.author) && (h("span", { key: '16990d09e3e477031180420c53d56fa9093a4397', class: "feed-item-author", part: "author" }, this.itemTitle || this.author)), this.showSubtext && this.timestamp && (h("span", { key: '7c31c0e8e80d85c12351ec061d88a0e3a5238296', class: "feed-item-timestamp", part: "timestamp" }, this.timestamp))), h("div", { key: '70f12d1eb6c8af4e2a421859e631b7c073d721fd', class: "feed-item-text", part: "text" }, h("slot", { key: '064ca607229d49a25477d9166abc6ecd515d8213' }, this.content))), hasSupportingContent && (h("div", { key: '8c334fcf61af0f2084b85ea3ab960f3d8740246b', class: `feed-item-supporting feed-item-supporting-${this.supportingContent}`, part: "supporting" }, h("slot", { key: 'c2e97890f6b6787c72c522c4c8af4fa88be3715e', name: "supporting" })))), this.showDot && (h("div", { key: 'fc40de69cc7312dd15f103f606e0797bfb1de003', class: "feed-item-dot", part: "dot" }, h("bh-badge-dot", { key: 'e7a4fde08499915ffee1a2b6145fbcf7176168f1', color: "success", size: this.size }))))));
     }
     static get is() { return "bh-feed-item"; }
     static get encapsulation() { return "shadow"; }
@@ -250,6 +269,64 @@ export class BhFeedItem {
                 "reflect": false,
                 "attribute": "supporting-content",
                 "defaultValue": "\"none\""
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"user\" | \"system\"",
+                    "resolved": "\"system\" | \"user\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Item flavor: \"user\" renders the avatar/author column; \"system\" is a\nsender-less message (notifications, audit events) with an optional\nicon column instead."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "\"user\""
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Material Symbols icon shown in place of the avatar (system variant)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
+            },
+            "itemTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Bold heading text rendered where the author name sits. When set it\nwins over `author` (which still drives the avatar) \u2014 e.g. a user\nnotification titled \"New comment\" sent by Chris. Required for\nsystem items, which have no author."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "item-title"
             }
         };
     }

package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js

@@ -78,7 +78,7 @@ export class BhGuidedChecklist {
     render() {
         const cfg = this.parsedConfig;
         const groups = this.parsedTaskGroups;
-        return (h(Host, { key: '451ef1547207acdf126672c4d109549bafe7564e' }, h("div", { key: '12c3edffe25242655d8ce8dc52de1ba4c07aeaa6', class: "checklist-trigger", onClick: this.handleTriggerClick }, h("slot", { key: '01a6e60a1f1d3a63056c6155b08dce1e7a65588b', name: "trigger" }, h("bh-fab", { key: '14cedb0464ea71b6a5e270986007c84a2c6d3cbd', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), h("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" }, h("div", { key: 'a392758c11584364528a4e7ca506bc0e1834c1c3', class: "checklist-header", slot: "header" }, h("div", { key: '7e0edac25d02848ea8adcaf84827b959d79207c2', class: "checklist-header-top" }, cfg?.logoSrc && (h("img", { key: '9dde74fe3d0b7a440a5a469e3ab47fedfc7c7488', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), h("bh-close-button", { key: 'a254886b2ec7544c649f161164d0473c615c3326', ariaLabel: "Close", onClick: this.handleClose })), cfg && (h("div", { key: '60e57c86124aa9c3b2ab92fa9babb07bf7d612c7', class: "checklist-header-text" }, h("h3", { key: '1ffa1a9f9a37ff8f001f0b305ce3ec443ef57201', class: "checklist-title" }, cfg.title), cfg.description && (h("p", { key: 'a8cd35a5e61127fe13b574b9c3d10f89a967959c', class: "checklist-description" }, cfg.description))))), h("div", { key: '1fd34d34b9de8219baddf18ef40e40926cf8b26a', class: "checklist-body" }, groups.map((group) => (h("bh-checklist-task-group", { group: group, key: group.id })))))));
+        return (h(Host, { key: 'b3e42363800c16ed240c69510ecbb72340a05b38' }, h("div", { key: '895ebe00610726e090d8cfa385a5abe7742bbaab', class: "checklist-trigger", onClick: this.handleTriggerClick }, h("slot", { key: 'c0bcc3d02febc501e179de50ec265c5586af90aa', name: "trigger" }, h("bh-fab", { key: '9d594b3a47b99508d4c8227852f14b9515a8a1c8', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), h("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" }, h("div", { key: '6305494cb28b5a01292058364d3ef94de45f036f', class: "checklist-header", slot: "header" }, h("div", { key: '3a71ae78a97b041ce8dd7d4593f37e94932f4a11', class: "checklist-header-top" }, cfg?.logoSrc && (h("img", { key: '0d48bf2f7114de0cd92b1cc4469d854fad216c70', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), h("bh-close-button", { key: '592944ee008cfbaea86a5d6adf428295b72f42ea', ariaLabel: "Close", onClick: this.handleClose })), cfg && (h("div", { key: 'c1ca068e102ec9ef4c4ea02a542072c6db3abfad', class: "checklist-header-text" }, h("h3", { key: 'a2ff9d492f0cc465569cacf019d6f5cda628dc8b', class: "checklist-title" }, cfg.title), cfg.description && (h("p", { key: '033d665a5ec70724f632c22359678fcea96c7b7a', class: "checklist-description" }, cfg.description))))), h("div", { key: 'e2cfdcdede5b85a24a1ed32d3eee0b8cc413ad8a', class: "checklist-body" }, groups.map((group) => (h("bh-checklist-task-group", { group: group, key: group.id })))))));
     }
     static get is() { return "bh-guided-checklist"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js

@@ -209,17 +209,17 @@ export class BhHtmlEditorBubbleMenu {
     };
     render() {
         const bubbleButtons = TOOLBAR_BUTTONS.filter((b) => BUBBLE_MENU_ACTIONS.includes(b.action));
-        return (h(Host, { key: 'c2e4e9c44bd1b2608c955abc72ab762200d5ba0d' }, h("div", { key: '135f0f1154ecef4d0920ca1ecdb1abbf1005f7a3', "aria-label": resolveI18n("bh-html-editor-bubble-menu", "ariaLabel", this.ariaLabel, "Text formatting"), class: {
+        return (h(Host, { key: '930a76dd3b887abf2bdf9b97fff737cc4c88a68c' }, h("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 }, h("div", { key: 'fd38d26290246967f737d0d8873879cb8c65367f', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (h("button", { "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+            }, tabIndex: this.visible ? 0 : -1 }, h("div", { key: '1e99daa2ba37aefd844b0060bb2e04b7472c0cde', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (h("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" }, h("span", { class: "material-symbols-outlined" }, btn.icon))))), h("div", { key: 'f4b35a187de79e03d60374edb0f5040a6ea5284a', class: "bubble-arrow" }))));
+            }, key: btn.action, onClick: () => this.handleAction(btn.action), title: btn.label, type: "button" }, h("span", { class: "material-symbols-outlined" }, btn.icon))))), h("div", { key: 'c1f72ec97177e2c042e4b0070e1f54778d13c17d', class: "bubble-arrow" }))));
     }
     static get is() { return "bh-html-editor-bubble-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js

@@ -187,7 +187,7 @@ export class BhHtmlEditorToolbar {
         this.focusedIndex = index;
     };
     render() {
-        return (h(Host, { key: '2a8d708ded84177a835582dbb3749ec26cb0735a' }, h("div", { key: 'a1cee86f34212eead146437ac3660eef8b66500a', "aria-label": resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, h("div", { key: 'ebfd767071ca0e3c0e4c4fcb9cdca8818629d11b', class: "font-family-wrapper" }, h("select", { key: 'ed9a7074aeaed5ac24673e4f0fa2e93aff11e677', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, FONT_FAMILIES.map((font) => (h("option", { key: font, value: font }, font)))), h("span", { key: 'e1a2a43ea7a90de68c8a4c12d767cfeeae133f0c', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), TOOLBAR_BUTTONS.map((btn, index) => (h("button", { "aria-keyshortcuts": ARIA_KEY_SHORTCUTS[btn.action], "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+        return (h(Host, { key: 'f96d1686ef816f98780f2fa6e8ee4c87df494f0b' }, h("div", { key: 'd43361b08d09e66fd0f4e1e9413e9e1246b353c7', "aria-label": resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, h("div", { key: '5f6e4246b44d70f4f0ab59a693fa8cec45995ed9', class: "font-family-wrapper" }, h("select", { key: '13ef4e0e550148099166ea8eea00cc7f3eafbaad', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, FONT_FAMILIES.map((font) => (h("option", { key: font, value: font }, font)))), h("span", { key: '4afc2f74c62939ea7190b1cfde16d217fe55e706', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), TOOLBAR_BUTTONS.map((btn, index) => (h("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" }, h("span", { class: "material-symbols-outlined" }, btn.icon)))))));

package/dist/collection/components/bh-html-editor/bh-html-editor.js

@@ -306,12 +306,12 @@ export class BhHtmlEditor {
         };
         const showError = this.error && this.errorText;
         const showHelper = !showError && this.helperText;
-        return (h(Host, { key: '8d37fae240ebd063f5746f3882621e236ac9c40d', "aria-disabled": this.disabled ? "true" : undefined }, h("div", { key: 'f1a1a9c25c5c488bf7f6a9797f107ea6455d7027', class: "html-editor-wrapper", part: "container" }, this.label && (h("bh-label", { key: 'c9fb79496f1ce25875b17da95a27052a91f0b50e', disabled: this.disabled, label: this.label, required: this.required })), h("div", { key: '9289bbd421e07bf82c7a770e7d2f91f8a4370ee6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (h("bh-html-editor-toolbar", { key: 'd0eea495e1e9dc106740a41a0374333e75a67807', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), h("div", { key: '23612a2a643e7d2afb7287a9620ab1191934b90b', class: "editor-content-wrapper" }, h("slot", { key: '116adf4402d28c85f2164308dbbaa869c97b15f4' })), this.showBubbleMenu &&
+        return (h(Host, { key: 'cc7db6bcb3ee54ec8b51300253add1f2103cafca', "aria-disabled": this.disabled ? "true" : undefined }, h("div", { key: 'e7d7fecf6995ff129e0a83d9d49bb302631b1163', class: "html-editor-wrapper", part: "container" }, this.label && (h("bh-label", { key: '55aac8bafb2a71aa1a3590923f84eb7e76f53ee6', disabled: this.disabled, label: this.label, required: this.required })), h("div", { key: '9203a40a1add1f8f6515b686ecc3e1a01a331ef6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (h("bh-html-editor-toolbar", { key: '1750fdf1da50c78f877b772e68ad53899d5b7822', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), h("div", { key: 'f7b06a770c0b3bc3074532403ee1a73df56eedde', class: "editor-content-wrapper" }, h("slot", { key: 'a59754874577f86b587c25c507fd4de9b0ec2087' })), this.showBubbleMenu &&
             this.editorReady &&
             this.editor &&
             !this.readOnly &&
             !this.disabled &&
-            !this.selectionEmpty && (h("bh-html-editor-bubble-menu", { key: 'd3d7eb2452f0cb16924fb281c7f5d7513fae3fdb', editor: this.editor, targetEl: this.contentEl }))), showHelper && (h("div", { key: '7daa4506417c3e856450df8030b48df73d968655', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (h("div", { key: '9325abb828f5576c26cad38283d7de9008a04161', class: "error-text", part: "error-text" }, this.errorText)))));
+            !this.selectionEmpty && (h("bh-html-editor-bubble-menu", { key: '094de6ecd4366bbdef7187a1b880e38ff0d80a0c', editor: this.editor, targetEl: this.contentEl }))), showHelper && (h("div", { key: 'b79c99aa7b817ba342b1409c94dedf74b65d2c4a', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (h("div", { key: 'ec419bc000bc26d956f163b30705b8f8c88f2bcf', class: "error-text", part: "error-text" }, this.errorText)))));
     }
     static get is() { return "bh-html-editor"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-illustrations/bh-illustrations.js

@@ -70,7 +70,7 @@ export class BhIllustrations {
             width: `${dimensions.width}px`,
             height: `${dimensions.height}px`,
         };
-        return (h(Host, { key: 'ce8971d8005e0e56cb3b4e926ac314ce01a52609' }, h("div", { key: '1161c55d15bac44619e2cd8f066f271efe446d85', class: `illustration illustration-${this.size}`, part: "container" }, h("div", { key: '7532f98ddaf2d3de2d461b99a9feeee9f3237113', class: "illustration-wrapper", part: "wrapper" }, h("div", { key: 'bf90b79032e54716eaf893fd975a932d577ac591', class: "illustration-svg-container", style: containerStyle }, h("img", { key: '384fb24e213a259da4514182ad11bb1487ea83e3', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (h("div", { key: '1a95af3e824761f5ebfecf819a6a50ed226034c8', class: "illustration-content" }, this.illustrationTitle && (h("h3", { key: '2b2bffc6b3c9677f16e6b895653f2de62018637e', class: "illustration-title" }, this.illustrationTitle)), this.description && (h("p", { key: '0b095662fa03462de6df87ac8d18d8e1fef504be', class: "illustration-description" }, this.description))))))));
+        return (h(Host, { key: '01e0c2071c7edcedf2a6deacbf85173f9eb89a8a' }, h("div", { key: 'b677d414e5d6b2891d84180168596d2f0a1426d9', class: `illustration illustration-${this.size}`, part: "container" }, h("div", { key: '94fef0ba1d774bd5bfeff5a5a1aeae6fdedd3e50', class: "illustration-wrapper", part: "wrapper" }, h("div", { key: '26e9469392a6617fee99e591424014f28be8a412', class: "illustration-svg-container", style: containerStyle }, h("img", { key: '785ad9d7341c422b3d7de5fbcb716250d962ca45', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (h("div", { key: 'b8e52fc58798fac04869c5939640a48b6b4ef894', class: "illustration-content" }, this.illustrationTitle && (h("h3", { key: '89fc03034fa853566cd44e75485e28bf87343148', class: "illustration-title" }, this.illustrationTitle)), this.description && (h("p", { key: 'c835428e2e347e4b8f34bc3bc2ee9ec0e5f96500', class: "illustration-description" }, this.description))))))));
     }
     static get is() { return "bh-illustrations"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-inline-cta/bh-inline-cta.js

@@ -79,13 +79,13 @@ export class BhInlineCta {
     render() {
         const isImageType = this.type === "image";
         const isEmailType = this.type === "email-field";
-        return (h(Host, { key: '0ecf6d0198dcb06a775596ac3a84012b554cd99f' }, h("div", { key: '042d60a5538087b0b74efc24b67c237bd9702409', "aria-label": this.heading || "Call to action", class: {
+        return (h(Host, { key: '544d60ca10d116650fba25c8406024dba2fbe460' }, h("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(), h("div", { key: '77717d1781068a3cf30ef4ce32d23e7101dd9caa', class: "inline-cta-content", part: "content" }, h("div", { key: '1ae1e297c30a140f45c48bb0327766a1cbe526f2', class: "inline-cta-text", part: "text" }, this.heading && (h("h3", { key: '0727909efae46c0c3d6c785d070fb7680e8acd2c', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (h("p", { key: 'fff0a3a916f6957fe7b54306eccabd6417610757', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), h("div", { key: '09b678401ae1166ae8654f4f813e181193fbd456', class: "inline-cta-body", part: "body" }, h("slot", { key: '535f34901eac23bb7615e7d948b79376a7c71ad3' })), h("div", { key: '5a1135d5fd845bf88d3a184bcf88e02912abff94', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, h("slot", { key: '206a2b02b19bd4bc4ab6352f9ec174e7537188a2', name: "actions" }))), this.showDismiss && (h("div", { key: '775f6f3e2df63a1619366432a99ef8d4ee17e039', class: "inline-cta-dismiss", part: "dismiss" }, h("bh-close-button", { key: '6a1896643d85f1b1223c37999360428d2e6d9df6', ariaLabel: resolveI18n(COMPONENT_NAME, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
+            }, part: "container", role: "region" }, isImageType && this.renderMedia(), h("div", { key: '9e37b22932ea2d71e806cb8662ea83ef5ddfed24', class: "inline-cta-content", part: "content" }, h("div", { key: '003bb25e9dcd46c52f8ff93582eb5af5c7fd26cb', class: "inline-cta-text", part: "text" }, this.heading && (h("h3", { key: 'd3e4a78ec40e6d7e3cf1842900ee237379ac2c42', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (h("p", { key: '7e81e165c140e47b31dc5db9758a0e31d607fd24', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), h("div", { key: '97fdb147b914df3c67b7b355fd611b892046f273', class: "inline-cta-body", part: "body" }, h("slot", { key: '6b14c6c9cb9502db7fd3ac1f52af50758f715d62' })), h("div", { key: 'decece4f213edf5c5788357338f06e64fd2ba5e9', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, h("slot", { key: '0c0a5d8dca2495f9cecd1fbabe6da7019ebd61f4', name: "actions" }))), this.showDismiss && (h("div", { key: 'a655f1ba46a0529f7cd2111704cd90a26dc41054', class: "inline-cta-dismiss", part: "dismiss" }, h("bh-close-button", { key: 'ec49303e55319c01e45b8aa718d6c7963a8ae595', ariaLabel: resolveI18n(COMPONENT_NAME, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
     }
     static get is() { return "bh-inline-cta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js

@@ -435,7 +435,7 @@ export class BhInputAutocomplete {
     };
     render() {
         const { tags, remaining } = this.visibleTags;
-        return (h(Host, { key: '0f9850f06815fc6c90f1a9520b84e9549668b71a' }, h("div", { key: '851f05c4be75e2e14ce430e25feac0951a9d8db3', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
+        return (h(Host, { key: 'f082ab628b77d4a8e8b17a3e86532f5e40ed4ca9' }, h("div", { key: '087b23a67b7cb2c142e3cfc6e390cceb693f1d8d', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
         // Multi-select input with flowing tags
         h("div", { class: "input-wrapper", part: "input-wrapper" }, h("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 }, h("div", { class: {
                 "input-field": true,
@@ -461,9 +461,9 @@ export 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%" })), h("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%" })), h("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`
-            : ""), h("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 }))));
+            : ""), h("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 is() { return "bh-input-autocomplete"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js

@@ -392,12 +392,12 @@ export class BhInputNumber {
             (this.max !== null &&
                 this.currentValue !== null &&
                 this.currentValue >= this.max);
-        return (h(Host, { key: 'a9c8a1e4c4857ef6e80381ffb140a66b2d9b8078' }, h("div", { key: '94a88015b05f46477732674a823756cc500057fc', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, h("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 }, h("div", { key: '237959a23dcfc4748f343727000257fd8dace423', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, h("div", { key: '97c458f25b44fe97c83a93380a579c8e6c709b90', class: "input-content", part: "content" }, this.showLeadingIcon && (h("span", { key: 'd245e6528f02c5b614e5e52314c9c7eb007410f6', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "leading-icon" }, this.leadingIcon)), this.prefixText && (h("span", { key: 'a506f93bb55aec94415bd6b69d200ec3247aeccf', class: "prefix-text", part: "prefix" }, this.prefixText)), h("input", { key: 'b787796559a3ca3d2dd9ad92f7b09b010c728bb7', "aria-describedby": [
+        return (h(Host, { key: '5f99208f3327da4bde3a44c5e49c95d59091f22c' }, h("div", { key: '137991cc58efe12da439b10be030fec07491524d', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, h("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 }, h("div", { key: '72dbfc1d68502661f8e6271ff426fe76606c666c', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, h("div", { key: '81f5cfd09ffd9e1696cee9404875a68a14f74a97', class: "input-content", part: "content" }, this.showLeadingIcon && (h("span", { key: '0f1be5d3707848f22eeafbb0eead6ac1b94f2c7d', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "leading-icon" }, this.leadingIcon)), this.prefixText && (h("span", { key: 'a5b4a79faa9fc90df6df079bde072dc290c19073', class: "prefix-text", part: "prefix" }, this.prefixText)), h("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 && (h("span", { key: '196cbd89103f58a0071d89f3d412a70ce26bea67', class: "suffix-text", part: "suffix" }, this.suffixText)), h("div", { key: '7f2a25944f67efdd509455f2b7aa59606d551283', class: "input-stepper", "input-stepper": true, part: "stepper" }, h("bh-button-icon", { key: '97f6b812646d0118920508810c0c8e1f0f023ae3', ariaLabel: "Decrease value", disabled: isDecrementDisabled, hierarchy: "tertiary", iconName: "remove", onClick: this.decrement, size: "xs" }), h("bh-button-icon", { key: 'd2dd7842a49d6666b333d16dabfac0c17bd51dac', ariaLabel: "Increase value", disabled: isIncrementDisabled, hierarchy: "tertiary", iconName: "add", onClick: this.increment, size: "xs" }))))), this.showHintText && displayHintText && (h("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 && (h("span", { key: '001665f0d80c960eb00efe73bb36e85506613356', class: "suffix-text", part: "suffix" }, this.suffixText)), h("div", { key: '99ca52cc1470853d2586632f05ac321826c3e0b5', class: "input-stepper", "input-stepper": true, part: "stepper" }, h("bh-button-icon", { key: '07ae1aab738d0d6be26d32932af159b239aafb17', ariaLabel: "Decrease value", disabled: isDecrementDisabled, hierarchy: "tertiary", iconName: "remove", onClick: this.decrement, size: "xs" }), h("bh-button-icon", { key: '8215b1139439c8532b4f092bd89754b6d26b00e7', ariaLabel: "Increase value", disabled: isIncrementDisabled, hierarchy: "tertiary", iconName: "add", onClick: this.increment, size: "xs" }))))), this.showHintText && displayHintText && (h("div", { key: '48c97f7e2511218d76d82d99ac27c90118dee244', class: { "hint-text": true, "hint-error": showError }, id: "hint-text", part: "hint" }, displayHintText)))));
     }
     static get is() { return "bh-input-number"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js

@@ -232,14 +232,14 @@ export class BhInputPassword {
             "input-container-disabled": this.disabled,
             "input-container-with-leading": this.showLeadingIcon,
         };
-        return (h(Host, { key: 'af51eb8f1eafae0a72f5bae8ddf399bd5f5a9276' }, h("div", { key: '5e3ed1bceb6bdb8d6ee0930c1503567ad758276f', class: "input-wrapper", part: "wrapper" }, h("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 }, h("div", { key: '5239de4682a1372a28db4002d63cef7b71f6758e', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, h("div", { key: '1bf40743d62321eb51e87efcc6ca004c751b5df6', class: "input-content" }, this.showLeadingIcon && (h("span", { key: 'e5040678f003c4b31fb81b7a60b2030e8c475eea', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), h("input", { key: 'f850a80046158db8955c3112d4390e0207b582b7', "aria-describedby": [
+        return (h(Host, { key: 'e66cfe316166a2bb638bf12541e240c690a4ceb0' }, h("div", { key: '1f08043e3e4d9fa0261cbea2e4b43afead3bd2b4', class: "input-wrapper", part: "wrapper" }, h("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 }, h("div", { key: '3c9c983773f850d4599c7e9ec2c8628b39b58751', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, h("div", { key: '7aa7196b587ef16537c9a7baadf6bfb3a5e45886', class: "input-content" }, this.showLeadingIcon && (h("span", { key: 'e05f88c7f4b3217d6a5dc9596d6fc3b3b6ddda86', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), h("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 })), h("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 })), h("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 && (h("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 && (h("div", { key: 'bf55a8e45957b7faa8d476e5d41eb48f53d4b641', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get is() { return "bh-input-password"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js

@@ -301,7 +301,7 @@ export class BhInputText {
             },
         });
         const wrapperStyle = this.safeWidth ? { width: this.safeWidth } : {};
-        return (h(Host, { key: 'cfc175452fd7b3d81d6e0a181ca26f1859dd9a66' }, h("div", { key: 'b9e887f60b0bdc5cbcf85070045fd8770e3b2340', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, h("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 }, h("div", { key: 'f962246e449cc293c89d79ed9a177b51951ae174', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, h("div", { key: '4869423297c6b36c9e1e1d1b4b337293a181394e', class: "input-content" }, this.showLeadingIcon && (h("span", { key: '75c6ff65c29d8604ea91c6568b05fd179f54fc25', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), this.multiline ? (h("textarea", { "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
+        return (h(Host, { key: 'fd68ed8d9760d81e87cf5c5bb4662d3760152d77' }, h("div", { key: 'd67659734019a46231e60a4becf34d194ae76e63', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, h("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 }, h("div", { key: 'f4daa8903354b686a6335e40c5f64b75b6f8db24', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, h("div", { key: 'c4b05d6f6633441441faa2cd17207649d56d92d2', class: "input-content" }, this.showLeadingIcon && (h("span", { key: 'e2f29d1ac639640c9cdcf855c85921330c56782f', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), this.multiline ? (h("textarea", { "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
                 this.showHintText && this.hintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
@@ -311,7 +311,7 @@ export 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 && (h("span", { key: '05facc68b88ba19e95d87f5c17a49007e2570d46', "aria-hidden": "true", class: "material-symbols-outlined trailing-icon", part: "suffix" }, this.trailingIcon))))), this.showHintText && this.hintText && (h("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 && (h("span", { key: 'e4b637bb7a5183e6573982127bb0e32499be77b5', "aria-hidden": "true", class: "material-symbols-outlined trailing-icon", part: "suffix" }, this.trailingIcon))))), this.showHintText && this.hintText && (h("div", { key: '562f6ae808edd4b8c5f00fa3da349025e39ef3ab', "aria-live": this.error ? "assertive" : "polite", class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get is() { return "bh-input-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js

@@ -319,7 +319,7 @@ export class BhInputVerification {
         // biome-ignore lint/complexity/noVoid: Intentional read to trigger Stencil re-render
         void this.focusVersion;
         const wrapperStyle = this.safeWidth ? { width: this.safeWidth } : {};
-        return (h(Host, { key: '96ad8e36b354da103484940f795c1b839e4f2fae' }, h("div", { key: 'a5e749f6b2d1580b5198330177882fcd0b8afd23', class: "input-verification-wrapper", "data-focused": String(this.focusState.isFocused), part: "wrapper", style: wrapperStyle }, h("bh-label", { key: '3ce3c8fdb5dca023d1ff7e71e1347113fc2a620f', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, h("div", { key: 'fa27737fb1ed9f882c9d1e3429deba480e48c575', "aria-label": this.label, class: "input-verification-container", part: "container", role: "group" }, this.renderInputs())), this.showHintText && this.hintText && (h("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 (h(Host, { key: '511ee54d643c20b01ec50fc5ec60d780874f8e94' }, h("div", { key: '9ebee96e914322316563b5c32a622cbac7e581c3', class: "input-verification-wrapper", "data-focused": String(this.focusState.isFocused), part: "wrapper", style: wrapperStyle }, h("bh-label", { key: 'c128de362fd332a76ac5d99b6a563fbfbeec8d69', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, h("div", { key: 'db42e6b23ec6189668701fbcc5d29ff2786fa7d8', "aria-label": this.label, class: "input-verification-container", part: "container", role: "group" }, this.renderInputs())), this.showHintText && this.hintText && (h("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 is() { return "bh-input-verification"; }
     static get encapsulation() { return "shadow"; }