@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/esm/bh-stepper.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { v as validateJSON } from './validators-R-A72b5e.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';

package/dist/esm/bh-tab-item.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createFocusStateManager, g as getFocusStateClasses } from './focus-state-manager-YdVz1TeW.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';
 import { a as isActionKey } from './keyboard-helpers-Dg0_t7Yy.js';
 
@@ -119,11 +120,11 @@ const BhTabItem = class {
             "tab-button-disabled": this.disabled,
             ...(this.disabled ? {} : focusClasses),
         };
-        return (h(Host, { key: 'ecf630fe97884f7f91c3450d4d047364e12fc8eb', class: {
+        return (h(Host, { key: '6feaa14297ed9671314fe18241b4d552f75e7055', class: {
                 "tab-item": true,
                 "tab-item-active": this.active,
                 "tab-item-disabled": this.disabled,
-            }, onClick: this.handleClick }, h("button", { key: 'b0339ce540dede72bfdd3375f8f3e4a5d989a0e6', "aria-controls": this.panelId, "aria-disabled": this.disabled ? "true" : "false", "aria-posinset": this.posInSet, "aria-selected": this.active ? "true" : "false", "aria-setsize": this.setSize, class: buttonClasses, disabled: this.disabled, id: `tab-${this.value}`, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", role: "tab", tabIndex: this.active ? 0 : -1, type: "button" }, this.icon && (h("span", { key: '6d771e046f7f9be0afeaafd895821e2fa264580b', "aria-hidden": "true", class: "tab-icon material-symbols-outlined", part: "icon" }, this.icon)), h("span", { key: '97f8e48657b2baf1c8c96eecbfedb9e679b8a9b0', class: "tab-label", part: "label" }, this.label), h("slot", { key: '9ac37134a9fa8918622be4473c66149c9a8585bc' }))));
+            }, onClick: this.handleClick }, h("button", { key: '443a865ea0d87717da3587b7050d3cd78d0c9158', "aria-controls": this.panelId, "aria-disabled": this.disabled ? "true" : "false", "aria-posinset": this.posInSet, "aria-selected": this.active ? "true" : "false", "aria-setsize": this.setSize, class: buttonClasses, disabled: this.disabled, id: `tab-${this.value}`, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", role: "tab", tabIndex: this.active ? 0 : -1, type: "button" }, this.icon && (h("span", { key: '379857e6150ff11dfd831e88d576e46186d58afd', "aria-hidden": "true", class: "tab-icon material-symbols-outlined", part: "icon" }, this.icon)), h("span", { key: 'c0e9970e0737baeb714191ce7a06ced589f34c32', class: "tab-label", part: "label" }, this.label), h("slot", { key: '2d54a6be0dbb73bcf4df3705172d046be368f873' }))));
     }
 };
 BhTabItem.style = bhTabItemCss();

package/dist/esm/bh-table-header.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhTableHeaderCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-table-header-heading-color:var(--color-text-primary);--bh-table-header-count-color:var(--color-text-tertiary);--bh-table-header-divider-color:var(--color-border-secondary);--bh-table-header-gap:var(--spacing-md);--bh-table-header-controls-gap:var(--spacing-sm)}}@layer bh-base{.table-header{display:flex;flex-direction:column;gap:var(--bh-table-header-gap);width:100%}.content{display:flex;align-items:center;justify-content:space-between;gap:var(--bh-table-header-gap);width:100%;min-height:var(--bh-button-height-sm)}.text-group{display:flex;align-items:baseline;gap:var(--spacing-sm);flex:1;min-width:0}.heading{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-table-header-heading-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-count{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-table-header-count-color);white-space:nowrap;flex-shrink:0}.controls{display:flex;align-items:center;gap:var(--bh-table-header-controls-gap);flex-shrink:0}.search{display:flex;align-items:center}.actions{display:flex;align-items:center;gap:var(--spacing-sm)}.divider{width:100%;height:1px;background-color:var(--bh-table-header-divider-color);flex-shrink:0}}`;
 
@@ -42,7 +43,7 @@ const BhTableHeader = class {
     }
     render() {
         const hasItemCount = !!this.itemCount;
-        return (h(Host, { key: '589a3fc7be7bccdd16bd1360e912e3485c1cee4d', "aria-label": this.heading || "Table header", role: "region" }, h("div", { key: 'ede399c8fb00fc48d0538981e3b9547bb995996a', class: "table-header", part: "table-header" }, h("div", { key: '28b7affd9ba00523b8391366eb9995c55762b8e4', class: "content" }, h("div", { key: 'ea3ff8bdfd8b1788e0f261fd51053b623ebda1d6', class: "text-group" }, this.heading && (h("h3", { key: 'ba8574cecc0900ee48e43bc91487be6a55911a5e', class: "heading", part: "heading" }, this.heading)), hasItemCount && (h("span", { key: '6b8d677f8e682be9930c248ed7b54bd2afa4a690', class: "item-count", part: "item-count" }, this.itemCount))), h("div", { key: 'b3b881b2093200658f73b382099c9b63f648042c', class: "controls" }, this.showSearch && (h("div", { key: '4fdf364d8e52ebfa0d144a6567e2434b97282f15', class: "search", part: "search" }, h("slot", { key: '422096579d570d99b40bb888f05a9ac4e90c6333', name: "search" }))), this.showActions && (h("div", { key: '263c6b52b367b9d55dfd0a08d3a39d743e2f5820', class: "actions", part: "actions" }, h("slot", { key: '638ad6f59a29602aaaf72a82e409a53543a965f9', name: "actions" }))))), this.showDivider && h("div", { key: '7f49b68af175acb595e4c5559b03db4a62d21b3d', class: "divider", part: "divider" }))));
+        return (h(Host, { key: '44e768f9758c3a23b62dad1e841202e43c8126ea', "aria-label": this.heading || "Table header", role: "region" }, h("div", { key: 'aa8101727fcd585921b49e0b0ed2e87c22bf9206', class: "table-header", part: "table-header" }, h("div", { key: '20309d683a9cab5f43e711c47da3344906a4da0a', class: "content" }, h("div", { key: '3c299b721cc6fb10f5e003c8b9a5b61c07aa45d5', class: "text-group" }, this.heading && (h("h3", { key: 'a767be72bc114681f08504aa55fb255af5535bac', class: "heading", part: "heading" }, this.heading)), hasItemCount && (h("span", { key: 'f8bdb6e6a9036fbcfef92e3888f91245950ec31e', class: "item-count", part: "item-count" }, this.itemCount))), h("div", { key: 'cf57f2b14bc2c287cdd1a711bf70e6414042f96c', class: "controls" }, this.showSearch && (h("div", { key: '0e7caf3307d40cd2fee1e9d679e3dd22dccf5aaf', class: "search", part: "search" }, h("slot", { key: '54156f2d8e710104147834590fc37449243f7973', name: "search" }))), this.showActions && (h("div", { key: 'c4cef8663e9a79e861e4c8d0d4fa58f21093c794', class: "actions", part: "actions" }, h("slot", { key: '03b2ca92c4c5007ab4ddcbc7803c9975a4b713f6', name: "actions" }))))), this.showDivider && h("div", { key: '68629b7b7407fe057202b5c7b971765c0fe20a2c', class: "divider", part: "divider" }))));
     }
 };
 BhTableHeader.style = bhTableHeaderCss();

package/dist/esm/bh-tabs.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';
 
 const bhTabsCss = () => `@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;width:100%;--bh-tabs-border-color:var(--color-border-secondary);--bh-tabs-active-color:var(--color-text-interactive);--bh-tabs-active-border-color:var(--color-text-interactive);--bh-tabs-inactive-color:var(--color-text-tertiary)}}@layer bh-base{.tabs-container{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--spacing-xs);padding:var(--spacing-none);position:relative}}@layer bh-variants{:host(.tabs-full-width) .tabs-list{width:100%;gap:0}:host(.tabs-underline.tabs-horizontal) .tabs-container{border-bottom:1px solid var(--bh-tabs-border-color)}:host(.tabs-underline.tabs-horizontal) .tabs-list{gap:var(--spacing-lg)}:host(.tabs-full-width.tabs-underline.tabs-horizontal) .tabs-list,:host(.tabs-full-width.tabs-contained) .tabs-list{gap:0}:host(.tabs-contained) .tabs-list{gap:var(--spacing-xs)}:host(.tabs-vertical){width:auto}:host(.tabs-vertical) .tabs-container{width:auto}:host(.tabs-vertical) .tabs-list{flex-direction:column;gap:var(--spacing-xs);width:var(--bh-tabs-vertical-width)}:host(.tabs-underline.tabs-vertical) .tabs-container{border-bottom:none}}`;
@@ -235,7 +236,7 @@ const BhTabs = class {
             [`tabs-${this.orientation}`]: true,
             "tabs-full-width": this.fullWidth,
         };
-        return (h(Host, { key: '7083a499e2f13500b64a6a1cb13b5fc8b83d832f', class: hostClasses }, h("div", { key: 'b7e12a89ca076d2f589edd02d4cee3e8fc85ecd1', class: "tabs-container", part: "container" }, h("div", { key: '67f36616e1187ae26bd67bb869b58194030e786a', "aria-level": this.ariaLevel, "aria-orientation": this.orientation, class: "tabs-list", id: this.tablistId, part: "list", role: "tablist" }, h("slot", { key: 'b9233a03eba1530d6bf6a69f85984c7cf105932e' })))));
+        return (h(Host, { key: '959bd6dc3908532185cf569bd0b4e2d376711ff0', class: hostClasses }, h("div", { key: 'd4a6ce9368c1bfe1ec434c0fc709b09986b2ab3e', class: "tabs-container", part: "container" }, h("div", { key: 'b6772c7747a48154476532635106139353d5cfa8', "aria-level": this.ariaLevel, "aria-orientation": this.orientation, class: "tabs-list", id: this.tablistId, part: "list", role: "tablist" }, h("slot", { key: '66c17f42b14ed8a72c36eed47e85dd43588322b7' })))));
     }
 };
 BhTabs.style = bhTabsCss();

package/dist/esm/bh-tag-group.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { v as validateJSON } from './validators-R-A72b5e.js';
 
 const bhTagGroupCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-tag-group-gap:var(--spacing-sm)}}@layer bh-base{.tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-tag-group-gap)}}@layer bh-variants{.tag-group-sm{gap:var(--spacing-xs)}.tag-group-md{gap:var(--spacing-sm)}.tag-group-lg{gap:var(--spacing-md)}}`;
@@ -71,7 +72,7 @@ const BhTagGroup = class {
         const parsedTags = this.getParsedTags();
         const visibleTags = parsedTags.slice(0, this.maxVisible);
         const remaining = parsedTags.length - visibleTags.length;
-        return (h(Host, { key: '9e248b5f5e760bbd5c42ce47f7feae5b5e26775e' }, h("div", { key: 'cae076010498a5c4616ef10e32ec0595b5b2c2bd', "aria-disabled": this.disabled ? "true" : undefined, class: `tag-group tag-group-${this.size}`, part: "container", role: "group" }, visibleTags.map((tag) => (h("bh-tag", { action: (tag.dismissible ?? this.dismissible) ? "dismiss" : "none", avatarSrc: tag.avatarSrc, checked: tag.checked, count: tag.count, disabled: tag.disabled ?? this.disabled, dotColor: tag.dotColor, key: tag.id, label: tag.label, onBhChange: (event) => this.handleTagCheckedChange(tag.id, event.detail), onBhClose: () => this.handleTagDismiss(tag.id), onClick: () => this.handleTagClick(tag.id), size: this.size, variant: tag.variant ?? "text-only" }))), remaining > 0 && (h("bh-tag", { key: 'ccb28b24671f98c6c53e31717cce15be606092d6', action: "none", label: `+${remaining}`, onClick: () => this.handleOverflowClick(remaining), size: this.size })))));
+        return (h(Host, { key: '56ef6c8be13cec0ff3044ffa76ec033afd5e0e06' }, h("div", { key: 'f43d1b5facd4c4df6b451451f1a8ffdecf1ef2e2', "aria-disabled": this.disabled ? "true" : undefined, class: `tag-group tag-group-${this.size}`, part: "container", role: "group" }, visibleTags.map((tag) => (h("bh-tag", { action: (tag.dismissible ?? this.dismissible) ? "dismiss" : "none", avatarSrc: tag.avatarSrc, checked: tag.checked, count: tag.count, disabled: tag.disabled ?? this.disabled, dotColor: tag.dotColor, key: tag.id, label: tag.label, onBhChange: (event) => this.handleTagCheckedChange(tag.id, event.detail), onBhClose: () => this.handleTagDismiss(tag.id), onClick: () => this.handleTagClick(tag.id), size: this.size, variant: tag.variant ?? "text-only" }))), remaining > 0 && (h("bh-tag", { key: '78ab161b41b73e2cdd7009577e5c307019a7c0c8', action: "none", label: `+${remaining}`, onClick: () => this.handleOverflowClick(remaining), size: this.size })))));
     }
 };
 BhTagGroup.style = bhTagGroupCss();

