@actabldesign/bellhop-core 0.3.0 → 0.3.1

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

@@ -1,12 +1,13 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var classBuilder = require('./class-builder-DFgnSWOY.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');
+var classBuilder = require('./class-builder-DFgnSWOY.js');
 require('./keyboard-constants-ByvH1XTM.js');
 
 const bhBadgeCss = () => `@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;--bh-badge-border-radius:var(--radius-full);--bh-badge-font-family:var(--font-inter);--bh-badge-font-weight:var(--weight-medium);--bh-badge-gap-sm:var(--spacing-sm);--bh-badge-gap-xxs:var(--spacing-xxs);--bh-badge-padding-xs:var(--spacing-xxs);--bh-badge-padding-sm:var(--spacing-sm);--bh-badge-padding-md:var(--spacing-md);--bh-badge-padding-lg:var(--spacing-lg);--bh-badge-padding-xl:var(--spacing-xl);--bh-badge-text-xs:var(--text-xs-size);--bh-badge-text-sm:var(--text-sm-size);--bh-badge-text-md:var(--text-md-size);--bh-badge-line-height-xs:var(--line-height-tight);--bh-badge-line-height-sm:var(--line-height-normal);--bh-badge-line-height-md:var(--line-height-normal)}}@layer bh-base{.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--bh-badge-gap-sm);font-family:var(--bh-badge-font-family);font-weight:var(--bh-badge-font-weight);border-radius:var(--bh-badge-border-radius);white-space:nowrap;text-align:center;transition:background-color var(--animation-duration-normal) ease, color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease;border:1px solid transparent;user-select:none;cursor:default}.badge-icon-only{aspect-ratio:1;padding:0;justify-content:center;box-sizing:border-box}.badge-icon-only.badge-sm{width:var(--bh-badge-height-sm);height:var(--bh-badge-height-sm);padding:0}.badge-icon-only.badge-md{width:var(--bh-badge-height-md);height:var(--bh-badge-height-md);padding:0}.badge-icon-only.badge-lg{width:var(--bh-badge-height-lg);height:var(--bh-badge-height-lg);padding:0}.badge-icon-only .badge-icon-custom{font-size:var(--bh-badge-icon-custom-size-md) !important;line-height:1}.badge-icon-dot{font-size:var(--bh-badge-dot-sm) !important;width:var(--bh-badge-dot-sm);height:var(--bh-badge-dot-sm);line-height:1;flex-shrink:0;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16}.badge-icon-custom{font-size:var(--bh-badge-icon-md) !important;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 16}.badge-label{flex-shrink:0;font-weight:inherit}.badge-dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:var(--bh-badge-gap-xxs);border-radius:var(--radius-full);transition:background-color var(--animation-duration-normal) ease, opacity var(--animation-duration-normal) ease;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-dismiss-icon{font-size:var(--bh-badge-icon-sm) !important;width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm);line-height:1;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 14}}@layer bh-variants{.badge-sm{height:var(--bh-badge-height-sm);box-sizing:border-box;padding:0 var(--bh-badge-padding-sm);font-size:var(--bh-badge-font-size-sm);line-height:var(--bh-badge-line-height-xs)}.badge-sm .badge-icon-dot{font-size:var(--bh-badge-dot-xs) !important;width:var(--bh-badge-dot-xs);height:var(--bh-badge-dot-xs)}.badge-sm .badge-icon-custom{font-size:var(--bh-badge-icon-xs) !important}.badge-sm .badge-dismiss{width:var(--bh-badge-icon-sm);height:var(--bh-badge-icon-sm)}.badge-sm .badge-dismiss-icon{font-size:var(--bh-badge-icon-xs) !important;width:var(--bh-badge-icon-xs);height:var(--bh-badge-icon-xs)}.badge-md{height:var(--bh-badge-height-md);box-sizing:border-box;padding:0 var(--bh-badge-padding-md);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-sm)}.badge-lg{height:var(--bh-badge-height-lg);box-sizing:border-box;padding:0 var(--bh-badge-padding-lg);font-size:var(--bh-badge-font-size-md);line-height:var(--bh-badge-line-height-md)}.badge-lg .badge-icon-dot{font-size:var(--bh-badge-dot-md) !important;width:var(--bh-badge-dot-md);height:var(--bh-badge-dot-md)}.badge-lg .badge-icon-custom{font-size:var(--bh-badge-icon-xl) !important}.badge-lg .badge-dismiss{width:var(--bh-badge-icon-lg);height:var(--bh-badge-icon-lg)}.badge-lg .badge-dismiss-icon{font-size:var(--bh-badge-icon-md) !important;width:var(--bh-badge-icon-md);height:var(--bh-badge-icon-md)}.badge-high.badge-gray{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.badge-high .badge-icon-gray-high,.badge-high .badge-dismiss-icon.badge-icon-gray-high{color:var(--color-neutral-700) !important}.badge-high.badge-brand{background-color:var(--color-brand-200);color:var(--color-brand-800)}.badge-high .badge-icon-brand-high,.badge-high .badge-dismiss-icon.badge-icon-brand-high{color:var(--color-brand-800) !important}.badge-high.badge-blue{background-color:var(--color-blue-200);color:var(--color-blue-900)}.badge-high .badge-icon-blue-high,.badge-high .badge-dismiss-icon.badge-icon-blue-high{color:var(--color-blue-900) !important}.badge-high.badge-error{background-color:var(--color-error-200);color:var(--color-error-900)}.badge-high .badge-icon-error-high,.badge-high .badge-dismiss-icon.badge-icon-error-high{color:var(--color-error-900) !important}.badge-high.badge-warning{background-color:var(--color-warning-200);color:var(--color-warning-900)}.badge-high .badge-icon-warning-high,.badge-high .badge-dismiss-icon.badge-icon-warning-high{color:var(--color-warning-900) !important}.badge-high.badge-success{background-color:var(--color-success-200);color:var(--color-success-900)}.badge-high .badge-icon-success-high,.badge-high .badge-dismiss-icon.badge-icon-success-high{color:var(--color-success-900) !important}.badge-high.badge-purple{background-color:var(--color-purple-200);color:var(--color-purple-800)}.badge-high .badge-icon-purple-high,.badge-high .badge-dismiss-icon.badge-icon-purple-high{color:var(--color-purple-800) !important}.badge-high.badge-pink{background-color:var(--color-pink-200);color:var(--color-pink-800)}.badge-high .badge-icon-pink-high,.badge-high .badge-dismiss-icon.badge-icon-pink-high{color:var(--color-pink-800) !important}.badge-high.badge-orange{background-color:var(--color-orange-200);color:var(--color-orange-800)}.badge-high .badge-icon-orange-high,.badge-high .badge-dismiss-icon.badge-icon-orange-high{color:var(--color-orange-800) !important}.badge-medium.badge-gray{background-color:var(--color-neutral-50);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.badge-medium .badge-icon-gray-medium,.badge-medium .badge-dismiss-icon.badge-icon-gray-medium{color:var(--color-neutral-700) !important}.badge-medium.badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-700);border-color:var(--color-brand-200)}.badge-medium .badge-icon-brand-medium,.badge-medium .badge-dismiss-icon.badge-icon-brand-medium{color:var(--color-brand-700) !important}.badge-medium.badge-blue{background-color:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-medium .badge-icon-blue-medium,.badge-medium .badge-dismiss-icon.badge-icon-blue-medium{color:var(--color-blue-700) !important}.badge-medium.badge-error{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.badge-medium .badge-icon-error-medium,.badge-medium .badge-dismiss-icon.badge-icon-error-medium{color:var(--color-error-700) !important}.badge-medium.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-medium .badge-icon-warning-medium,.badge-medium .badge-dismiss-icon.badge-icon-warning-medium{color:var(--color-warning-700) !important}.badge-medium.badge-success{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.badge-medium .badge-icon-success-medium,.badge-medium .badge-dismiss-icon.badge-icon-success-medium{color:var(--color-success-700) !important}.badge-medium.badge-purple{background-color:var(--color-purple-50);color:var(--color-purple-700);border-color:var(--color-purple-200)}.badge-medium .badge-icon-purple-medium,.badge-medium .badge-dismiss-icon.badge-icon-purple-medium{color:var(--color-purple-700) !important}.badge-medium.badge-pink{background-color:var(--color-pink-50);color:var(--color-pink-800);border-color:var(--color-pink-200)}.badge-medium .badge-icon-pink-medium,.badge-medium .badge-dismiss-icon.badge-icon-pink-medium{color:var(--color-pink-800) !important}.badge-medium.badge-orange{background-color:var(--color-orange-50);color:var(--color-orange-800);border-color:var(--color-orange-200)}.badge-medium .badge-icon-orange-medium,.badge-medium .badge-dismiss-icon.badge-icon-orange-medium{color:var(--color-orange-800) !important}.badge-low.badge-gray{background-color:transparent;color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge-low .badge-icon-gray-low,.badge-low .badge-dismiss-icon.badge-icon-gray-low{color:var(--color-neutral-600) !important}.badge-low.badge-brand{background-color:transparent;color:var(--color-brand-600);border-color:var(--color-brand-200)}.badge-low .badge-icon-brand-low,.badge-low .badge-dismiss-icon.badge-icon-brand-low{color:var(--color-brand-600) !important}.badge-low.badge-blue{background-color:transparent;color:var(--color-blue-700);border-color:var(--color-blue-200)}.badge-low .badge-icon-blue-low,.badge-low .badge-dismiss-icon.badge-icon-blue-low{color:var(--color-blue-700) !important}.badge-low.badge-error{background-color:transparent;color:var(--color-error-600);border-color:var(--color-error-200)}.badge-low .badge-icon-error-low,.badge-low .badge-dismiss-icon.badge-icon-error-low{color:var(--color-error-600) !important}.badge-low.badge-warning{background-color:transparent;color:var(--color-warning-700);border-color:var(--color-warning-200)}.badge-low .badge-icon-warning-low,.badge-low .badge-dismiss-icon.badge-icon-warning-low{color:var(--color-warning-700) !important}.badge-low.badge-success{background-color:transparent;color:var(--color-success-700);border-color:var(--color-success-200)}.badge-low .badge-icon-success-low,.badge-low .badge-dismiss-icon.badge-icon-success-low{color:var(--color-success-700) !important}.badge-low.badge-purple{background-color:transparent;color:var(--color-purple-600);border-color:var(--color-purple-200)}.badge-low .badge-icon-purple-low,.badge-low .badge-dismiss-icon.badge-icon-purple-low{color:var(--color-purple-600) !important}.badge-low.badge-pink{background-color:transparent;color:var(--color-pink-600);border-color:var(--color-pink-200)}.badge-low .badge-icon-pink-low,.badge-low .badge-dismiss-icon.badge-icon-pink-low{color:var(--color-pink-600) !important}.badge-low.badge-orange{background-color:transparent;color:var(--color-orange-700);border-color:var(--color-orange-200)}.badge-low .badge-icon-orange-low,.badge-low .badge-dismiss-icon.badge-icon-orange-low{color:var(--color-orange-700) !important}.badge-disabled{opacity:0.5;cursor:not-allowed}}`;
