@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var bhDataGridLabels = require('./bh-data-grid-labels-BYG3-L_X.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 require('./i18n-Twgo5raQ.js');
 
 const BhDataGridChangePreview = class {
@@ -14,7 +15,7 @@ const BhDataGridChangePreview = class {
         this.bhRevertAll = index.createEvent(this, "bhRevertAll");
         this.bhSaveAll = index.createEvent(this, "bhSaveAll");
     }
-    logger = errorBoundary.createComponentLogger("bh-data-grid-change-preview");
+    logger = logger.createComponentLogger("bh-data-grid-change-preview");
     // ===========================================================================
     // Props
     // ===========================================================================

package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js

@@ -3,8 +3,9 @@
 var index$1 = require('./index-B6sArKsK.js');
 var index = require('./index.cjs.js');
 var bhDataGridLabels = require('./bh-data-grid-labels-BYG3-L_X.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 require('./i18n-Twgo5raQ.js');
 require('./keyboard-constants-ByvH1XTM.js');
@@ -301,7 +302,7 @@ const BhDataGridFilterBuilder = class {
         this.bhError = index$1.createEvent(this, "bhError");
     }
     get el() { return index$1.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-data-grid-filter-builder");
+    logger = logger.createComponentLogger("bh-data-grid-filter-builder");
     // ===========================================================================
     // Props
     // ===========================================================================

package/dist/cjs/bh-data-grid-footer.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var bhDataGridLabels = require('./bh-data-grid-labels-BYG3-L_X.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 require('./i18n-Twgo5raQ.js');
 
 const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
@@ -15,7 +16,7 @@ const BhDataGridFooter = class {
         this.bhPageChange = index.createEvent(this, "bhPageChange");
         this.bhPageSizeChange = index.createEvent(this, "bhPageSizeChange");
     }
-    logger = errorBoundary.createComponentLogger("bh-data-grid-footer");
+    logger = logger.createComponentLogger("bh-data-grid-footer");
     // ===========================================================================
     // Props from FooterProps interface
     // ===========================================================================
@@ -268,7 +269,7 @@ const BhDataGridFooter = class {
         return (index.h("div", { class: "data-grid-pagination", part: "pagination" }, index.h("bh-pagination", { onBhPageChange: (e) => this.handlePageChange(e.detail.page), onBhPageSizeChange: (e) => this.handlePageSizeChange(e.detail.pageSize), page: currentPage, pageSize: currentPageSize, pageSizeOptions: safePageSizeOptions, rowsPerPageLabel: "Rows per page:", showingResultsLabel: `${totalRows > 0 ? `${startRow}-${endRow} of ${totalRows}` : "0 rows"}`, totalItems: totalRows })));
     }
     render() {
-        return (index.h(index.Host, { key: 'a980e97d8e6a99bc1b328a9cdcedbd08a37c5040' }, this.renderSummaryRow(), this.renderPagination()));
+        return (index.h(index.Host, { key: 'd34ded8a49617aa81e334dfdf41bab6fbb563d18' }, this.renderSummaryRow(), this.renderPagination()));
     }
 };
 

package/dist/cjs/bh-data-grid-header.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var columnPinning = require('./column-pinning-m1ZoCoSs.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const BhDataGridHeader = class {
     constructor(hostRef) {
@@ -14,7 +15,7 @@ const BhDataGridHeader = class {
         this.bhColumnResizeEnd = index.createEvent(this, "bhColumnResizeEnd");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-data-grid-header");
+    logger = logger.createComponentLogger("bh-data-grid-header");
     // ===========================================================================
     // Props from HeaderProps interface
     // ===========================================================================

package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js

@@ -2,9 +2,10 @@
 
 var index = require('./index-B6sArKsK.js');
 var bhDataGridLabels = require('./bh-data-grid-labels-BYG3-L_X.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 require('./i18n-Twgo5raQ.js');
 
 const BhDataGridToolbar = class {
@@ -22,7 +23,7 @@ const BhDataGridToolbar = class {
         this.bhColumnChooserToggle = index.createEvent(this, "bhColumnChooserToggle");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-data-grid-toolbar");
+    logger = logger.createComponentLogger("bh-data-grid-toolbar");
     // ===========================================================================
     // Props
     // ===========================================================================
@@ -204,7 +205,7 @@ const BhDataGridToolbar = class {
             [`data-grid-toolbar-${this.size}`]: true,
             [this.config?.cssClass ?? ""]: !!this.config?.cssClass,
         };
-        return (index.h(index.Host, { key: 'f9a6f3725c191dca8f3e6b2bbab6fc14d30e244b' }, index.h("div", { key: 'e1027fb17b3187599baf62449a665791923af76d', class: toolbarClasses, part: "toolbar" }, index.h("div", { key: '844b7b4f05dff77805b0b3d8790ac2886332e97a', class: "data-grid-toolbar-left", part: "toolbar-left" }, index.h("slot", { key: '9627679104269509980df20eae32a99d9e803c5e', name: "toolbar-left" }, this.renderDefaultItems(leftItems, defaultLeftItems))), index.h("div", { key: '258d8568e00beb27df742f534d0f2eb6b42033d8', class: "data-grid-toolbar-center", part: "toolbar-center" }, index.h("slot", { key: '3463374051889eabc2351d25d88ec060ad2ff714', name: "toolbar-center" }, this.renderDefaultItems(centerItems, []))), index.h("div", { key: '633e92c03280fef90d69b18c756949b18bb7639f', class: "data-grid-toolbar-right", part: "toolbar-right" }, index.h("slot", { key: '2f88cb9956e5402f7737e0978295c6e71ce23e47', name: "toolbar-right" }, showBatchMode
+        return (index.h(index.Host, { key: 'ea02947e5f12b5e36a882b823bfa4188840e4504' }, index.h("div", { key: '3a9a5cf03f284c8b1e9a50b0e140f5f8662582f7', class: toolbarClasses, part: "toolbar" }, index.h("div", { key: 'e2dd4c8f2f9d6498dc0a375b82f6c259fab34037', class: "data-grid-toolbar-left", part: "toolbar-left" }, index.h("slot", { key: '9765ba1f12bc6b85600fd3f3160e9240f75d1e1d', name: "toolbar-left" }, this.renderDefaultItems(leftItems, defaultLeftItems))), index.h("div", { key: '5179c1e8145b41e81a4afd2dff0f60836e216acd', class: "data-grid-toolbar-center", part: "toolbar-center" }, index.h("slot", { key: '4d04637154d2bec6f910bb2959da6d9a342ab165', name: "toolbar-center" }, this.renderDefaultItems(centerItems, []))), index.h("div", { key: '8cbfb4333ca8b2f91b96ea639a4b8227ce7e1cae', class: "data-grid-toolbar-right", part: "toolbar-right" }, index.h("slot", { key: '16702babaa5d627d9b01fb21d2f908d56f2bc963', name: "toolbar-right" }, showBatchMode
             ? this.renderBatchActions()
             : this.renderDefaultItems(rightItems, [
                 "export",

package/dist/cjs/bh-data-grid.cjs.entry.js

@@ -4,17 +4,18 @@ var index = require('./index-B6sArKsK.js');
 var validators = require('./validators-DfzKUg-b.js');
 var bhDataGridLabels = require('./bh-data-grid-labels-BYG3-L_X.js');
 var columnPinning = require('./column-pinning-m1ZoCoSs.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 var browser = require('./browser-BrQxrsvh.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var eventListenerManager = require('./event-listener-manager-CQ9x9nth.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var observerManager = require('./observer-manager-CnQG8EOH.js');
 var metrics = require('./metrics-DtkENqew.js');
 var timers = require('./timers-DP0qMGY7.js');
 require('./i18n-Twgo5raQ.js');
+require('./error-boundary-fNUNT0lE.js');
 
 /**
  * Resilience constants for timeout and error handling
@@ -4127,7 +4128,7 @@ const BhDataGrid = class {
     listeners = eventListenerManager.createEventListenerManager();
     contextMenuRef = null;
     dragImageCleanupEl;
-    logger = errorBoundary.createComponentLogger("bh-data-grid");
+    logger = logger.createComponentLogger("bh-data-grid");
     dataOperationsCircuitBreaker = createCircuitBreaker(CIRCUIT_BREAKER_DEFAULTS.DATA_GRID);
     // Metrics tracking
     renderTimer = null;

package/dist/cjs/bh-date-picker-content.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var timers = require('./timers-DP0qMGY7.js');
 var constants = require('./constants-B93iN3Uz.js');
@@ -53,7 +54,7 @@ const BhDatePickerContent = class {
         this.bhMonthChange = index.createEvent(this, "bhMonthChange");
         this.bhPresetSelect = index.createEvent(this, "bhPresetSelect");
     }
-    logger = errorBoundary.createComponentLogger("bh-date-picker-content");
+    logger = logger.createComponentLogger("bh-date-picker-content");
     destroy$ = lifecycle.createDestroySubjectSync();
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -428,9 +429,9 @@ const BhDatePickerContent = class {
     }
     render() {
         const currentMonthYear = `${MONTH_NAMES[this.currentMonth]} ${this.currentYear}`;
-        return (index.h(index.Host, { key: 'ad6d4d71610dc94c5f6cf12bfdc88eb0cf8a9f38' }, index.h("div", { key: 'fcf03444c4d791d96c446b0a99572e295e261bf0', class: "date-picker-content", part: "container" }, index.h("div", { key: 'cfc80acb83290905318a4b8fd7b7b386167bfb80', class: "month-navigation", part: "navigation" }, index.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" }), index.h("bh-button", { key: '6b388d0431d6fd6d9f358c57c6f3211f61275fd2', hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: currentMonthYear, onClick: this.handleMonthDropdownToggle, size: "sm" }), index.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 && (index.h("div", { key: '16525c6ba25074074df5853217bdd667e983f8b3', class: "date-input-display", part: "date-input" }, index.h("bh-input-text", { key: '20c99b975c9b764f4120bba9ca5f0de86544f336', placeholder: i18n.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 && (index.h("div", { key: '43bcb62cd86eaad04e18fd6f27ea8956fae7e3ef', class: "preset-ranges", part: "preset-ranges" }, index.h("bh-button", { key: '7eca278a25141e56c52536e9e6a2902061e58155', hierarchy: "tertiary", label: "Last week", onClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), index.h("bh-button", { key: 'd8e75d0ec012b59f862f0f1812e91acedb0ace14', hierarchy: "tertiary", label: "Last month", onClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), index.h("bh-button", { key: '6594783f01883dbb63f2e23f73c77fbb41b29666', hierarchy: "tertiary", label: "Last year", onClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), !this.isMonthDropdownOpen && (index.h("div", { key: '2bae46f7d2fe6c470a59665da77f44f3aba7aa43', class: "calendar-grid", part: "calendar" }, index.h("div", { key: '0a5a7173a21d8817f72bf1ef89d9fa4e693caa22', class: "day-names", part: "day-names" }, DAY_NAMES.map((dayName) => (index.h("div", { class: "day-name", key: dayName }, dayName)))), index.h("div", { key: '96f08df64ab81881a38b2ecf7e24013cda5c58af', class: "date-cells", part: "cells" }, this.calendarCells.map((cell, index$1) => (index.h("div", { class: this.getCellClass(cell), key: index$1, onClick: (e) => this.handleCellClick(e, cell) }, index.h("span", { class: "date-number" }, cell.day === 0 ? "" : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (index.h("div", { key: '0aee05cbc01f72e0b71705083bf8bbd6beec23ae', class: `month-picker-inline ${this.isMonthDropdownClosing ? "animate-fade-out" : ""}` }, index.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 (index.h(index.Host, { key: '54655d044f0752f7647fb59303249f8fb5c91dd3' }, index.h("div", { key: 'e394e93731d0c1a5055eb9577775f732fa37cb20', class: "date-picker-content", part: "container" }, index.h("div", { key: '88a3b58ac3a84510b8e8f76733bd5ea1a1fee4dd', class: "month-navigation", part: "navigation" }, index.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" }), index.h("bh-button", { key: '213812c523e0e189382e6495f4014520fa6d5add', hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: currentMonthYear, onClick: this.handleMonthDropdownToggle, size: "sm" }), index.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 && (index.h("div", { key: 'e27dcf2c52ec2b28c7262d4fac4ecf0d3aeb4752', class: "date-input-display", part: "date-input" }, index.h("bh-input-text", { key: '734e891a9e4652659c8855cb4cd0565c9c09d566', placeholder: i18n.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 && (index.h("div", { key: '74bbd7dcc8bd82da65191d535fa374076a55b63b', class: "preset-ranges", part: "preset-ranges" }, index.h("bh-button", { key: '010a8babf66a0d9b22cfcb4244e6c3316523ca08', hierarchy: "tertiary", label: "Last week", onClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), index.h("bh-button", { key: '2a651298dc6828d36a1115ec4f73d24efc169953', hierarchy: "tertiary", label: "Last month", onClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), index.h("bh-button", { key: 'dee3061094254ea53b339c54186f7dda1cfbf387', hierarchy: "tertiary", label: "Last year", onClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), !this.isMonthDropdownOpen && (index.h("div", { key: '599841d8e6f490f262eab17329abb688982d63d8', class: "calendar-grid", part: "calendar" }, index.h("div", { key: 'f0934ecfb1d052011290746b89fe610e975f17bd', class: "day-names", part: "day-names" }, DAY_NAMES.map((dayName) => (index.h("div", { class: "day-name", key: dayName }, dayName)))), index.h("div", { key: 'b0b723460e2b9ae997e67658aec8e005680afebb', class: "date-cells", part: "cells" }, this.calendarCells.map((cell, index$1) => (index.h("div", { class: this.getCellClass(cell), key: index$1, onClick: (e) => this.handleCellClick(e, cell) }, index.h("span", { class: "date-number" }, cell.day === 0 ? "" : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (index.h("div", { key: '5ed516dd685be7c20e4c63cf3802a6d8b6693988', class: `month-picker-inline ${this.isMonthDropdownClosing ? "animate-fade-out" : ""}` }, index.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 watchers() { return {
         "value": [{

package/dist/cjs/bh-date-picker.cjs.entry.js

@@ -4,9 +4,10 @@ var index = require('./index-B6sArKsK.js');
 var topLayerAnchor = require('./top-layer-anchor-BzJdaS0n.js');
 var pickerStateManager = require('./picker-state-manager-CcBfisQ9.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 var timers = require('./timers-DP0qMGY7.js');
@@ -47,7 +48,7 @@ const BhDatePicker = class {
         this.bhClose = index.createEvent(this, "bhClose");
     }
     destroy$ = lifecycle.createDestroySubjectSync();
-    logger = errorBoundary.createComponentLogger("bh-date-picker");
+    logger = logger.createComponentLogger("bh-date-picker");
     stateManager;
     closeTimerId = null;
     get el() { return index.getElement(this); }
@@ -370,14 +371,14 @@ const BhDatePicker = class {
             "date-picker-focused": this.focusState.isFocused,
             "date-picker-hovered": this.focusState.isHovered,
         };
-        return (index.h(index.Host, { key: 'bdc89e36e319b09fe8b3e6138689f24a20506ce5' }, index.h("div", { key: 'b33f847689a5c1f170db7fb73ce1d597402c773d', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": i18n.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" && (index.h("div", { key: '186e0039f11670234bc642e3d037839a13370e27', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, index.h("bh-button", { key: 'ead8b633f7a0650409b320fc52647433e27e6424', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (index.h("div", { key: '6b11aebace35b7ce5a1266825016e88c7ae8a63d', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, index.h("bh-button", { key: '74ab8d177aa2b519c607385e82efa64196ea5aa6', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (index.h("div", { key: '9beb49a326305ee6299024465ed7a9fceef168cb', class: "date-picker-trigger input-field-container", part: "trigger" }, index.h("bh-input-text", { key: '4bd03000215aeab5c198f1dc810e4511918dd728', disabled: this.disabled, label: i18n.resolveI18n("bh-date-picker", "defaultLabel", this.label, "Select Date"), onFocus: this.handleInputFocus, placeholder: i18n.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 }), index.h("div", { key: '012261804aa24a96a61887920913338fc93fde36', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), index.h("div", { key: 'dc383f16e5c4bee5081148da454e7f6aaab27840', class: {
+        return (index.h(index.Host, { key: 'bf6800637be57d8d768455e54e7519c5994e263d' }, index.h("div", { key: 'e00ca9870ba40f24884ffe2650c5b50d05f5d556', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": i18n.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" && (index.h("div", { key: 'cf711db0fae3aab3a54db332a6f5a4b9686adad4', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, index.h("bh-button", { key: '5464fc3c642a2445490836a167da7b9d15369a65', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (index.h("div", { key: '2729ffe68fef8fd465abcc4ee5122e24d7ca38a5', class: "date-picker-trigger", onClick: this.handleTriggerClick, part: "trigger" }, index.h("bh-button", { key: 'a3359a23887d20a507cabc6a94b30e7de955c211', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (index.h("div", { key: '7655c11d161eeaa2ba73682b351ef1a1350a50a4', class: "date-picker-trigger input-field-container", part: "trigger" }, index.h("bh-input-text", { key: 'd79d3bb225210eeb896be266bd9dd37b5373e35a', disabled: this.disabled, label: i18n.resolveI18n("bh-date-picker", "defaultLabel", this.label, "Select Date"), onFocus: this.handleInputFocus, placeholder: i18n.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 }), index.h("div", { key: '696764ec1a46a39d2e47f5ee2e4873ec831d2809', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), index.h("div", { key: '42689fe957cd9bcded85261f0b3b08ed2cfbb8e7', class: {
                 "date-picker-menu-container": true,
                 "is-open": this.isMenuOpen && !topLayerAnchor.supportsTopLayerPopover,
                 "open-upward": this.openUpward,
                 "open-left": this.openToLeft,
-            }, part: "menu", popover: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, index.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 }, index.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: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, index.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 }, index.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) && (index.h("div", { key: '571aedbc8f942e4ea9332d97c870689fd26d8c0b', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (index.h("div", { key: 'a021aa4337b3d5b224dc0a078389d098aa836faa', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bh-date-range-picker-content.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 
 const bhDateRangePickerContentCss = () => `  @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: block;          --bh-date-range-picker-font-family: var(--font-inter);     --bh-date-range-picker-gap: var(--spacing-sm);     --bh-date-range-picker-divider-color: var(--color-border-secondary);     --bh-date-range-picker-sidebar-width: 160px;     --bh-date-range-picker-sidebar-bg: var(--color-bg-primary);     --bh-date-range-picker-sidebar-item-color: var(--color-text-secondary);     --bh-date-range-picker-sidebar-item-hover-bg: var(--color-brand-100);     --bh-date-range-picker-sidebar-item-hover-color: var(       --color-text-interactive     );     --bh-date-range-picker-separator-color: var(--color-text-tertiary);   } } @layer bh-base {      .date-range-picker-content {     display: flex;     flex-direction: column;     font-family: var(--bh-date-range-picker-font-family);     width: fit-content;        }   .date-range-picker-content.has-sidebar {     flex-direction: row;   }      .date-range-main {     display: flex;     flex-direction: column;     flex: 1;   }      .date-range-inputs {     display: flex;     flex-direction: row;     align-items: center;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }   .date-range-separator {     color: var(--bh-date-range-picker-separator-color);     font-size: var(--text-md-size);     flex-shrink: 0;   }      .preset-ranges {     display: flex;     flex-direction: row;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }      .preset-sidebar {     display: flex;     flex-direction: column;     width: var(--bh-date-range-picker-sidebar-width);     background: var(--bh-date-range-picker-sidebar-bg);     border-right: 1px solid var(--bh-date-range-picker-divider-color);     padding: var(--spacing-sm) 0;   }   .preset-sidebar-item {     display: flex;     align-items: center;     padding: var(--spacing-xs) var(--spacing-md);     background: none;     border: none;     cursor: pointer;     font-family: var(--bh-date-range-picker-font-family);     font-size: var(--text-sm-size);     color: var(--bh-date-range-picker-sidebar-item-color);     text-align: left;     width: 100%;     transition: all var(--animation-duration-fast, 150ms) var(--animation-easing-ease, ease);   }   .preset-sidebar-item:hover {     background: var(--bh-date-range-picker-sidebar-item-hover-bg);     color: var(--bh-date-range-picker-sidebar-item-hover-color);   }      .date-pickers {     display: flex;     flex-direction: row;     width: 100%;     position: relative;     gap: var(--bh-date-range-picker-gap);        }   .date-pickers::after {     content: "";     position: absolute;     left: 50%;     top: 50%;     transform: translateX(-50%) translateY(-50%);     width: 1px;     height: 100%;     background: var(--bh-date-range-picker-divider-color);     pointer-events: none;     z-index: 1;   }      .left-picker {     display: flex;     flex-direction: column;     width: 296px;   }      .right-picker {     display: flex;     flex-direction: column;     width: 296px;   } } @layer bh-utilities {      @media (max-width: 768px) {     .date-range-picker-content {       width: 320px;            }     .date-range-picker-content.has-sidebar {       flex-direction: column;     }     .preset-sidebar {       flex-direction: row;       width: 100%;       border-right: none;       border-bottom: 1px solid var(--bh-date-range-picker-divider-color);       overflow-x: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .preset-sidebar-item {       white-space: nowrap;       width: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .date-pickers {       flex-direction: column;            }     .date-pickers::after {       display: none;     }     .left-picker,     .right-picker {       width: 100%;     }   } }`;
@@ -32,7 +33,7 @@ const BhDateRangePickerContent = class {
         this.bhChange = index.createEvent(this, "bhChange");
         this.bhPresetSelect = index.createEvent(this, "bhPresetSelect");
     }
-    logger = errorBoundary.createComponentLogger("bh-date-range-picker-content");
+    logger = logger.createComponentLogger("bh-date-range-picker-content");
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -219,10 +220,10 @@ const BhDateRangePickerContent = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '83406ca8d961544fdb90d1a60cf8f7bfe7969f57' }, index.h("div", { key: '9dd600c143f12bb0c2a0b8dbb138fa4c4ac16418', class: {
+        return (index.h(index.Host, { key: '2873c8e1502ca19ee5025f38d0b36afc6a370e02' }, index.h("div", { key: '76fa3f6d28afe10a23092da5adf0d651f4115d62', class: {
                 "date-range-picker-content": true,
                 "has-sidebar": this.showPresetSidebar,
-            }, part: "container" }, this.showPresetSidebar && (index.h("div", { key: 'c8f99fdf67cbf60a6949f8e5426287c83880204b', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (index.h("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), index.h("div", { key: '872076178cabc77f7778dba96e8531c59ddb5f9a', class: "date-range-main" }, this.showDateInputs && (index.h("div", { key: '1d2daec50e8b6140bbd720608fc207b203e67dd2', class: "date-range-inputs", part: "date-inputs" }, index.h("bh-input-text", { key: '2fb6bc4fc5c44010bf7286fe525577d579484796', placeholder: i18n.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) }), index.h("span", { key: '6f41761ba7e76a2bd0d23a1b98597e22477ac7dc', class: "date-range-separator" }, "\u2013"), index.h("bh-input-text", { key: 'b3576664753f7b532fded82ac546062e27fb9ef6', placeholder: i18n.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 && (index.h("div", { key: '0e7ccbe09b938582346326fdff6546f7e205ea02', class: "preset-ranges", part: "preset-ranges" }, index.h("bh-button", { key: '38038a0c24f975cadacdb8b1e77b46efaa1b6900', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), index.h("bh-button", { key: '25d56e0924312dec6e1638bca9506dea1d296baf', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), index.h("bh-button", { key: '5c05b492d23235af1330b75dae431ecd33dfc873', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), index.h("div", { key: '2eed38e2dd601981cb3ce6293e975c6acc06b8d1', class: "date-pickers", part: "date-pickers" }, index.h("div", { key: 'd7360784077dcf67dc3e7258c46af724643e668d', class: "left-picker", part: "left-picker" }, index.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 })), index.h("div", { key: '9dd3247ea825d3894052308bf999a65f7b8ad97d', class: "right-picker", part: "right-picker" }, index.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 && (index.h("div", { key: '807fb5e9d659943c371f11858bb5f8ff2ad6b763', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (index.h("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), index.h("div", { key: '6c537ad636a758e3464bea0a0dc8f9ff49568e61', class: "date-range-main" }, this.showDateInputs && (index.h("div", { key: '6c82c5fdd67aed508da0e8f2c115301f47c0fbc2', class: "date-range-inputs", part: "date-inputs" }, index.h("bh-input-text", { key: '4a0a345a8ac4579fc288cb25ba3be85f0d7daf7a', placeholder: i18n.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) }), index.h("span", { key: '89337f017a0190e3b5352f2bc3466bc0cca98091', class: "date-range-separator" }, "\u2013"), index.h("bh-input-text", { key: '45697ddc84b7b84ff1f8dc6169f11a4f000121d5', placeholder: i18n.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 && (index.h("div", { key: 'c6b2de889965088cbdde0c4e6ee6ee916895705a', class: "preset-ranges", part: "preset-ranges" }, index.h("bh-button", { key: '2c0162a46e7242f60194a301494374ead966ab62', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), index.h("bh-button", { key: '2524509e8026649c62276a1109c159f16e6bf48f', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), index.h("bh-button", { key: 'e1bb42043248316008271fbf6d8a3c5c0342ce72', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), index.h("div", { key: '0f23d9455df550d6e10ca31c54138aa1c46d5432', class: "date-pickers", part: "date-pickers" }, index.h("div", { key: '9ddef93db31778e910f3dc2a33930f68d342702c', class: "left-picker", part: "left-picker" }, index.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 })), index.h("div", { key: 'b73d3c8ab9463ea43d86dbe4102f77b3bd66ea42', class: "right-picker", part: "right-picker" }, index.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 watchers() { return {
         "value": [{

package/dist/cjs/bh-date-range-picker.cjs.entry.js

@@ -2,10 +2,11 @@
 
 var index = require('./index-B6sArKsK.js');
 var topLayerAnchor = require('./top-layer-anchor-BzJdaS0n.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var pickerStateManager = require('./picker-state-manager-CcBfisQ9.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var timers = require('./timers-DP0qMGY7.js');
@@ -37,7 +38,7 @@ const BhDateRangePicker = class {
         this.bhOpen = index.createEvent(this, "bhOpen");
         this.bhClose = index.createEvent(this, "bhClose");
     }
-    logger = errorBoundary.createComponentLogger("bh-date-range-picker");
+    logger = logger.createComponentLogger("bh-date-range-picker");
     destroy$ = lifecycle.createDestroySubjectSync();
     stateManager;
     closeTimerId = null;
@@ -289,13 +290,13 @@ const BhDateRangePicker = class {
         this.handleMenuCancel();
     };
     render() {
-        return (index.h(index.Host, { key: '852e6aeadf2758607d6f435c1f45ff6513da64d0' }, index.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" && (index.h("div", { key: 'cfef2847909f1c8d88a94d1cb6f0c024dc923619', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: 'c9895e820423ce35e0b80f1c5668d39e81c942a2', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (index.h("div", { key: '1fe2d0b07fe4ca8555fc403f09989f02cce7beb0', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: 'f7f4b964e417b73aafe9f66bbca26beb7f1ba277', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (index.h("div", { key: '73d31bd026f15ee44332937b444ee2e3781ce290', class: "date-range-picker-trigger" }, index.h("div", { key: '5cb1067e4de2ad6620fd2e57ef32790c96a5f48d', class: "date-range-inputs", onClick: this.handleTriggerClick }, index.h("bh-input-text", { key: 'a41905a3bb68cc4de7c7b59ec6903c95d47e57f5', disabled: this.disabled, label: i18n.resolveI18n("bh-date-range-picker", "startLabel", this.startLabel, "Start Date"), placeholder: i18n.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 }), index.h("bh-input-text", { key: 'd3f8e4bb61849e475549af23651ae808943ccb54', disabled: this.disabled, label: i18n.resolveI18n("bh-date-range-picker", "endLabel", this.endLabel, "End Date"), placeholder: i18n.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 })))), index.h("div", { key: 'cc0dc8847b6ddd1fd80906bd2ba1d523fec2824e', class: {
+        return (index.h(index.Host, { key: '300df3192b097c2d311a86e9254457c5147ab6b2' }, index.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" && (index.h("div", { key: '54370cecc8cf2769781605d7665b924c75b879ce', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: '2a0ffdb12e550b49eb3ba4471adcdd139c382c2e', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (index.h("div", { key: '13a8900ad6e73d68e7692288c3bdf20b213f852b', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: 'e162cb491095f50e29e39d245626cf1fc9ea7605', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (index.h("div", { key: 'e190b754ee9166b7ec4a265c13d44226fb9afd2d', class: "date-range-picker-trigger" }, index.h("div", { key: '8ad7b6c63d94f40cbc91215dbc22d93832950f61', class: "date-range-inputs", onClick: this.handleTriggerClick }, index.h("bh-input-text", { key: 'e32c3b25d5b50a6d5c718c9991786f604f751471', disabled: this.disabled, label: i18n.resolveI18n("bh-date-range-picker", "startLabel", this.startLabel, "Start Date"), placeholder: i18n.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 }), index.h("bh-input-text", { key: '46dc8de41db3c4bf83b1a75ec8c7bef73d76b4e2', disabled: this.disabled, label: i18n.resolveI18n("bh-date-range-picker", "endLabel", this.endLabel, "End Date"), placeholder: i18n.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 })))), index.h("div", { key: '2e8cc3c220928a396034fd65d6d178d524691ad1', class: {
                 "date-range-picker-menu-container": true,
                 "is-open": this.isMenuOpen && !topLayerAnchor.supportsTopLayerPopover,
-            }, part: "menu", popover: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, index.h("bh-picker-menu", { key: '15d26c32502879b8387bdb5e667a8b42261c24a2', disableApply: this.showFooter &&
-                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, index.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: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, index.h("bh-picker-menu", { key: 'bad9a6ccd2d992d55aaf840f6577059a31bdc6c4', disableApply: this.showFooter &&
+                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, index.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) && (index.h("div", { key: '081ad2c1b95563cf2e5294e1cb6c81f7f18e758d', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (index.h("div", { key: '64e045d33992875e0cab607c3cab50da6e43856f', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bh-divider.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhDividerCss = () => `@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-divider-color:var(--color-border-secondary);--bh-divider-width:1px}}@layer bh-base{:host(.divider-horizontal){width:100%;height:var(--bh-divider-width);background-color:var(--bh-divider-color)}:host(.divider-vertical){display:inline-block;width:var(--bh-divider-width);height:100%;align-self:stretch;background-color:var(--bh-divider-color)}}@layer bh-variants{:host(.divider-horizontal.divider-spacing-sm){margin-block:var(--spacing-sm)}:host(.divider-horizontal.divider-spacing-md){margin-block:var(--spacing-md)}:host(.divider-horizontal.divider-spacing-lg){margin-block:var(--spacing-lg)}:host(.divider-vertical.divider-spacing-sm){margin-inline:var(--spacing-sm)}:host(.divider-vertical.divider-spacing-md){margin-inline:var(--spacing-md)}:host(.divider-vertical.divider-spacing-lg){margin-inline:var(--spacing-lg)}}`;
 
@@ -12,7 +13,7 @@ const BhDivider = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /** Orientation of the divider */
     orientation = "horizontal";
     /** Spacing above and below (horizontal) or left and right (vertical) */
@@ -29,7 +30,7 @@ const BhDivider = class {
         errorBoundary.reportComponentError(COMPONENT_NAME, error);
     }
     render() {
-        return (index.h(index.Host, { key: 'dd57ce1e17ad8ee98d58824627dbeb4f7866f07e', "aria-orientation": this.orientation, class: {
+        return (index.h(index.Host, { key: '1bf1c6b73adbc8720bcb06c2fe04a1c2b118093e', "aria-orientation": this.orientation, class: {
                 divider: true,
                 [`divider-${this.orientation}`]: true,
                 [`divider-spacing-${this.spacing}`]: this.spacing !== "none",

package/dist/cjs/bh-dropdown-menu.cjs.entry.js

@@ -25,7 +25,7 @@ const BhDropdownMenu = class {
         }
     };
     render() {
-        return (index.h("bh-menu", { key: 'b7f281949853ec6c941d217d94b8591a9f080f0a', animated: true, header: this.header, menuItems: this.menuItems, onBhItemClick: this.handleItemClick, orientation: "vertical", scrollable: this.scrollable, showIcons: this.showIcons, visible: this.visible }));
+        return (index.h("bh-menu", { key: '97a005e59e4f13047cbeb348e375dc7f8e9e9ada', animated: true, header: this.header, menuItems: this.menuItems, onBhItemClick: this.handleItemClick, orientation: "vertical", scrollable: this.scrollable, showIcons: this.showIcons, visible: this.visible }));
     }
 };
 BhDropdownMenu.style = bhDropdownMenuCss();

package/dist/cjs/bh-dropdown.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var degradation = require('./degradation-CZ9v5D-X.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var logger = require('./logger-DZionBgs.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var dismissalManager = require('./dismissal-manager-VevirmgP.js');
@@ -33,7 +34,7 @@ const BhDropdown = class {
     menuRef;
     positioner;
     dismissalManager;
-    logger = errorBoundary.createComponentLogger("bh-dropdown");
+    logger = logger.createComponentLogger("bh-dropdown");
     // Error handler - created lazily to avoid initialization order issues
     _errorHandler;
     get handleComponentError() {
@@ -85,6 +86,10 @@ const BhDropdown = class {
      * Avatar alt text
      */
     avatarAlt = "Avatar";
+    /**
+     * Initials shown when no avatar image is set (avatar variant)
+     */
+    avatarInitials = "";
     /**
      * Avatar size for avatar variant
      */
@@ -436,7 +441,11 @@ const BhDropdown = class {
                         e.stopPropagation();
                         this.toggleDropdown();
                     }
-                }, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "button", tabindex: this.disabled ? -1 : 0 }, index.h("bh-avatar", { alt: i18n.resolveI18n("bh-dropdown", "avatarAlt", this.avatarAlt, "Avatar"), imageSrc: this.avatarSrc || undefined, size: this.avatarSize, variant: this.avatarSrc ? "image" : "placeholder" }))), this.searchable && this.isOpen && (index.h("div", { class: "dropdown-search", part: "search" }, index.h("bh-input-text", { onInput: (e) => {
+                }, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "button", tabindex: this.disabled ? -1 : 0 }, index.h("bh-avatar", { alt: i18n.resolveI18n("bh-dropdown", "avatarAlt", this.avatarAlt, "Avatar"), imageSrc: this.avatarSrc || undefined, size: this.avatarSize, text: this.avatarInitials, variant: this.avatarSrc
+                    ? "image"
+                    : this.avatarInitials
+                        ? "text"
+                        : "placeholder" }))), this.searchable && this.isOpen && (index.h("div", { class: "dropdown-search", part: "search" }, index.h("bh-input-text", { onInput: (e) => {
                     const detail = e.detail;
                     this.searchTerm = detail;
                     this.handleSearch(detail);

package/dist/cjs/bh-emoji-picker.cjs.entry.js

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

package/dist/cjs/bh-empty-state_2.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var validators = require('./validators-DfzKUg-b.js');
 
 const bhEmptyStateCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter)}}@layer bh-tokens{:host{--bh-empty-state-gap:var(--spacing-4xl);--bh-empty-state-padding:var(--spacing-6xl) var(--spacing-3xl);--bh-empty-state-content-gap:var(--spacing-3xl);--bh-empty-state-text-gap:var(--spacing-md);--bh-empty-state-actions-gap:var(--spacing-lg);--bh-empty-state-title-color:var(--color-text-primary);--bh-empty-state-description-color:var(--color-text-secondary);--bh-empty-state-title-font-size:var(--text-lg-size);--bh-empty-state-description-font-size:var(--text-sm-size);--bh-empty-state-title-font-weight:var(--weight-semibold);--bh-empty-state-description-font-weight:var(--weight-regular);--bh-empty-state-title-line-height:var(--line-height-tight);--bh-empty-state-description-line-height:var(--line-height-normal)}}@layer bh-base{.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-gap);padding:var(--bh-empty-state-padding);text-align:center;}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-content-gap)}.empty-state{}.empty-state-illustration{display:flex;align-items:center;justify-content:center}.empty-state-illustration img{object-fit:contain}.empty-state{}.empty-state-text{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-text-gap)}.empty-state-title{font-size:var(--bh-empty-state-title-font-size);font-weight:var(--bh-empty-state-title-font-weight);color:var(--bh-empty-state-title-color);margin:0;line-height:var(--bh-empty-state-title-line-height)}.empty-state-description{font-size:var(--bh-empty-state-description-font-size);font-weight:var(--bh-empty-state-description-font-weight);color:var(--bh-empty-state-description-color);margin:0;line-height:var(--bh-empty-state-description-line-height);max-width:var(--bh-modal-max-width-md)}.empty-state{}.empty-state-actions{display:flex;gap:var(--bh-empty-state-actions-gap);flex-wrap:wrap;justify-content:center}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}`;
@@ -25,7 +26,7 @@ const BhEmptyState = class {
         index.registerInstance(this, hostRef);
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME$1);
+    logger = logger.createComponentLogger(COMPONENT_NAME$1);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -107,7 +108,7 @@ const BhEmptyState = class {
     render() {
         const dimensions = this.getIllustrationDimensions();
         const hasActions = this.primaryActionText || this.secondaryActionText;
-        return (index.h(index.Host, { key: '5dc8156cb58ce7cfe498d6c26710d3b5557b9c15' }, index.h("div", { key: '88d105372e4fd54b1f0afbb779446c2663fba1d9', class: "empty-state", part: "container", style: { maxWidth: this.safeMaxWidth } }, index.h("div", { key: '64a4bfa4e09456b9e4b29462e1ce3ff814b140b4', class: "empty-state-content" }, this.illustrationPath && (index.h("div", { key: 'c14b72aa91753c3bfb7c470bb738083744271113', class: "empty-state-illustration" }, index.h("img", { key: '4285215f3dd316b00710d8fdee7c888b3e74c46a', alt: "Empty state illustration", src: this.illustrationPath, style: { width: dimensions.width, height: dimensions.height } }))), index.h("div", { key: '7c9b1f7b08348fc5788256cfa3bb5fe33b28c484', class: "empty-state-text" }, index.h("h3", { key: 'd495acd4474bfd8eca99c40d512ac0ca6df32453', class: "empty-state-title" }, i18n.resolveI18n("bh-empty-state", "emptyTitle", this.emptyTitle, "No items found")), index.h("p", { key: '1b46feccbb5fe9421fbda1a45e1116d49b430c37', class: "empty-state-description" }, i18n.resolveI18n("bh-empty-state", "description", this.description, "There are no items to display at the moment.")))), hasActions && (index.h("div", { key: '9ad49d3f3c306c7537729d418aa7ee0e8c307a01', class: "empty-state-actions" }, this.secondaryActionText && (index.h("bh-button", { key: '1194d0ecb49a87267ef90aafe304a7cab2deb1b4', hierarchy: "secondary", icon: this.secondaryActionIcon ? "leading" : "none", iconName: this.secondaryActionIcon, label: this.secondaryActionText, onBhClick: this.handleSecondaryAction, size: "md" })), this.primaryActionText && (index.h("bh-button", { key: '6324bcc3c76fac18886c0304fd326125bd9ed30a', hierarchy: "primary", icon: this.primaryActionIcon ? "leading" : "none", iconName: this.primaryActionIcon, label: this.primaryActionText, onBhClick: this.handlePrimaryAction, size: "md" })))))));
+        return (index.h(index.Host, { key: '57930763a4c3ba2b353ba5f05e59ee5baf992553' }, index.h("div", { key: '53794864da2883ea8571101fb0e9e4964db5c75c', class: "empty-state", part: "container", style: { maxWidth: this.safeMaxWidth } }, index.h("div", { key: '5e690ac0ed6de13d5a3936f85b2462155910de9d', class: "empty-state-content" }, this.illustrationPath && (index.h("div", { key: '556cd00dfa89a33a786964bbe0d8015e2b51ca53', class: "empty-state-illustration" }, index.h("img", { key: 'c2102298c71b2b15b9517a81ce3966987aa9b974', alt: "Empty state illustration", src: this.illustrationPath, style: { width: dimensions.width, height: dimensions.height } }))), index.h("div", { key: '720e5856e702ffde310fce1f92e334712502b52b', class: "empty-state-text" }, index.h("h3", { key: '33c746c9fecfc80562aa1a513913c120f82eebda', class: "empty-state-title" }, i18n.resolveI18n("bh-empty-state", "emptyTitle", this.emptyTitle, "No items found")), index.h("p", { key: '90140e2119b98ae865ed8f27ceb3400bb5d72e3b', class: "empty-state-description" }, i18n.resolveI18n("bh-empty-state", "description", this.description, "There are no items to display at the moment.")))), hasActions && (index.h("div", { key: 'fb7d85c1d88567438f6c7b91b67a0eb4082cd8d4', class: "empty-state-actions" }, this.secondaryActionText && (index.h("bh-button", { key: '67b02cb3407f4fb610fb1fdd02c6d23ed491722c', hierarchy: "secondary", icon: this.secondaryActionIcon ? "leading" : "none", iconName: this.secondaryActionIcon, label: this.secondaryActionText, onBhClick: this.handleSecondaryAction, size: "md" })), this.primaryActionText && (index.h("bh-button", { key: '227959bfa5b4d013f08ee638b5a72244540336b8', hierarchy: "primary", icon: this.primaryActionIcon ? "leading" : "none", iconName: this.primaryActionIcon, label: this.primaryActionText, onBhClick: this.handlePrimaryAction, size: "md" })))))));
     }
 };
 BhEmptyState.style = bhEmptyStateCss();
@@ -126,7 +127,7 @@ const BhSkeletonLoader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -184,7 +185,7 @@ const BhSkeletonLoader = class {
             skeleton: true,
             "skeleton-circle": this.circle,
         };
-        return (index.h(index.Host, { key: 'acd4d120cf990adef2ecc07a7c896cbb45d29f9e' }, index.h("span", { key: 'c1f8e7d1a382558f8ecd4551206fe32c70a61793', "aria-busy": "true", "aria-label": i18n.resolveI18n("bh-skeleton-loader", "ariaLabel", this.ariaLabel, "Loading"), "aria-live": "polite", class: skeletonClasses, part: "skeleton", role: "status", style: { width: this.safeWidth, height: this.safeHeight } })));
+        return (index.h(index.Host, { key: 'c3fe544da1ed2c4f780c336fbf964c8c22665435' }, index.h("span", { key: '54c173841af25b2a7c1d4b388b492e8db1e95057', "aria-busy": "true", "aria-label": i18n.resolveI18n("bh-skeleton-loader", "ariaLabel", this.ariaLabel, "Loading"), "aria-live": "polite", class: skeletonClasses, part: "skeleton", role: "status", style: { width: this.safeWidth, height: this.safeHeight } })));
     }
 };
 BhSkeletonLoader.style = bhSkeletonLoaderCss();

package/dist/cjs/bh-featured-icon.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhFeaturedIconCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block}}@layer bh-base{.featured-icon{display:inline-flex;align-items:center;justify-content:center;transition:all var(--animation-duration-normal) ease}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;user-select:none}}@layer bh-tokens{:host{--bh-featured-icon-border-radius:var(--radius-sm);--bh-featured-icon-success-color:var(--color-success-600);--bh-featured-icon-purple-color:var(--color-purple-600)}}@layer bh-variants{.featured-icon-sm{width:var(--bh-featured-icon-size-sm);height:var(--bh-featured-icon-size-sm);border-radius:var(--bh-featured-icon-border-radius)}.featured-icon-md{width:var(--bh-featured-icon-size-md);height:var(--bh-featured-icon-size-md);border-radius:var(--radius-md)}.featured-icon-lg{width:var(--bh-featured-icon-size-lg);height:var(--bh-featured-icon-size-lg);border-radius:var(--radius-lg)}.featured-icon-xl{width:var(--bh-featured-icon-size-xl);height:var(--bh-featured-icon-size-xl);border-radius:var(--radius-lg)}.featured-icon-brand.featured-icon-outlined{background-color:transparent;border:1px solid var(--color-border-secondary)}.featured-icon-brand.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-gray.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-secondary)}.featured-icon-error.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-error.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-error)}.featured-icon-warning.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-warning.featured-icon-outlined .material-symbols-outlined{color:var(--color-text-warning)}.featured-icon-success.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-success.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-outlined{border:1px solid var(--color-border-secondary)}.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined{color:var(--bh-featured-icon-purple-color)}.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.featured-icon-brand.featured-icon-filled{background-color:var(--color-brand-100);border:none}.featured-icon-brand.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-interactive)}.featured-icon-gray.featured-icon-filled{background-color:var(--color-neutral-100);border:none}.featured-icon-gray.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-secondary)}.featured-icon-error.featured-icon-filled{background-color:var(--color-error-100);border:none}.featured-icon-error.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-error)}.featured-icon-warning.featured-icon-filled{background-color:var(--color-warning-100);border:none}.featured-icon-warning.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-text-warning)}.featured-icon-success.featured-icon-filled{background-color:var(--color-success-100);border:none}.featured-icon-success.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-success-color)}.featured-icon-highlight.featured-icon-filled{background-color:var(--color-purple-100);border:none}.featured-icon-highlight.featured-icon-filled .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--bh-featured-icon-purple-color)}.icon-sm{font-size:var(--icon-size-xs);width:var(--icon-size-xs);height:var(--icon-size-xs);line-height:1}.icon-md{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);line-height:1}.icon-lg{font-size:var(--icon-size-lg);width:var(--icon-size-lg);height:var(--icon-size-lg);line-height:1}.icon-xl{font-size:var(--icon-size-2xl);width:var(--icon-size-2xl);height:var(--icon-size-2xl);line-height:1}}`;
 
@@ -12,7 +13,7 @@ const BhFeaturedIcon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger("bh-featured-icon");
+    logger = logger.createComponentLogger("bh-featured-icon");
     /**
      * The size of the featured icon
      */
@@ -50,7 +51,7 @@ const BhFeaturedIcon = class {
         };
         const iconClasses = `material-symbols-outlined icon-${this.size}`;
         const hasAriaLabel = Boolean(this.ariaLabel);
-        return (index.h(index.Host, { key: 'c9775155b67803394172c524065be3414cbd8f64', "aria-hidden": hasAriaLabel ? undefined : "true", "aria-label": this.ariaLabel, role: hasAriaLabel ? "img" : "presentation" }, index.h("div", { key: '30c1197525ca2cc2829fa34ddb633d071f03c607', class: containerClasses, part: "container" }, index.h("span", { key: 'f76bd358a84dd3d828337859cb326f4aba409019', "aria-hidden": "true", class: iconClasses }, this.icon))));
+        return (index.h(index.Host, { key: '6613175199aa85ed857ec5038d6897b3c5321df0', "aria-hidden": hasAriaLabel ? undefined : "true", "aria-label": this.ariaLabel, role: hasAriaLabel ? "img" : "presentation" }, index.h("div", { key: 'b73a674d59efd182ed8032c61d8ebc7c9c80b00e', class: containerClasses, part: "container" }, index.h("span", { key: '9fc74b7af1bf56aa1c0fc1832847d9f93a70fac0', "aria-hidden": "true", class: iconClasses }, this.icon))));
     }
 };
 BhFeaturedIcon.style = bhFeaturedIconCss();