@actabldesign/bellhop-core 0.3.0 → 0.3.1

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

@@ -201,13 +201,13 @@ export class BhTagInput {
             "tag-input-error": this.error,
             "tag-input-disabled": this.disabled,
         };
-        return (h(Host, { key: 'e34eeb00cc4ed9cb86858f981832ca32251e2b40' }, h("div", { key: 'c19ae3df7fbd1d6bc8cf45a55c5f9e02e1ae2186', class: "tag-input-wrapper", part: "wrapper" }, h("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 }, h("div", { key: '490023642eecd8a5f251f289e0630254af2b1a69', class: fieldClasses, onClick: this.handleContainerClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "field" }, h("div", { key: 'a369c636c75fb48a9f2f1bcae8f4bac6c8ce572b', class: "tag-input-content-flow" }, parsedTags.map((tag) => (h("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" }))), h("input", { key: 'a75642d3408f60b69d38480c0d27419bbea6fd4b', "aria-describedby": this.showHintText && this.hintText
+        return (h(Host, { key: '3fc8a7109097f9cd6d12d7931079e735a76673ba' }, h("div", { key: '29dacb1ef719e5ad6207657d5f8594c449a0fa34', class: "tag-input-wrapper", part: "wrapper" }, h("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 }, h("div", { key: '3aa490ed1f1c9c0bbbbef52efc06ddb1125eb7dc', class: fieldClasses, onClick: this.handleContainerClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "field" }, h("div", { key: '082cd9bcac878b8740c952c8e76456fc336303cd', class: "tag-input-content-flow" }, parsedTags.map((tag) => (h("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" }))), h("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 && (h("div", { key: '133568c31c1781c31dbd317e89ac032ca71c80a2', class: {
+            }, type: "text", value: this.value })))), this.showHintText && this.hintText && (h("div", { key: '2edbc0d596d50fc63e9fbee35a56d2f2df828346', class: {
                 "hint-text": true,
                 "hint-error": this.error,
             }, id: "tag-input-hint" }, this.hintText)))));

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

@@ -231,12 +231,12 @@ export class BhTextarea {
             textarea: true,
             "textarea-error": this.error,
         };
-        return (h(Host, { key: '02aa44c8a9cd004b4528db6df342d8d58723900e' }, h("div", { key: '68756513197f1a60ce08ddb87962c09374ac0940', class: "textarea-wrapper", part: "container" }, h("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 }, h("div", { key: '1290515e9bdcb1d716d5cc884617df65cc107ca1', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '321fe971b2b44c1e4efc2c260f884c00066850df', class: "textarea-content" }, h("textarea", { key: '31533cd74a9c8a875997c10daf5afe02da61287e', "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
+        return (h(Host, { key: '7a88a40a88347869a802e82b1fe9efd75630f969' }, h("div", { key: '347dccbe10ed0878c53027618a21a7afda30bb5c', class: "textarea-wrapper", part: "container" }, h("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 }, h("div", { key: 'f258616a32f25f99020845b3b838bcf38cff42f4', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'e9eaa467665f4b7719ae5e2307f6f53b69d171e4', class: "textarea-content" }, h("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 && (h("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 && (h("div", { key: '80d6642613e24c67a135f7eccc1c76c392236b7e', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get is() { return "bh-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-kbd/bh-kbd.css

@@ -0,0 +1,33 @@
+: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;
+}

package/dist/collection/components/bh-kbd/bh-kbd.figma.js

@@ -0,0 +1,11 @@
+import figma, { html } from "@figma/code-connect/html";
+// "_Command shortcut" component set → bh-kbd
+figma.connect("https://www.figma.com/design/pMWBF5MOupzrME0nwR7Z3u/2.-Components---Bellhop?node-id=7918-9740", {
+    props: {
+        keys: figma.enum("Dual", {
+            False: "K",
+            True: "cmd+k",
+        }),
+    },
+    example: (props) => html `<bh-kbd keys="${props.keys}"></bh-kbd>`,
+});

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

@@ -0,0 +1,78 @@
+import { Host, h } from "@stencil/core";
+import { keyLabel, splitHotkey } from "../../utils/hotkeys";
+export class BhKbd {
+    /**
+     * 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 (h(Host, { key: '3d51397a2b634e4a10458247d573c77d924794a6' }, h("span", { key: '0bf951bcf127ca9560dc669a63adaeb30ad091ea', "aria-label": this.keys, class: { "kbd-group": true, [`size-${this.size}`]: true }, part: "group" }, parsed.length > 0 ? (parsed.map((label) => (h("kbd", { class: "cap", key: label, part: "cap" }, label)))) : (h("kbd", { class: "cap", part: "cap" }, h("slot", null))))));
+    }
+    static get is() { return "bh-kbd"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-kbd.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-kbd.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "keys": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Key combination, \"+\"-separated (e.g. \"cmd+k\", \"ctrl+shift+p\").\nWhen omitted, slotted content renders inside a single key cap."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "keys"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"sm\" | \"md\"",
+                    "resolved": "\"md\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Key cap size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "\"sm\""
+            }
+        };
+    }
+}

package/dist/collection/components/bh-logo-box/bh-logo-box.js

@@ -141,11 +141,11 @@ export class BhLogoBox {
             logo: true,
             [`logo-${this.logoType}`]: true,
         };
-        return (h(Host, { key: '1590e380293d73fa9d694d47ce91f225c1412e51' }, h("div", { key: 'aae341b177bcd32428947c8fdfc6e8cbbc0abf53', class: logoBoxClasses, part: "container" }, h("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 }, h("div", { key: 'bec8c940da8d693f98d7adb773c7ac05e88f6a36', "aria-label": `${this.logoType} logo`, class: logoClasses, role: "img", style: {
+        return (h(Host, { key: 'b0d80264a8b12c3a0197051ee873b01eaa5dcc82' }, h("div", { key: '38c91cc3825e436e9f674b74d9340f191a22b72c', class: logoBoxClasses, part: "container" }, h("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 }, h("div", { key: 'adddefaa18230c948c913bcabd1edc7c903a8dc5', "aria-label": `${this.logoType} logo`, class: logoClasses, role: "img", style: {
                 maskImage: `url(${this.getLogoSrc()})`,
                 WebkitMaskImage: `url(${this.getLogoSrc()})`,
                 backgroundColor: this.logoColor,
-            } })), h("div", { key: '4eabb3b487130d34b97ea6e9e141708b5439bda6', class: "logo-more-products" })), h("bh-product-switcher", { key: '00235dfaae7e9dd9486c04abcb75f18d5c1cef24', anchorPosition: this.anchorPosition, isOpen: this.isOpen, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect, products: this.products })));
+            } })), h("div", { key: '56e96aef99fa1e14b13419ac54b27e8e7dba13a5', class: "logo-more-products" })), h("bh-product-switcher", { key: 'c06cd6174b17b29d7b6a355e4b4633284533dc12', anchorPosition: this.anchorPosition, isOpen: this.isOpen, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect, products: this.products })));
     }
     static get is() { return "bh-logo-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js

@@ -68,7 +68,7 @@ export class BhModalActions {
         return (h("div", { class: "modal-actions-content modal-actions-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (h(Host, { key: '7a8d1b5a942a0f920697af2b8aa2b48026a7abc9' }, h("div", { key: 'a3622571f152b7917062f520f265da626b5a348f', class: "modal-actions", part: "actions" }, this.divider && h("div", { key: 'c9ef2312fa1237f31660b97d8c005eea94809f2a', class: "divider", part: "divider" }), this.renderButtons())));
+        return (h(Host, { key: '94f7dcfad4b06525117314126aae6bbea053bc52' }, h("div", { key: 'fc70502939c3bcfc5a3ee77f5e9ec269d7490b78', class: "modal-actions", part: "actions" }, this.divider && h("div", { key: 'ebb4a1bb6d6512d109060fbc4b8d642d9e1bf0e3', class: "divider", part: "divider" }), this.renderButtons())));
     }
     static get is() { return "bh-modal-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js

@@ -69,19 +69,19 @@ export class BhModalHeader {
     render() {
         const isHorizontal = this.variant === "horizontal-left-aligned";
         const isCenter = this.variant === "center-aligned";
-        return (h(Host, { key: 'ceb366bc3b38b5dfde6e892f2a0879156c741215' }, h("div", { key: 'f120d9e8f3f6270dcce8b2797b75d05298fdaa9b', class: {
+        return (h(Host, { key: 'ad67a19797daa4794d03d92a79376ce58d1eb32d' }, h("div", { key: 'edc3786b536a94b686171aee0ced7681c571aad6', class: {
                 "modal-header": true,
                 "modal-header--center": isCenter,
                 "modal-header--horizontal": isHorizontal,
-            }, part: "header" }, h("div", { key: '61d5ddda1b8647bc4ebde1c102272c100de03ef4', class: {
+            }, part: "header" }, h("div", { key: '975f872ce5ad7fc092b158b7ad81d1fa5abcb419', class: {
                 "modal-header-content": true,
                 "modal-header-content--center": isCenter,
                 "modal-header-content--horizontal": isHorizontal,
-            } }, this.showIcon && this.icon && (h("bh-featured-icon", { key: '7e8b455c8642dcba81955d86fe2e4117e41ab507', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), h("div", { key: 'dfc98fab392c4f7ec5f3ac34e5131a5c80bd82d8', class: {
+            } }, this.showIcon && this.icon && (h("bh-featured-icon", { key: '90cd147b9fe455a74c8e30289f18d9f1fcf38b76', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), h("div", { key: '95e85e400ec908ea63b0e5a718b05c4e3a93f05e', class: {
                 "modal-text-content": true,
                 "modal-text-content--center": isCenter,
                 "modal-text-content--horizontal": isHorizontal,
-            } }, h("h3", { key: 'b2b9f260fa0b93218213ea25b0c1e31548cd53e5', class: "modal-title" }, this.modalTitle), this.description && (h("p", { key: '80abf53a4e8ae1c04f068605b4fd59c7581ede84', class: "modal-description" }, this.description)))), this.showCloseButton && (h("div", { key: '16280d61a2a3aecfcdd85e1b357ee598684ae320', class: "close-button" }, h("bh-close-button", { key: '8d7186ab6504433e196d6969eb06bad4872f4c06', ariaLabel: resolveI18n("bh-modal-header", "closeAriaLabel", undefined, "Close modal"), onClick: this.handleClose })))), this.paddingBottom && h("div", { key: '18d936e118b1b2e1937cf34299857635232d9b84', class: "padding-bottom" }), this.divider && h("div", { key: 'f7c50ffc0b8c21cf81ab4fa5a4dadf0c27b005b5', class: "divider" })));
+            } }, h("h3", { key: '3fe9e2672eba70b07f619f15e6df27349d56e273', class: "modal-title" }, this.modalTitle), this.description && (h("p", { key: 'd966ee3597668ff3714f9b8fd6fd2da541dbec03', class: "modal-description" }, this.description)))), this.showCloseButton && (h("div", { key: '9e8bbab0a090b7623c309b9873a5d15e01d2372a', class: "close-button" }, h("bh-close-button", { key: 'a6fd75b934605610445b1da005df36667fb34655', ariaLabel: resolveI18n("bh-modal-header", "closeAriaLabel", undefined, "Close modal"), onClick: this.handleClose })))), this.paddingBottom && h("div", { key: 'a93b6bf7df3f3a987640e035af088f17bef3086f', class: "padding-bottom" }), this.divider && h("div", { key: '011105a18382f9b6fa6fd409e8d7d336cafc62d8', class: "divider" })));
     }
     static get is() { return "bh-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-multi-select/bh-multi-select.js

@@ -379,14 +379,14 @@ export class BhMultiSelect {
                 width: this.menuWidth > 0 ? `${this.menuWidth}px` : undefined,
             }
             : { display: "none" };
-        return (h(Host, { key: '70e5a15519841efe0fd7c0d242359c14b9ee4a4e', style: { width: this.width } }, h("div", { key: 'bb4f9e2e3e77f8fb8baf8a5ecb3ef4a6f343c77d', class: "multi-select-wrapper" }, h("bh-label", { key: '71bfded56ed11d28b561f5cff4198e02281a3402', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, h("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 }, h("div", { key: 'd9c23c79264c97ab317efba76f77734140fd879c', class: "multi-select-tag-flow" }, isEmpty && (h("span", { key: '7c7464da9f0e6e407b009c69ee9da50b26e1441d', class: "multi-select-placeholder" }, resolveI18n("bh-multi-select", "placeholder", this.placeholder, "Select options..."))), tags.map((tag) => (h("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 && (h("bh-tag", { key: 'ffb89f6899b87a508fa51383151ea86ee5dcb005', disabled: this.disabled, dismissible: false, label: `+${remaining}`, size: "sm", variant: "text-only" }))), h("span", { key: 'b12080257937d7e4726d9cf3a6e20bd2db5d3f1c', class: {
+        return (h(Host, { key: '990847a23d2ea4fe16329c20bfff07f635c290c0', style: { width: this.width } }, h("div", { key: '7ef3db32f8c7e59c5695f93e6f776d24e42c1fb4', class: "multi-select-wrapper" }, h("bh-label", { key: 'f35e268c9a1e4400ff6ea9e4f49f390fbdd30d62', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, h("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 }, h("div", { key: '23fc0d98f7a295fda1e96878afee8b39149df5ad', class: "multi-select-tag-flow" }, isEmpty && (h("span", { key: 'e4cab50d03f4473c4d2c4601b3bb294358bc70b3', class: "multi-select-placeholder" }, resolveI18n("bh-multi-select", "placeholder", this.placeholder, "Select options..."))), tags.map((tag) => (h("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 && (h("bh-tag", { key: 'd85f22c4406ec3cd03b928ec646ef20560da5f91', disabled: this.disabled, dismissible: false, label: `+${remaining}`, size: "sm", variant: "text-only" }))), h("span", { key: '0e53b1e5a6cbbec0b02feda1220549c10137c3dc', class: {
                 "material-symbols-outlined": true,
                 "trigger-icon": true,
                 "trigger-icon-open": this.isOpen,
-            } }, "expand_more"))), this.showHintText && this.hintText && (h("div", { key: '6680cc413d3f326db2702a63909f47dc31e64754', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)), h("div", { key: '55bba664d8aecb80c648c811f373ddb80295849e', class: {
+            } }, "expand_more"))), this.showHintText && this.hintText && (h("div", { key: '70aa346ae406eee4ee38aee041d82ed6eeb8bc71', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)), h("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 }, h("div", { key: '11914223d536b2b2f8dd3a52e36ba96aa8094cfd', class: "menu-items" }, this.parsedOptions.map((item) => {
+            }, onKeyDown: this.handleMenuKeyDown, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, h("div", { key: 'ea327f893e4a479aafb40028f84490c6fe460916', class: "menu-items" }, this.parsedOptions.map((item) => {
             if (item.divider) {
                 return h("div", { class: "menu-divider", key: item.id });
             }

package/dist/collection/components/bh-page-header/bh-page-header.js

@@ -126,7 +126,7 @@ export class BhPageHeader {
             "is-centered": this.isCentered,
             "has-avatar": this.hasAvatar,
         };
-        return (h(Host, { key: 'd7b1e860bb40680faab346629adf834e8b5348f8', "aria-label": this.heading || "Page header", role: "banner" }, h("div", { key: '8cfbc1e96f504301d2cd5e1f891314f1ea389e5d', class: classes, part: "base" }, this.renderBannerImage(), h("div", { key: 'c87b684268591133efccc1e342888cec21e3b453', class: "container" }, !this.isBanner && this.renderBreadcrumbs(), this.renderVariantContent(), this.renderTabs(), this.renderDivider()))));
+        return (h(Host, { key: '62d3783612c4c884eb25afb83fcbacbabc419e32', "aria-label": this.heading || "Page header", role: "banner" }, h("div", { key: 'b1760099f2852fa0893576ee95ad07ee27d8747f', class: classes, part: "base" }, this.renderBannerImage(), h("div", { key: 'c1e4eb847e4b97fa8c7fb73bd06944e0c3916c4d', class: "container" }, !this.isBanner && this.renderBreadcrumbs(), this.renderVariantContent(), this.renderTabs(), this.renderDivider()))));
     }
     static get is() { return "bh-page-header"; }
     static get encapsulation() { return "shadow"; }
@@ -368,7 +368,7 @@ export class BhPageHeader {
                 },
                 "complexType": {
                     "original": "BreadcrumbItem",
-                    "resolved": "{ label: string; path?: string | undefined; isActive?: boolean | undefined; dropdown?: BreadcrumbDropdownOption[] | undefined; dropdownSearchable?: boolean | undefined; }",
+                    "resolved": "{ label: string; path?: string | undefined; isActive?: boolean | undefined; dropdown?: BreadcrumbDropdownOption[] | undefined; dropdownSearchable?: boolean | undefined; slotName?: string | undefined; }",
                     "references": {
                         "BreadcrumbItem": {
                             "location": "import",

package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js

@@ -69,7 +69,7 @@ export class BhPageNavigationChild {
     render() {
         // biome-ignore lint/complexity/noVoid: Intentional read to trigger Stencil re-render
         void this.focusVersion;
-        return (h(Host, { key: '719c94c0c3d7bae9e42ae39a7a3b4dfb53b9c6f6' }, h("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 }, h("div", { key: '27f71f2ef1c220e0cf329df28d2a021d2a214baa', class: "page-navigation-child-content", part: "content" }, h("span", { key: 'b7f71ccb6b696608f22ff9a149a91a51c8cd2a96', class: "page-navigation-child-label", part: "label" }, this.label), this.badge !== undefined && this.showBadge && (h("bh-badge", { key: 'ad4fe867519d283abb1b0d6ae16bb69820d62c18', class: "page-navigation-child-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" }))))));
+        return (h(Host, { key: '7ca3756e57ce7523707ac6398e009a41251b5773' }, h("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 }, h("div", { key: '6e73d0d8e106d4712b45671d8501dd743925702d', class: "page-navigation-child-content", part: "content" }, h("span", { key: '6c7b32b203015fbf3eb2dfc9e41ae2a569c77c63', class: "page-navigation-child-label", part: "label" }, this.label), this.badge !== undefined && this.showBadge && (h("bh-badge", { key: 'a8510c3e2b9d0fd265f94273afbb09f9ca259361', class: "page-navigation-child-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" }))))));
     }
     static get is() { return "bh-page-navigation-child"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js

@@ -134,11 +134,11 @@ export class BhPageNavigationMultiLevel {
     render() {
         // biome-ignore lint/complexity/noVoid: Intentional read to trigger Stencil re-render
         void this.focusVersion;
-        return (h(Host, { key: '9ec6a3884c08560fce28ec489cf2cc6584cdaae8' }, h("div", { key: '037a839d45f62714e43b7686d8bd8587c114a63c', class: this.getItemClasses(), part: "container" }, h("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 }, h("div", { key: '7752ca6a7e3c2e0e78da7d441db17020d83bff21', class: "page-navigation-item-content" }, !this.focusState.isHovered && (h("span", { key: '827f84917aea8873b93a86d03fed62146944ef98', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.focusState.isHovered && (h("span", { key: 'c2e9dbe17e62eb3d85660807bdb06c227d8f9b59', "aria-hidden": "true", class: {
+        return (h(Host, { key: 'd9741d97ddd3eafaa584a4ed2874b54586f12d27' }, h("div", { key: '78c214b1a6eed4371ddb9f9e7bfe6623d1981f9c', class: this.getItemClasses(), part: "container" }, h("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 }, h("div", { key: 'ecb225085b57e91a45ca5261160e5faa8fb5320d', class: "page-navigation-item-content" }, !this.focusState.isHovered && (h("span", { key: '3ec3d64a64ca0557f5dd1868b58afce58f5028c3', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.focusState.isHovered && (h("span", { key: '6e63fa64c2d5a24f6fc0440a961e58aad6fd044c', "aria-hidden": "true", class: {
                 "page-navigation-chevron-icon": true,
                 "material-symbols-outlined": true,
                 expanded: this.isExpanded,
-            } }, "expand_more")), h("span", { key: '4f35bd036f8352ed740b5da8ed5176c43446b8c0', class: "page-navigation-item-label" }, this.label), this.badge !== undefined && (h("bh-badge", { key: '0cae401dbf6ff088086d6d666b590e1b2dbac1e3', class: "page-navigation-item-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" })), h("bh-button-icon", { key: '28a1759aa9c91607b396e24e2342334d6e7c69c1', ariaLabel: `Add to ${this.label}`, hierarchy: "tertiary", iconName: "add", onClick: this.handleAddClick, size: "xs" }))), (this.isExpanded || this.isAnimating) && (h("div", { key: 'ea51a7b729a6ae51d5ac5597d28851576329293e', class: `page-navigation-children ${this.animationClass}`, part: "children", role: "group" }, this.getParsedChildItems().map((child, index) => (h("bh-page-navigation-child", { badge: child.badge, isActive: child.isActive, key: index, label: child.label, onBhItemClick: () => this.handleChildClick(index), showBadge: child.showBadge }))))))));
+            } }, "expand_more")), h("span", { key: 'e48c777f044af85e035969be85c75a44c0033972', class: "page-navigation-item-label" }, this.label), this.badge !== undefined && (h("bh-badge", { key: 'b3e00c448d7dd26de9c4a39e2cf256f7dc14e039', class: "page-navigation-item-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" })), h("bh-button-icon", { key: '4e6154e0f29457173b4617f554095c99bb1edee6', ariaLabel: `Add to ${this.label}`, hierarchy: "tertiary", iconName: "add", onClick: this.handleAddClick, size: "xs" }))), (this.isExpanded || this.isAnimating) && (h("div", { key: '4df9880e7f4975b317544e9a3b18156b5590830c', class: `page-navigation-children ${this.animationClass}`, part: "children", role: "group" }, this.getParsedChildItems().map((child, index) => (h("bh-page-navigation-child", { badge: child.badge, isActive: child.isActive, key: index, label: child.label, onBhItemClick: () => this.handleChildClick(index), showBadge: child.showBadge }))))))));
     }
     static get is() { return "bh-page-navigation-multi-level"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js

@@ -66,7 +66,7 @@ export class BhPageNavigationSingleLevel {
     render() {
         // biome-ignore lint/complexity/noVoid: Intentional read to trigger Stencil re-render
         void this.focusVersion;
-        return (h(Host, { key: '926f7b96aa4bfde3d0341fba3d69ec93f85e0e19' }, h("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 }, h("div", { key: '29a4b1860ccdc884559b71d92224db5a1e29232f', class: "page-navigation-item-content", part: "content" }, h("span", { key: 'c197ce8d5986b6c54a23e828619eac43afecfb84', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined", part: "icon" }, this.icon), h("span", { key: 'dfcede684220fee20569eae439ba1f63237ffd23', class: "page-navigation-item-label", part: "label" }, this.label)))));
+        return (h(Host, { key: 'ffa7f8fae621f03d4c069c8f335b905c35cec6fa' }, h("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 }, h("div", { key: 'd5e9efd758166f3fc2f0c66f66f8442a0cd0e192', class: "page-navigation-item-content", part: "content" }, h("span", { key: '3d8bb218a663ed658fb59e8cb74fe8b754130406', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined", part: "icon" }, this.icon), h("span", { key: '6d864cb47d3daca69f451f145f85b5fa823b81e9', class: "page-navigation-item-label", part: "label" }, this.label)))));
     }
     static get is() { return "bh-page-navigation-single-level"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-page-navigation/bh-page-navigation.js

@@ -127,7 +127,7 @@ export class BhPageNavigation {
         }
     };
     render() {
-        return (h(Host, { key: 'ca37f161d6ceb247769de5ef61b23e68e2f25697', onKeyDown: this.handleKeyDown }, h("div", { key: 'e58684263a131cc52c9540f5aae7b238a5959a5c', class: "page-navigation", part: "container" }, h("div", { key: '01cbed1c6fec04062bacdc52e116d0e2b76b1e9b', class: "page-navigation-header", part: "header" }, h("h2", { key: '8f209b85ca97a49e7d82a4ef83bef77c82590467', class: "page-navigation-title", part: "title" }, resolveI18n("bh-page-navigation", "navTitle", this.navTitle, "Navigation"))), h("nav", { key: '5651c9e04507904ba30eea3b1e3f541fe3a3398a', class: "page-navigation-list", part: "list" }, this.items.map((item) => item.type === "single" ? (h("bh-page-navigation-single-level", { icon: item.icon, isActive: item.isActive, key: item.id, label: item.label, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (h("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"]') && (h("div", { key: '9d8cd45a1209ad0d6f97eb66c9b3d7dbf8a3a24a', class: "page-navigation-footer", part: "footer" }, h("slot", { key: '1e5c16ccaa83e9ab9c355127973ac4ae652b52d6', name: "bottom-button" }))))));
+        return (h(Host, { key: 'dc139f2e304e1d39a1b112faca7cbe3438154b82', onKeyDown: this.handleKeyDown }, h("div", { key: '8c358776ba7d8eba4689955cd16ca1891a23b060', class: "page-navigation", part: "container" }, h("div", { key: 'e0ccffaef211d071899db55b17f64261baf55bcc', class: "page-navigation-header", part: "header" }, h("h2", { key: 'aa20cdaa13d5f80590baf4b6c0ca546798f3800f', class: "page-navigation-title", part: "title" }, resolveI18n("bh-page-navigation", "navTitle", this.navTitle, "Navigation"))), h("nav", { key: 'b5ac929da441edf4bb5128d508302ab243cc5be1', class: "page-navigation-list", part: "list" }, this.items.map((item) => item.type === "single" ? (h("bh-page-navigation-single-level", { icon: item.icon, isActive: item.isActive, key: item.id, label: item.label, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (h("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"]') && (h("div", { key: '00f87f12096138fafec24be173695a61634dd9ae', class: "page-navigation-footer", part: "footer" }, h("slot", { key: '1f5a1be10ef4e4d7048fa324b134a4af1a9c0081', name: "bottom-button" }))))));
     }
     static get is() { return "bh-page-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -332,10 +332,10 @@ export class BhPagination {
             "pagination-disabled": this.disabled,
             "pagination-compact": this.compact,
         };
-        return (h(Host, { key: '636f605ca421b676d81d83106ddaaaf97a72c939' }, h("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 }, h("div", { key: '1e442d973788dd0364e2d84d78e9a43dc109ae0c', class: "pagination-controls", part: "controls" }, this.showPageSize && (h("div", { key: '674a9e7173c9160ab60c8955f2504c7e17844ba2', "aria-label": resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:"), class: "pagination-page-size", role: "group" }, h("span", { key: 'dd6ebf74ab120ceeceef3cec366cd43144b39348', "aria-hidden": "true", class: "pagination-page-size-label" }, resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:")), h("bh-select", { key: '2314c665835f7fd54639f33828b5096e59c1f8bf', class: "pagination-select", disabled: this.disabled, onBhChange: (e) => this.handlePageSizeChange(e), options: this.pageSizeOptions.map((size) => ({
+        return (h(Host, { key: 'd589b2ea9f5847b246c11fba873a94d559e2c54d' }, h("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 }, h("div", { key: 'd3810303e27e59bb90738eedf0613373411f8b8f', class: "pagination-controls", part: "controls" }, this.showPageSize && (h("div", { key: '31cec839476e410aad5a83d9122d7b6d35ea10d3', "aria-label": resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:"), class: "pagination-page-size", role: "group" }, h("span", { key: '06930e1fb13f06b3171fe0c76d1aba14d04e69f0', "aria-hidden": "true", class: "pagination-page-size-label" }, resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:")), h("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) }))), h("div", { key: '1d65e9aaf02fefc4616c6c3a1a048d1717d9410d', class: "pagination-nav", part: "nav" }, h("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(), h("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 && (h("div", { key: '9bd23686d53d02eb890bd2c004761ffee5b4cd4f', "aria-atomic": "true", "aria-live": "polite", class: "pagination-info", part: "info" }, h("span", { key: '2b28ef9e6912e8bde6afca15dbbd76b5b961fa6d', class: "pagination-info-text" }, this.getInfoText()))))));
+            })), size: "sm", value: String(this.internalPageSize) }))), h("div", { key: 'c4f4c7c46ca38c867d95ce1aab1dbcbdeb150b14', class: "pagination-nav", part: "nav" }, h("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(), h("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 && (h("div", { key: 'f5bc52de1ea8511b4ffc92ee5285be558c3cb633', "aria-atomic": "true", "aria-live": "polite", class: "pagination-info", part: "info" }, h("span", { key: '475b2a8c3eb9c9c6f992bf7d424b91538b44a5e9', class: "pagination-info-text" }, this.getInfoText()))))));
     }
     static get is() { return "bh-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js

@@ -412,9 +412,9 @@ export class BhDatePickerContent {
     }
     render() {
         const currentMonthYear = `${MONTH_NAMES[this.currentMonth]} ${this.currentYear}`;
-        return (h(Host, { key: 'ad6d4d71610dc94c5f6cf12bfdc88eb0cf8a9f38' }, h("div", { key: 'fcf03444c4d791d96c446b0a99572e295e261bf0', class: "date-picker-content", part: "container" }, h("div", { key: 'cfc80acb83290905318a4b8fd7b7b386167bfb80', class: "month-navigation", part: "navigation" }, h("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" }), h("bh-button", { key: '6b388d0431d6fd6d9f358c57c6f3211f61275fd2', hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: currentMonthYear, onClick: this.handleMonthDropdownToggle, size: "sm" }), h("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 && (h("div", { key: '16525c6ba25074074df5853217bdd667e983f8b3', class: "date-input-display", part: "date-input" }, h("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 && (h("div", { key: '43bcb62cd86eaad04e18fd6f27ea8956fae7e3ef', class: "preset-ranges", part: "preset-ranges" }, h("bh-button", { key: '7eca278a25141e56c52536e9e6a2902061e58155', hierarchy: "tertiary", label: "Last week", onClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), h("bh-button", { key: 'd8e75d0ec012b59f862f0f1812e91acedb0ace14', hierarchy: "tertiary", label: "Last month", onClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), h("bh-button", { key: '6594783f01883dbb63f2e23f73c77fbb41b29666', hierarchy: "tertiary", label: "Last year", onClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), !this.isMonthDropdownOpen && (h("div", { key: '2bae46f7d2fe6c470a59665da77f44f3aba7aa43', class: "calendar-grid", part: "calendar" }, h("div", { key: '0a5a7173a21d8817f72bf1ef89d9fa4e693caa22', class: "day-names", part: "day-names" }, DAY_NAMES.map((dayName) => (h("div", { class: "day-name", key: dayName }, dayName)))), h("div", { key: '96f08df64ab81881a38b2ecf7e24013cda5c58af', class: "date-cells", part: "cells" }, this.calendarCells.map((cell, index) => (h("div", { class: this.getCellClass(cell), key: index, onClick: (e) => this.handleCellClick(e, cell) }, h("span", { class: "date-number" }, cell.day === 0 ? "" : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (h("div", { key: '0aee05cbc01f72e0b71705083bf8bbd6beec23ae', class: `month-picker-inline ${this.isMonthDropdownClosing ? "animate-fade-out" : ""}` }, h("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 (h(Host, { key: '54655d044f0752f7647fb59303249f8fb5c91dd3' }, h("div", { key: 'e394e93731d0c1a5055eb9577775f732fa37cb20', class: "date-picker-content", part: "container" }, h("div", { key: '88a3b58ac3a84510b8e8f76733bd5ea1a1fee4dd', class: "month-navigation", part: "navigation" }, h("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" }), h("bh-button", { key: '213812c523e0e189382e6495f4014520fa6d5add', hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: currentMonthYear, onClick: this.handleMonthDropdownToggle, size: "sm" }), h("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 && (h("div", { key: 'e27dcf2c52ec2b28c7262d4fac4ecf0d3aeb4752', class: "date-input-display", part: "date-input" }, h("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 && (h("div", { key: '74bbd7dcc8bd82da65191d535fa374076a55b63b', class: "preset-ranges", part: "preset-ranges" }, h("bh-button", { key: '010a8babf66a0d9b22cfcb4244e6c3316523ca08', hierarchy: "tertiary", label: "Last week", onClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), h("bh-button", { key: '2a651298dc6828d36a1115ec4f73d24efc169953', hierarchy: "tertiary", label: "Last month", onClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), h("bh-button", { key: 'dee3061094254ea53b339c54186f7dda1cfbf387', hierarchy: "tertiary", label: "Last year", onClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), !this.isMonthDropdownOpen && (h("div", { key: '599841d8e6f490f262eab17329abb688982d63d8', class: "calendar-grid", part: "calendar" }, h("div", { key: 'f0934ecfb1d052011290746b89fe610e975f17bd', class: "day-names", part: "day-names" }, DAY_NAMES.map((dayName) => (h("div", { class: "day-name", key: dayName }, dayName)))), h("div", { key: 'b0b723460e2b9ae997e67658aec8e005680afebb', class: "date-cells", part: "cells" }, this.calendarCells.map((cell, index) => (h("div", { class: this.getCellClass(cell), key: index, onClick: (e) => this.handleCellClick(e, cell) }, h("span", { class: "date-number" }, cell.day === 0 ? "" : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (h("div", { key: '5ed516dd685be7c20e4c63cf3802a6d8b6693988', class: `month-picker-inline ${this.isMonthDropdownClosing ? "animate-fade-out" : ""}` }, h("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 is() { return "bh-date-picker-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -354,14 +354,14 @@ export class BhDatePicker {
             "date-picker-focused": this.focusState.isFocused,
             "date-picker-hovered": this.focusState.isHovered,
         };
-        return (h(Host, { key: 'bdc89e36e319b09fe8b3e6138689f24a20506ce5' }, h("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" && (h("div", { key: '186e0039f11670234bc642e3d037839a13370e27', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, h("bh-button", { key: 'ead8b633f7a0650409b320fc52647433e27e6424', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '6b11aebace35b7ce5a1266825016e88c7ae8a63d', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, h("bh-button", { key: '74ab8d177aa2b519c607385e82efa64196ea5aa6', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: '9beb49a326305ee6299024465ed7a9fceef168cb', class: "date-picker-trigger input-field-container", part: "trigger" }, h("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 }), h("div", { key: '012261804aa24a96a61887920913338fc93fde36', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), h("div", { key: 'dc383f16e5c4bee5081148da454e7f6aaab27840', class: {
+        return (h(Host, { key: 'bf6800637be57d8d768455e54e7519c5994e263d' }, h("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" && (h("div", { key: 'cf711db0fae3aab3a54db332a6f5a4b9686adad4', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, h("bh-button", { key: '5464fc3c642a2445490836a167da7b9d15369a65', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '2729ffe68fef8fd465abcc4ee5122e24d7ca38a5', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, h("bh-button", { key: 'a3359a23887d20a507cabc6a94b30e7de955c211', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: '7655c11d161eeaa2ba73682b351ef1a1350a50a4', class: "date-picker-trigger input-field-container", part: "trigger" }, h("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 }), h("div", { key: '696764ec1a46a39d2e47f5ee2e4873ec831d2809', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), h("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) }, h("bh-picker-menu", { key: '8065433414c804f7f95f8c9257a20d103b0c0b74', disableApply: this.showFooter && this.stateManager?.tempValue === null, onBhAction: this.handleMenuAction, showFooter: this.showFooter, showTodayButton: this.showFooter, visible: this.isMenuOpen }, h("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) }, h("bh-picker-menu", { key: 'e7abddb8c80316349b31f734cb53cc636df8d9c5', disableApply: this.showFooter && this.stateManager?.tempValue === null, onBhAction: this.handleMenuAction, showFooter: this.showFooter, showTodayButton: this.showFooter, visible: this.isMenuOpen }, h("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) && (h("div", { key: '571aedbc8f942e4ea9332d97c870689fd26d8c0b', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (h("div", { key: 'a021aa4337b3d5b224dc0a078389d098aa836faa', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get is() { return "bh-date-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js

@@ -207,10 +207,10 @@ export class BhDateRangePickerContent {
         }
     };
     render() {
-        return (h(Host, { key: '83406ca8d961544fdb90d1a60cf8f7bfe7969f57' }, h("div", { key: '9dd600c143f12bb0c2a0b8dbb138fa4c4ac16418', class: {
+        return (h(Host, { key: '2873c8e1502ca19ee5025f38d0b36afc6a370e02' }, h("div", { key: '76fa3f6d28afe10a23092da5adf0d651f4115d62', class: {
                 "date-range-picker-content": true,
                 "has-sidebar": this.showPresetSidebar,
-            }, part: "container" }, this.showPresetSidebar && (h("div", { key: 'c8f99fdf67cbf60a6949f8e5426287c83880204b', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (h("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), h("div", { key: '872076178cabc77f7778dba96e8531c59ddb5f9a', class: "date-range-main" }, this.showDateInputs && (h("div", { key: '1d2daec50e8b6140bbd720608fc207b203e67dd2', class: "date-range-inputs", part: "date-inputs" }, h("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) }), h("span", { key: '6f41761ba7e76a2bd0d23a1b98597e22477ac7dc', class: "date-range-separator" }, "\u2013"), h("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 && (h("div", { key: '0e7ccbe09b938582346326fdff6546f7e205ea02', class: "preset-ranges", part: "preset-ranges" }, h("bh-button", { key: '38038a0c24f975cadacdb8b1e77b46efaa1b6900', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), h("bh-button", { key: '25d56e0924312dec6e1638bca9506dea1d296baf', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), h("bh-button", { key: '5c05b492d23235af1330b75dae431ecd33dfc873', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), h("div", { key: '2eed38e2dd601981cb3ce6293e975c6acc06b8d1', class: "date-pickers", part: "date-pickers" }, h("div", { key: 'd7360784077dcf67dc3e7258c46af724643e668d', class: "left-picker", part: "left-picker" }, h("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 })), h("div", { key: '9dd3247ea825d3894052308bf999a65f7b8ad97d', class: "right-picker", part: "right-picker" }, h("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 && (h("div", { key: '807fb5e9d659943c371f11858bb5f8ff2ad6b763', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (h("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), h("div", { key: '6c537ad636a758e3464bea0a0dc8f9ff49568e61', class: "date-range-main" }, this.showDateInputs && (h("div", { key: '6c82c5fdd67aed508da0e8f2c115301f47c0fbc2', class: "date-range-inputs", part: "date-inputs" }, h("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) }), h("span", { key: '89337f017a0190e3b5352f2bc3466bc0cca98091', class: "date-range-separator" }, "\u2013"), h("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 && (h("div", { key: 'c6b2de889965088cbdde0c4e6ee6ee916895705a', class: "preset-ranges", part: "preset-ranges" }, h("bh-button", { key: '2c0162a46e7242f60194a301494374ead966ab62', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), h("bh-button", { key: '2524509e8026649c62276a1109c159f16e6bf48f', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), h("bh-button", { key: 'e1bb42043248316008271fbf6d8a3c5c0342ce72', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), h("div", { key: '0f23d9455df550d6e10ca31c54138aa1c46d5432', class: "date-pickers", part: "date-pickers" }, h("div", { key: '9ddef93db31778e910f3dc2a33930f68d342702c', class: "left-picker", part: "left-picker" }, h("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 })), h("div", { key: 'b73d3c8ab9463ea43d86dbe4102f77b3bd66ea42', class: "right-picker", part: "right-picker" }, h("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 is() { return "bh-date-range-picker-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js

@@ -271,13 +271,13 @@ export class BhDateRangePicker {
     render() {
         // biome-ignore lint/complexity/noVoid: Intentional read to trigger Stencil re-render
         void this.focusVersion;
-        return (h(Host, { key: '852e6aeadf2758607d6f435c1f45ff6513da64d0' }, h("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" && (h("div", { key: 'cfef2847909f1c8d88a94d1cb6f0c024dc923619', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'c9895e820423ce35e0b80f1c5668d39e81c942a2', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '1fe2d0b07fe4ca8555fc403f09989f02cce7beb0', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'f7f4b964e417b73aafe9f66bbca26beb7f1ba277', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: '73d31bd026f15ee44332937b444ee2e3781ce290', class: "date-range-picker-trigger" }, h("div", { key: '5cb1067e4de2ad6620fd2e57ef32790c96a5f48d', class: "date-range-inputs", onClick: this.handleTriggerClick }, h("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 }), h("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 })))), h("div", { key: 'cc0dc8847b6ddd1fd80906bd2ba1d523fec2824e', class: {
+        return (h(Host, { key: '300df3192b097c2d311a86e9254457c5147ab6b2' }, h("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" && (h("div", { key: '54370cecc8cf2769781605d7665b924c75b879ce', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: '2a0ffdb12e550b49eb3ba4471adcdd139c382c2e', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '13a8900ad6e73d68e7692288c3bdf20b213f852b', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'e162cb491095f50e29e39d245626cf1fc9ea7605', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: 'e190b754ee9166b7ec4a265c13d44226fb9afd2d', class: "date-range-picker-trigger" }, h("div", { key: '8ad7b6c63d94f40cbc91215dbc22d93832950f61', class: "date-range-inputs", onClick: this.handleTriggerClick }, h("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 }), h("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 })))), h("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) }, h("bh-picker-menu", { key: '15d26c32502879b8387bdb5e667a8b42261c24a2', disableApply: this.showFooter &&
-                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, h("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) }, h("bh-picker-menu", { key: 'bad9a6ccd2d992d55aaf840f6577059a31bdc6c4', disableApply: this.showFooter &&
+                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, h("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) && (h("div", { key: '081ad2c1b95563cf2e5294e1cb6c81f7f18e758d', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (h("div", { key: '64e045d33992875e0cab607c3cab50da6e43856f', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get is() { return "bh-date-range-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js

@@ -198,7 +198,7 @@ export class BhMonthPickerContent {
     }
     render() {
         const years = this.getYears();
-        return (h(Host, { key: '119cc97550588b32a3fa2135d792eedde64936d7' }, h("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 } }, h("div", { key: '1668b61376578089fe9a055c0b17213bde640ae7', class: "calendar", part: "calendar" }, years.map((year, yearIndex) => (h("div", { class: "year-section", id: `year-${year}`, key: year }, h("div", { class: "year-month-container" }, h("div", { class: "year-label" }, year), h("div", { class: "months-row" }, h("div", { class: "month-row" }, MONTH_NAMES.slice(0, 6).map((_, monthIndex) => (h("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex])))), h("div", { class: "month-row" }, MONTH_NAMES.slice(6, 12).map((_, idx) => {
+        return (h(Host, { key: '73b5ce30cd62f32d19daf4214b08345ae4bec1ac' }, h("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 } }, h("div", { key: '3ccc79f6551261b34d9136a0691683b89583c660', class: "calendar", part: "calendar" }, years.map((year, yearIndex) => (h("div", { class: "year-section", id: `year-${year}`, key: year }, h("div", { class: "year-month-container" }, h("div", { class: "year-label" }, year), h("div", { class: "months-row" }, h("div", { class: "month-row" }, MONTH_NAMES.slice(0, 6).map((_, monthIndex) => (h("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex])))), h("div", { class: "month-row" }, MONTH_NAMES.slice(6, 12).map((_, idx) => {
             const monthIndex = idx + 6;
             return (h("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 && (h("div", { class: "section-divider" }, h("div", { class: "divider-container" }, h("div", { class: "divider-line" })))))))))));

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

@@ -227,12 +227,12 @@ export class BhMonthPicker {
     render() {
         // biome-ignore lint/complexity/noVoid: Intentional read to trigger Stencil re-render
         void this.focusVersion;
-        return (h(Host, { key: '45ab4ca8e6c4b4388fe9f5b3637a48d47e2a8abb' }, h("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" && (h("div", { key: '7be63ef8f808a70c15908c7adf41ceedc7f4d5a5', class: "month-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'e00534b8f6a02f85f28d4e3f0e8e709b5a60b1e4', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '498b247c64c399543bad0ad6e27b5c144dd13d26', class: "month-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: '7d3d03b2723b3e883cd75b446006b3d5369d9687', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: '18fd25447c67c2283fa222f1e03b46f705e23701', class: "month-picker-trigger input-field-container" }, h("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 }), h("div", { key: '551ce58ad4f1b33d1545f77a6a6545e775691100', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), h("div", { key: '79cc7b4934c7f27e4be6d1cc5549e8a76e36a29b', class: {
+        return (h(Host, { key: 'bdcd6963b9514c723c8bcc14fa62981d568c0c05' }, h("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" && (h("div", { key: '27c939700779f958b6afa92b603591d2be690051', class: "month-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: '7f15615410f4332fa4752ec110061b1ca1df721b', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: 'b9489b1134353d6de389a3bac3c255997f3d05cc', class: "month-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'dac579856e1f7379646c1d641d500243b72453fb', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: 'da74a4dac0c40734187d7f48a80542c7cf7f4469', class: "month-picker-trigger input-field-container" }, h("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 }), h("div", { key: '822ed86e38fd689c632d199070cf89f5b21567c7', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), h("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) }, h("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) }, h("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) && (h("div", { key: 'e6829565c0a553a624ba6bd8b0e0d433215b66bc', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined, visible: this.isMenuOpen }))), (this.isMenuOpen || this.isMenuClosing) && (h("div", { key: 'b1a24a44a00c644f9f541f4a03d66a0c9439c8e0', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get is() { return "bh-month-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js

@@ -174,9 +174,9 @@ export class BhPivotGridFieldChooser {
     render() {
         const t = this.t;
         const showApplyBar = this.applyChangesMode === "onDemand" && !this.disabled;
-        return (h(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 (h(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",
-            } }, h("div", { key: '439303c722224870a3f022b13fdc230f73e394a1', class: "field-chooser-root" }, h("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 && (h("div", { key: '7c207f0a27b4137fc9968dce6fb0b88c6cb67fbd', class: "field-chooser-footer" }, h("button", { key: '6ef0182ca26bd1da91bec83fbf412402745a1c9a', class: "field-chooser-btn", onClick: this.resetPending, type: "button" }, t.cancel ?? "Cancel"), h("button", { key: '895c9efc02dfc2ba8401a51ee9dc04ac7095494a', class: "field-chooser-btn field-chooser-btn-primary", onClick: this.applyPending, type: "button" }, t.ok ??
+            } }, h("div", { key: 'dc9212b713e3f624fc4301e7b7f0f700b19acc46', class: "field-chooser-root" }, h("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 && (h("div", { key: 'd86dada751587c7d2fe1c942a275a4a46b048598', class: "field-chooser-footer" }, h("button", { key: 'f4214fc1bce9748079ff58c675ab6d4c9161942a', class: "field-chooser-btn", onClick: this.resetPending, type: "button" }, t.cancel ?? "Cancel"), h("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 is() { return "bh-pivot-grid-field-chooser"; }