@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/cjs/bh-gauge-chart.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 bhGaugeChartCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;     --bh-gauge-chart-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-gauge-chart-track-color: var(--color-neutral-100, hsl(224deg 25% 89%));     --bh-gauge-chart-text-color: var(--color-text-primary, hsl(233deg 33% 10%));     --bh-gauge-chart-title-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-gauge-chart-desc-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-gauge-chart-value-size: var(--text-3xl-size, 1.875rem);     --bh-gauge-chart-title-size: var(--text-md-size, 1rem);     --bh-gauge-chart-desc-size: var(--text-sm-size, 0.875rem);   } } @layer bh-base {   .gauge-chart-container {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-md, 8px);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .gauge-svg-wrapper {     position: relative;     display: inline-block;   }   .gauge-svg {     display: block;     overflow: visible;   }   .gauge-track {     opacity: 0.3;   }   .gauge-fill {     transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);   }   .gauge-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;   }   .gauge-value {     font-size: var(--bh-gauge-chart-value-size);     font-weight: var(--weight-bold, 700);     color: var(--bh-gauge-chart-text-color);     line-height: 1;   }   .gauge-title {     font-size: var(--bh-gauge-chart-title-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-gauge-chart-title-color);     text-align: center;     line-height: var(--line-height-tight, 1.25);   }   .gauge-description {     font-size: var(--bh-gauge-chart-desc-size);     color: var(--bh-gauge-chart-desc-color);     text-align: center;     line-height: var(--line-height-normal, 1.5);     max-width: 280px;   } } @layer bh-variants {   .gauge-chart-animated .gauge-fill {     animation: gaugeFill 1s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .gauge-chart-container:hover .gauge-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes gaugeFill {     from {       stroke-dashoffset: var(--gauge-circumference, 0);     }     to {       stroke-dashoffset: var(--gauge-offset, 0);     }   }   @media (prefers-reduced-motion: reduce) {     .gauge-chart-animated .gauge-fill {       animation: none;     }     .gauge-fill {       transition: none;     }   } }`;
@@ -13,7 +14,7 @@ const BhGaugeChart = class {
         this.bhGaugeClick = index.createEvent(this, "bhGaugeClick");
         this.bhError = index.createEvent(this, "bhError");
     }
-    logger = errorBoundary.createComponentLogger("bh-gauge-chart");
+    logger = logger.createComponentLogger("bh-gauge-chart");
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -133,10 +134,10 @@ const BhGaugeChart = class {
         const valuePath = percentage > 0
             ? this.createArc(center, center, radius, this.startAngle, valueEndAngle)
             : "";
-        return (index.h(index.Host, { key: 'fcf2f2c00bdd3f020c38a69927c28178bde3339d' }, index.h("div", { key: '1d6679e08f04a982e17c0ce2142957f00937e82a', "aria-label": this.getComputedAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
+        return (index.h(index.Host, { key: '08cac2c567cfbf6189396c13ed63b0c0cecf4966' }, index.h("div", { key: '39648c460dfe98461eddfa96147adc74f5d8bbf2', "aria-label": this.getComputedAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
                 "gauge-chart-container": true,
                 "gauge-chart-animated": this.animated,
-            }, onClick: this.handleClick, part: "container", role: "meter" }, index.h("div", { key: '26349aadff8e05e4c07da378e584d5ce4c03d1e0', class: "gauge-svg-wrapper", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("svg", { key: 'eeb94ad2127141d0ae7118a84068e77cd537d4ff', class: "gauge-svg", height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, index.h("path", { key: '196f43a3b8e3fea83ab4ccddbb19018541744041', class: "gauge-track", d: trackPath, fill: "none", stroke: this.trackColor, "stroke-linecap": "round", "stroke-width": this.strokeWidth }), valuePath && (index.h("path", { key: 'e72e3168ad0efd4db34a3433dff99e0c560c3aa2', class: "gauge-fill", d: valuePath, fill: "none", stroke: this.color, "stroke-linecap": "round", "stroke-width": this.strokeWidth }))), index.h("div", { key: '1bfe7abd7c55c40d5845f62807e56a9ff3798724', class: "gauge-center-text", part: "center-text" }, index.h("span", { key: 'e0f253bec25ae3a53bac8a352bc090c14e807609', class: "gauge-value" }, displayValue))), this.chartTitle && (index.h("div", { key: '8c284d9ea7afd45c820c2e6d478e2143c3bb2846', class: "gauge-title", part: "title" }, this.chartTitle)), this.description && (index.h("div", { key: '9aaaeebd64475490be5167b62bf1817b74b3f4ba', class: "gauge-description", part: "description" }, this.description)))));
+            }, onClick: this.handleClick, part: "container", role: "meter" }, index.h("div", { key: '14831d7460d19f814cae15b9527149d270a0d880', class: "gauge-svg-wrapper", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("svg", { key: 'd33792f43acc78b65df4a4c5a2c986b6f95e45c4', class: "gauge-svg", height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, index.h("path", { key: '5a847a1002d4c683aec3622f24a7ee72896a2b72', class: "gauge-track", d: trackPath, fill: "none", stroke: this.trackColor, "stroke-linecap": "round", "stroke-width": this.strokeWidth }), valuePath && (index.h("path", { key: '4e0ff2fd972877df2bfa6a4180efbbca9dec87b9', class: "gauge-fill", d: valuePath, fill: "none", stroke: this.color, "stroke-linecap": "round", "stroke-width": this.strokeWidth }))), index.h("div", { key: 'd20b04ba88da9acc2e3c20c7d571be848f17894a', class: "gauge-center-text", part: "center-text" }, index.h("span", { key: 'd9aa3e7755a275dd807e4e4d17cb8311bb9490d0', class: "gauge-value" }, displayValue))), this.chartTitle && (index.h("div", { key: 'c67aabbd140ea3171bbc8acd6ccfb953bc87d5ff', class: "gauge-title", part: "title" }, this.chartTitle)), this.description && (index.h("div", { key: '3cecfe813eaac69f80a950633396c56d575a661a', class: "gauge-description", part: "description" }, this.description)))));
     }
 };
 BhGaugeChart.style = bhGaugeChartCss();

package/dist/cjs/bh-guided-checklist.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var logger = require('./logger-DZionBgs.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
+require('./error-boundary-fNUNT0lE.js');
 require('./metrics-DtkENqew.js');
 
 const bhGuidedChecklistCss = () => `@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-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-checklist-title-color:var(--color-text-primary);--bh-checklist-description-color:var(--color-text-secondary)}}@layer bh-base{.checklist-trigger{position:fixed;bottom:var(--spacing-3xl);right:var(--spacing-3xl);z-index:var(--bh-z-index-popover);display:inline-flex;cursor:pointer}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-4xl) var(--spacing-4xl) 0}.checklist-header-top{display:flex;align-items:flex-start;justify-content:space-between}.checklist-logo{width:56px;height:56px;object-fit:contain}.checklist-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checklist-title{margin:0;font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-checklist-title-color)}.checklist-description{margin:0;font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line-height);color:var(--bh-checklist-description-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-4xl) var(--spacing-4xl);overflow-y:auto}.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-utilities{.checklist-body{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}}`;
@@ -16,7 +17,7 @@ const BhGuidedChecklist = class {
         this.bhClose = index.createEvent(this, "bhClose");
         this.bhTaskStart = index.createEvent(this, "bhTaskStart");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     // Error handler - created lazily to avoid initialization order issues
     _errorHandler;
     get handleComponentError() {
@@ -88,7 +89,7 @@ const BhGuidedChecklist = class {
     render() {
         const cfg = this.parsedConfig;
         const groups = this.parsedTaskGroups;
-        return (index.h(index.Host, { key: '451ef1547207acdf126672c4d109549bafe7564e' }, index.h("div", { key: '12c3edffe25242655d8ce8dc52de1ba4c07aeaa6', class: "checklist-trigger", onClick: this.handleTriggerClick }, index.h("slot", { key: '01a6e60a1f1d3a63056c6155b08dce1e7a65588b', name: "trigger" }, index.h("bh-fab", { key: '14cedb0464ea71b6a5e270986007c84a2c6d3cbd', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), index.h("bh-side-panel", { key: '9363b7cf7d2e341d5a41ac9c1b0c8fa3cc2593df', closeOnEsc: true, onBhClose: this.handlePanelClose, overlay: this.overlay, panelTitle: cfg?.title ?? "Guided Checklist", placement: "bottom-right", style: { "--bh-panel-floating-margin": "24px 24px 88px 24px" }, variant: "floating", visible: this.open, width: "lg" }, index.h("div", { key: 'a392758c11584364528a4e7ca506bc0e1834c1c3', class: "checklist-header", slot: "header" }, index.h("div", { key: '7e0edac25d02848ea8adcaf84827b959d79207c2', class: "checklist-header-top" }, cfg?.logoSrc && (index.h("img", { key: '9dde74fe3d0b7a440a5a469e3ab47fedfc7c7488', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), index.h("bh-close-button", { key: 'a254886b2ec7544c649f161164d0473c615c3326', ariaLabel: "Close", onClick: this.handleClose })), cfg && (index.h("div", { key: '60e57c86124aa9c3b2ab92fa9babb07bf7d612c7', class: "checklist-header-text" }, index.h("h3", { key: '1ffa1a9f9a37ff8f001f0b305ce3ec443ef57201', class: "checklist-title" }, cfg.title), cfg.description && (index.h("p", { key: 'a8cd35a5e61127fe13b574b9c3d10f89a967959c', class: "checklist-description" }, cfg.description))))), index.h("div", { key: '1fd34d34b9de8219baddf18ef40e40926cf8b26a', class: "checklist-body" }, groups.map((group) => (index.h("bh-checklist-task-group", { group: group, key: group.id })))))));
+        return (index.h(index.Host, { key: 'b3e42363800c16ed240c69510ecbb72340a05b38' }, index.h("div", { key: '895ebe00610726e090d8cfa385a5abe7742bbaab', class: "checklist-trigger", onClick: this.handleTriggerClick }, index.h("slot", { key: 'c0bcc3d02febc501e179de50ec265c5586af90aa', name: "trigger" }, index.h("bh-fab", { key: '9d594b3a47b99508d4c8227852f14b9515a8a1c8', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), index.h("bh-side-panel", { key: '9f00737562b322e554ebc8ce41c746fa741329d2', closeOnEsc: true, onBhClose: this.handlePanelClose, overlay: this.overlay, panelTitle: cfg?.title ?? "Guided Checklist", placement: "bottom-right", style: { "--bh-panel-floating-margin": "24px 24px 88px 24px" }, variant: "floating", visible: this.open, width: "lg" }, index.h("div", { key: '6305494cb28b5a01292058364d3ef94de45f036f', class: "checklist-header", slot: "header" }, index.h("div", { key: '3a71ae78a97b041ce8dd7d4593f37e94932f4a11', class: "checklist-header-top" }, cfg?.logoSrc && (index.h("img", { key: '0d48bf2f7114de0cd92b1cc4469d854fad216c70', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), index.h("bh-close-button", { key: '592944ee008cfbaea86a5d6adf428295b72f42ea', ariaLabel: "Close", onClick: this.handleClose })), cfg && (index.h("div", { key: 'c1ca068e102ec9ef4c4ea02a542072c6db3abfad', class: "checklist-header-text" }, index.h("h3", { key: 'a2ff9d492f0cc465569cacf019d6f5cda628dc8b', class: "checklist-title" }, cfg.title), cfg.description && (index.h("p", { key: '033d665a5ec70724f632c22359678fcea96c7b7a', class: "checklist-description" }, cfg.description))))), index.h("div", { key: 'e2cfdcdede5b85a24a1ed32d3eee0b8cc413ad8a', class: "checklist-body" }, groups.map((group) => (index.h("bh-checklist-task-group", { group: group, key: group.id })))))));
     }
 };
 BhGuidedChecklist.style = bhGuidedChecklistCss();

package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js

@@ -2,9 +2,10 @@
 
 var index = require('./index-B6sArKsK.js');
 var bhHtmlEditor_tiptap = require('./bh-html-editor.tiptap-hiZdhkH7.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 require('./browser-BrQxrsvh.js');
 
 const bhHtmlEditorBubbleMenuCss = () => `@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-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;     position: absolute;     z-index: var(--bh-z-index-dropdown);     pointer-events: none;     --bh-bubble-bg: var(--color-bg-inverse);     --bh-bubble-radius: var(--radius-md);     --bh-bubble-padding: var(--spacing-md);     --bh-bubble-btn-size: var(--bh-button-height-sm);     --bh-bubble-btn-color: var(--color-white);     --bh-bubble-btn-bg-hover: var(--overlay-white-light);     --bh-bubble-btn-bg-active: var(--overlay-white-medium);     --bh-bubble-gap: var(--spacing-xs);     --bh-bubble-arrow-size: 12px;     --bh-bubble-icon-size: var(--icon-size-md);   } } @layer bh-base {   .bubble-menu {     position: fixed;     transform: translate(-50%, -100%);     opacity: 0;     visibility: hidden;     pointer-events: none;     transition: opacity var(--animation-duration-fast) ease, visibility var(--animation-duration-fast) ease;   }   .bubble-menu-visible {     opacity: 1;     visibility: visible;     pointer-events: auto;   }   .bubble-menu-below {     transform: translate(-50%, 0);   }   .bubble-menu-below .bubble-arrow {     top: -6px;     bottom: auto;   }   .bubble-menu-content {     display: flex;     align-items: center;     gap: var(--bh-bubble-gap);     padding: var(--bh-bubble-padding);     background: var(--bh-bubble-bg);     border-radius: var(--bh-bubble-radius);     box-shadow: var(--shadow-popup);   }   .bubble-btn {     display: inline-flex;     align-items: center;     justify-content: center;     width: var(--bh-bubble-btn-size);     height: var(--bh-bubble-btn-size);     padding: 0;     margin: 0;     border: none;     border-radius: var(--radius-sm);     background: transparent;     color: var(--bh-bubble-btn-color);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease;   }   .bubble-btn .material-symbols-outlined {     font-size: var(--bh-bubble-icon-size);   }   .bubble-arrow {     position: absolute;     bottom: -6px;     left: 50%;     transform: translateX(-50%) rotate(45deg);     width: var(--bh-bubble-arrow-size);     height: var(--bh-bubble-arrow-size);     background: var(--bh-bubble-bg);   } } @layer bh-states {   .bubble-btn:hover {     background: var(--bh-bubble-btn-bg-hover);   }   .bubble-btn:focus-visible {     outline: 2px solid var(--color-border-interactive);     outline-offset: 1px;   }   .bubble-btn-active {     background: var(--bh-bubble-btn-bg-active);   }   .bubble-btn-active:hover {     background: var(--bh-bubble-btn-bg-active);   } } @layer bh-utilities {   @media (max-width: 768px) {     :host {       --bh-bubble-btn-size: 28px;       --bh-bubble-padding: var(--spacing-sm);       --bh-bubble-gap: var(--spacing-xxs);       --bh-bubble-icon-size: 18px;     }   } }`;
@@ -14,7 +15,7 @@ const BhHtmlEditorBubbleMenu = class {
         index.registerInstance(this, hostRef);
         this.bhLinkRequest = index.createEvent(this, "bhLinkRequest");
     }
-    logger = errorBoundary.createComponentLogger("bh-html-editor-bubble-menu");
+    logger = logger.createComponentLogger("bh-html-editor-bubble-menu");
     selectionListener;
     i18nUnsubscribe;
     selectionUpdateFrame;
@@ -220,17 +221,17 @@ const BhHtmlEditorBubbleMenu = class {
     };
     render() {
         const bubbleButtons = bhHtmlEditor_tiptap.TOOLBAR_BUTTONS.filter((b) => bhHtmlEditor_tiptap.BUBBLE_MENU_ACTIONS.includes(b.action));
-        return (index.h(index.Host, { key: 'c2e4e9c44bd1b2608c955abc72ab762200d5ba0d' }, index.h("div", { key: '135f0f1154ecef4d0920ca1ecdb1abbf1005f7a3', "aria-label": i18n.resolveI18n("bh-html-editor-bubble-menu", "ariaLabel", this.ariaLabel, "Text formatting"), class: {
+        return (index.h(index.Host, { key: '930a76dd3b887abf2bdf9b97fff737cc4c88a68c' }, index.h("div", { key: '875162d7eb90aa6fec2c167e72d6755d8e01f4b8', "aria-label": i18n.resolveI18n("bh-html-editor-bubble-menu", "ariaLabel", this.ariaLabel, "Text formatting"), class: {
                 "bubble-menu": true,
                 "bubble-menu-below": this.placeBelow,
                 "bubble-menu-visible": this.visible,
             }, onKeyDown: this.handleMenuKeyDown, part: "bubble-menu", role: "toolbar", style: {
                 left: `${this.posX}px`,
                 top: `${this.posY}px`,
-            }, tabIndex: this.visible ? 0 : -1 }, index.h("div", { key: 'fd38d26290246967f737d0d8873879cb8c65367f', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (index.h("button", { "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+            }, tabIndex: this.visible ? 0 : -1 }, index.h("div", { key: '1e99daa2ba37aefd844b0060bb2e04b7472c0cde', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (index.h("button", { "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
                 "bubble-btn": true,
                 "bubble-btn-active": this.activeStates[btn.action] ?? false,
-            }, key: btn.action, onClick: () => this.handleAction(btn.action), title: btn.label, type: "button" }, index.h("span", { class: "material-symbols-outlined" }, btn.icon))))), index.h("div", { key: 'f4b35a187de79e03d60374edb0f5040a6ea5284a', class: "bubble-arrow" }))));
+            }, key: btn.action, onClick: () => this.handleAction(btn.action), title: btn.label, type: "button" }, index.h("span", { class: "material-symbols-outlined" }, btn.icon))))), index.h("div", { key: 'c1f72ec97177e2c042e4b0070e1f54778d13c17d', class: "bubble-arrow" }))));
     }
 };
 BhHtmlEditorBubbleMenu.style = bhHtmlEditorBubbleMenuCss();
@@ -253,7 +254,7 @@ const BhHtmlEditorToolbar = class {
         this.bhLinkRequest = index.createEvent(this, "bhLinkRequest");
         this.bhImageRequest = index.createEvent(this, "bhImageRequest");
     }
-    logger = errorBoundary.createComponentLogger("bh-html-editor-toolbar");
+    logger = logger.createComponentLogger("bh-html-editor-toolbar");
     selectionListener;
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -425,7 +426,7 @@ const BhHtmlEditorToolbar = class {
         this.focusedIndex = index;
     };
     render() {
-        return (index.h(index.Host, { key: '2a8d708ded84177a835582dbb3749ec26cb0735a' }, index.h("div", { key: 'a1cee86f34212eead146437ac3660eef8b66500a', "aria-label": i18n.resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, index.h("div", { key: 'ebfd767071ca0e3c0e4c4fcb9cdca8818629d11b', class: "font-family-wrapper" }, index.h("select", { key: 'ed9a7074aeaed5ac24673e4f0fa2e93aff11e677', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, bhHtmlEditor_tiptap.FONT_FAMILIES.map((font) => (index.h("option", { key: font, value: font }, font)))), index.h("span", { key: 'e1a2a43ea7a90de68c8a4c12d767cfeeae133f0c', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), bhHtmlEditor_tiptap.TOOLBAR_BUTTONS.map((btn, index$1) => (index.h("button", { "aria-keyshortcuts": ARIA_KEY_SHORTCUTS[btn.action], "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+        return (index.h(index.Host, { key: 'f96d1686ef816f98780f2fa6e8ee4c87df494f0b' }, index.h("div", { key: 'd43361b08d09e66fd0f4e1e9413e9e1246b353c7', "aria-label": i18n.resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, index.h("div", { key: '5f6e4246b44d70f4f0ab59a693fa8cec45995ed9', class: "font-family-wrapper" }, index.h("select", { key: '13ef4e0e550148099166ea8eea00cc7f3eafbaad', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, bhHtmlEditor_tiptap.FONT_FAMILIES.map((font) => (index.h("option", { key: font, value: font }, font)))), index.h("span", { key: '4afc2f74c62939ea7190b1cfde16d217fe55e706', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), bhHtmlEditor_tiptap.TOOLBAR_BUTTONS.map((btn, index$1) => (index.h("button", { "aria-keyshortcuts": ARIA_KEY_SHORTCUTS[btn.action], "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
                 "toolbar-btn": true,
                 "toolbar-btn-active": this.activeStates[btn.action] ?? false,
             }, disabled: this.disabled, key: btn.action, onClick: () => this.handleAction(btn.action), onFocus: () => this.handleButtonFocus(index$1), tabIndex: !this.disabled && index$1 === this.focusedIndex ? 0 : -1, title: btn.label, type: "button" }, index.h("span", { class: "material-symbols-outlined" }, btn.icon)))))));

package/dist/cjs/bh-html-editor.cjs.entry.js

@@ -3,8 +3,9 @@
 var index = require('./index-B6sArKsK.js');
 var bhHtmlEditor_tiptap = require('./bh-html-editor.tiptap-hiZdhkH7.js');
 var form = require('./form-basX91MG.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 require('./browser-BrQxrsvh.js');
 
 const bhHtmlEditorCss = () => `@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-editor-bg:var(--color-bg-primary);--bh-editor-bg-disabled:var(--color-bg-secondary);--bh-editor-border-color:var(--color-border-primary);--bh-editor-border-color-hover:var(--color-border-interactive);--bh-editor-border-color-focus:var(--color-border-interactive);--bh-editor-border-color-error:var(--color-border-error);--bh-editor-border-radius:var(--radius-md);--bh-editor-helper-color:var(--color-text-secondary);--bh-editor-error-color:var(--color-text-error);--bh-editor-toolbar-bg:var(--color-bg-secondary);--bh-editor-toolbar-border:var(--color-border-secondary)}}@layer bh-base{.html-editor-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.editor-container{position:relative;display:flex;flex-direction:column;background:var(--bh-editor-bg);border:1px solid var(--bh-editor-border-color);border-radius:var(--bh-editor-border-radius);box-shadow:var(--shadow-input);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;overflow:hidden}.editor-container.toolbar-bottom{flex-direction:column-reverse}.editor-toolbar{flex-shrink:0}.editor-content-wrapper{flex:1;min-height:120px;overflow-y:auto}.helper-text,.error-text{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.helper-text{color:var(--bh-editor-helper-color)}.error-text{color:var(--bh-editor-error-color)}}@layer bh-states{.editor-container:hover:not(.editor-container-disabled):not(.editor-container-focused){border-color:var(--bh-editor-border-color-hover)}.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-error{border-color:var(--bh-editor-border-color-error)}.editor-container-error:hover:not(.editor-container-focused){border-color:var(--bh-editor-border-color-error)}.editor-container-error.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-editor-bg-disabled)}.editor-container-readonly{background:var(--bh-editor-bg-disabled)}}`;
@@ -27,7 +28,7 @@ const BhHtmlEditor = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
     }
-    logger = errorBoundary.createComponentLogger("bh-html-editor");
+    logger = logger.createComponentLogger("bh-html-editor");
     editor = null;
     contentEl;
     changeDebounceTimer;
@@ -331,12 +332,12 @@ const BhHtmlEditor = class {
         };
         const showError = this.error && this.errorText;
         const showHelper = !showError && this.helperText;
-        return (index.h(index.Host, { key: '8d37fae240ebd063f5746f3882621e236ac9c40d', "aria-disabled": this.disabled ? "true" : undefined }, index.h("div", { key: 'f1a1a9c25c5c488bf7f6a9797f107ea6455d7027', class: "html-editor-wrapper", part: "container" }, this.label && (index.h("bh-label", { key: 'c9fb79496f1ce25875b17da95a27052a91f0b50e', disabled: this.disabled, label: this.label, required: this.required })), index.h("div", { key: '9289bbd421e07bf82c7a770e7d2f91f8a4370ee6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (index.h("bh-html-editor-toolbar", { key: 'd0eea495e1e9dc106740a41a0374333e75a67807', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), index.h("div", { key: '23612a2a643e7d2afb7287a9620ab1191934b90b', class: "editor-content-wrapper" }, index.h("slot", { key: '116adf4402d28c85f2164308dbbaa869c97b15f4' })), this.showBubbleMenu &&
+        return (index.h(index.Host, { key: 'cc7db6bcb3ee54ec8b51300253add1f2103cafca', "aria-disabled": this.disabled ? "true" : undefined }, index.h("div", { key: 'e7d7fecf6995ff129e0a83d9d49bb302631b1163', class: "html-editor-wrapper", part: "container" }, this.label && (index.h("bh-label", { key: '55aac8bafb2a71aa1a3590923f84eb7e76f53ee6', disabled: this.disabled, label: this.label, required: this.required })), index.h("div", { key: '9203a40a1add1f8f6515b686ecc3e1a01a331ef6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (index.h("bh-html-editor-toolbar", { key: '1750fdf1da50c78f877b772e68ad53899d5b7822', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), index.h("div", { key: 'f7b06a770c0b3bc3074532403ee1a73df56eedde', class: "editor-content-wrapper" }, index.h("slot", { key: 'a59754874577f86b587c25c507fd4de9b0ec2087' })), this.showBubbleMenu &&
             this.editorReady &&
             this.editor &&
             !this.readOnly &&
             !this.disabled &&
-            !this.selectionEmpty && (index.h("bh-html-editor-bubble-menu", { key: 'd3d7eb2452f0cb16924fb281c7f5d7513fae3fdb', editor: this.editor, targetEl: this.contentEl }))), showHelper && (index.h("div", { key: '7daa4506417c3e856450df8030b48df73d968655', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (index.h("div", { key: '9325abb828f5576c26cad38283d7de9008a04161', class: "error-text", part: "error-text" }, this.errorText)))));
+            !this.selectionEmpty && (index.h("bh-html-editor-bubble-menu", { key: '094de6ecd4366bbdef7187a1b880e38ff0d80a0c', editor: this.editor, targetEl: this.contentEl }))), showHelper && (index.h("div", { key: 'b79c99aa7b817ba342b1409c94dedf74b65d2c4a', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (index.h("div", { key: 'ec419bc000bc26d956f163b30705b8f8c88f2bcf', class: "error-text", part: "error-text" }, this.errorText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/bh-illustrations.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 bhIllustrationsCss = () => `@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: inline-flex;   } } @layer bh-tokens {   :host {          --bh-illustrations-wrapper-gap: var(--spacing-3xl);     --bh-illustrations-title-margin: 0 0 var(--spacing-md) 0;     --bh-illustrations-title-font-family: var(--font-inter);     --bh-illustrations-title-font-size: var(--text-lg-size);     --bh-illustrations-title-font-weight: var(--weight-semibold);     --bh-illustrations-title-line-height: var(--line-height-normal);     --bh-illustrations-title-color: var(--color-text-primary);     --bh-illustrations-description-font-family: var(--font-inter);     --bh-illustrations-description-font-size: var(--text-md-size);     --bh-illustrations-description-font-weight: var(--weight-regular);     --bh-illustrations-description-line-height: var(--line-height-normal);     --bh-illustrations-description-color: var(--color-text-secondary);   } } @layer bh-base {   .illustration {     display: inline-flex;     align-items: center;     justify-content: center;     position: relative;   }   .illustration-wrapper {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--bh-illustrations-wrapper-gap);   }   .illustration-svg-container {     display: flex;     align-items: center;     justify-content: center;     position: relative;   }   .illustration-image {     width: 100%;     height: 100%;     object-fit: contain;   }   .illustration-content {     text-align: center;     max-width: var(--bh-illustrations-max-width);   }   .illustration-title {     font-family: var(--bh-illustrations-title-font-family);     font-size: var(--bh-illustrations-title-font-size);     font-weight: var(--bh-illustrations-title-font-weight);     line-height: var(--bh-illustrations-title-line-height);     color: var(--bh-illustrations-title-color);     margin: var(--bh-illustrations-title-margin);   }   .illustration-description {     font-family: var(--bh-illustrations-description-font-family);     font-size: var(--bh-illustrations-description-font-size);     font-weight: var(--bh-illustrations-description-font-weight);     line-height: var(--bh-illustrations-description-line-height);     color: var(--bh-illustrations-description-color);     margin: 0;   } } @layer bh-variants {   .illustration-sm .illustration-svg-container {     width: var(--bh-illustrations-size-xs);     height: var(--bh-illustrations-size-xs);   }   .illustration-md .illustration-svg-container {     width: var(--bh-illustrations-size-sm);     height: var(--bh-illustrations-size-sm);   }   .illustration-lg .illustration-svg-container {     width: var(--bh-illustrations-size-md);     height: var(--bh-illustrations-size-md);   }   .illustration-xl .illustration-svg-container {     width: var(--bh-illustrations-size-lg);     height: var(--bh-illustrations-size-lg);   }   .illustration-2xl .illustration-svg-container {     width: var(--bh-illustrations-size-xl);     height: var(--bh-illustrations-size-xl);   }   .illustration-3xl .illustration-svg-container {     width: var(--bh-illustrations-size-2xl);     height: var(--bh-illustrations-size-2xl);   }   .illustration-4xl .illustration-svg-container {     width: var(--bh-illustrations-size-3xl);     height: var(--bh-illustrations-size-3xl);   } } @layer bh-utilities {   @media (max-width: 768px) {     .illustration-4xl .illustration-svg-container {       width: var(--bh-illustrations-size-4xl);       height: var(--bh-illustrations-size-4xl);     }     .illustration-3xl .illustration-svg-container {       width: var(--bh-illustrations-size-3xl);       height: var(--bh-illustrations-size-3xl);     }     .illustration-content {       max-width: var(--bh-illustrations-size-3xl);     }   }   @media (max-width: 480px) {     .illustration-4xl .illustration-svg-container,     .illustration-3xl .illustration-svg-container {       width: var(--bh-illustrations-size-2xl);       height: var(--bh-illustrations-size-2xl);     }     .illustration-2xl .illustration-svg-container {       width: var(--bh-illustrations-size-xl);       height: var(--bh-illustrations-size-xl);     }   } }`;
 
@@ -23,7 +24,7 @@ const BhIllustrations = class {
         index.registerInstance(this, hostRef);
         this.bhError = index.createEvent(this, "bhError");
     }
-    logger = errorBoundary.createComponentLogger("bh-illustrations");
+    logger = logger.createComponentLogger("bh-illustrations");
     /**
      * Size of the illustration
      */
@@ -80,7 +81,7 @@ const BhIllustrations = class {
             width: `${dimensions.width}px`,
             height: `${dimensions.height}px`,
         };
-        return (index.h(index.Host, { key: 'ce8971d8005e0e56cb3b4e926ac314ce01a52609' }, index.h("div", { key: '1161c55d15bac44619e2cd8f066f271efe446d85', class: `illustration illustration-${this.size}`, part: "container" }, index.h("div", { key: '7532f98ddaf2d3de2d461b99a9feeee9f3237113', class: "illustration-wrapper", part: "wrapper" }, index.h("div", { key: 'bf90b79032e54716eaf893fd975a932d577ac591', class: "illustration-svg-container", style: containerStyle }, index.h("img", { key: '384fb24e213a259da4514182ad11bb1487ea83e3', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (index.h("div", { key: '1a95af3e824761f5ebfecf819a6a50ed226034c8', class: "illustration-content" }, this.illustrationTitle && (index.h("h3", { key: '2b2bffc6b3c9677f16e6b895653f2de62018637e', class: "illustration-title" }, this.illustrationTitle)), this.description && (index.h("p", { key: '0b095662fa03462de6df87ac8d18d8e1fef504be', class: "illustration-description" }, this.description))))))));
+        return (index.h(index.Host, { key: '01e0c2071c7edcedf2a6deacbf85173f9eb89a8a' }, index.h("div", { key: 'b677d414e5d6b2891d84180168596d2f0a1426d9', class: `illustration illustration-${this.size}`, part: "container" }, index.h("div", { key: '94fef0ba1d774bd5bfeff5a5a1aeae6fdedd3e50', class: "illustration-wrapper", part: "wrapper" }, index.h("div", { key: '26e9469392a6617fee99e591424014f28be8a412', class: "illustration-svg-container", style: containerStyle }, index.h("img", { key: '785ad9d7341c422b3d7de5fbcb716250d962ca45', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (index.h("div", { key: 'b8e52fc58798fac04869c5939640a48b6b4ef894', class: "illustration-content" }, this.illustrationTitle && (index.h("h3", { key: '89fc03034fa853566cd44e75485e28bf87343148', class: "illustration-title" }, this.illustrationTitle)), this.description && (index.h("p", { key: 'c835428e2e347e4b8f34bc3bc2ee9ec0e5f96500', class: "illustration-description" }, this.description))))))));
     }
 };
 BhIllustrations.style = bhIllustrationsCss();

package/dist/cjs/bh-inline-cta.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 bhInlineCtaCss = () => `@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-inline-cta-bg:var(--color-bg-primary);--bh-inline-cta-border-color:var(--color-border-secondary);--bh-inline-cta-border-radius:var(--radius-xl);--bh-inline-cta-shadow:var(--shadow-xs);--bh-inline-cta-heading-color:var(--color-text-primary);--bh-inline-cta-description-color:var(--color-text-tertiary);--bh-inline-cta-email-label-color:var(--color-text-secondary)}}@layer bh-base{.inline-cta{display:flex;background:var(--bh-inline-cta-bg);border:1px solid var(--bh-inline-cta-border-color);border-radius:var(--bh-inline-cta-border-radius);box-shadow:var(--bh-inline-cta-shadow);overflow:clip;position:relative}.inline-cta-dismiss{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.inline-cta-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.inline-cta-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.inline-cta-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-inline-cta-heading-color);margin:0}.inline-cta-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-inline-cta-description-color);margin:0}.inline-cta-body{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.inline-cta-body:empty{display:none}.inline-cta-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.inline-cta-media{flex-shrink:0;overflow:clip}.inline-cta-image{display:block;width:100%;height:100%;object-fit:cover}.inline-cta-email-section{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.inline-cta-email-label{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-inline-cta-email-label-color)}.inline-cta-email-input{display:flex;gap:var(--spacing-md);align-items:flex-start;width:100%}.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{.inline-cta-horizontal{flex-direction:row;align-items:stretch}.inline-cta-horizontal .inline-cta-media{width:240px;align-self:stretch}.inline-cta-horizontal .inline-cta-content{padding:var(--spacing-3xl)}.inline-cta-vertical{flex-direction:column}.inline-cta-vertical .inline-cta-media{width:100%;height:200px}.inline-cta-vertical .inline-cta-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.inline-cta-vertical .inline-cta-actions{flex-direction:column;width:100%}.inline-cta-vertical .inline-cta-actions ::slotted(*){width:100%}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input{flex-direction:column}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input ::slotted(*){width:100%}.inline-cta-type-change-plan .inline-cta-body{gap:var(--spacing-xl)}.inline-cta-type-upgrade-plan .inline-cta-body{gap:var(--spacing-md)}.inline-cta-type-receipt .inline-cta-body{gap:var(--spacing-lg)}}@layer bh-states{.inline-cta-dismissable .inline-cta-content{padding-right:calc(var(--spacing-lg) + 40px)}}`;
@@ -14,7 +15,7 @@ const BhInlineCta = 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;
     /** CTA heading text */
@@ -74,13 +75,13 @@ const BhInlineCta = class {
     render() {
         const isImageType = this.type === "image";
         const isEmailType = this.type === "email-field";
-        return (index.h(index.Host, { key: '0ecf6d0198dcb06a775596ac3a84012b554cd99f' }, index.h("div", { key: '042d60a5538087b0b74efc24b67c237bd9702409', "aria-label": this.heading || "Call to action", class: {
+        return (index.h(index.Host, { key: '544d60ca10d116650fba25c8406024dba2fbe460' }, index.h("div", { key: '9a070345dcba5a5b586735cb989e7d9a4d36a481', "aria-label": this.heading || "Call to action", class: {
                 "inline-cta": true,
                 "inline-cta-dismissable": this.showDismiss,
                 [`inline-cta-${this.layout}`]: true,
                 [`inline-cta-type-${this.type}`]: true,
                 "inline-cta-with-media": isImageType && !!this.imageSrc,
-            }, part: "container", role: "region" }, isImageType && this.renderMedia(), index.h("div", { key: '77717d1781068a3cf30ef4ce32d23e7101dd9caa', class: "inline-cta-content", part: "content" }, index.h("div", { key: '1ae1e297c30a140f45c48bb0327766a1cbe526f2', class: "inline-cta-text", part: "text" }, this.heading && (index.h("h3", { key: '0727909efae46c0c3d6c785d070fb7680e8acd2c', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (index.h("p", { key: 'fff0a3a916f6957fe7b54306eccabd6417610757', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), index.h("div", { key: '09b678401ae1166ae8654f4f813e181193fbd456', class: "inline-cta-body", part: "body" }, index.h("slot", { key: '535f34901eac23bb7615e7d948b79376a7c71ad3' })), index.h("div", { key: '5a1135d5fd845bf88d3a184bcf88e02912abff94', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, index.h("slot", { key: '206a2b02b19bd4bc4ab6352f9ec174e7537188a2', name: "actions" }))), this.showDismiss && (index.h("div", { key: '775f6f3e2df63a1619366432a99ef8d4ee17e039', class: "inline-cta-dismiss", part: "dismiss" }, index.h("bh-close-button", { key: '6a1896643d85f1b1223c37999360428d2e6d9df6', ariaLabel: i18n.resolveI18n(COMPONENT_NAME, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
+            }, part: "container", role: "region" }, isImageType && this.renderMedia(), index.h("div", { key: '9e37b22932ea2d71e806cb8662ea83ef5ddfed24', class: "inline-cta-content", part: "content" }, index.h("div", { key: '003bb25e9dcd46c52f8ff93582eb5af5c7fd26cb', class: "inline-cta-text", part: "text" }, this.heading && (index.h("h3", { key: 'd3e4a78ec40e6d7e3cf1842900ee237379ac2c42', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (index.h("p", { key: '7e81e165c140e47b31dc5db9758a0e31d607fd24', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), index.h("div", { key: '97fdb147b914df3c67b7b355fd611b892046f273', class: "inline-cta-body", part: "body" }, index.h("slot", { key: '6b14c6c9cb9502db7fd3ac1f52af50758f715d62' })), index.h("div", { key: 'decece4f213edf5c5788357338f06e64fd2ba5e9', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, index.h("slot", { key: '0c0a5d8dca2495f9cecd1fbabe6da7019ebd61f4', name: "actions" }))), this.showDismiss && (index.h("div", { key: 'a655f1ba46a0529f7cd2111704cd90a26dc41054', class: "inline-cta-dismiss", part: "dismiss" }, index.h("bh-close-button", { key: 'ec49303e55319c01e45b8aa718d6c7963a8ae595', ariaLabel: i18n.resolveI18n(COMPONENT_NAME, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
     }
 };
 BhInlineCta.style = bhInlineCtaCss();

package/dist/cjs/bh-input-autocomplete.cjs.entry.js

@@ -4,9 +4,10 @@ var index = require('./index-B6sArKsK.js');
 var idGenerator = require('./id-generator-1p5-oe0z.js');
 var topLayerAnchor = require('./top-layer-anchor-BzJdaS0n.js');
 var validators = require('./validators-DfzKUg-b.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var timers = require('./timers-DP0qMGY7.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
@@ -52,7 +53,7 @@ const BhInputAutocomplete = class {
         /** Default container width when not specified (px) */
         DEFAULT_CONTAINER_WIDTH: 450,
     };
-    logger = errorBoundary.createComponentLogger("bh-input-autocomplete");
+    logger = logger.createComponentLogger("bh-input-autocomplete");
     destroy$ = lifecycle.createDestroySubjectSync();
     blurSubscription;
     i18nUnsubscribe;
@@ -457,7 +458,7 @@ const BhInputAutocomplete = class {
     };
     render() {
         const { tags, remaining } = this.visibleTags;
-        return (index.h(index.Host, { key: '0f9850f06815fc6c90f1a9520b84e9549668b71a' }, index.h("div", { key: '851f05c4be75e2e14ce430e25feac0951a9d8db3', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
+        return (index.h(index.Host, { key: 'f082ab628b77d4a8e8b17a3e86532f5e40ed4ca9' }, index.h("div", { key: '087b23a67b7cb2c142e3cfc6e390cceb693f1d8d', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
         // Multi-select input with flowing tags
         index.h("div", { class: "input-wrapper", part: "input-wrapper" }, index.h("bh-label", { disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-autocomplete", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: () => this.bhHelpClick.emit(), required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { class: {
                 "input-field": true,
@@ -483,9 +484,9 @@ const BhInputAutocomplete = class {
                 else {
                     this.showDropdown = false;
                 }
-            }, placeholder: this.placeholder, required: this.required, showHelpIcon: this.showHelpIcon, showHintText: this.showHintText, showLabel: this.showLabel, showLeadingIcon: this.showLeadingIcon, size: this.size, state: this.getInputTextState(), value: this.value, width: "100%" })), index.h("div", { key: '07d68f7c9bd66cf8ba3a13e9aa8e683753012795', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", role: "status" }, this.showDropdown && this.filteredOptions.length > 0
+            }, placeholder: this.placeholder, required: this.required, showHelpIcon: this.showHelpIcon, showHintText: this.showHintText, showLabel: this.showLabel, showLeadingIcon: this.showLeadingIcon, size: this.size, state: this.getInputTextState(), value: this.value, width: "100%" })), index.h("div", { key: '8fd462436dee004f672d2a2eb7c5685be421113c', "aria-atomic": "true", "aria-live": "polite", class: "sr-only", role: "status" }, this.showDropdown && this.filteredOptions.length > 0
             ? `${this.filteredOptions.length} result${this.filteredOptions.length === 1 ? "" : "s"} available`
-            : ""), index.h("bh-autocomplete-menu", { key: '88e1a14561a8467d3ffcbd04abc24f382412a59b', listboxId: this.listboxId, menuId: this.menuId, menuItems: this.filteredOptions, multiSelect: this.multiSelect, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover, popover: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.autocompleteMenuEl = el), searchQuery: this.value, selectedIndex: this.focusedOptionIndex, visible: this.showDropdown }))));
+            : ""), index.h("bh-autocomplete-menu", { key: '9b7adf1092069ae8f67989ee5fbc421880c5a003', listboxId: this.listboxId, menuId: this.menuId, menuItems: this.filteredOptions, multiSelect: this.multiSelect, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover, popover: topLayerAnchor.supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.autocompleteMenuEl = el), searchQuery: this.value, selectedIndex: this.focusedOptionIndex, visible: this.showDropdown }))));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bh-input-number.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 validators = require('./validators-DfzKUg-b.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var metrics = require('./metrics-DtkENqew.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var form = require('./form-basX91MG.js');
@@ -30,7 +31,7 @@ const BhInputNumber = class {
     }
     get el() { return index.getElement(this); }
     internals;
-    logger = errorBoundary.createComponentLogger("bh-input-number");
+    logger = logger.createComponentLogger("bh-input-number");
     inputEl;
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -416,12 +417,12 @@ const BhInputNumber = class {
             (this.max !== null &&
                 this.currentValue !== null &&
                 this.currentValue >= this.max);
-        return (index.h(index.Host, { key: 'a9c8a1e4c4857ef6e80381ffb140a66b2d9b8078' }, index.h("div", { key: '94a88015b05f46477732674a823756cc500057fc', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, index.h("bh-label", { key: '47f0194dbf667009af1028c925655bf3e93e13f1', disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-number", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpIconClick, required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { key: '237959a23dcfc4748f343727000257fd8dace423', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, index.h("div", { key: '97c458f25b44fe97c83a93380a579c8e6c709b90', class: "input-content", part: "content" }, this.showLeadingIcon && (index.h("span", { key: 'd245e6528f02c5b614e5e52314c9c7eb007410f6', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "leading-icon" }, this.leadingIcon)), this.prefixText && (index.h("span", { key: 'a506f93bb55aec94415bd6b69d200ec3247aeccf', class: "prefix-text", part: "prefix" }, this.prefixText)), index.h("input", { key: 'b787796559a3ca3d2dd9ad92f7b09b010c728bb7', "aria-describedby": [
+        return (index.h(index.Host, { key: '5f99208f3327da4bde3a44c5e49c95d59091f22c' }, index.h("div", { key: '137991cc58efe12da439b10be030fec07491524d', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, index.h("bh-label", { key: '81067e703c9c8e540ff9bbb2880ac06f1edf1372', disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-number", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpIconClick, required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { key: '72dbfc1d68502661f8e6271ff426fe76606c666c', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, index.h("div", { key: '81f5cfd09ffd9e1696cee9404875a68a14f74a97', class: "input-content", part: "content" }, this.showLeadingIcon && (index.h("span", { key: '0f1be5d3707848f22eeafbb0eead6ac1b94f2c7d', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "leading-icon" }, this.leadingIcon)), this.prefixText && (index.h("span", { key: 'a5b4a79faa9fc90df6df079bde072dc290c19073', class: "prefix-text", part: "prefix" }, this.prefixText)), index.h("input", { key: '1103b038cbf0740a78ad50c5ec6f69d14781ca39', "aria-describedby": [
                 this.showHintText && displayHintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": showError ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), "aria-valuemax": this.max ?? undefined, "aria-valuemin": this.min ?? undefined, "aria-valuenow": this.currentValue ?? undefined, class: `input-element ${textColorClass}`, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, max: this.max ?? undefined, min: this.min ?? undefined, name: this.name, onBlur: this.handleInputBlur, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, step: this.safeStep, type: "number", value: this.currentValue ?? "" }), this.suffixText && (index.h("span", { key: '196cbd89103f58a0071d89f3d412a70ce26bea67', class: "suffix-text", part: "suffix" }, this.suffixText)), index.h("div", { key: '7f2a25944f67efdd509455f2b7aa59606d551283', class: "input-stepper", "input-stepper": true, part: "stepper" }, index.h("bh-button-icon", { key: '97f6b812646d0118920508810c0c8e1f0f023ae3', ariaLabel: "Decrease value", disabled: isDecrementDisabled, hierarchy: "tertiary", iconName: "remove", onClick: this.decrement, size: "xs" }), index.h("bh-button-icon", { key: 'd2dd7842a49d6666b333d16dabfac0c17bd51dac', ariaLabel: "Increase value", disabled: isIncrementDisabled, hierarchy: "tertiary", iconName: "add", onClick: this.increment, size: "xs" }))))), this.showHintText && displayHintText && (index.h("div", { key: 'ba800cb8081a83054740041c434e7bac2c1cc356', class: { "hint-text": true, "hint-error": showError }, id: "hint-text", part: "hint" }, displayHintText)))));
+                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": showError ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), "aria-valuemax": this.max ?? undefined, "aria-valuemin": this.min ?? undefined, "aria-valuenow": this.currentValue ?? undefined, class: `input-element ${textColorClass}`, "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, max: this.max ?? undefined, min: this.min ?? undefined, name: this.name, onBlur: this.handleInputBlur, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, step: this.safeStep, type: "number", value: this.currentValue ?? "" }), this.suffixText && (index.h("span", { key: '001665f0d80c960eb00efe73bb36e85506613356', class: "suffix-text", part: "suffix" }, this.suffixText)), index.h("div", { key: '99ca52cc1470853d2586632f05ac321826c3e0b5', class: "input-stepper", "input-stepper": true, part: "stepper" }, index.h("bh-button-icon", { key: '07ae1aab738d0d6be26d32932af159b239aafb17', ariaLabel: "Decrease value", disabled: isDecrementDisabled, hierarchy: "tertiary", iconName: "remove", onClick: this.decrement, size: "xs" }), index.h("bh-button-icon", { key: '8215b1139439c8532b4f092bd89754b6d26b00e7', ariaLabel: "Increase value", disabled: isIncrementDisabled, hierarchy: "tertiary", iconName: "add", onClick: this.increment, size: "xs" }))))), this.showHintText && displayHintText && (index.h("div", { key: '48c97f7e2511218d76d82d99ac27c90118dee244', class: { "hint-text": true, "hint-error": showError }, id: "hint-text", part: "hint" }, displayHintText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/bh-input-password.cjs.entry.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var form = require('./form-basX91MG.js');
 var validators = require('./validators-DfzKUg-b.js');
 
@@ -29,7 +30,7 @@ const BhInputPassword = class {
         }
     }
     internals;
-    logger = errorBoundary.createComponentLogger("bh-input-password");
+    logger = logger.createComponentLogger("bh-input-password");
     focusState = focusStateManager.createFocusStateManager();
     inputEl;
     i18nUnsubscribe;
@@ -255,14 +256,14 @@ const BhInputPassword = class {
             "input-container-disabled": this.disabled,
             "input-container-with-leading": this.showLeadingIcon,
         };
-        return (index.h(index.Host, { key: 'af51eb8f1eafae0a72f5bae8ddf399bd5f5a9276' }, index.h("div", { key: '5e3ed1bceb6bdb8d6ee0930c1503567ad758276f', class: "input-wrapper", part: "wrapper" }, index.h("bh-label", { key: '10188b17c3d4b9bff42109e32bf4bfe3ccd550e6', disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-password", "helpIconTooltip", this.helpIconTooltip, "Password requirements"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { key: '5239de4682a1372a28db4002d63cef7b71f6758e', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, index.h("div", { key: '1bf40743d62321eb51e87efcc6ca004c751b5df6', class: "input-content" }, this.showLeadingIcon && (index.h("span", { key: 'e5040678f003c4b31fb81b7a60b2030e8c475eea', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), index.h("input", { key: 'f850a80046158db8955c3112d4390e0207b582b7', "aria-describedby": [
+        return (index.h(index.Host, { key: 'e66cfe316166a2bb638bf12541e240c690a4ceb0' }, index.h("div", { key: '1f08043e3e4d9fa0261cbea2e4b43afead3bd2b4', class: "input-wrapper", part: "wrapper" }, index.h("bh-label", { key: '456b7a8823c8eec77bd7b9c85e0bccfde8ac6e49', disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-password", "helpIconTooltip", this.helpIconTooltip, "Password requirements"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { key: '3c9c983773f850d4599c7e9ec2c8628b39b58751', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, index.h("div", { key: '7aa7196b587ef16537c9a7baadf6bfb3a5e45886', class: "input-content" }, this.showLeadingIcon && (index.h("span", { key: 'e05f88c7f4b3217d6a5dc9596d6fc3b3b6ddda86', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), index.h("input", { key: 'a1f94981145494c89ec4977fc3986886201d7bdb', "aria-describedby": [
                 this.showHintText && this.hintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocomplete: this.autocomplete, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.showPassword ? "text" : "password", value: this.value })), index.h("button", { key: 'd406d379f42489ef6f3d44297675d0540483a573', "aria-label": this.showPassword
+                .join(" ") || undefined, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocomplete: this.autocomplete, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.showPassword ? "text" : "password", value: this.value })), index.h("button", { key: 'a60a6bcbcf4e4711fa5d2827e02d56837473dd63', "aria-label": this.showPassword
                 ? i18n.resolveI18n("bh-input-password", "hidePasswordAriaLabel", undefined, "Hide password")
-                : i18n.resolveI18n("bh-input-password", "showPasswordAriaLabel", undefined, "Show password"), "aria-pressed": this.showPassword ? "true" : "false", class: "material-symbols-outlined visibility-toggle", disabled: this.disabled, onClick: this.togglePasswordVisibility, part: "suffix", type: "button" }, this.showPassword ? "visibility_off" : "visibility"))), this.showHintText && this.hintText && (index.h("div", { key: 'd3b7f7fbed0f6ee4527f391c22af845816a53ba5', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
+                : i18n.resolveI18n("bh-input-password", "showPasswordAriaLabel", undefined, "Show password"), "aria-pressed": this.showPassword ? "true" : "false", class: "material-symbols-outlined visibility-toggle", disabled: this.disabled, onClick: this.togglePasswordVisibility, part: "suffix", type: "button" }, this.showPassword ? "visibility_off" : "visibility"))), this.showHintText && this.hintText && (index.h("div", { key: 'bf55a8e45957b7faa8d476e5d41eb48f53d4b641', class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get formAssociated() { return true; }
 };

package/dist/cjs/bh-input-text.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var validators = require('./validators-DfzKUg-b.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var form = require('./form-basX91MG.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var metrics = require('./metrics-DtkENqew.js');
@@ -29,7 +30,7 @@ const BhInputText = class {
         }
     }
     internals;
-    logger = errorBoundary.createComponentLogger("bh-input-text");
+    logger = logger.createComponentLogger("bh-input-text");
     focusState = focusStateManager.createFocusStateManager();
     inputEl;
     i18nUnsubscribe;
@@ -324,7 +325,7 @@ const BhInputText = class {
             },
         });
         const wrapperStyle = this.safeWidth ? { width: this.safeWidth } : {};
-        return (index.h(index.Host, { key: 'cfc175452fd7b3d81d6e0a181ca26f1859dd9a66' }, index.h("div", { key: 'b9e887f60b0bdc5cbcf85070045fd8770e3b2340', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, index.h("bh-label", { key: '2c79f210fa7e0f9aeb7138dc53b44d6b026b8c9b', disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-text", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { key: 'f962246e449cc293c89d79ed9a177b51951ae174', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, index.h("div", { key: '4869423297c6b36c9e1e1d1b4b337293a181394e', class: "input-content" }, this.showLeadingIcon && (index.h("span", { key: '75c6ff65c29d8604ea91c6568b05fd179f54fc25', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), this.multiline ? (index.h("textarea", { "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
+        return (index.h(index.Host, { key: 'fd68ed8d9760d81e87cf5c5bb4662d3760152d77' }, index.h("div", { key: 'd67659734019a46231e60a4becf34d194ae76e63', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, index.h("bh-label", { key: '97d68713ffe5e9f815091a035aa24085b4175951', disabled: this.disabled, helpIconTooltip: i18n.resolveI18n("bh-input-text", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: this.handleHelpClick, required: this.required, showHelpIcon: this.showHelpIcon }, index.h("div", { key: 'f4daa8903354b686a6335e40c5f64b75b6f8db24', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "container" }, index.h("div", { key: 'c4b05d6f6633441441faa2cd17207649d56d92d2', class: "input-content" }, this.showLeadingIcon && (index.h("span", { key: 'e2f29d1ac639640c9cdcf855c85921330c56782f', "aria-hidden": "true", class: "material-symbols-outlined leading-icon", part: "prefix" }, this.leadingIcon)), this.multiline ? (index.h("textarea", { "aria-atomic": "true", "aria-busy": "false", "aria-describedby": [
                 this.showHintText && this.hintText ? "hint-text" : "",
                 this.ariaDescribedBy,
             ]
@@ -334,7 +335,7 @@ const BhInputText = class {
                 this.ariaDescribedBy,
             ]
                 .filter(Boolean)
-                .join(" ") || undefined, "aria-details": this.ariaDetails, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-live": "polite", "aria-owns": this.ariaOwns, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autoCorrect, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.type, value: this.value })), this.showTrailingIcon && (index.h("span", { key: '05facc68b88ba19e95d87f5c17a49007e2570d46', "aria-hidden": "true", class: "material-symbols-outlined trailing-icon", part: "suffix" }, this.trailingIcon))))), this.showHintText && this.hintText && (index.h("div", { key: '06ed1c5553a700c49ff7188cae4e3fa70dbd9b33', "aria-live": this.error ? "assertive" : "polite", class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
+                .join(" ") || undefined, "aria-details": this.ariaDetails, "aria-errormessage": this.ariaErrorMessage, "aria-invalid": this.error ? "true" : "false", "aria-label": this.label, "aria-live": "polite", "aria-owns": this.ariaOwns, "aria-readonly": String(this.readOnly), "aria-required": String(this.required), autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autoCorrect, class: "input-element", "data-dirty": String(this.isDirty), "data-touched": String(this.isTouched), disabled: this.disabled, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, onKeyDown: this.handleKeyDown, part: "input", placeholder: this.placeholder, readOnly: this.readOnly, ref: (el) => (this.inputEl = el), required: this.required, type: this.type, value: this.value })), this.showTrailingIcon && (index.h("span", { key: 'e4b637bb7a5183e6573982127bb0e32499be77b5', "aria-hidden": "true", class: "material-symbols-outlined trailing-icon", part: "suffix" }, this.trailingIcon))))), this.showHintText && this.hintText && (index.h("div", { key: '562f6ae808edd4b8c5f00fa3da349025e39ef3ab', "aria-live": this.error ? "assertive" : "polite", class: { "hint-text": true, "hint-error": this.error }, id: "hint-text" }, this.hintText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/bh-input-verification.cjs.entry.js

@@ -2,9 +2,10 @@
 
 var index = require('./index-B6sArKsK.js');
 var form = require('./form-basX91MG.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 var validators = require('./validators-DfzKUg-b.js');
@@ -29,7 +30,7 @@ const BhInputVerification = class {
     }
     get el() { return index.getElement(this); }
     internals;
-    logger = errorBoundary.createComponentLogger("bh-input-verification");
+    logger = logger.createComponentLogger("bh-input-verification");
     inputsCache = null;
     /**
      * Size variant of the input fields
@@ -343,7 +344,7 @@ const BhInputVerification = class {
     }
     render() {
         const wrapperStyle = this.safeWidth ? { width: this.safeWidth } : {};
-        return (index.h(index.Host, { key: '96ad8e36b354da103484940f795c1b839e4f2fae' }, index.h("div", { key: 'a5e749f6b2d1580b5198330177882fcd0b8afd23', class: "input-verification-wrapper", "data-focused": String(this.focusState.isFocused), part: "wrapper", style: wrapperStyle }, index.h("bh-label", { key: '3ce3c8fdb5dca023d1ff7e71e1347113fc2a620f', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, index.h("div", { key: 'fa27737fb1ed9f882c9d1e3429deba480e48c575', "aria-label": this.label, class: "input-verification-container", part: "container", role: "group" }, this.renderInputs())), this.showHintText && this.hintText && (index.h("div", { key: 'aa7718216f79283fe482b900bfe9ba1d4cbb697d', class: { "hint-text": true, error: this.error }, part: "hint" }, i18n.resolveI18n("bh-input-verification", "hintText", this.hintText, "This is a hint text to help user."))))));
+        return (index.h(index.Host, { key: '511ee54d643c20b01ec50fc5ec60d780874f8e94' }, index.h("div", { key: '9ebee96e914322316563b5c32a622cbac7e581c3', class: "input-verification-wrapper", "data-focused": String(this.focusState.isFocused), part: "wrapper", style: wrapperStyle }, index.h("bh-label", { key: 'c128de362fd332a76ac5d99b6a563fbfbeec8d69', disabled: this.disabled, label: this.showLabel ? this.label : "", required: this.required }, index.h("div", { key: 'db42e6b23ec6189668701fbcc5d29ff2786fa7d8', "aria-label": this.label, class: "input-verification-container", part: "container", role: "group" }, this.renderInputs())), this.showHintText && this.hintText && (index.h("div", { key: '2a3734117f34c8ba7c393dae1180c1a08f99929a', class: { "hint-text": true, error: this.error }, part: "hint" }, i18n.resolveI18n("bh-input-verification", "hintText", this.hintText, "This is a hint text to help user."))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-B6sArKsK.js');
+var hotkeys = require('./hotkeys-BzAUI8Zg.js');
+
+const bhKbdCss = () => `:host{display:inline-flex}.kbd-group{display:inline-flex;gap:var(--spacing-xxs, 2px);align-items:center}.cap{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 var(--spacing-xs, 4px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);line-height:20px;color:var(--color-text-secondary, #475467);background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border-primary, #e4e7ec);border-bottom-width:2px;border-radius:var(--radius-sm, 6px)}.size-md .cap{min-width:24px;padding:0 var(--spacing-sm, 8px);font-size:var(--text-sm-size, 0.875rem);line-height:24px}`;
+
+const BhKbd = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * Key combination, "+"-separated (e.g. "cmd+k", "ctrl+shift+p").
+     * When omitted, slotted content renders inside a single key cap.
+     */
+    keys;
+    /**
+     * Key cap size
+     */
+    size = "sm";
+    parseKeys() {
+        if (!this.keys) {
+            return [];
+        }
+        return hotkeys.splitHotkey(this.keys).map(hotkeys.keyLabel);
+    }
+    render() {
+        const parsed = this.parseKeys();
+        return (index.h(index.Host, { key: '3d51397a2b634e4a10458247d573c77d924794a6' }, index.h("span", { key: '0bf951bcf127ca9560dc669a63adaeb30ad091ea', "aria-label": this.keys, class: { "kbd-group": true, [`size-${this.size}`]: true }, part: "group" }, parsed.length > 0 ? (parsed.map((label) => (index.h("kbd", { class: "cap", key: label, part: "cap" }, label)))) : (index.h("kbd", { class: "cap", part: "cap" }, index.h("slot", null))))));
+    }
+};
+BhKbd.style = bhKbdCss();
+
+exports.bh_kbd = BhKbd;