package/dist/esm/bh-tag-input.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { v as validateJSON } from './validators-R-A72b5e.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 
@@ -221,13 +222,13 @@ const BhTagInput = class {
             "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/esm/bh-textarea.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { a as validateNumber, c as validateStringLength, M as MAX_STRING_LENGTH } from './validators-R-A72b5e.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
 import { s as syncFormValue, u as updateValidity } from './form-DWWRC9ht.js';
@@ -253,12 +254,12 @@ const BhTextarea = class {
             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 formAssociated() { return true; }
 };

package/dist/esm/bh-toast-container.entry.js

@@ -11,7 +11,7 @@ const BhToastContainer = class {
      */
     gap = 12;
     render() {
-        return (h("div", { key: '1fd49615fedace3748a39c3a0eed1b547707c0e1', "aria-label": "Notifications", "aria-live": "polite", "aria-relevant": "additions", class: "toast-container", role: "region", style: { gap: `${this.gap}px` } }, h("slot", { key: '9a92f77db1b3aaa92bd47bf7456edc1844af5672' })));
+        return (h("div", { key: 'fb695d7334b2b35348fc82e9e52fa69203f8a923', "aria-label": "Notifications", "aria-live": "polite", "aria-relevant": "additions", class: "toast-container", role: "region", style: { gap: `${this.gap}px` } }, h("slot", { key: '5ddf3fe4f2bc19ba537d41a6543e787c7fbf418c' })));
     }
 };
 BhToastContainer.style = bhToastContainerCss();

package/dist/esm/bh-toast.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { i as isEscapeKey } from './keyboard-helpers-Dg0_t7Yy.js';
@@ -250,9 +251,9 @@ const BhToast = class {
     }
     render() {
         const showIconWrapper = this.iconMode !== "none";
-        return (h(Host, { key: 'c54a83997b7b30f3410efe664ace1f7d1e73a6bc' }, h("div", { key: '897400265465e5bab515cd7f518b8a6f78c082dc', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", part: "sr-announcements" }, this.toastTitle || this.description
+        return (h(Host, { key: '9a2ebcbadbcb1649f11a57005ea37ec7e92edcb4' }, h("div", { key: 'b344e63c0a6b562766e5e76c2afef81dda7abec5', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", part: "sr-announcements" }, this.toastTitle || this.description
             ? `${this.toastTitle || ""} ${this.description || ""}`.trim()
-            : "Notification"), h("div", { key: 'eac7541ff1b584c0a9ab55f0eb95ed9bc48ee44c', class: { toast: true, [`toast-${this.variant}`]: true }, onKeyDown: this.handleKeyDown, onMouseEnter: this.pauseDismissTimer, onMouseLeave: this.resumeDismissTimer, part: "container", role: "status", tabindex: this.dismissible ? 0 : undefined }, h("div", { key: 'c1c233c0d862440d916bf328c7898f62c0646445', class: "toast-content", part: "content" }, showIconWrapper && (h("div", { key: 'ca5c5f7c858fc85139f8b664407e95f325627539', class: "toast-icon-wrapper", part: "icon-wrapper" }, this.renderIconContent())), h("div", { key: '1a3889b2cfeeee1e2d7e169e85b121808326d7d2', class: "toast-text", part: "text" }, h("div", { key: '26aa3fba30ec50418faf38a1c5c8f897a88d8a08', class: "toast-text-wrapper" }, this.toastTitle && (h("h3", { key: '55a6695e2205172886ef2fac5fbe190491e28735', class: "toast-title", part: "title" }, this.toastTitle)), this.description && (h("p", { key: 'e08b308893cec8d9cba9a84b90d5897a3bb9a415', class: "toast-description", part: "description" }, this.description))), (this.actionText || this.dismissText) && (h("div", { key: 'b4d07e75aa89e8133c11e155ed71f4d52c909827', class: "toast-actions", part: "actions" }, this.dismissText && (h("bh-button", { key: '3efe095115ef79ca9f534631b566797f9d43216e', hierarchy: "tertiary", icon: "none", label: this.dismissText, onBhClick: this.handleDismiss, size: "sm" })), this.actionText && (h("bh-button", { key: '7defbb73277d8eb611bb0942729d4d11804c66e6', hierarchy: "tertiary", icon: "none", label: this.actionText, onBhClick: this.handleAction, size: "sm" })))))), this.dismissible && (h("div", { key: '90713fa487ba99146a8f6b7d11b6ac18cd5775af', class: "toast-close", part: "close" }, h("bh-close-button", { key: '90377488ee2dac3976c6060fa7db592e54c258d3', ariaLabel: resolveI18n(COMPONENT_NAME, "closeAriaLabel", this.closeAriaLabel, "Close toast"), onClick: this.handleClose }))))));
+            : "Notification"), h("div", { key: 'f249c920f031530a21dde037efda7e55fa320a3b', class: { toast: true, [`toast-${this.variant}`]: true }, onKeyDown: this.handleKeyDown, onMouseEnter: this.pauseDismissTimer, onMouseLeave: this.resumeDismissTimer, part: "container", role: "status", tabindex: this.dismissible ? 0 : undefined }, h("div", { key: '9880b0c0c2d315b4c04061ee26fe18c73e3c3de1', class: "toast-content", part: "content" }, showIconWrapper && (h("div", { key: '734596884baa957ea38722833040fec97aeaf1c3', class: "toast-icon-wrapper", part: "icon-wrapper" }, this.renderIconContent())), h("div", { key: '003f652ede6b41426756958c3eaf18faaccb4f86', class: "toast-text", part: "text" }, h("div", { key: '3dae1b7ccaef1c67fdabd8c26d6febd2e572859e', class: "toast-text-wrapper" }, this.toastTitle && (h("h3", { key: '68aef7baddae73e8c80bfb1e1265828696fad8b2', class: "toast-title", part: "title" }, this.toastTitle)), this.description && (h("p", { key: '3da89dc9d30c7c62bf61556d1ec3e94b01eef942', class: "toast-description", part: "description" }, this.description))), (this.actionText || this.dismissText) && (h("div", { key: '5100abb7f81c2b803d439a00d8f40489f5ece999', class: "toast-actions", part: "actions" }, this.dismissText && (h("bh-button", { key: 'a79861445d9cbb984de33538e4ff56877782ec00', hierarchy: "tertiary", icon: "none", label: this.dismissText, onBhClick: this.handleDismiss, size: "sm" })), this.actionText && (h("bh-button", { key: '3f594c17ef656f6fc9b61966188b53db7c8baa1b', hierarchy: "tertiary", icon: "none", label: this.actionText, onBhClick: this.handleAction, size: "sm" })))))), this.dismissible && (h("div", { key: '097547557eaf5c5a988b996c78fecc4b60e0cd6a', class: "toast-close", part: "close" }, h("bh-close-button", { key: '1e3c267c87bd8a4ed48fc2ea5a7d53e2ae4793a8', ariaLabel: resolveI18n(COMPONENT_NAME, "closeAriaLabel", this.closeAriaLabel, "Close toast"), onClick: this.handleClose }))))));
     }
 };
 BhToast.style = bhToastCss();

package/dist/esm/bh-toggle.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
 import { a as syncCheckableFormValue, v as validateRequired } from './form-DWWRC9ht.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { a as isActionKey } from './keyboard-helpers-Dg0_t7Yy.js';
 import './keyboard-constants-zdFuIabL.js';
 
@@ -174,7 +175,7 @@ const BhToggle = class {
             "toggle-label": true,
             [`toggle-label-${this.size}`]: true,
         };
-        return (h(Host, { key: '3e300b75de449427e12ef1beb5b303a3ec175130', onClick: this.handleToggle }, h("div", { key: '7d1c465428b9d548b4ed674bca7afd4166d54012', class: wrapperClasses, part: "container" }, h("div", { key: 'e4c390a20d14596fa2eb88c349994e468933190b', "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": this.label || undefined, "aria-required": String(this.required), class: switchClasses, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "track", role: "switch", tabIndex: this.disabled ? -1 : 0 }, h("div", { key: '7697077fda4cacf28c3683005275be27f2d00244', class: buttonClasses, part: "thumb" })), this.showText && (this.label || this.supportingText) && (h("div", { key: '2b43347e3477689774476edfaac9fb405ef9b173', class: "toggle-text" }, this.label && (h("span", { key: 'b585e5804e4c728dd6f798b40fb58e21a908ab96', class: labelClasses, part: "label" }, this.label)), this.supportingText && (h("div", { key: 'd4bb2ed7fa91a254ac5d76ada723353395a16e79', class: "toggle-supporting-text" }, this.supportingText)))))));
+        return (h(Host, { key: '55736caae478c39f8aa04b4b8b07716b9c3822bc', onClick: this.handleToggle }, h("div", { key: '79619cd99433c9a3b12c0fc3aa82f77c6f8cf3c9', class: wrapperClasses, part: "container" }, h("div", { key: '4f2198edb720643e792388b74c6f0991b8ae4f0c', "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": this.label || undefined, "aria-required": String(this.required), class: switchClasses, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "track", role: "switch", tabIndex: this.disabled ? -1 : 0 }, h("div", { key: '28d6b615aebce12a038c17fa6b4dae44aceb2963', class: buttonClasses, part: "thumb" })), this.showText && (this.label || this.supportingText) && (h("div", { key: 'efb8c81beae4e788172606e1d04a1e35b5d3b470', class: "toggle-text" }, this.label && (h("span", { key: '4569e3cf82c881f4cb7854a0984a787c2d85468e', class: labelClasses, part: "label" }, this.label)), this.supportingText && (h("div", { key: 'bb7d8c06e5782a1a4525daa702fc6c85cf6ef39d', class: "toggle-supporting-text" }, this.supportingText)))))));
     }
     static get formAssociated() { return true; }
 };

