@actabldesign/bellhop-core 0.3.0 → 0.3.1

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

@@ -3,8 +3,9 @@
 var index = require('./index-B6sArKsK.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var constants = require('./constants-B93iN3Uz.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');
 var timers = require('./timers-DP0qMGY7.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
@@ -20,7 +21,7 @@ const BhLabel = class {
         this.bhHelpClick = index.createEvent(this, "bhHelpClick");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-label");
+    logger = logger.createComponentLogger("bh-label");
     destroy$ = lifecycle.createDestroySubjectSync();
     tooltipSubscription;
     i18nUnsubscribe;
@@ -229,7 +230,7 @@ const BhTooltip = class {
         this.bhClose = index.createEvent(this, "bhClose");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-tooltip");
+    logger = logger.createComponentLogger("bh-tooltip");
     positioner;
     referenceEl;
     interactionTarget;
@@ -583,7 +584,7 @@ const BhTooltip = class {
             tooltipStyles.top = `${this.computedPosition.y}px`;
             tooltipStyles.transform = "none";
         }
-        return (index.h(index.Host, { key: 'ae9ea36fb7ec75f2d95e04866e1813b2f31cda80' }, index.h("slot", { key: '1e74573a36b92cc5d8f783392350d74ef9fb4b58' }), index.h("div", { key: '642207d233e6192c1823cdde4a2dec9b01e9ed46', "aria-hidden": this.isShown ? undefined : "true", class: tooltipClasses, part: "tooltip", ref: (el) => (this.tooltipEl = el), role: "tooltip", style: tooltipStyles }, index.h("div", { key: '6986f4e0201978c8bb5ee8fb9647374e164d966d', class: "tooltip-content", part: "content" }, this.text))));
+        return (index.h(index.Host, { key: '418c8ccb2a8b128651b91e4f83954a6f515c2a5f' }, index.h("slot", { key: '0e151c6b6074829abaae38c5181b2deb508b8394' }), index.h("div", { key: '53c84943768b17a6197bf8794af2514e1d700fcf', "aria-hidden": this.isShown ? undefined : "true", class: tooltipClasses, part: "tooltip", ref: (el) => (this.tooltipEl = el), role: "tooltip", style: tooltipStyles }, index.h("div", { key: 'f63dfdab26a4ecab969169b912ad40a10b522254', class: "tooltip-content", part: "content" }, this.text))));
     }
     static get watchers() { return {
         "visible": [{

package/dist/cjs/bh-line-chart.cjs.entry.js

@@ -2,9 +2,10 @@
 
 var index = require('./index-B6sArKsK.js');
 var chartTokens = require('./chart-tokens-DkHNkFzT.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');
 
 const bhLineChartCss = () => `  @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-line-chart-grid-color: var(       --bh-chart-grid-color,       var(--color-neutral-200, hsl(227deg 25% 89%))     );     --bh-line-chart-axis-color: var(       --bh-chart-axis-color,       var(--color-neutral-300, hsl(224deg 24% 78%))     );     --bh-line-chart-label-color: var(       --bh-chart-label-color,       var(--color-neutral-600, hsl(226deg 24% 38%))     );     --bh-line-chart-label-size: var(--text-xs-size, 0.75rem);     --bh-line-chart-title-size: var(--text-sm-size, 0.875rem);   } } @layer bh-base {   .line-chart {     display: flex;     flex-direction: column;     font-family: var(--font-inter, system-ui, sans-serif);   }   .line-chart-svg {     overflow: visible;   }   .grid-line {     stroke: var(--bh-line-chart-grid-color);     stroke-width: 1;     opacity: 0.5;   }   .axis-label {     fill: var(--bh-line-chart-label-color);     font-size: var(--bh-line-chart-label-size);     font-family: var(--font-inter, system-ui, sans-serif);     user-select: none;   }   .axis-title {     fill: var(--bh-line-chart-label-color);     font-size: var(--bh-line-chart-title-size);     font-family: var(--font-inter, system-ui, sans-serif);     font-weight: var(--weight-medium, 500);     user-select: none;   }   .series-line {     stroke-linecap: round;     stroke-linejoin: round;   }   .data-point {     opacity: 0;     transition: opacity var(--animation-duration-fast) ease;     pointer-events: none;   }   .data-point-visible {     opacity: 1;   }   .hover-column {     cursor: pointer;   }   .line-chart-legend {     display: flex;     justify-content: flex-end;     gap: var(--spacing-lg, 12px);     padding-bottom: var(--spacing-xs, 4px);   }   .legend-item {     display: flex;     align-items: center;     gap: var(--spacing-xs, 4px);     font-size: var(--text-xs-size, 0.75rem);     color: var(--bh-line-chart-label-color);   }   .legend-dot {     width: 8px;     height: 8px;     border-radius: var(--radius-full, 9999px);     flex-shrink: 0;   } } @layer bh-variants {   .series-line-animated {     stroke-dasharray: 2000;     stroke-dashoffset: 2000;     animation: lineChartDraw 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;   } } @layer bh-states {   .hover-column-active {     fill: color-mix(in srgb, var(--color-bg-tertiary, hsl(224, 25%, 95%)) 30%, transparent);   }   .series-line:hover {     stroke-width: 3;   } } @layer bh-utilities {   @keyframes lineChartDraw {     to {       stroke-dashoffset: 0;     }   }   @media (prefers-reduced-motion: reduce) {     .series-line-animated {       animation: none;       stroke-dasharray: none;       stroke-dashoffset: 0;     }     .data-point {       transition: none;     }   } }`;
 
@@ -20,7 +21,7 @@ const BhLineChart = class {
         this.bhError = index.createEvent(this, "bhError");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-line-chart");
+    logger = logger.createComponentLogger("bh-line-chart");
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -315,10 +316,10 @@ const BhLineChart = class {
         return (index.h("div", { class: "line-chart-legend", part: "legend" }, this.data.series.map((series, si) => (index.h("div", { class: "legend-item", key: series.name }, index.h("span", { class: "legend-dot", style: { backgroundColor: this.getSeriesColor(series, si) } }), index.h("span", { class: "legend-label" }, series.name))))));
     }
     render() {
-        return (index.h(index.Host, { key: '339f71fb621eb75b37da50f016b3146de28926b5' }, index.h("div", { key: 'e26559ed20d32438c518c4c8d9b81b76af7395f9', class: {
+        return (index.h(index.Host, { key: '3df2eff8c7b872a3899d816019cea6df2ccfc286' }, index.h("div", { key: '377eaed61df5041bbbf731952d0f547143d68755', class: {
                 "line-chart": true,
                 "line-chart-animated": this.animated,
-            }, part: "container" }, this.renderLegend(), index.h("svg", { key: 'b8c709af761d3e0a7cfe6b46c74f95d35ccca868', "aria-label": i18n.resolveI18n("bh-line-chart", "ariaLabel", this.ariaLabel, "Line chart"), class: "line-chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, this.renderGrid(), this.renderAxes(), this.renderSeries(), this.renderHoverColumns())), index.h("bh-chart-tooltip", { key: 'ad577abb4627a6081e464ac47c76433302a99ae3', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            }, part: "container" }, this.renderLegend(), index.h("svg", { key: '581e67c536caae9a770867edd6db96b6439ece0e', "aria-label": i18n.resolveI18n("bh-line-chart", "ariaLabel", this.ariaLabel, "Line chart"), class: "line-chart-svg", height: this.height, role: "img", viewBox: `0 0 ${this.width} ${this.height}`, width: this.width }, this.renderGrid(), this.renderAxes(), this.renderSeries(), this.renderHoverColumns())), index.h("bh-chart-tooltip", { key: '923fc6f0be04dcd9f22ae4fa4aa0a9ac5f680909', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
 };
 BhLineChart.style = bhLineChartCss();

package/dist/cjs/bh-logo-box_2.cjs.entry.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 require('./keyboard-constants-ByvH1XTM.js');
 
@@ -29,7 +30,7 @@ const BhLogoBox = class {
         this.bhClick = index.createEvent(this, "bhClick");
         this.bhError = index.createEvent(this, "bhError");
     }
-    logger = errorBoundary.createComponentLogger("bh-logo-box");
+    logger = logger.createComponentLogger("bh-logo-box");
     logoActiveRef;
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -155,11 +156,11 @@ const BhLogoBox = class {
             logo: true,
             [`logo-${this.logoType}`]: true,
         };
-        return (index.h(index.Host, { key: '1590e380293d73fa9d694d47ce91f225c1412e51' }, index.h("div", { key: 'aae341b177bcd32428947c8fdfc6e8cbbc0abf53', class: logoBoxClasses, part: "container" }, index.h("div", { key: 'ef77ecb4e73713b727271450feddb87645ce73fa', "aria-expanded": this.isOpen ? "true" : "false", "aria-haspopup": "menu", "aria-label": i18n.resolveI18n("bh-logo-box", "productSwitcherAriaLabel", this.productSwitcherAriaLabel, "Open product switcher"), class: "logo-active", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onClick: this.handleLogoClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "logo-button", ref: this.setLogoActiveRef, role: "button", tabIndex: 0 }, index.h("div", { key: 'bec8c940da8d693f98d7adb773c7ac05e88f6a36', "aria-label": `${this.logoType} logo`, class: logoClasses, role: "img", style: {
+        return (index.h(index.Host, { key: 'b0d80264a8b12c3a0197051ee873b01eaa5dcc82' }, index.h("div", { key: '38c91cc3825e436e9f674b74d9340f191a22b72c', class: logoBoxClasses, part: "container" }, index.h("div", { key: 'abb8fe2a6af9334ed8a74fde6826f9f13b907562', "aria-expanded": this.isOpen ? "true" : "false", "aria-haspopup": "menu", "aria-label": i18n.resolveI18n("bh-logo-box", "productSwitcherAriaLabel", this.productSwitcherAriaLabel, "Open product switcher"), class: "logo-active", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onClick: this.handleLogoClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "logo-button", ref: this.setLogoActiveRef, role: "button", tabIndex: 0 }, index.h("div", { key: 'adddefaa18230c948c913bcabd1edc7c903a8dc5', "aria-label": `${this.logoType} logo`, class: logoClasses, role: "img", style: {
                 maskImage: `url(${this.getLogoSrc()})`,
                 WebkitMaskImage: `url(${this.getLogoSrc()})`,
                 backgroundColor: this.logoColor,
-            } })), index.h("div", { key: '4eabb3b487130d34b97ea6e9e141708b5439bda6', class: "logo-more-products" })), index.h("bh-product-switcher", { key: '00235dfaae7e9dd9486c04abcb75f18d5c1cef24', anchorPosition: this.anchorPosition, isOpen: this.isOpen, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect, products: this.products })));
+            } })), index.h("div", { key: '56e96aef99fa1e14b13419ac54b27e8e7dba13a5', class: "logo-more-products" })), index.h("bh-product-switcher", { key: 'c06cd6174b17b29d7b6a355e4b4633284533dc12', anchorPosition: this.anchorPosition, isOpen: this.isOpen, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect, products: this.products })));
     }
 };
 BhLogoBox.style = bhLogoBoxCss();
@@ -171,7 +172,7 @@ const BhNavItem = class {
         index.registerInstance(this, hostRef);
         this.bhClick = index.createEvent(this, "bhClick");
     }
-    logger = errorBoundary.createComponentLogger("bh-nav-item");
+    logger = logger.createComponentLogger("bh-nav-item");
     focusState = focusStateManager.createFocusStateManager();
     focusVersion = 0;
     /**
@@ -274,11 +275,11 @@ const BhNavItem = class {
             focused: this.focusState.isFocused && !this.disabled,
             hovered: this.focusState.isHovered && !this.disabled,
         };
-        return (index.h("div", { key: 'cb5bc1adfc0761473e7c6b254f596f2d8153db40', "aria-disabled": this.disabled ? "true" : undefined, class: navItemClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, index.h("button", { key: 'f4652cec477cb1bd14b603a1037f88ed04c8ea4b', "aria-current": this.isActive ? "page" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.label, class: "nav-item-button", disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", tabIndex: this.disabled ? -1 : 0, type: "button" }, this.dot && (index.h("bh-badge-dot", { key: '4fac3b04293da192bf7280abb9a11cde917b870c', color: this.dotColor, part: "dot", size: "sm" })), index.h("span", { key: '0f661c34e5b681af4d007a17a37fd1fa72e5c22a', class: "material-symbols-outlined icon", part: "icon" }, this.icon), isRow && (index.h("span", { key: '0153e7e97e6c6d7d6b2913a98b3b1a2a4fca7eb2', class: "nav-item-label-row", part: "label" }, this.label)), isRow && this.badge !== undefined && (index.h("span", { key: '057a0fbdab7b314a41b7b4189e66c3f8dca61696', class: "nav-item-badge", part: "badge" }, this.badge)), isRow && this.expandable && (index.h("span", { key: '13681e68be4859c423318401ff7b96d19ab43b96', class: {
+        return (index.h("div", { key: 'bf9e7f7fb9d5b15ad8761897888f194efccb787f', "aria-disabled": this.disabled ? "true" : undefined, class: navItemClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, index.h("button", { key: '4a2f5f6cea0c4ac5d559dec7c1d908f7aabd40a3', "aria-current": this.isActive ? "page" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.label, class: "nav-item-button", disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", tabIndex: this.disabled ? -1 : 0, type: "button" }, this.dot && (index.h("bh-badge-dot", { key: '9ad8f5ec110c7f78af116b04950dff4584d99c03', color: this.dotColor, part: "dot", size: "sm" })), index.h("span", { key: 'bfacfd0ae0786bb591f5f5e8c3654f73366a04df', class: "material-symbols-outlined icon", part: "icon" }, this.icon), isRow && (index.h("span", { key: '217529488116724b87c0792c5385f31753f1a25b', class: "nav-item-label-row", part: "label" }, this.label)), isRow && this.badge !== undefined && (index.h("span", { key: '6d09f216b8ebfdb2f88724589498495fb95dbb50', class: "nav-item-badge", part: "badge" }, this.badge)), isRow && this.expandable && (index.h("span", { key: '26977632930eac9bf05cb8713904cd354f8759a2', class: {
                 "material-symbols-outlined": true,
                 "nav-item-chevron": true,
                 "nav-item-chevron--expanded": this.expanded,
-            } }, "expand_more"))), !isRow && this.showLabel && (index.h("p", { key: '7692b3e18b04d5a106cb52c21dbaa3ffca965a05', class: "nav-item-label", part: "label" }, this.label))));
+            } }, "expand_more"))), !isRow && this.showLabel && (index.h("p", { key: 'e55a89d2aca9a4e999ffc93aab12bf8c9b082517', class: "nav-item-label", part: "label" }, this.label))));
     }
 };
 BhNavItem.style = bhNavItemCss();

package/dist/cjs/bh-menu_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 focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var constants = require('./constants-B93iN3Uz.js');
 var validators = require('./validators-DfzKUg-b.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
@@ -20,7 +21,7 @@ const BhMenu = class {
         this.bhClose = index.createEvent(this, "bhClose");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-menu");
+    logger = logger.createComponentLogger("bh-menu");
     focusState = focusStateManager.createFocusStateManager();
     menuItemElements = [];
     focusVersion = 0;
@@ -388,7 +389,7 @@ const BhMenuItem = class {
         this.bhSubmenuToggle = index.createEvent(this, "bhSubmenuToggle");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-menu-item");
+    logger = logger.createComponentLogger("bh-menu-item");
     focusState = focusStateManager.createFocusStateManager();
     hoverOpenTimeout;
     hoverCloseTimeout;

package/dist/cjs/bh-modal-actions.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 bhModalActionsCss = () => `@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-modal-actions-bg: var(--color-bg-primary);     --bh-modal-actions-border-color: var(--color-border-secondary);     --bh-modal-actions-padding-top: var(--spacing-2xl);     --bh-modal-actions-padding-x: var(--spacing-3xl);     --bh-modal-actions-padding-bottom: var(--spacing-3xl);     --bh-modal-actions-gap: var(--spacing-lg);     --bh-modal-actions-destructive-bg: var(--color-bg-destructive);     --bh-modal-actions-destructive-bg-hover: var(--color-bg-destructive-hover);     --bh-modal-actions-destructive-bg-active: var(       --color-bg-destructive-active     );     --bh-modal-actions-destructive-color: var(--color-text-inverse);     --bh-modal-actions-destructive-focus-ring: var(--color-bg-destructive);   } } @layer bh-base {   .modal-actions {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--spacing-none);     padding-top: var(--bh-modal-actions-padding-top);     width: 100%;   }   .divider {     height: 1px;     width: 100%;     flex-shrink: 0;     background-color: var(--bh-modal-actions-border-color);     margin-bottom: var(--bh-modal-actions-padding-top);   }   .modal-actions-content {     display: flex;     gap: var(--bh-modal-actions-gap);     padding: 0 var(--bh-modal-actions-padding-x);     padding-bottom: var(--bh-modal-actions-padding-bottom);     width: 100%;     box-sizing: border-box;   }   .actions-left {     display: flex;     gap: var(--bh-modal-actions-gap);     align-items: center;   }   .actions-right {     display: flex;     gap: var(--bh-modal-actions-gap);     align-items: center;     justify-content: flex-end;   }   .btn-destructive {     display: flex;     align-items: center;     justify-content: center;     gap: var(--spacing-xxs);     height: var(--bh-button-height-md);     padding: 0 var(--spacing-lg);     background-color: var(--bh-modal-actions-destructive-bg);     color: var(--bh-modal-actions-destructive-color);     border: none;     border-radius: var(--radius-md);     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     letter-spacing: 0px;     cursor: pointer;     overflow: hidden;     transition: background-color var(--animation-duration-fast) ease;   } } @layer bh-variants {   .modal-actions-content--fill {     flex-direction: row;     align-items: stretch;   }   .modal-actions-content--fill bh-button {     flex: 1;     display: block;     width: 100%;   }   .modal-actions-content--fill bh-button::part(button) {     width: 100%;   }   .modal-actions-content--fill .btn-destructive {     flex: 1;   }   .modal-actions-content--right {     flex-direction: row;     align-items: center;     justify-content: space-between;   }      @media (max-width: 480px) {     .modal-actions-content--fill {       flex-direction: column-reverse;       align-items: stretch;     }     .modal-actions-content--fill bh-button,     .modal-actions-content--fill .btn-destructive {       flex: none;       width: 100%;     }   } } @layer bh-states {   .btn-destructive:hover {     background-color: var(--bh-modal-actions-destructive-bg-hover);   }   .btn-destructive:focus-visible {     outline: 2px solid var(--bh-modal-actions-destructive-focus-ring);     outline-offset: 2px;   }   .btn-destructive:active {     background-color: var(--bh-modal-actions-destructive-bg-active);   } }`;
@@ -14,7 +15,7 @@ const BhModalActions = class {
         index.registerInstance(this, hostRef);
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -79,7 +80,7 @@ const BhModalActions = class {
         return (index.h("div", { class: "modal-actions-content modal-actions-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (index.h(index.Host, { key: '7a8d1b5a942a0f920697af2b8aa2b48026a7abc9' }, index.h("div", { key: 'a3622571f152b7917062f520f265da626b5a348f', class: "modal-actions", part: "actions" }, this.divider && index.h("div", { key: 'c9ef2312fa1237f31660b97d8c005eea94809f2a', class: "divider", part: "divider" }), this.renderButtons())));
+        return (index.h(index.Host, { key: '94f7dcfad4b06525117314126aae6bbea053bc52' }, index.h("div", { key: 'fc70502939c3bcfc5a3ee77f5e9ec269d7490b78', class: "modal-actions", part: "actions" }, this.divider && index.h("div", { key: 'ebb4a1bb6d6512d109060fbc4b8d642d9e1bf0e3', class: "divider", part: "divider" }), this.renderButtons())));
     }
 };
 BhModalActions.style = bhModalActionsCss();

package/dist/cjs/bh-modal-header.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 bhModalHeaderCss = () => `@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:flex;flex-direction:column;align-items:center;gap:var(--spacing-none);width:100%;--bh-modal-header-bg:var(--color-bg-primary);--bh-modal-header-border-color:var(--color-border-secondary);--bh-modal-header-padding:var(--spacing-3xl);--bh-modal-header-gap:var(--spacing-xl);--bh-modal-header-gap-xs:var(--spacing-xs);--bh-modal-header-title-color:var(--color-text-primary);--bh-modal-header-description-color:var(--color-text-secondary);--bh-modal-header-close-button-top:var(--spacing-lg);--bh-modal-header-close-button-right:var(--spacing-lg)}}@layer bh-base{.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none);width:100%;position:relative}.modal-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap);padding:var(--bh-modal-header-padding);padding-bottom:var(--spacing-none);width:100%}.modal-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap-xs);width:100%;flex:1;min-width:0}.modal-title{margin:0;font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0px;color:var(--bh-modal-header-title-color);width:100%}.modal-description{margin:0;font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--text-sm-line);letter-spacing:0px;color:var(--bh-modal-header-description-color);width:100%}.close-button{position:absolute;top:var(--bh-modal-header-close-button-top);right:var(--bh-modal-header-close-button-right)}.padding-bottom{height:var(--sp-5);width:100%;flex-shrink:0}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-modal-header-border-color)}}@layer bh-variants{.modal-header--center{align-items:center}.modal-header--horizontal{flex-direction:row;align-items:flex-start}.modal-header-content--center{align-items:center}.modal-header-content--horizontal{flex-direction:row;align-items:flex-start}.modal-text-content--center{align-items:center;text-align:center}.modal-text-content--horizontal{flex:1;min-width:1px;min-height:1px}}`;
@@ -14,7 +15,7 @@ const BhModalHeader = class {
         index.registerInstance(this, hostRef);
         this.bhClose = index.createEvent(this, "bhClose");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -80,19 +81,19 @@ const BhModalHeader = class {
     render() {
         const isHorizontal = this.variant === "horizontal-left-aligned";
         const isCenter = this.variant === "center-aligned";
-        return (index.h(index.Host, { key: 'ceb366bc3b38b5dfde6e892f2a0879156c741215' }, index.h("div", { key: 'f120d9e8f3f6270dcce8b2797b75d05298fdaa9b', class: {
+        return (index.h(index.Host, { key: 'ad67a19797daa4794d03d92a79376ce58d1eb32d' }, index.h("div", { key: 'edc3786b536a94b686171aee0ced7681c571aad6', class: {
                 "modal-header": true,
                 "modal-header--center": isCenter,
                 "modal-header--horizontal": isHorizontal,
-            }, part: "header" }, index.h("div", { key: '61d5ddda1b8647bc4ebde1c102272c100de03ef4', class: {
+            }, part: "header" }, index.h("div", { key: '975f872ce5ad7fc092b158b7ad81d1fa5abcb419', class: {
                 "modal-header-content": true,
                 "modal-header-content--center": isCenter,
                 "modal-header-content--horizontal": isHorizontal,
-            } }, this.showIcon && this.icon && (index.h("bh-featured-icon", { key: '7e8b455c8642dcba81955d86fe2e4117e41ab507', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), index.h("div", { key: 'dfc98fab392c4f7ec5f3ac34e5131a5c80bd82d8', class: {
+            } }, this.showIcon && this.icon && (index.h("bh-featured-icon", { key: '90cd147b9fe455a74c8e30289f18d9f1fcf38b76', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), index.h("div", { key: '95e85e400ec908ea63b0e5a718b05c4e3a93f05e', class: {
                 "modal-text-content": true,
                 "modal-text-content--center": isCenter,
                 "modal-text-content--horizontal": isHorizontal,
-            } }, index.h("h3", { key: 'b2b9f260fa0b93218213ea25b0c1e31548cd53e5', class: "modal-title" }, this.modalTitle), this.description && (index.h("p", { key: '80abf53a4e8ae1c04f068605b4fd59c7581ede84', class: "modal-description" }, this.description)))), this.showCloseButton && (index.h("div", { key: '16280d61a2a3aecfcdd85e1b357ee598684ae320', class: "close-button" }, index.h("bh-close-button", { key: '8d7186ab6504433e196d6969eb06bad4872f4c06', ariaLabel: i18n.resolveI18n("bh-modal-header", "closeAriaLabel", undefined, "Close modal"), onClick: this.handleClose })))), this.paddingBottom && index.h("div", { key: '18d936e118b1b2e1937cf34299857635232d9b84', class: "padding-bottom" }), this.divider && index.h("div", { key: 'f7c50ffc0b8c21cf81ab4fa5a4dadf0c27b005b5', class: "divider" })));
+            } }, index.h("h3", { key: '3fe9e2672eba70b07f619f15e6df27349d56e273', class: "modal-title" }, this.modalTitle), this.description && (index.h("p", { key: 'd966ee3597668ff3714f9b8fd6fd2da541dbec03', class: "modal-description" }, this.description)))), this.showCloseButton && (index.h("div", { key: '9e8bbab0a090b7623c309b9873a5d15e01d2372a', class: "close-button" }, index.h("bh-close-button", { key: 'a6fd75b934605610445b1da005df36667fb34655', ariaLabel: i18n.resolveI18n("bh-modal-header", "closeAriaLabel", undefined, "Close modal"), onClick: this.handleClose })))), this.paddingBottom && index.h("div", { key: 'a93b6bf7df3f3a987640e035af088f17bef3086f', class: "padding-bottom" }), this.divider && index.h("div", { key: '011105a18382f9b6fa6fd409e8d7d336cafc62d8', class: "divider" })));
     }
 };
 BhModalHeader.style = bhModalHeaderCss();

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

@@ -5,13 +5,14 @@ var constants = require('./constants-B93iN3Uz.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var eventListenerManager = require('./event-listener-manager-CQ9x9nth.js');
 var observerManager = require('./observer-manager-CnQG8EOH.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var degradation = require('./degradation-CZ9v5D-X.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
 var metrics = require('./metrics-DtkENqew.js');
 var timers = require('./timers-DP0qMGY7.js');
 var dismissalManager = require('./dismissal-manager-VevirmgP.js');
 var focusTrap = require('./focus-trap-xrL056L1.js');
+require('./error-boundary-fNUNT0lE.js');
 require('./keyboard-helpers-CiUQBd3w.js');
 require('./keyboard-constants-ByvH1XTM.js');
 
@@ -42,7 +43,7 @@ const BhModal = class {
     previousActiveElement = null;
     pendingRafId;
     hasHandledVisibleChange = false;
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     stateManager = new degradation.ComponentStateManager("UNMOUNTED");
     // Error handler - created lazily to avoid initialization order issues
     _errorHandler;

package/dist/cjs/bh-month-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 timers = require('./timers-DP0qMGY7.js');
 
 const bhMonthPickerContentCss = () => `@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-month-picker-content-font-family:var(--font-inter);--bh-month-picker-content-padding:var(--spacing-lg);--bh-month-picker-content-gap:var(--spacing-lg);--bh-month-picker-content-button-padding:var(--spacing-md);--bh-month-picker-content-button-gap:var(--spacing-sm);--bh-month-picker-content-button-font-size:var(--text-sm-size);--bh-month-picker-content-button-font-weight:var(--weight-medium);--bh-month-picker-content-button-border-radius:var(--radius-sm);--bh-month-picker-content-year-label-color:var(--color-text-secondary);--bh-month-picker-content-button-color:var(--color-text-secondary);--bh-month-picker-content-button-active-bg:var(--color-bg-interactive);--bh-month-picker-content-button-active-color:var(--color-text-inverse);--bh-month-picker-content-button-active-border-color:var(       --color-border-interactive     );--bh-month-picker-content-button-disabled-color:var(--color-text-disabled);--bh-month-picker-content-button-focus-outline:var(       --color-border-interactive     );--bh-month-picker-content-scrollbar-track:var(--color-bg-secondary);--bh-month-picker-content-scrollbar-thumb:var(--color-bg-tertiary);--bh-month-picker-content-scrollbar-thumb-hover:var(       --color-border-primary     );--bh-month-picker-content-section-divider-color:var(       --color-border-secondary     );--bh-month-picker-content-header-bg:var(--color-bg-secondary);--bh-month-picker-content-header-color:var(--color-text-primary);--bh-month-picker-content-hover-bg:var(--color-bg-secondary);--bh-month-picker-content-active-bg:var(--color-brand-100);--bh-month-picker-content-active-color:var(--color-text-interactive)}}@layer bh-base{.month-picker-content{width:100%;overflow-x:hidden;font-family:var(--bh-month-picker-content-font-family)}.calendar{display:flex;flex-direction:column;width:100%;padding:var(--bh-month-picker-content-padding) 0 var(--bh-month-picker-content-padding) var(--bh-month-picker-content-padding)}.year-section{display:flex;flex-direction:column;width:100%}.year-month-container{display:flex;flex-direction:row;width:100%;align-items:flex-start}.year-label{width:auto;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--bh-month-picker-content-font-family);font-weight:var(--weight-bold);font-size:var(--bh-month-picker-content-button-font-size);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-shrink:0;min-width:50px;padding:var(--spacing-md) 0}.months-row{display:flex;flex-direction:column}.month-row{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.month-button{width:var(--bh-button-height-md);height:var(--bh-button-height-md);border-radius:var(--radius-full);border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--leading-sm);color:var(--bh-month-picker-content-year-label-color);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease);flex-shrink:0;text-align:center;overflow:hidden;}.month-button:focus{outline:none}.section-divider{width:100%;margin:var(--spacing-xl) 0}.divider-container{width:100%;display:flex;justify-content:center}.divider-line{width:100%;height:1px;background:var(--bh-month-picker-content-section-divider-color)}}@layer bh-variants{.month-picker-content.scrollable{max-height:340px;overflow-y:auto;overflow-y:overlay;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent;}.month-picker-content.scrollable::-webkit-scrollbar{width:var(--spacing-xs)}.month-picker-content.scrollable::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.month-picker-content.scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-xs);transition:background var(--animation-duration-normal) ease}.month-picker-content.animate-slide-up-enter{animation-duration:var(--animation-duration-slow, 0.3s)}.month-button{}.month-button.selected{background:var(--bh-month-picker-content-button-active-bg);color:var(--bh-month-picker-content-button-active-color);font-weight:var(--weight-semibold)}.month-button{}.month-button.today:not(.selected){border-color:var(--bh-month-picker-content-button-active-border-color)}.month-button{}.month-button.inactive,.month-button:disabled{opacity:0.4;cursor:not-allowed;color:var(--bh-month-picker-content-button-disabled-color)}.month-button{}.month-button.keyboard-focused{outline:var(--border-width-md, 2px) solid var(--bh-month-picker-content-button-focus-outline);outline-offset:var(--spacing-xs)}}@layer bh-states{.month-picker-content.scrollable{}.month-picker-content.scrollable:hover{scrollbar-color:var(--bh-month-picker-content-scrollbar-thumb) transparent}.month-picker-content.scrollable{}.month-picker-content.scrollable:hover::-webkit-scrollbar-track{background:var(--bh-month-picker-content-scrollbar-track)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb{background:var(--bh-month-picker-content-section-divider-color)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb:hover{background:var(--bh-month-picker-content-scrollbar-thumb-hover)}.month-button:hover:not(.inactive):not(.selected):not(:disabled):not(.today){background:var(--bh-month-picker-content-scrollbar-track);color:var(--bh-month-picker-content-header-color)}.month-button.today:not(.selected):hover{background:var(--bh-month-picker-content-active-bg);color:var(--bh-month-picker-content-active-color)}.month-button:disabled:hover{background:transparent}}`;
@@ -30,7 +31,7 @@ const BhMonthPickerContent = class {
         index.registerInstance(this, hostRef);
         this.bhChange = index.createEvent(this, "bhChange");
     }
-    logger = errorBoundary.createComponentLogger("bh-month-picker-content");
+    logger = logger.createComponentLogger("bh-month-picker-content");
     destroy$ = lifecycle.createDestroySubjectSync();
     containerRef = null;
     get el() { return index.getElement(this); }
@@ -210,7 +211,7 @@ const BhMonthPickerContent = class {
     }
     render() {
         const years = this.getYears();
-        return (index.h(index.Host, { key: '119cc97550588b32a3fa2135d792eedde64936d7' }, index.h("div", { key: 'fc3c26464119587288c0ab3ba9802780c3a46af7', class: `month-picker-content animate-slide-up-enter ${this.scrollable ? "scrollable" : ""}`, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, part: "container", ref: (el) => (this.containerRef = el), style: { height: this.height } }, index.h("div", { key: '1668b61376578089fe9a055c0b17213bde640ae7', class: "calendar", part: "calendar" }, years.map((year, yearIndex) => (index.h("div", { class: "year-section", id: `year-${year}`, key: year }, index.h("div", { class: "year-month-container" }, index.h("div", { class: "year-label" }, year), index.h("div", { class: "months-row" }, index.h("div", { class: "month-row" }, MONTH_NAMES.slice(0, 6).map((_, monthIndex) => (index.h("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex])))), index.h("div", { class: "month-row" }, MONTH_NAMES.slice(6, 12).map((_, idx) => {
+        return (index.h(index.Host, { key: '73b5ce30cd62f32d19daf4214b08345ae4bec1ac' }, index.h("div", { key: 'bdfd8daa1b0db677e06c8a742f1459f170d8e3cf', class: `month-picker-content animate-slide-up-enter ${this.scrollable ? "scrollable" : ""}`, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, part: "container", ref: (el) => (this.containerRef = el), style: { height: this.height } }, index.h("div", { key: '3ccc79f6551261b34d9136a0691683b89583c660', class: "calendar", part: "calendar" }, years.map((year, yearIndex) => (index.h("div", { class: "year-section", id: `year-${year}`, key: year }, index.h("div", { class: "year-month-container" }, index.h("div", { class: "year-label" }, year), index.h("div", { class: "months-row" }, index.h("div", { class: "month-row" }, MONTH_NAMES.slice(0, 6).map((_, monthIndex) => (index.h("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex])))), index.h("div", { class: "month-row" }, MONTH_NAMES.slice(6, 12).map((_, idx) => {
             const monthIndex = idx + 6;
             return (index.h("button", { class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), key: monthIndex, onClick: () => this.selectMonth(monthIndex, year) }, MONTH_NAMES[monthIndex]));
         })))), yearIndex < years.length - 1 && (index.h("div", { class: "section-divider" }, index.h("div", { class: "divider-container" }, index.h("div", { class: "divider-line" })))))))))));

package/dist/cjs/bh-month-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');
@@ -22,7 +23,7 @@ const BhMonthPicker = class {
         this.bhOpen = index.createEvent(this, "bhOpen");
         this.bhClose = index.createEvent(this, "bhClose");
     }
-    logger = errorBoundary.createComponentLogger("bh-month-picker");
+    logger = logger.createComponentLogger("bh-month-picker");
     destroy$ = lifecycle.createDestroySubjectSync();
     stateManager;
     closeTimerId = null;
@@ -245,12 +246,12 @@ const BhMonthPicker = class {
         this.handleMenuCancel();
     };
     render() {
-        return (index.h(index.Host, { key: '45ab4ca8e6c4b4388fe9f5b3637a48d47e2a8abb' }, index.h("div", { key: 'bcae7b82c027a99f5813b5d50387593016a7c3d5', class: "month-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (index.h("div", { key: '7be63ef8f808a70c15908c7adf41ceedc7f4d5a5', class: "month-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: 'e00534b8f6a02f85f28d4e3f0e8e709b5a60b1e4', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (index.h("div", { key: '498b247c64c399543bad0ad6e27b5c144dd13d26', class: "month-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: '7d3d03b2723b3e883cd75b446006b3d5369d9687', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (index.h("div", { key: '18fd25447c67c2283fa222f1e03b46f705e23701', class: "month-picker-trigger input-field-container" }, index.h("bh-input-text", { key: '51c346b4df02351f0f304928eb2bd011972e943e', disabled: this.disabled, label: i18n.resolveI18n("bh-month-picker", "defaultLabel", this.label, "Select Month"), onFocus: this.handleInputFocus, placeholder: i18n.resolveI18n("bh-month-picker", "defaultPlaceholder", this.placeholder, "Choose month and year"), showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_month", value: this.getDisplayValue(), width: this.inputWidth }), index.h("div", { key: '551ce58ad4f1b33d1545f77a6a6545e775691100', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), index.h("div", { key: '79cc7b4934c7f27e4be6d1cc5549e8a76e36a29b', class: {
+        return (index.h(index.Host, { key: 'bdcd6963b9514c723c8bcc14fa62981d568c0c05' }, index.h("div", { key: '34e893e1dd2fe4831b8cc29d6b7efac6acc61fe2', class: "month-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (index.h("div", { key: '27c939700779f958b6afa92b603591d2be690051', class: "month-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: '7f15615410f4332fa4752ec110061b1ca1df721b', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (index.h("div", { key: 'b9489b1134353d6de389a3bac3c255997f3d05cc', class: "month-picker-trigger", onClick: this.handleTriggerClick }, index.h("bh-button", { key: 'dac579856e1f7379646c1d641d500243b72453fb', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (index.h("div", { key: 'da74a4dac0c40734187d7f48a80542c7cf7f4469', class: "month-picker-trigger input-field-container" }, index.h("bh-input-text", { key: '2a19248c66030e7112970168e8a7bd5c26d758da', disabled: this.disabled, label: i18n.resolveI18n("bh-month-picker", "defaultLabel", this.label, "Select Month"), onFocus: this.handleInputFocus, placeholder: i18n.resolveI18n("bh-month-picker", "defaultPlaceholder", this.placeholder, "Choose month and year"), showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_month", value: this.getDisplayValue(), width: this.inputWidth }), index.h("div", { key: '822ed86e38fd689c632d199070cf89f5b21567c7', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), index.h("div", { key: '4e431f0ff46099de841b9d68aa112011ecd16f19', class: {
                 "month-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: '27d0d8edf8cf494af988c440a4f61119b7bffb66', disabled: this.disabled, disabledMonths: this.disabledMonths, maxYear: this.maxYear, minYear: this.minYear, onBhAction: this.handleMenuAction, onBhChange: this.handleMonthYearSelect, showFooter: this.showFooter, value: this.stateManager?.tempValue ||
+            }, part: "menu", popover: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, index.h("bh-picker-menu", { key: 'a0ae54586ed7fb014d096abf5bc8587eac6ca8d2', disabled: this.disabled, disabledMonths: this.disabledMonths, maxYear: this.maxYear, minYear: this.minYear, onBhAction: this.handleMenuAction, onBhChange: this.handleMonthYearSelect, showFooter: this.showFooter, value: this.stateManager?.tempValue ||
                 this.stateManager?.committedValue ||
-                undefined, visible: this.isMenuOpen }))), (this.isMenuOpen || this.isMenuClosing) && (index.h("div", { key: 'e6829565c0a553a624ba6bd8b0e0d433215b66bc', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined, visible: this.isMenuOpen }))), (this.isMenuOpen || this.isMenuClosing) && (index.h("div", { key: 'b1a24a44a00c644f9f541f4a03d66a0c9439c8e0', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bh-multi-select.cjs.entry.js

@@ -2,15 +2,16 @@
 
 var index = require('./index-B6sArKsK.js');
 var keyboardNavigation = require('./keyboard-navigation-C6C9tbAx.js');
-var dismissalManager = require('./dismissal-manager-VevirmgP.js');
 var floatingPositioner = require('./floating-positioner-BT-3DzfD.js');
 var constants = require('./constants-B93iN3Uz.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.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 focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var validators = require('./validators-DfzKUg-b.js');
+var dismissalManager = require('./dismissal-manager-VevirmgP.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 require('./metrics-DtkENqew.js');
@@ -41,7 +42,7 @@ const BhMultiSelect = class {
     dismissalManager;
     destroy$ = lifecycle.createDestroySubjectSync();
     navState = keyboardNavigation.createKeyboardNavigationState();
-    logger = errorBoundary.createComponentLogger("bh-multi-select");
+    logger = logger.createComponentLogger("bh-multi-select");
     i18nUnsubscribe;
     _i18nVersion = 0;
     _errorHandler;
@@ -409,14 +410,14 @@ const BhMultiSelect = class {
                 width: this.menuWidth > 0 ? `${this.menuWidth}px` : undefined,
             }
             : { display: "none" };
-        return (index.h(index.Host, { key: '70e5a15519841efe0fd7c0d242359c14b9ee4a4e', style: { width: this.width } }, index.h("div", { key: 'bb4f9e2e3e77f8fb8baf8a5ecb3ef4a6f343c77d', class: "multi-select-wrapper" }, index.h("bh-label", { key: '71bfded56ed11d28b561f5cff4198e02281a3402', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, index.h("div", { key: '0cb220f4c693d5b0aa520288bde1f979f6ce3fdf', "aria-describedby": this.showHintText && this.hintText ? "hint-text" : undefined, "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox", "aria-invalid": this.error ? "true" : undefined, "aria-required": this.required ? "true" : undefined, class: triggerClasses, onBlur: this.handleBlur, onClick: this.toggleMenu, onFocus: this.handleFocus, onKeyDown: this.handleTriggerKeyDown, part: "trigger", ref: (el) => (this.triggerRef = el), role: "combobox", tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: 'd9c23c79264c97ab317efba76f77734140fd879c', class: "multi-select-tag-flow" }, isEmpty && (index.h("span", { key: '7c7464da9f0e6e407b009c69ee9da50b26e1441d', class: "multi-select-placeholder" }, i18n.resolveI18n("bh-multi-select", "placeholder", this.placeholder, "Select options..."))), tags.map((tag) => (index.h("bh-tag", { disabled: this.disabled, dismissible: !this.disabled, key: tag.id, label: tag.label, maxWidth: 150, onBhClose: () => this.handleTagDismiss(tag), size: "sm", variant: "text-only" }))), remaining > 0 && (index.h("bh-tag", { key: 'ffb89f6899b87a508fa51383151ea86ee5dcb005', disabled: this.disabled, dismissible: false, label: `+${remaining}`, size: "sm", variant: "text-only" }))), index.h("span", { key: 'b12080257937d7e4726d9cf3a6e20bd2db5d3f1c', class: {
+        return (index.h(index.Host, { key: '990847a23d2ea4fe16329c20bfff07f635c290c0', style: { width: this.width } }, index.h("div", { key: '7ef3db32f8c7e59c5695f93e6f776d24e42c1fb4', class: "multi-select-wrapper" }, index.h("bh-label", { key: 'f35e268c9a1e4400ff6ea9e4f49f390fbdd30d62', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, index.h("div", { key: '4d550a56e60fafb275b7b01c719bc2e9dc1c7d97', "aria-describedby": this.showHintText && this.hintText ? "hint-text" : undefined, "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox", "aria-invalid": this.error ? "true" : undefined, "aria-required": this.required ? "true" : undefined, class: triggerClasses, onBlur: this.handleBlur, onClick: this.toggleMenu, onFocus: this.handleFocus, onKeyDown: this.handleTriggerKeyDown, part: "trigger", ref: (el) => (this.triggerRef = el), role: "combobox", tabindex: this.disabled ? -1 : 0 }, index.h("div", { key: '23fc0d98f7a295fda1e96878afee8b39149df5ad', class: "multi-select-tag-flow" }, isEmpty && (index.h("span", { key: 'e4cab50d03f4473c4d2c4601b3bb294358bc70b3', class: "multi-select-placeholder" }, i18n.resolveI18n("bh-multi-select", "placeholder", this.placeholder, "Select options..."))), tags.map((tag) => (index.h("bh-tag", { disabled: this.disabled, dismissible: !this.disabled, key: tag.id, label: tag.label, maxWidth: 150, onBhClose: () => this.handleTagDismiss(tag), size: "sm", variant: "text-only" }))), remaining > 0 && (index.h("bh-tag", { key: 'd85f22c4406ec3cd03b928ec646ef20560da5f91', disabled: this.disabled, dismissible: false, label: `+${remaining}`, size: "sm", variant: "text-only" }))), index.h("span", { key: '0e53b1e5a6cbbec0b02feda1220549c10137c3dc', class: {
                 "material-symbols-outlined": true,
                 "trigger-icon": true,
                 "trigger-icon-open": this.isOpen,
-            } }, "expand_more"))), this.showHintText && this.hintText && (index.h("div", { key: '6680cc413d3f326db2702a63909f47dc31e64754', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)), index.h("div", { key: '55bba664d8aecb80c648c811f373ddb80295849e', class: {
+            } }, "expand_more"))), this.showHintText && this.hintText && (index.h("div", { key: '70aa346ae406eee4ee38aee041d82ed6eeb8bc71', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)), index.h("div", { key: '3754877af6eff5b74cb46543ccf28d5ceb6ebe98', class: {
                 "multi-select-menu": true,
                 "animate-menu-enter": this.isOpen,
-            }, onKeyDown: this.handleMenuKeyDown, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, index.h("div", { key: '11914223d536b2b2f8dd3a52e36ba96aa8094cfd', class: "menu-items" }, this.parsedOptions.map((item) => {
+            }, onKeyDown: this.handleMenuKeyDown, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, index.h("div", { key: 'ea327f893e4a479aafb40028f84490c6fe460916', class: "menu-items" }, this.parsedOptions.map((item) => {
             if (item.divider) {
                 return index.h("div", { class: "menu-divider", key: item.id });
             }