@@ -21,7 +22,7 @@ const BhBadge = class {
         this.bhClose = index.createEvent(this, "bhClose");
         this.bhClick = index.createEvent(this, "bhClick");
     }
-    logger = errorBoundary.createComponentLogger("bh-badge");
+    logger = logger.createComponentLogger("bh-badge");
     focusState = focusStateManager.createFocusStateManager();
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -133,12 +134,12 @@ const BhBadge = class {
         const iconColorClass = `badge-icon-${activeColor}-${this.emphasis}`;
         const isDot = this.icon === DOT_ICON_NAME;
         const hasIcon = Boolean(this.icon);
-        return (index.h(index.Host, { key: '4816465d007d781d018920aad184dafc0822aae9' }, index.h("span", { key: '1225a9ef5e63b37c1824dcff1d5f3d868ddb943d', "aria-disabled": this.disabled ? "true" : undefined, class: badgeClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "badge", role: "status", tabIndex: this.dismissible && !this.disabled ? 0 : -1 }, hasIcon && (index.h("span", { key: 'b1a42b78154a97efed271fca43ac23b291d3899e', class: {
+        return (index.h(index.Host, { key: '6110746e6cc85b6e623abd53dbeb1b1360485329' }, index.h("span", { key: '1adae843f5065e81285130644690a76140501004', "aria-disabled": this.disabled ? "true" : undefined, class: badgeClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "badge", role: "status", tabIndex: this.dismissible && !this.disabled ? 0 : -1 }, hasIcon && (index.h("span", { key: '71f8499d7b4a14d8dcbfe204243deb9ac5079238', class: {
                 "material-symbols-outlined": true,
                 [iconColorClass]: true,
                 "badge-icon-dot": isDot,
                 "badge-icon-custom": !isDot,
-            } }, isDot ? DOT_MATERIAL_SYMBOL : this.icon)), this.label && index.h("span", { key: '0c78085ea38a7d5b9d17ae0990a741d0ac56bba3', class: "badge-label" }, this.label), this.dismissible && (index.h("button", { key: '81a243d88637f1ed0d1f44afe75f426efe4fef13', "aria-label": i18n.resolveI18n("bh-badge", "dismissAriaLabel", undefined, "Dismiss"), class: "badge-dismiss", disabled: this.disabled, onClick: this.handleDismiss, part: "dismiss-button", type: "button" }, index.h("span", { key: 'a1772ab6e505a24764f591207ff4a76c93c3fe9c', class: `material-symbols-outlined badge-dismiss-icon ${iconColorClass}` }, "close"))))));
+            } }, isDot ? DOT_MATERIAL_SYMBOL : this.icon)), this.label && index.h("span", { key: '9a1cc6cf8d657aff65b0f08bc9e4c9a6e515a8dd', class: "badge-label" }, this.label), this.dismissible && (index.h("button", { key: '4f6d182fa10dc21f862757c43bf3e39cafd5bbe7', "aria-label": i18n.resolveI18n("bh-badge", "dismissAriaLabel", undefined, "Dismiss"), class: "badge-dismiss", disabled: this.disabled, onClick: this.handleDismiss, part: "dismiss-button", type: "button" }, index.h("span", { key: '5065a67791d6190446f4f55a0ab6f29f35bbccbc', class: `material-symbols-outlined badge-dismiss-icon ${iconColorClass}` }, "close"))))));
     }
 };
 BhBadge.style = bhBadgeCss();

package/dist/cjs/bh-banner.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 bhBannerCss = () => `@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);--bh-banner-bg:var(--color-bg-primary);--bh-banner-border-color:var(--color-border-secondary);--bh-banner-border-radius:var(--radius-xl);--bh-banner-shadow:var(--shadow-xs);--bh-banner-heading-color:var(--color-text-primary);--bh-banner-description-color:var(--color-text-tertiary)}}@layer bh-base{.banner{display:flex;background:var(--bh-banner-bg);border:1px solid var(--bh-banner-border-color);border-radius:var(--bh-banner-border-radius);box-shadow:var(--bh-banner-shadow);overflow:clip;position:relative}.banner-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.banner-body{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.banner-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.banner-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-banner-heading-color);margin:0}.banner-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-banner-description-color);margin:0}.banner-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.banner-media{flex-shrink:0;overflow:clip}.banner-image{display:block;width:100%;height:100%;object-fit:cover}.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}}@layer bh-variants{.banner-horizontal{flex-direction:row;align-items:stretch}.banner-horizontal .banner-media{width:240px;align-self:stretch}.banner-horizontal .banner-content{padding:var(--spacing-3xl)}.banner-horizontal:not(.banner-with-media) .banner-content{padding:var(--spacing-3xl)}.banner-vertical{flex-direction:column}.banner-vertical .banner-media{width:100%;height:200px}.banner-vertical .banner-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.banner-vertical .banner-actions{flex-direction:column;width:100%}.banner-vertical .banner-actions ::slotted(*){width:100%}}`;
@@ -14,7 +15,7 @@ const BhBanner = class {
         this.bhClose = index.createEvent(this, "bhClose");
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /** Banner heading text */
@@ -66,11 +67,11 @@ const BhBanner = class {
     }
     render() {
         const hasMedia = !!this.imageSrc;
-        return (index.h(index.Host, { key: '79fb5793d1b15cf28cb253d76a32e1b0c1901b43' }, index.h("div", { key: '68317880f36540113c041b4a7988a0a1ba4bb905', "aria-label": this.heading || "Banner", class: {
+        return (index.h(index.Host, { key: 'f61560c82138e3fccc2a3a9236f5235ecb1847b2' }, index.h("div", { key: '8a8f37d7a59cbdb6e04f7a3d60d53a108ed63a79', "aria-label": this.heading || "Banner", class: {
                 banner: true,
                 [`banner-${this.variant}`]: true,
                 "banner-with-media": hasMedia,
-            }, part: "container", role: "region" }, hasMedia && this.renderMedia(), index.h("div", { key: 'dcccc9223215d053378f386e9792090241df829a', class: "banner-content", part: "content" }, index.h("div", { key: 'c359f940df031ceb027199b9078c2ec88c2e90be', class: "banner-body", part: "body" }, index.h("div", { key: 'eadb47b277801f7f3d05d6d71bb90a4a99020ae7', class: "banner-text", part: "text" }, this.heading && (index.h("h3", { key: '56b86b6844878d151ed69164b4c2ddc39ad6ec61', class: "banner-heading", part: "heading" }, this.heading)), this.description && (index.h("p", { key: '274436012fbdb0f0b9ecf2f7e289b428f22e0309', class: "banner-description", part: "description" }, this.description))), index.h("slot", { key: '7b619e0cfbf1326abd19ce703946ee192983b432' })), index.h("div", { key: '19f6c33e74e8f380d3840974479a838b123f78fa', class: "banner-actions", onClick: this.handleActionClick, part: "actions" }, index.h("slot", { key: 'c1f363a7f526006d21ed0d26dd134d623eb1583a', name: "actions" }))), this.showDismiss && (index.h("bh-close-button", { key: '01736b1296b1938af470f5198a72a29a009b2c94', ariaLabel: i18n.resolveI18n("bh-banner", "dismissAriaLabel", this.dismissAriaLabel, "Dismiss banner"), onClick: this.handleDismiss })))));
+            }, part: "container", role: "region" }, hasMedia && this.renderMedia(), index.h("div", { key: 'a5378ca0755d8fa23b940a4c8893590b139005db', class: "banner-content", part: "content" }, index.h("div", { key: '943dfa074273d6de8ef68706c1c6305878fac47b', class: "banner-body", part: "body" }, index.h("div", { key: 'c40d87d74a11df3b512e37476f968334cf733081', class: "banner-text", part: "text" }, this.heading && (index.h("h3", { key: 'f251f4f656b2e75bd8ccfc13f707f73e40c60bd9', class: "banner-heading", part: "heading" }, this.heading)), this.description && (index.h("p", { key: '322110ba3ab9c0c02bfbc4fcd4bae618c3cbbecb', class: "banner-description", part: "description" }, this.description))), index.h("slot", { key: 'cfd8adc5a3a8f299cb95381910282ae111fcfba9' })), index.h("div", { key: 'e62fd391857817eae156462efd7e07a4883944d6', class: "banner-actions", onClick: this.handleActionClick, part: "actions" }, index.h("slot", { key: '48372d95fc2273890c42e80c9cf16489ca0727ad', name: "actions" }))), this.showDismiss && (index.h("bh-close-button", { key: 'fa47fbe26e433dadc2d1d7523a1667686c93c41c', ariaLabel: i18n.resolveI18n("bh-banner", "dismissAriaLabel", this.dismissAriaLabel, "Dismiss banner"), onClick: this.handleDismiss })))));
     }
 };
 BhBanner.style = bhBannerCss();

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