package/dist/esm/bh-trend-chart.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhTrendChartCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;          --bh-trend-chart-animation-easing: var(--animation-ease-smooth, ease-out);     --bh-trend-chart-fade-duration: 0.6s;     --bh-trend-chart-line-draw-duration: 1.2s;     --bh-trend-chart-bg-fill-duration: 0.8s;     --bh-trend-chart-line-only-duration: 4s;     --bh-trend-chart-animation-delay: 0.3s;   } } @layer bh-base {   .trend-chart {     position: relative;     display: inline-block;     width: fit-content;     height: fit-content;   }   .trend-chart:not(.trend-chart-animated) .chart-line {     stroke-dasharray: none;   }   .trend-chart:not(.trend-chart-animated) .chart-background {     opacity: 1;   }      .chart-svg {     overflow: visible;   } } @layer bh-variants {   .trend-chart-animated {     animation: chartFadeIn var(--bh-trend-chart-fade-duration) var(--bh-trend-chart-animation-easing) forwards;   }   .trend-chart-animated .chart-line {     stroke-dasharray: 1000;     stroke-dashoffset: 1000;     animation: pathDraw var(--bh-trend-chart-line-draw-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards;   }   .trend-chart-animated .chart-background {     transform-origin: bottom;     animation: backgroundFill var(--bh-trend-chart-bg-fill-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards;     opacity: 0;   }   .trend-chart-animated {        }   .trend-chart-animated.trend-chart-line-only .chart-line {     animation: pathDrawSlow var(--bh-trend-chart-line-only-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards;   } } @layer bh-utilities {      @keyframes chartFadeIn {     from {       opacity: 0;       transform: translateY(10px) scale(0.95);     }     to {       opacity: 1;       transform: translateY(0) scale(1);     }   }   @keyframes backgroundFill {     from {       opacity: 0;       transform: scaleY(0);     }     to {       opacity: 1;       transform: scaleY(1);     }   }   @keyframes pathDraw {     to {       stroke-dashoffset: 0;     }   }   @keyframes pathDrawSlow {     to {       stroke-dashoffset: 0;     }   }      @media (prefers-reduced-motion: reduce) {     .trend-chart-animated,     .trend-chart-animated .chart-line,     .trend-chart-animated .chart-background {       animation: none;       opacity: 1;       transform: none;       stroke-dasharray: none;     }   } }`;
 
@@ -191,12 +192,12 @@ const BhTrendChart = class {
         const strokeColor = this.getStrokeColor();
         const fillColor = this.getFillColor();
         const gradientId = `gradient-${this.trend}`;
-        return (h(Host, { key: '891d00a4cd6c0afdb9dbb52264240b00d1aec631' }, h("div", { key: '99b965b31154d00c9066eabf82baeda8ead609fc', class: {
+        return (h(Host, { key: 'ea8d6b51e373124621786bbd4ca7c62df12bd9c6' }, h("div", { key: 'e9153f8a5efc172330635244a1c4744109a09e8b', class: {
                 "trend-chart": true,
                 [`trend-chart-${this.trend}`]: true,
                 [`trend-chart-${this.variant}`]: true,
                 "trend-chart-animated": this.animated,
-            }, part: "container" }, h("svg", { key: '088d8161d858439fcfb4049ba103823680c5503b', "aria-label": `Trend chart showing ${this.trend} trend`, class: "chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, h("defs", { key: '3730bddd827b87be9f6bcaf60a76d736eeec54a2' }, h("linearGradient", { key: '1e03f1589f33bfeb226153a87063d1637a51b1c3', id: gradientId, x1: "0%", x2: "0%", y1: "0%", y2: "100%" }, h("stop", { key: 'd5d534e531bb91eb63f5a639641e7fe7757c3b16', offset: "0%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.4 : 0.2 }), h("stop", { key: '3ef26715490791b7a159981cc7e4668c97ebd4d4', offset: "100%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.1 : 0.05 }))), backgroundPath && this.variant !== "line-only" && (h("path", { key: '5ac817e4e88dbb51cfc9c5114a9f8133e46f84f8', class: "chart-background", d: backgroundPath, fill: `url(#${gradientId})` })), pathData && this.variant !== "fill-only" && (h("path", { key: '211b73e4ed129224a53790abb958585254bd02e3', class: "chart-line", d: pathData, fill: "none", onMouseEnter: this.handleLineHover, stroke: strokeColor, "stroke-width": "2" })), backgroundPath && this.variant !== "line-only" && (h("path", { key: '22cb3c45185eb54424ca1334a4c8a51fc6077ddd', class: "chart-background-hover", d: backgroundPath, fill: "transparent", onMouseEnter: this.handleLineHover })), points.map((point, index) => (h("circle", { class: "chart-point", cx: point.x, cy: point.y, fill: strokeColor, key: index, onClick: (e) => this.handlePointClick(e, this.data[index], index, point.x, point.y), onMouseEnter: (e) => this.handlePointHover(e, this.data[index], index, point.x, point.y), onMouseLeave: (e) => this.handlePointLeave(e, this.data[index], index, point.x, point.y), opacity: "0", r: "6" })))))));
+            }, part: "container" }, h("svg", { key: '9f809a7f4d5f81182b172904ad83366675fe7b55', "aria-label": `Trend chart showing ${this.trend} trend`, class: "chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, h("defs", { key: '12b674338f78e3046948a0db5c5f3bab546962ab' }, h("linearGradient", { key: 'cb1e1f2bd78cabcbcd04b16dec7c52ff98ba5dac', id: gradientId, x1: "0%", x2: "0%", y1: "0%", y2: "100%" }, h("stop", { key: '6e8e2ff7be1a4f400024d2e16827e00b3c6b5178', offset: "0%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.4 : 0.2 }), h("stop", { key: '9ed743ef3ca3ce5163182f4a72851c47ba0b90a5', offset: "100%", "stop-color": fillColor, "stop-opacity": this.variant === "fill-only" ? 0.1 : 0.05 }))), backgroundPath && this.variant !== "line-only" && (h("path", { key: '70e5d76147769bfc2139c26635406bc18d6b88d1', class: "chart-background", d: backgroundPath, fill: `url(#${gradientId})` })), pathData && this.variant !== "fill-only" && (h("path", { key: 'c80a4d83bcf81dec0523f27e59d9b26be8a3bfd0', class: "chart-line", d: pathData, fill: "none", onMouseEnter: this.handleLineHover, stroke: strokeColor, "stroke-width": "2" })), backgroundPath && this.variant !== "line-only" && (h("path", { key: '53dc5a1878481379e089b9f24a2e2d16d1b9294d', class: "chart-background-hover", d: backgroundPath, fill: "transparent", onMouseEnter: this.handleLineHover })), points.map((point, index) => (h("circle", { class: "chart-point", cx: point.x, cy: point.y, fill: strokeColor, key: index, onClick: (e) => this.handlePointClick(e, this.data[index], index, point.x, point.y), onMouseEnter: (e) => this.handlePointHover(e, this.data[index], index, point.x, point.y), onMouseLeave: (e) => this.handlePointLeave(e, this.data[index], index, point.x, point.y), opacity: "0", r: "6" })))))));
     }
 };
 BhTrendChart.style = bhTrendChartCss();

package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js}

@@ -1,4 +1,4 @@
-import { r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
 
 /**

package/dist/esm/error-boundary-afpK3NgJ.js

@@ -0,0 +1,70 @@
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
+
+const errorLogger = createComponentLogger("error-boundary");
+// Track error rates per component for observability
+const errorRates = new Map();
+const ERROR_WINDOW_MS = 60_000; // 1 minute window
+function trackErrorRate(componentName) {
+    const now = Date.now();
+    const current = errorRates.get(componentName);
+    if (!current || now - current.windowStart > ERROR_WINDOW_MS) {
+        errorRates.set(componentName, { count: 1, windowStart: now });
+    }
+    else {
+        current.count++;
+        if (current.count > 10) {
+            errorLogger.error(`High error rate detected for ${componentName}`, undefined, {
+                errorCount: current.count,
+                windowMs: ERROR_WINDOW_MS,
+            });
+        }
+    }
+}
+function reportComponentError(tagName, error) {
+    const err = error instanceof Error ? error : new Error(String(error));
+    errorLogger.error(`Component error: ${tagName}`, err, {
+        componentName: tagName,
+    });
+    trackErrorRate(tagName);
+    return err.message || "An unexpected error occurred.";
+}
+function createErrorState(componentName, error, context = {}) {
+    const err = error instanceof Error ? error : new Error(String(error));
+    const componentLogger = createComponentLogger(componentName);
+    componentLogger.error("Render error", err, { context });
+    trackErrorRate(componentName);
+    // Generate correlation ID
+    const correlationId = `${Date.now()}-${Math.random()
+        .toString(36)
+        .slice(2, 11)}`;
+    return {
+        component: componentName,
+        error: {
+            name: err.name,
+            message: err.message,
+            stack: err.stack,
+        },
+        timestamp: Date.now(),
+        context,
+        recovered: false,
+        correlationId,
+    };
+}
+function createInitialErrorState() {
+    return {
+        hasError: false,
+        error: null,
+        errorCount: 0,
+        lastSuccessfulRender: null,
+    };
+}
+function recordError(state, error) {
+    return {
+        ...state,
+        hasError: true,
+        error,
+        errorCount: state.errorCount + 1,
+    };
+}
+
+export { recordError as a, createErrorState as b, createInitialErrorState as c, reportComponentError as r };

package/dist/esm/hotkeys-CBTS9Vhx.js

@@ -0,0 +1,109 @@
+/**
+ * Shared hotkey vocabulary: one parser feeds both display (bh-kbd key
+ * caps) and matching (global shortcut listeners like bh-command-bar's).
+ */
+const KEY_LABELS = {
+    cmd: "⌘",
+    command: "⌘",
+    meta: "⌘",
+    shift: "⇧",
+    alt: "⌥",
+    option: "⌥",
+    ctrl: "Ctrl",
+    control: "Ctrl",
+    esc: "Esc",
+    escape: "Esc",
+    enter: "Enter",
+    return: "Enter",
+    tab: "Tab",
+    space: "Space",
+    backspace: "⌫",
+    delete: "⌦",
+    up: "↑",
+    down: "↓",
+    left: "←",
+    right: "→",
+};
+const MODIFIERS = new Set([
+    "cmd",
+    "command",
+    "meta",
+    "shift",
+    "alt",
+    "option",
+    "ctrl",
+    "control",
+]);
+const EVENT_KEY_ALIASES = {
+    esc: "escape",
+    return: "enter",
+    space: " ",
+    up: "arrowup",
+    down: "arrowdown",
+    left: "arrowleft",
+    right: "arrowright",
+};
+function splitHotkey(combo) {
+    return combo
+        .split("+")
+        .map((raw) => raw.trim())
+        .filter((raw) => raw.length > 0);
+}
+/** Display label for a single key token (used by bh-kbd). */
+function keyLabel(raw) {
+    const label = KEY_LABELS[raw.toLowerCase()];
+    if (label) {
+        return label;
+    }
+    return raw.length === 1 ? raw.toUpperCase() : raw;
+}
+function parseHotkey(combo) {
+    const parsed = {
+        meta: false,
+        ctrl: false,
+        alt: false,
+        shift: false,
+        key: "",
+    };
+    for (const token of splitHotkey(combo)) {
+        const lower = token.toLowerCase();
+        if (MODIFIERS.has(lower)) {
+            if (lower === "cmd" || lower === "command" || lower === "meta") {
+                parsed.meta = true;
+            }
+            else if (lower === "ctrl" || lower === "control") {
+                parsed.ctrl = true;
+            }
+            else if (lower === "alt" || lower === "option") {
+                parsed.alt = true;
+            }
+            else {
+                parsed.shift = true;
+            }
+        }
+        else {
+            parsed.key = EVENT_KEY_ALIASES[lower] ?? lower;
+        }
+    }
+    return parsed;
+}
+/**
+ * Whether a keyboard event matches a hotkey combo like "cmd+k".
+ * "cmd" matches metaKey OR ctrlKey so one combo serves macOS and
+ * Windows/Linux conventions.
+ */
+function matchesHotkey(event, combo) {
+    const parsed = parseHotkey(combo);
+    if (!parsed.key) {
+        return false;
+    }
+    const primaryOk = parsed.meta
+        ? event.metaKey || event.ctrlKey
+        : event.ctrlKey === parsed.ctrl;
+    return (primaryOk &&
+        event.altKey === parsed.alt &&
+        event.shiftKey === parsed.shift &&
+        event.key.toLowerCase() === parsed.key);
+}
+
+export { keyLabel as k, matchesHotkey as m, splitHotkey as s };

package/dist/esm/index-CTHvNfIu.js

@@ -171,10 +171,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-accordion-item.entry.js').then(processMod, consoleError);
-                case 'bh-activity-feed':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './bh-activity-feed.entry.js').then(processMod, consoleError);
                 case 'bh-alert':
                     return import(
                       /* webpackMode: "lazy" */
@@ -219,6 +215,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-chat-reaction.entry.js').then(processMod, consoleError);
+                case 'bh-command-bar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './bh-command-bar.entry.js').then(processMod, consoleError);
                 case 'bh-container':
                     return import(
                       /* webpackMode: "lazy" */
@@ -251,10 +251,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-dropdown-menu.entry.js').then(processMod, consoleError);
-                case 'bh-feed-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './bh-feed-item.entry.js').then(processMod, consoleError);
                 case 'bh-gauge-chart':
                     return import(
                       /* webpackMode: "lazy" */
@@ -427,6 +423,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-emoji-picker.entry.js').then(processMod, consoleError);
+                case 'bh-notification-center':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './bh-notification-center.entry.js').then(processMod, consoleError);
                 case 'bh-toast':
                     return import(
                       /* webpackMode: "lazy" */
@@ -439,6 +439,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-dropdown.entry.js').then(processMod, consoleError);
+                case 'bh-kbd':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './bh-kbd.entry.js').then(processMod, consoleError);
                 case 'bh-page-navigation-child':
                     return import(
                       /* webpackMode: "lazy" */
@@ -479,6 +483,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-checkbox.entry.js').then(processMod, consoleError);
+                case 'bh-input-text':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './bh-input-text.entry.js').then(processMod, consoleError);
                 case 'bh-badge':
                     return import(
                       /* webpackMode: "lazy" */
@@ -491,10 +499,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-featured-icon.entry.js').then(processMod, consoleError);
-                case 'bh-input-text':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './bh-input-text.entry.js').then(processMod, consoleError);
                 case 'bh-avatar':
                     return import(
                       /* webpackMode: "lazy" */
@@ -519,6 +523,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './bh-page-navigation-multi-level_2.entry.js').then(processMod, consoleError);
+                case 'bh-activity-feed_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './bh-activity-feed_2.entry.js').then(processMod, consoleError);
                 case 'bh-empty-state_2':
                     return import(
                       /* webpackMode: "lazy" */