@@ -2,7 +2,8 @@
 
 var index = require('./index-B6sArKsK.js');
 var metrics = require('./metrics-DtkENqew.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
+var logger = require('./logger-DZionBgs.js');
 
 const bhBarChartCss = () => `  @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-bar-chart-gap: var(--spacing-xxs);     --bh-bar-chart-gap-lg: var(--spacing-lg);     --bh-bar-chart-hover-bg: var(--color-bg-tertiary);          --bh-bar-chart-color-1: var(--color-bg-interactive);     --bh-bar-chart-color-2: var(--color-orange-500);     --bh-bar-chart-color-3: var(--color-text-success);     --bh-bar-chart-color-purple: var(--color-purple-600);     --bh-bar-chart-color-accent: var(--color-accent-500);     --bh-bar-chart-color-4: var(--color-teal-500);     --bh-bar-chart-color-5: var(--color-lime-500);     --bh-bar-chart-color-6: var(--color-amber-500);     --bh-bar-chart-color-7: var(--color-purple-600);     --bh-bar-chart-color-8: var(--color-accent-500);   } } @layer bh-base {      .vertical-container {     display: flex;     align-items: flex-end;     height: 180px;     width: 100%;   }   .bar-column.vertical {     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-end;     height: 100%;     flex: 1;     gap: var(--bh-bar-chart-gap);     margin: 0 2px;     border-radius: var(--radius-xs);     transition: background-color var(--animation-duration-normal) ease;   }   .bar-segment.vertical {     width: 6px;     border-radius: var(--radius-xxs);     min-height: 2px;     transition: all var(--animation-duration-slow) ease;     transform-origin: bottom;   }      .horizontal-container {     display: flex;     flex-direction: column;     justify-content: space-between;     height: auto;     min-height: 140px;     gap: var(--bh-bar-chart-gap-lg);   }   .bar-row.horizontal {     display: flex;     align-items: center;     width: 100%;     height: 6px;     min-height: 6px;     max-height: 6px;     gap: var(--bh-bar-chart-gap);     margin: 2px 0;     border-radius: var(--radius-xs);     transition: background-color var(--animation-duration-normal) ease;     padding: 2px;   }   .bar-segment.horizontal {     height: 100%;     min-height: 6px;     max-height: 6px;     border-radius: var(--radius-xxs);     min-width: 2px;     transition: all var(--animation-duration-slow) ease;     transform-origin: left;   } } @layer bh-variants {      .vertical-container.simple {     height: 180px;     width: 100%;   }   .vertical-container.simple .bar-column.vertical {     flex: 1;     margin: 0 2px;   }   .vertical-container.simple .bar-segment.horizontal {     min-width: 2px;     height: 6px;     min-height: 6px;     max-height: 6px;   }      .horizontal-container.simple {     height: auto;     min-height: 140px;     gap: var(--bh-bar-chart-gap-lg);   }   .horizontal-container.simple .bar-row.horizontal {     height: 6px;     min-height: 6px;     max-height: 6px;     margin: 2px 0;     padding: 2px;   }   .horizontal-container.simple .bar-segment.horizontal {     min-width: 2px;     height: 6px;     min-height: 6px;     max-height: 6px;   } } @layer bh-states {      .bar-column,   .bar-row {     cursor: pointer;   }   .bar-column:hover {     background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent);   }   .bar-column:hover .bar-segment {     opacity: 0.9;     filter: brightness(1.05);   }   .bar-row:hover {     background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent);   }   .bar-row:hover .bar-segment {     opacity: 0.9;     filter: brightness(1.05);   } } @layer bh-utilities {      .bar-chart-animated .bar-segment.vertical {     animation: barGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   }   .bar-chart-animated .bar-segment.horizontal {     animation: barGrowHorizontal 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   }   @keyframes barGrowVertical {     from {       transform: scaleY(0);       opacity: 0;     }     to {       transform: scaleY(1);       opacity: 1;     }   }   @keyframes barGrowHorizontal {     from {       transform: scaleX(0);       opacity: 0;     }     to {       transform: scaleX(1);       opacity: 1;     }   }   @media (prefers-reduced-motion: reduce) {     .bar-chart-animated .bar-segment.vertical,     .bar-chart-animated .bar-segment.horizontal {       animation: none;       opacity: 1;       transform: none;     }   } }`;
 
@@ -107,7 +108,7 @@ const BhBarChart = class {
     tooltipItems = [];
     tooltipTotal = "";
     showTooltipTotal = false;
-    logger = errorBoundary.createComponentLogger("bh-bar-chart");
+    logger = logger.createComponentLogger("bh-bar-chart");
     /**
      * Validates series data for safe processing
      * Returns sanitized data with invalid values replaced by 0
@@ -266,7 +267,7 @@ const BhBarChart = class {
     };
     render() {
         const processedData = this.processData();
-        return (index.h(index.Host, { key: '4d0480d6140e744255e2335090cebc69042f29a6' }, index.h("div", { key: '40b95ccf681d97b54f5376d74ba43205091ac55b', class: {
+        return (index.h(index.Host, { key: '8b47527eb278b71ffbb786697e7f09fba39365e7' }, index.h("div", { key: '26f988f02923c782f36eb4d6653a7a51fcbc91e2', class: {
                 "bar-chart": true,
                 [this.variant]: true,
                 [this.orientation]: true,
@@ -277,7 +278,7 @@ const BhBarChart = class {
             } })))))))) : (index.h("div", { class: "horizontal-container" }, processedData.map((bar, i) => (index.h("div", { class: "bar-row horizontal", key: i, onClick: (e) => this.handleColumnClick(e, bar, i), onMouseEnter: (e) => this.handleColumnHover(e, bar, i), onMouseLeave: (e) => this.handleColumnLeave(e, bar, i), onMouseMove: this.handleColumnMove }, bar.segments.map((segment, segIndex) => (index.h("div", { class: "bar-segment horizontal", key: segIndex, style: {
                 width: `${(segment.value / bar.totalValue) * 100}%`,
                 backgroundColor: segment.color,
-            } }))))))))), index.h("bh-chart-tooltip", { key: 'b980b600f61e671df3fd7ddf00d7eba799f7802a', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, showTotal: this.showTooltipTotal, total: this.tooltipTotal, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            } }))))))))), index.h("bh-chart-tooltip", { key: 'fb810fcde8a557567f020d34d8ca6622330acb27', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, showTotal: this.showTooltipTotal, total: this.tooltipTotal, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
 };
 BhBarChart.style = bhBarChartCss();

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

@@ -1,15 +1,16 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var keyboardNavigation = require('./keyboard-navigation-C6C9tbAx.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');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 require('./keyboard-constants-ByvH1XTM.js');
 
-const bhBreadcrumbsCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-breadcrumbs-color: var(--color-text-secondary);     --bh-breadcrumbs-color-hover: var(--color-text-primary);     --bh-breadcrumbs-bg-hover: var(--color-bg-secondary);     --bh-breadcrumbs-current-bg: var(--color-bg-secondary);     --bh-breadcrumbs-current-color: var(--color-text-primary);     --bh-breadcrumbs-separator-color: var(--color-border-primary);     --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive);   } } @layer bh-base {      .breadcrumbs {     font-family: var(--font-inter);     user-select: none;   }   .breadcrumbs-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     flex-wrap: wrap;   }   .breadcrumb-item {     display: flex;     align-items: center;   }      .breadcrumb-button {     display: flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     border-radius: var(--radius-sm);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     color: var(--bh-breadcrumbs-color);     text-decoration: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     min-height: var(--bh-breadcrumbs-min-height);     box-sizing: border-box;   }      .breadcrumb-text {     white-space: nowrap;     max-width: var(--bh-breadcrumbs-item-max-width);     overflow: hidden;     text-overflow: ellipsis;   }      .breadcrumb-icon {     flex-shrink: 0;     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);     color: var(--bh-breadcrumbs-color);   }      .breadcrumb-separator {     display: flex;     align-items: center;     color: var(--bh-breadcrumbs-separator-color);     font-size: var(--bh-breadcrumbs-icon-size);     flex-shrink: 0;   }   .breadcrumb-separator .material-symbols-outlined {     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);   }      .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;     font-size: var(--icon-size-lg);   } } @layer bh-variants {      .breadcrumb-home {     padding: var(--spacing-xs);     min-width: var(--bh-breadcrumbs-min-height);     min-height: var(--bh-breadcrumbs-min-height);   }   .breadcrumb-home .breadcrumb-icon {     font-size: var(--text-lg-size);     width: var(--text-lg-size);     height: var(--text-lg-size);   }      .breadcrumb-current {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);     font-weight: var(--weight-medium);     cursor: default;   }      .breadcrumb-ellipsis {     color: var(--bh-breadcrumbs-color);     font-weight: var(--weight-medium);   } } @layer bh-states {   .breadcrumb-button:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   }   .breadcrumb-button:focus-visible {     outline: 2px solid var(--bh-breadcrumbs-focus-ring-color);     outline-offset: 2px;   }   .breadcrumb-current:hover {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);   }   .breadcrumb-ellipsis:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   } } @layer bh-utilities {      @media (max-width: 640px) {     .breadcrumb-text {       max-width: var(--bh-breadcrumbs-item-max-width-sm);     }     .breadcrumbs-container {       gap: var(--spacing-xxs);     }     .breadcrumb-button {       padding: var(--spacing-xxs) var(--spacing-xs);       font-size: var(--text-xs-size);     }   } }  .breadcrumb-dropdown {   position: relative;   display: inline-flex; }  .breadcrumb-dropdown-trigger {   display: inline-flex;   align-items: center;   gap: var(--spacing-xs); }  .breadcrumb-dropdown-chevron {   font-size: var(--icon-size-base);   color: var(--color-text-disabled);   transition: color var(--animation-duration-normal) ease; }  .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron {   color: var(--color-text-secondary); }  .breadcrumb-dropdown-menu {   position: absolute;   top: calc(100% + var(--spacing-xs));   left: 0;   z-index: var(--bh-z-index-dropdown);   min-width: 240px;   background: var(--color-surface-elevated);   border-radius: var(--radius-md);   box-shadow: var(--shadow-dropdown);   overflow: hidden;   box-sizing: border-box;   padding: var(--spacing-xs); }  .breadcrumb-dropdown-search {   display: flex;   align-items: center;   gap: var(--spacing-md);   padding: var(--spacing-md);   border-bottom: 1px solid var(--color-border-secondary);   margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-search input {   flex: 1;   min-width: 0;   border: none;   outline: none;   background: transparent;   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder {   color: var(--color-text-tertiary); }  .breadcrumb-dropdown-item {   display: flex;   align-items: center;   gap: var(--spacing-md);   width: 100%;   padding: var(--spacing-md);   border: none;   background: transparent;   border-radius: var(--radius-sm);   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary);   cursor: pointer;   text-align: left;   transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover {   background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected {   background: var(--color-neutral-200); }`;
+const bhBreadcrumbsCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-breadcrumbs-color: var(--color-text-secondary);     --bh-breadcrumbs-color-hover: var(--color-text-primary);     --bh-breadcrumbs-bg-hover: var(--color-bg-secondary);     --bh-breadcrumbs-current-bg: var(--color-bg-secondary);     --bh-breadcrumbs-current-color: var(--color-text-primary);     --bh-breadcrumbs-separator-color: var(--color-border-primary);     --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive);   } } @layer bh-base {      .breadcrumbs {     font-family: var(--font-inter);     user-select: none;   }   .breadcrumbs-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     flex-wrap: wrap;   }   .breadcrumb-item,   .breadcrumb-start,   .breadcrumb-slot-item {     display: flex;     align-items: center;   }      .breadcrumb-button {     display: flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     border-radius: var(--radius-sm);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     color: var(--bh-breadcrumbs-color);     text-decoration: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     min-height: var(--bh-breadcrumbs-min-height);     box-sizing: border-box;   }      .breadcrumb-text {     white-space: nowrap;     max-width: var(--bh-breadcrumbs-item-max-width);     overflow: hidden;     text-overflow: ellipsis;   }      .breadcrumb-icon {     flex-shrink: 0;     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);     color: var(--bh-breadcrumbs-color);   }      .breadcrumb-separator {     display: flex;     align-items: center;     color: var(--bh-breadcrumbs-separator-color);     font-size: var(--bh-breadcrumbs-icon-size);     flex-shrink: 0;   }   .breadcrumb-separator .material-symbols-outlined {     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);   }      .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;     font-size: var(--icon-size-lg);   } } @layer bh-variants {      .breadcrumb-home {     padding: var(--spacing-xs);     min-width: var(--bh-breadcrumbs-min-height);     min-height: var(--bh-breadcrumbs-min-height);   }   .breadcrumb-home .breadcrumb-icon {     font-size: var(--text-lg-size);     width: var(--text-lg-size);     height: var(--text-lg-size);   }      .breadcrumb-current {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);     font-weight: var(--weight-medium);     cursor: default;   }      .breadcrumb-ellipsis {     color: var(--bh-breadcrumbs-color);     font-weight: var(--weight-medium);   } } @layer bh-states {   .breadcrumb-button:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   }   .breadcrumb-button:focus-visible {     outline: 2px solid var(--bh-breadcrumbs-focus-ring-color);     outline-offset: 2px;   }   .breadcrumb-current:hover {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);   }   .breadcrumb-ellipsis:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   } } @layer bh-utilities {      @media (max-width: 640px) {     .breadcrumb-text {       max-width: var(--bh-breadcrumbs-item-max-width-sm);     }     .breadcrumbs-container {       gap: var(--spacing-xxs);     }     .breadcrumb-button {       padding: var(--spacing-xxs) var(--spacing-xs);       font-size: var(--text-xs-size);     }   } }  .breadcrumb-dropdown {   position: relative;   display: inline-flex; }  .breadcrumb-dropdown-trigger {   display: inline-flex;   align-items: center;   gap: var(--spacing-xs); }  .breadcrumb-dropdown-chevron {   font-size: var(--icon-size-base);   color: var(--color-text-disabled);   transition: color var(--animation-duration-normal) ease; }  .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron {   color: var(--color-text-secondary); }  .breadcrumb-dropdown-menu {   position: absolute;   top: calc(100% + var(--spacing-xs));   left: 0;   z-index: var(--bh-z-index-dropdown);   min-width: 240px;   background: var(--color-surface-elevated);   border-radius: var(--radius-md);   box-shadow: var(--shadow-dropdown);   overflow: hidden;   box-sizing: border-box;   padding: var(--spacing-xs); }  .breadcrumb-dropdown-search {   display: flex;   align-items: center;   gap: var(--spacing-md);   padding: var(--spacing-md);   border-bottom: 1px solid var(--color-border-secondary);   margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-search input {   flex: 1;   min-width: 0;   border: none;   outline: none;   background: transparent;   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder {   color: var(--color-text-tertiary); }  .breadcrumb-dropdown-item {   display: flex;   align-items: center;   gap: var(--spacing-md);   width: 100%;   padding: var(--spacing-md);   border: none;   background: transparent;   border-radius: var(--radius-sm);   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary);   cursor: pointer;   text-align: left;   transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover {   background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected {   background: var(--color-neutral-200); }`;
 
 /** CSS selector for clickable breadcrumb buttons */
 const BREADCRUMB_BUTTON_SELECTOR = "button.breadcrumb-button:not(.breadcrumb-current)";
@@ -25,7 +26,7 @@ const BhBreadcrumbs = class {
         this.bhChange = index.createEvent(this, "bhChange");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-breadcrumbs");
+    logger = logger.createComponentLogger("bh-breadcrumbs");
     navState = keyboardNavigation.createKeyboardNavigationState();
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -66,6 +67,7 @@ const BhBreadcrumbs = class {
      */
     bhChange;
     openDropdownIndex = null;
+    hasStartContent = false;
     dropdownQuery = "";
     /** Last-selected option id per item index, so selection sticks without a re-render from the consumer */
     dropdownSelections = {};
@@ -117,6 +119,10 @@ const BhBreadcrumbs = class {
             this.bhItemClick.emit(item);
         }
     }
+    handleStartSlotChange = (event) => {
+        const slot = event.target;
+        this.hasStartContent = slot.assignedElements().length > 0;
+    };
     handleHomeClick = () => {
         this.bhItemClick.emit(HOME_BREADCRUMB_ITEM);
     };
@@ -189,6 +195,9 @@ const BhBreadcrumbs = class {
             }, key: option.id, onClick: () => this.handleOptionSelect(item, option, index$1), role: "option", type: "button" }, option.icon && (index.h("span", { class: "material-symbols-outlined" }, option.icon)), index.h("span", null, option.label))))))));
     }
     renderBreadcrumbItem(item, index$1) {
+        if (item.slotName) {
+            return (index.h("div", { class: "breadcrumb-slot-item", key: index$1, part: "slot-item" }, index.h("slot", { name: item.slotName })));
+        }
         if (item.dropdown?.length) {
             return this.renderDropdownItem(item, index$1);
         }
@@ -203,9 +212,11 @@ const BhBreadcrumbs = class {
     render() {
         const { displayItems, showEllipsis, collapsedItems } = this.displayData;
         const overflowLabel = i18n.resolveI18n("bh-breadcrumbs", "overflowAriaLabelTemplate", this.overflowAriaLabelTemplate, "Show {{count}} hidden items").replace("{{count}}", String(collapsedItems.length));
-        return (index.h("nav", { key: '56966b43b17d99a593dd49ad60fc0d58b8277e5d', "aria-label": i18n.resolveI18n("bh-breadcrumbs", "breadcrumbAriaLabel", this.breadcrumbAriaLabel, "Breadcrumb"), class: "breadcrumbs", onKeyDown: this.handleKeyDown, part: "nav" }, index.h("div", { key: 'cc964e1c00640c648a920054a452e9cafe8a78db', class: "breadcrumbs-container", part: "container" }, this.showHome && (index.h("div", { key: '30fa03d35c755a4a5a97b2bcc41b74acebba150f', class: "breadcrumb-item" }, index.h("bh-button-icon", { key: 'b127f1a3870d256542e6ff8e152e34f1b1093d24', "aria-label": i18n.resolveI18n("bh-breadcrumbs", "homeAriaLabel", this.homeAriaLabel, "Home"), hierarchy: "tertiary", iconName: "cottage", onClick: this.handleHomeClick, size: "xs" }))), this.showHome &&
+        return (index.h("nav", { key: 'd9cb90c45ee093c5c4e4866fd5a4bf8e8f27fdcc', "aria-label": i18n.resolveI18n("bh-breadcrumbs", "breadcrumbAriaLabel", this.breadcrumbAriaLabel, "Breadcrumb"), class: "breadcrumbs", onKeyDown: this.handleKeyDown, part: "nav" }, index.h("div", { key: 'f2582eaf25b5c4c1875d4ad16775f1bc18856fdc', class: "breadcrumbs-container", part: "container" }, index.h("div", { key: '13f2f7cdd0d62fd5e16916d84ec3bf61944ca77f', class: "breadcrumb-start", part: "start" }, index.h("slot", { key: '7ff95646edddc588f1f67a5d3b2261d54bba97e0', name: "start", onSlotchange: this.handleStartSlotChange })), this.hasStartContent &&
+            (this.showHome || displayItems.length > 0 || showEllipsis) &&
+            this.renderSeparator(), this.showHome && (index.h("div", { key: '3aac672d0d7b1f9452909736190fd7e8fc90d7ce', class: "breadcrumb-item" }, index.h("bh-button-icon", { key: '9de5438731f689a95f12d02b1a4a92a54d4a7906', "aria-label": i18n.resolveI18n("bh-breadcrumbs", "homeAriaLabel", this.homeAriaLabel, "Home"), hierarchy: "tertiary", iconName: "cottage", onClick: this.handleHomeClick, size: "xs" }))), this.showHome &&
             (displayItems.length > 0 || showEllipsis) &&
-            this.renderSeparator(), showEllipsis && displayItems.length > 0 && (index.h(index.Fragment, { key: '07b012c3b6434053f2d5f6749d9297ddc70fe361' }, index.h("div", { key: 'eeba0b525ce5df68f869d7888840941837d02593', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), index.h("div", { key: '8a1bf31016951cabc19a979c8fa8de91a57f36c5', class: "breadcrumb-item", part: "item" }, index.h("button", { key: 'f61306ddeeb8bf9e8e6f5b47feb5ea95d3fe4948', "aria-label": overflowLabel, class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, onKeyDown: this.handleEllipsisKeyDown, part: "ellipsis-button", title: overflowLabel, type: "button" }, index.h("span", { key: '0faf5dcd8c4e9ef2499fbd7910f1eb1772168d10', class: "breadcrumb-text", part: "text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "breadcrumb-item", key: `item-${index$1 + 1}` }, this.renderBreadcrumbItem(item, index$1 + 1)), index$1 < displayItems.slice(1).length - 1 &&
+            this.renderSeparator(), showEllipsis && displayItems.length > 0 && (index.h(index.Fragment, { key: 'c1653191bf2907dbd5d766670dfa40a814caaceb' }, index.h("div", { key: '7a09f1af2b8251ad7a3bfd5a932cfe206047eba9', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), index.h("div", { key: 'eb4bc8c0f62172df697fbe5c7fdd20d368a5e36f', class: "breadcrumb-item", part: "item" }, index.h("button", { key: 'ffc550c65f950da959790794fe3c5a8a6e302096', "aria-label": overflowLabel, class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, onKeyDown: this.handleEllipsisKeyDown, part: "ellipsis-button", title: overflowLabel, type: "button" }, index.h("span", { key: 'ad45203c999416f1d3e67092b042397c504c8dde', class: "breadcrumb-text", part: "text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "breadcrumb-item", key: `item-${index$1 + 1}` }, this.renderBreadcrumbItem(item, index$1 + 1)), index$1 < displayItems.slice(1).length - 1 &&
             this.renderSeparator()))))), !showEllipsis &&
             displayItems.map((item, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "breadcrumb-item", key: `item-${index$1}` }, this.renderBreadcrumbItem(item, index$1)), index$1 < displayItems.length - 1 && this.renderSeparator()))))));
     }

package/dist/cjs/bh-button-icon_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 lifecycle = require('./lifecycle-CnkLRXH9.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var timers = require('./timers-DP0qMGY7.js');
 var constants = require('./constants-B93iN3Uz.js');
 var i18n = require('./i18n-Twgo5raQ.js');
@@ -16,7 +17,7 @@ const BhButtonIcon = class {
         index.registerInstance(this, hostRef);
         this.bhLongPress = index.createEvent(this, "bhLongPress");
     }
-    logger = errorBoundary.createComponentLogger("bh-button-icon");
+    logger = logger.createComponentLogger("bh-button-icon");
     /**
      * The visual hierarchy of the button
      */
@@ -161,7 +162,7 @@ const BhButtonIcon = class {
             "button-icon-disabled": this.disabled,
             "button-icon-loading": this.loading,
         };
-        return (index.h("button", { key: 'a568ffb31c8ee7c508e8f3330b1c4fa6691a1a76', "aria-busy": this.loading ? "true" : undefined, "aria-describedby": this.describedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.hasPopup ? String(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || this.iconName, "aria-pressed": this.toggle ? String(this.pressed) : undefined, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.toggle ? "button" : undefined, tabindex: this.disabled ? -1 : 0, type: this.type }, this.loading ? (index.h("bh-loader-spinner", { size: "sm", variant: this.hierarchy === "primary" ? "white" : "default" })) : (index.h("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
+        return (index.h("button", { key: '0c19bb2ed14337271c6146bbf94e975735f0ccb0', "aria-busy": this.loading ? "true" : undefined, "aria-describedby": this.describedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.hasPopup ? String(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || this.iconName, "aria-pressed": this.toggle ? String(this.pressed) : undefined, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.toggle ? "button" : undefined, tabindex: this.disabled ? -1 : 0, type: this.type }, this.loading ? (index.h("bh-loader-spinner", { size: "sm", variant: this.hierarchy === "primary" ? "white" : "default" })) : (index.h("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
     }
 };
 BhButtonIcon.style = bhButtonIconCss();
@@ -195,7 +196,7 @@ const BhLoaderSpinner = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /** Loader size */

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

@@ -1,14 +1,15 @@
 '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 focusStateManager = require('./focus-state-manager-BoEvV-Lq.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 classBuilder = require('./class-builder-DFgnSWOY.js');
 var constants = require('./constants-B93iN3Uz.js');
+require('./error-boundary-fNUNT0lE.js');
 
 /**
  * ARIA Builder Utility
@@ -86,7 +87,7 @@ const BhButton = class {
         index.registerInstance(this, hostRef);
         this.bhLongPress = index.createEvent(this, "bhLongPress");
     }
-    logger = errorBoundary.createComponentLogger("bh-button");
+    logger = logger.createComponentLogger("bh-button");
     destroy$ = lifecycle.createDestroySubjectSync();
     focusState = focusStateManager.createFocusStateManager();
     _errorHandler;
@@ -335,7 +336,7 @@ const BhButton = class {
         const buttonClasses = classBuilder.mergeClasses(baseClasses, focusClasses, {
             [`btn-icon-${this.icon}`]: true,
         });
-        return (index.h("button", { key: 'e8e6a016ae510192dc75f4cd3f21703962981cfe', "aria-atomic": "true", "aria-busy": ariaBusy(this.loading), "aria-describedby": this.describedBy, "aria-disabled": ariaDisabled(this.disabled), "aria-expanded": this.hasPopup ? ariaExpanded(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || undefined, "aria-live": "off", "aria-pressed": ariaPressed(this.toggle, this.pressed), "aria-roledescription": this.roleDescription, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlurEvent, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.buttonRole || (this.toggle ? "button" : undefined), tabindex: tabIndexForDisabled(this.disabled), type: this.type }, showLeadingIcon && (index.h("span", { key: 'd3a03f70eee24d71988939ef1d72f4b6b39ed947', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, this.loading ? (index.h("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (index.h("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), index.h("span", { key: '21d9fc3b16cb49ad0639cd4e03c02ffb160f599a', class: `btn-label ${this.getTextSizeClass()}`, part: "label" }, index.h("slot", { key: '42e37cd8a5a1cc890cd2efeedfffdb87b749d428' }, this.label)), showTrailingIcon && (index.h("span", { key: '3ce2b1626ae8276da70be34e63e2c3582e53a883', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, index.h("span", { key: '45c2e8d25eae239d5a570da726455bda63c8fdb1', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
+        return (index.h("button", { key: '4d51d6fa002703616c1772bc94821f050942227a', "aria-atomic": "true", "aria-busy": ariaBusy(this.loading), "aria-describedby": this.describedBy, "aria-disabled": ariaDisabled(this.disabled), "aria-expanded": this.hasPopup ? ariaExpanded(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || undefined, "aria-live": "off", "aria-pressed": ariaPressed(this.toggle, this.pressed), "aria-roledescription": this.roleDescription, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlurEvent, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.buttonRole || (this.toggle ? "button" : undefined), tabindex: tabIndexForDisabled(this.disabled), type: this.type }, showLeadingIcon && (index.h("span", { key: 'a590f7ccd123ef9f1fdb1e603359e9daecc8980d', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, this.loading ? (index.h("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (index.h("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), index.h("span", { key: '76a35460fca9bbe0b5718cddfa181bf918b91500', class: `btn-label ${this.getTextSizeClass()}`, part: "label" }, index.h("slot", { key: '8a55cf75feb637e230020d2abaa1b75672302100' }, this.label)), showTrailingIcon && (index.h("span", { key: '87246a5b2fb7e7338a01251e4564c98af0208af9', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, index.h("span", { key: 'aac0889ad057a049eba0aa72ad35cf373e2c0048', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
     }
 };
 BhButton.style = bhButtonCss();

package/dist/cjs/bh-card-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');
 
 const bhCardContentCss = () => `@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-card-content-bg:transparent;--bh-card-content-divider-color:var(--color-border-secondary);--bh-card-content-padding-none:0;--bh-card-content-padding-sm:var(--spacing-sm) var(--spacing-md);--bh-card-content-padding-md:var(--spacing-md) var(--spacing-xl);--bh-card-content-padding-lg:var(--spacing-xl) var(--spacing-2xl)}}@layer bh-base{.card-content{display:block;background:var(--bh-card-content-bg)}.card-content-divider{height:1px;background:var(--bh-card-content-divider-color)}}@layer bh-variants{.card-content-padding-none{padding:var(--bh-card-content-padding-none)}.card-content-padding-sm{padding:var(--bh-card-content-padding-sm)}.card-content-padding-md{padding:var(--bh-card-content-padding-md)}.card-content-padding-lg{padding:var(--bh-card-content-padding-lg)}}`;
 
@@ -12,7 +13,7 @@ const BhCardContent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * Padding size for the content area
      */
@@ -35,7 +36,7 @@ const BhCardContent = class {
             "card-content": true,
             [`card-content-padding-${this.padding}`]: true,
         };
-        return (index.h(index.Host, { key: '5c4d1b560078bed8d6c718dfd405647e63ade30f' }, this.showDivider && (index.h("div", { key: '00dcd0d2b0e3897da9b2fb6d701e433c04be7996', class: "card-content-divider", part: "divider" })), index.h("div", { key: '88a097b954224f47852fc868e072dbde0af6d91d', class: contentClasses, part: "content" }, index.h("slot", { key: 'eb3270881b7fc477cca4d52692b17c8970799a83' }))));
+        return (index.h(index.Host, { key: '4050a64922f3a7a003841d29280b93022a4e3d68' }, this.showDivider && (index.h("div", { key: 'cdea7a3fc20ebe1542e9f228bf6de4fa9c2767f8', class: "card-content-divider", part: "divider" })), index.h("div", { key: '427b580123407b5a5882dbb9b133fe40d29a5e4a', class: contentClasses, part: "content" }, index.h("slot", { key: '71b4063ff9525de41e7d4cd219d70437c408a3c0' }))));
     }
 };
 BhCardContent.style = bhCardContentCss();

package/dist/cjs/bh-card-footer.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 bhCardFooterCss = () => `@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-card-footer-bg:var(--color-bg-primary);--bh-card-footer-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-footer-gap:var(--spacing-xs);--bh-card-footer-content-gap:var(--spacing-md);--bh-card-footer-content-padding:var(--spacing-xl) var(--spacing-2xl);--bh-card-footer-actions-gap:var(--spacing-none)}}@layer bh-base{.card-footer{display:flex;flex-direction:column;gap:var(--bh-card-footer-gap);background:var(--bh-card-footer-bg)}.card-footer-divider{height:1px;background:var(--bh-card-footer-divider-color)}.card-footer-content{display:flex;align-items:center;gap:var(--bh-card-footer-content-gap);padding:var(--bh-card-footer-content-padding)}.card-footer-primary-actions{display:flex;flex:1 0 0;align-items:center;gap:var(--bh-card-footer-actions-gap);min-width:0}.card-footer-primary-actions:empty{display:none}.card-footer-secondary-actions{display:flex;align-items:center;gap:var(--bh-card-footer-content-gap)}.card-footer-secondary-actions:empty{display:none}}@layer bh-variants{.card-footer-align-left{justify-content:flex-start}.card-footer-align-right{justify-content:flex-end}.card-footer-align-space-between{justify-content:space-between}}`;
 
@@ -12,7 +13,7 @@ const BhCardFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * Whether to show the divider above the footer
      */
@@ -35,7 +36,7 @@ const BhCardFooter = class {
             "card-footer-content": true,
             [`card-footer-align-${this.alignment}`]: true,
         };
-        return (index.h(index.Host, { key: '9352bd6d7f6449e7b0c289728fc68a16bb6e05de' }, index.h("div", { key: 'd439ad44e000451a37a5b1a70018a5438fa2bca1', class: "card-footer", part: "footer" }, this.showDivider && (index.h("div", { key: '1cd72006711a7b981c06ecf2eeb7d80a42453f44', class: "card-footer-divider", part: "divider" })), index.h("div", { key: '6379b4bb8e4db8295acd53be6fc5139c23ab18bf', class: footerContentClasses, part: "content" }, index.h("div", { key: '5ac9d2e90a73ddd870b77860b7b34be500dfbc0d', class: "card-footer-primary-actions" }, index.h("slot", { key: '283286116b57e740bb2efb02cee70e0d9a5de943', name: "primary-actions" })), index.h("div", { key: 'fc70ffc11c4360b2bde0aba0dd58ae4c3ee4bcf7', class: "card-footer-secondary-actions" }, index.h("slot", { key: '2369db56f57d52704cfe1cd05419f2b6acee41b4', name: "secondary-actions" }))))));
+        return (index.h(index.Host, { key: '236a3945387aa7b7c0414383af9d320a5a1e7bb8' }, index.h("div", { key: 'a1d7b7dd892abf5065e27da9032837ef930a42cf', class: "card-footer", part: "footer" }, this.showDivider && (index.h("div", { key: '45992a08fbb9e5896bf94972f1597f57788b0418', class: "card-footer-divider", part: "divider" })), index.h("div", { key: '00745982160b90af6f908ceb49fb7bcadd1d1e55', class: footerContentClasses, part: "content" }, index.h("div", { key: 'e51af94107ec9f13cd0f08c090639256d45528bd', class: "card-footer-primary-actions" }, index.h("slot", { key: 'c3fca58447b034b92a862c3d793b44e0afc6098b', name: "primary-actions" })), index.h("div", { key: '70e2955b01da30857abb6de5770b35e2b8ead2f3', class: "card-footer-secondary-actions" }, index.h("slot", { key: '6e8d9b426e6d57455432f4a8a7444804cb7ba4bc', name: "secondary-actions" }))))));
     }
 };
 BhCardFooter.style = bhCardFooterCss();

package/dist/cjs/bh-card-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 bhCardHeaderCss = () => `@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-card-header-bg:var(--color-bg-primary);--bh-card-header-title-color:var(--color-text-primary);--bh-card-header-supporting-color:var(--color-text-tertiary);--bh-card-header-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-header-gap:var(--spacing-xl);--bh-card-header-content-gap:var(--spacing-sm);--bh-card-header-content-padding:var(--spacing-md) var(--spacing-md) 0       var(--spacing-md);--bh-card-header-text-container-gap:var(--spacing-xxs);--bh-card-header-title-row-gap:var(--spacing-xl);--bh-card-header-supporting-row-gap:var(--spacing-xl);--bh-card-header-title-font-family:var(--font-inter);--bh-card-header-title-font-size:var(--text-md-size);--bh-card-header-title-font-weight:var(--weight-semibold);--bh-card-header-title-line-height:var(--line-height-normal);--bh-card-header-supporting-font-family:var(--font-inter);--bh-card-header-supporting-font-size:var(--text-sm-size);--bh-card-header-supporting-font-weight:var(--weight-regular);--bh-card-header-supporting-line-height:var(--line-height-normal)}}@layer bh-base{.card-header{display:flex;flex-direction:column;gap:var(--bh-card-header-gap);background:var(--bh-card-header-bg)}.card-header-content{display:flex;gap:var(--bh-card-header-content-gap);align-items:flex-start;padding:var(--bh-card-header-content-padding)}.card-header-text-container{display:flex;flex-direction:column;flex:1 0 0;gap:var(--bh-card-header-text-container-gap);min-width:0}.card-header-title-row{display:flex;align-items:center;gap:var(--bh-card-header-title-row-gap)}.card-header-title{font-family:var(--bh-card-header-title-font-family);font-size:var(--bh-card-header-title-font-size);font-weight:var(--bh-card-header-title-font-weight);line-height:var(--bh-card-header-title-line-height);color:var(--bh-card-header-title-color)}.card-header-supporting-row{display:flex;align-items:center;gap:var(--bh-card-header-supporting-row-gap);width:100%}.card-header-spacer{width:var(--bh-avatar-size-sm);flex-shrink:0}.card-header-supporting-text{flex:1 0 0;font-family:var(--bh-card-header-supporting-font-family);font-size:var(--bh-card-header-supporting-font-size);font-weight:var(--bh-card-header-supporting-font-weight);line-height:var(--bh-card-header-supporting-line-height);color:var(--bh-card-header-supporting-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-divider{height:1px;background:var(--bh-card-header-divider-color)}}`;
@@ -13,7 +14,7 @@ const BhCardHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -84,7 +85,7 @@ const BhCardHeader = class {
     }
     handleDropdownClick = () => { };
     render() {
-        return (index.h(index.Host, { key: 'a12910207996dc8ad29f3e4345e3317c63602420' }, index.h("div", { key: '09c295344f9c9a972252315c0911f901cfe45b73', class: "card-header", part: "header" }, index.h("div", { key: 'f13e59fc4dd7a4c8f8ec0bb3e8346e8dd5298264', class: "card-header-content", part: "content" }, index.h("div", { key: 'cb2f4ad51159b3c4282f4bfc76dd59ef69e5545b', class: "card-header-text-container", part: "text-container" }, index.h("div", { key: '6801991500045e517f851be5de075fe12f8b0754', class: "card-header-title-row" }, this.showFeaturedIcon && (index.h("bh-featured-icon", { key: '957b67176d395b80453634251368939c2801d890', color: this.featuredIconColor, icon: this.featuredIcon, iconStyle: this.featuredIconStyle, size: "sm" })), this.showTitle && (index.h("span", { key: '0c3175e30642bb65114a9aeb47418437f5d91608', class: "card-header-title" }, i18n.resolveI18n("bh-card-header", "headerTitle", this.headerTitle, "Card title"))), this.showBadge && this.badgeText && (index.h("bh-badge", { key: 'e11727981c522a7519d6fed4f4ada8f142c65637', emphasis: "medium", label: this.badgeText, size: "sm", variant: "blue" }))), this.showSupportingText && (index.h("div", { key: '05655aee55b795ec5a7ade11c3f62a979a5e985d', class: "card-header-supporting-row" }, this.showFeaturedIcon && index.h("div", { key: 'caed4447a2ee2629112531529efdfc0a46f09e98', class: "card-header-spacer" }), index.h("span", { key: '4344b9b087c74090bdd07f26b2f5f872be5640bf', class: "card-header-supporting-text" }, i18n.resolveI18n("bh-card-header", "supportingText", this.supportingText, "Card description"))))), this.showDropdown && (index.h("bh-button-icon", { key: 'b2fcc718b2e41552fdc4981f6243ad349e67464e', ariaLabel: "More options", hierarchy: "quaternary", iconName: "more_vert", onBhClick: this.handleDropdownClick, size: "sm" }))), index.h("slot", { key: 'ad6e9ed6888ecd62a76a16a66d6c2e8eaea64ee4', name: "tabs" }), this.showDivider && index.h("div", { key: '0ba1ff3858830ac20bf8fdfd7cd7435add9ae53e', class: "card-header-divider" }))));
+        return (index.h(index.Host, { key: 'd673f2fc9a15a8faf5480cb3a3b096b9803546d0' }, index.h("div", { key: 'c03f54e19cba4a6b2556b4c237877bceeed682d7', class: "card-header", part: "header" }, index.h("div", { key: '272eb0ebfbbe2ab8d2c1636de340cae474d3bce9', class: "card-header-content", part: "content" }, index.h("div", { key: '1cdd79d5d32b39183de3e52d395be8f7365ca8ef', class: "card-header-text-container", part: "text-container" }, index.h("div", { key: '792c35548b328ea59d4b99943b84efac7f148bd3', class: "card-header-title-row" }, this.showFeaturedIcon && (index.h("bh-featured-icon", { key: 'c6f6a3e358435ff53b172d797d1dfe1595cb6680', color: this.featuredIconColor, icon: this.featuredIcon, iconStyle: this.featuredIconStyle, size: "sm" })), this.showTitle && (index.h("span", { key: 'bba0977d87b6259bf39062e79cd08aeb174fa7fc', class: "card-header-title" }, i18n.resolveI18n("bh-card-header", "headerTitle", this.headerTitle, "Card title"))), this.showBadge && this.badgeText && (index.h("bh-badge", { key: '17e15b5b243b8e0133754b128d492760685f602b', emphasis: "medium", label: this.badgeText, size: "sm", variant: "blue" }))), this.showSupportingText && (index.h("div", { key: 'c4b0c2f46a08e7e737fa191f803b3505df3ed605', class: "card-header-supporting-row" }, this.showFeaturedIcon && index.h("div", { key: 'ad94dbff5123a1d98cc81617c1b483b669f9978c', class: "card-header-spacer" }), index.h("span", { key: '289225d6cf026969a756066595292a67301a64f4', class: "card-header-supporting-text" }, i18n.resolveI18n("bh-card-header", "supportingText", this.supportingText, "Card description"))))), this.showDropdown && (index.h("bh-button-icon", { key: '0702ef0228262400adcb36fccdc9117f979773de', ariaLabel: "More options", hierarchy: "quaternary", iconName: "more_vert", onBhClick: this.handleDropdownClick, size: "sm" }))), index.h("slot", { key: '8ab0ff933c820e5bf0da6f4df351a097d05b50e0', name: "tabs" }), this.showDivider && index.h("div", { key: 'd46267ac7983f1e47249544d10dbe57b18f0c124', class: "card-header-divider" }))));
     }
 };
 BhCardHeader.style = bhCardHeaderCss();

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

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var validators = require('./validators-DfzKUg-b.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var metrics = require('./metrics-DtkENqew.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 require('./keyboard-constants-ByvH1XTM.js');
@@ -25,7 +26,7 @@ const BhCard = class {
         this.bhAction = index.createEvent(this, "bhAction");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     focusState = focusStateManager.createFocusStateManager();
     resizeObserver;
     /**
@@ -226,7 +227,7 @@ const BhCard = class {
             "card-draggable": this.dragEnabled,
             ...focusClasses,
         };
-        return (index.h(index.Host, { key: '5ba6685bb70c6b213b51aab807263bfe40448a82' }, index.h("div", { key: 'e2741be9a43974145f5ecc332adf8cb461171648', "aria-atomic": String(this.ariaAtomic), "aria-describedby": this.ariaDescribedBy, "aria-dropeffect": this.dragEnabled ? "move" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-grabbed": this.dragEnabled ? "false" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-live": this.ariaLive, "aria-pressed": this.role === "button" ? String(this.ariaPressed) : undefined, "aria-roledescription": this.ariaRoleDescription, "aria-selected": this.selectable ? String(this.selected) : undefined, class: cardClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, draggable: this.dragEnabled, onBlur: this.handleBlur, onClick: this.handleClick, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "base", role: this.role || undefined, tabindex: this.selectable || this.role === "button" ? 0 : undefined }, this.showHeader && (index.h("div", { key: 'abaabb9f32107ff8a76f3f66e064f8ffcaab51b4', class: "card-header-slot", part: "header" }, index.h("slot", { key: '41691b941bdab612262d84042d47712b3f5ef514', name: "header" }))), index.h("div", { key: '0e853c1da559fe75a281398f72110216feb18fd3', class: "card-content", part: "content", style: contentStyle }, index.h("slot", { key: '701911914064c5a69f762f876ee7aac2d2ea563e' }), !this.hasContent && (index.h("div", { key: 'b3f7b79f256fd1fe1562aeb3f86269f957917172', class: "card-content-placeholder" }, index.h("span", { key: 'b92704802010d53ca69d754a6a4b9a6fe4661a61', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (index.h("div", { key: 'b493b0c11fb02e1cddb6dd5bd1ef6c93388398b3', class: "card-footer-slot", part: "footer" }, index.h("slot", { key: '26c7d95f74b1b7c39efd698b4e11818abbc7cd63', name: "footer" }))))));
+        return (index.h(index.Host, { key: 'c9dc86b35d4f9535ec093c1f7d0d761d77e62f26' }, index.h("div", { key: 'c2d813585335e994f8f99b94aa3eb04702764244', "aria-atomic": String(this.ariaAtomic), "aria-describedby": this.ariaDescribedBy, "aria-dropeffect": this.dragEnabled ? "move" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-grabbed": this.dragEnabled ? "false" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-live": this.ariaLive, "aria-pressed": this.role === "button" ? String(this.ariaPressed) : undefined, "aria-roledescription": this.ariaRoleDescription, "aria-selected": this.selectable ? String(this.selected) : undefined, class: cardClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, draggable: this.dragEnabled, onBlur: this.handleBlur, onClick: this.handleClick, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "base", role: this.role || undefined, tabindex: this.selectable || this.role === "button" ? 0 : undefined }, this.showHeader && (index.h("div", { key: '4fd61b7ba2443ce9866b2b76e0fe01703293583b', class: "card-header-slot", part: "header" }, index.h("slot", { key: 'd635ccfb2607a8a579bbd2cbba5f205b72b39716', name: "header" }))), index.h("div", { key: 'a91feda047159bc98a809513977a871b45fcb4ad', class: "card-content", part: "content", style: contentStyle }, index.h("slot", { key: '63284996f37a196d4632ad29e9887d8d00b9b7ba' }), !this.hasContent && (index.h("div", { key: '9cefba952c2f71a29ca08cbadee50769681fe36b', class: "card-content-placeholder" }, index.h("span", { key: '655334ff224e59cd43f3e56bf3ff64e4a38f4d16', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (index.h("div", { key: 'f5da3fbf516694c59122ba75f2eee1053eb2a352', class: "card-footer-slot", part: "footer" }, index.h("slot", { key: 'a38535924f63df83876c92ad3e52169ff1c84fd4', name: "footer" }))))));
     }
 };
 BhCard.style = bhCardCss();

package/dist/cjs/bh-chart-tooltip.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 bhChartTooltipCss = () => `  @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-chart-tooltip-bg: var(--color-bg-primary);     --bh-chart-tooltip-color: var(--color-text-primary);     --bh-chart-tooltip-border-color: var(--color-border-secondary);     --bh-chart-tooltip-margin-top: var(--spacing-sm);     --bh-chart-tooltip-padding: var(--spacing-sm) var(--spacing-md);     --bh-chart-tooltip-border-radius: var(--radius-md);     --bh-chart-tooltip-font-family: var(--font-inter);     --bh-chart-tooltip-font-size: var(--text-xs-size);     --bh-chart-tooltip-line-height: var(--line-height-normal);     --bh-chart-tooltip-separator-color: var(--color-border-secondary);     --bh-chart-tooltip-gap: var(--spacing-xs);     --bh-chart-tooltip-item-gap: var(--spacing-sm);     --bh-chart-tooltip-dot-size: var(--spacing-sm);     --bh-chart-tooltip-label-color: var(--color-text-secondary);     --bh-chart-tooltip-value-color: var(--color-text-primary);     --bh-chart-tooltip-font-weight-medium: var(--weight-medium);     --bh-chart-tooltip-font-weight-semibold: var(--weight-semibold);     --bh-chart-tooltip-total-padding-top: var(--spacing-xs);     --bh-chart-tooltip-storybook-offset: -10px;   } } @layer bh-base {   .chart-tooltip {     position: fixed;     z-index: var(--bh-z-index-tooltip);     pointer-events: none;     opacity: 0;     transition: opacity var(--animation-duration-fast) ease;     transform: translate(-50%, -100%);     margin-top: var(--bh-chart-tooltip-margin-top);     width: max-content;     min-width: 120px;     max-width: 240px;   }   .tooltip-content {     background: var(--bh-chart-tooltip-bg);     color: var(--bh-chart-tooltip-color);     padding: var(--bh-chart-tooltip-padding);     border-radius: var(--bh-chart-tooltip-border-radius);     font-family: var(--bh-chart-tooltip-font-family);     font-size: var(--bh-chart-tooltip-font-size);     line-height: var(--bh-chart-tooltip-line-height);     box-shadow: var(--shadow-chart-tooltip);     border: 1px solid var(--border-contrast-light);   }   .tooltip-header {     font-weight: var(--bh-chart-tooltip-font-weight-semibold);     margin-bottom: var(--bh-chart-tooltip-gap);     padding-bottom: var(--bh-chart-tooltip-gap);     border-bottom: 1px solid var(--bh-chart-tooltip-separator-color);   }   .tooltip-items {     display: flex;     flex-direction: column;     gap: var(--bh-chart-tooltip-gap);   }   .tooltip-item {     display: flex;     align-items: center;     gap: var(--bh-chart-tooltip-item-gap);     white-space: nowrap;   }   .tooltip-dot {     width: var(--bh-chart-tooltip-dot-size);     height: var(--bh-chart-tooltip-dot-size);     border-radius: 50%;     flex-shrink: 0;   }   .tooltip-label {     color: var(--bh-chart-tooltip-label-color);     font-weight: var(--weight-regular);     flex-shrink: 0;   }   .tooltip-value {     color: var(--bh-chart-tooltip-value-color);     font-weight: var(--bh-chart-tooltip-font-weight-medium);   }   .tooltip-total {     margin-top: var(--bh-chart-tooltip-gap);     padding-top: var(--bh-chart-tooltip-total-padding-top);     border-top: 1px solid var(--bh-chart-tooltip-separator-color);     display: flex;     justify-content: space-between;     gap: var(--spacing-md);   }   .total-label {     color: var(--bh-chart-tooltip-label-color);     font-weight: var(--bh-chart-tooltip-font-weight-medium);   }   .total-value {     color: var(--bh-chart-tooltip-value-color);     font-weight: var(--bh-chart-tooltip-font-weight-semibold);   } } @layer bh-variants {   .chart-tooltip.storybook-mode {     position: absolute;     transform: translate(-50%, -100%);     margin-top: var(--bh-chart-tooltip-storybook-offset);   } } @layer bh-states {   .chart-tooltip.visible {     opacity: 1;   } }`;
 
@@ -10,7 +11,7 @@ const BhChartTooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger("bh-chart-tooltip");
+    logger = logger.createComponentLogger("bh-chart-tooltip");
     /** Maximum reasonable position value (10000px) */
     static MAX_POSITION = 10_000;
     /**
@@ -96,14 +97,14 @@ const BhChartTooltip = class {
         errorBoundary.reportComponentError("bh-chart-tooltip", error);
     }
     render() {
-        return (index.h(index.Host, { key: '05bcd401118604130d6b906f35425da00c95223d' }, index.h("div", { key: '9209f409ea387c36b75d14c54f1dc74e327982ef', "aria-hidden": this.visible ? undefined : "true", class: {
+        return (index.h(index.Host, { key: 'd5f7fac4d429e88941da67424275d484d2cfedcd' }, index.h("div", { key: '399c090f95c8ddd3f6b2680ea506df920b056fa9', "aria-hidden": this.visible ? undefined : "true", class: {
                 "chart-tooltip": true,
                 visible: this.visible,
                 "storybook-mode": this.storybookMode,
             }, part: "tooltip", style: {
                 left: `${this.safeX}px`,
                 top: `${this.safeY}px`,
-            } }, index.h("div", { key: '617e4d7d3eff7bfe47c6c28644defd725edc3856', class: "tooltip-content", part: "content" }, this.header && index.h("div", { key: '156120f30b05285a39eb8974cae643cbf65bafce', class: "tooltip-header" }, this.header), index.h("div", { key: 'a3f679b2475bd4c2dbf849d7a14c7a5517712ba7', class: "tooltip-items" }, this.items.map((item, index$1) => (index.h("div", { class: "tooltip-item", key: index$1 }, item.color && (index.h("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (index.h("span", { class: "tooltip-label" }, item.label, ":")), index.h("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (index.h("div", { key: '969baf267ec4ec5b172d6d74b8f16544c78aabdf', class: "tooltip-total" }, index.h("span", { key: 'f09ff7c4e1e83aaa2ebb76e3a773c4215ad6733b', class: "total-label" }, "Total:"), index.h("span", { key: '4db9cfb55d5d1e72f0f3ed0241a9444edeb9f27d', class: "total-value" }, this.total)))))));
+            } }, index.h("div", { key: '8b32cb27fbfc42bf5cc42e12e06c491c29b7f582', class: "tooltip-content", part: "content" }, this.header && index.h("div", { key: 'f4430f54448aa62dd8575e005de4d094a216d034', class: "tooltip-header" }, this.header), index.h("div", { key: 'fae580500c4ccde9bead1673cf862bb0e67a6377', class: "tooltip-items" }, this.items.map((item, index$1) => (index.h("div", { class: "tooltip-item", key: index$1 }, item.color && (index.h("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (index.h("span", { class: "tooltip-label" }, item.label, ":")), index.h("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (index.h("div", { key: '1164b336605e46a6f25eb4c61e74f2c9dd73d357', class: "tooltip-total" }, index.h("span", { key: '13c20395c26f67346253f4b6b3cb228a1aeb6cf9', class: "total-label" }, "Total:"), index.h("span", { key: '503f2e1e85589eb62003c5313621cd48199f8f5d', class: "total-value" }, this.total)))))));
     }
 };
 BhChartTooltip.style = bhChartTooltipCss();