@actabldesign/bellhop-core 0.3.0 → 0.3.1

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 
 const bhDateRangePickerContentCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-date-range-picker-font-family: var(--font-inter);     --bh-date-range-picker-gap: var(--spacing-sm);     --bh-date-range-picker-divider-color: var(--color-border-secondary);     --bh-date-range-picker-sidebar-width: 160px;     --bh-date-range-picker-sidebar-bg: var(--color-bg-primary);     --bh-date-range-picker-sidebar-item-color: var(--color-text-secondary);     --bh-date-range-picker-sidebar-item-hover-bg: var(--color-brand-100);     --bh-date-range-picker-sidebar-item-hover-color: var(       --color-text-interactive     );     --bh-date-range-picker-separator-color: var(--color-text-tertiary);   } } @layer bh-base {      .date-range-picker-content {     display: flex;     flex-direction: column;     font-family: var(--bh-date-range-picker-font-family);     width: fit-content;        }   .date-range-picker-content.has-sidebar {     flex-direction: row;   }      .date-range-main {     display: flex;     flex-direction: column;     flex: 1;   }      .date-range-inputs {     display: flex;     flex-direction: row;     align-items: center;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }   .date-range-separator {     color: var(--bh-date-range-picker-separator-color);     font-size: var(--text-md-size);     flex-shrink: 0;   }      .preset-ranges {     display: flex;     flex-direction: row;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }      .preset-sidebar {     display: flex;     flex-direction: column;     width: var(--bh-date-range-picker-sidebar-width);     background: var(--bh-date-range-picker-sidebar-bg);     border-right: 1px solid var(--bh-date-range-picker-divider-color);     padding: var(--spacing-sm) 0;   }   .preset-sidebar-item {     display: flex;     align-items: center;     padding: var(--spacing-xs) var(--spacing-md);     background: none;     border: none;     cursor: pointer;     font-family: var(--bh-date-range-picker-font-family);     font-size: var(--text-sm-size);     color: var(--bh-date-range-picker-sidebar-item-color);     text-align: left;     width: 100%;     transition: all var(--animation-duration-fast, 150ms) var(--animation-easing-ease, ease);   }   .preset-sidebar-item:hover {     background: var(--bh-date-range-picker-sidebar-item-hover-bg);     color: var(--bh-date-range-picker-sidebar-item-hover-color);   }      .date-pickers {     display: flex;     flex-direction: row;     width: 100%;     position: relative;     gap: var(--bh-date-range-picker-gap);        }   .date-pickers::after {     content: "";     position: absolute;     left: 50%;     top: 50%;     transform: translateX(-50%) translateY(-50%);     width: 1px;     height: 100%;     background: var(--bh-date-range-picker-divider-color);     pointer-events: none;     z-index: 1;   }      .left-picker {     display: flex;     flex-direction: column;     width: 296px;   }      .right-picker {     display: flex;     flex-direction: column;     width: 296px;   } } @layer bh-utilities {      @media (max-width: 768px) {     .date-range-picker-content {       width: 320px;            }     .date-range-picker-content.has-sidebar {       flex-direction: column;     }     .preset-sidebar {       flex-direction: row;       width: 100%;       border-right: none;       border-bottom: 1px solid var(--bh-date-range-picker-divider-color);       overflow-x: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .preset-sidebar-item {       white-space: nowrap;       width: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .date-pickers {       flex-direction: column;            }     .date-pickers::after {       display: none;     }     .left-picker,     .right-picker {       width: 100%;     }   } }`;
@@ -217,10 +218,10 @@ const BhDateRangePickerContent = class {
         }
     };
     render() {
-        return (h(Host, { key: '83406ca8d961544fdb90d1a60cf8f7bfe7969f57' }, h("div", { key: '9dd600c143f12bb0c2a0b8dbb138fa4c4ac16418', class: {
+        return (h(Host, { key: '2873c8e1502ca19ee5025f38d0b36afc6a370e02' }, h("div", { key: '76fa3f6d28afe10a23092da5adf0d651f4115d62', class: {
                 "date-range-picker-content": true,
                 "has-sidebar": this.showPresetSidebar,
-            }, part: "container" }, this.showPresetSidebar && (h("div", { key: 'c8f99fdf67cbf60a6949f8e5426287c83880204b', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (h("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), h("div", { key: '872076178cabc77f7778dba96e8531c59ddb5f9a', class: "date-range-main" }, this.showDateInputs && (h("div", { key: '1d2daec50e8b6140bbd720608fc207b203e67dd2', class: "date-range-inputs", part: "date-inputs" }, h("bh-input-text", { key: '2fb6bc4fc5c44010bf7286fe525577d579484796', placeholder: resolveI18n("bh-date-range-picker-content", "startDatePlaceholder", this.startDatePlaceholder, "Start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.startDate ?? null) }), h("span", { key: '6f41761ba7e76a2bd0d23a1b98597e22477ac7dc', class: "date-range-separator" }, "\u2013"), h("bh-input-text", { key: 'b3576664753f7b532fded82ac546062e27fb9ef6', placeholder: resolveI18n("bh-date-range-picker-content", "endDatePlaceholder", this.endDatePlaceholder, "End date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.endDate ?? null) }))), this.showPresetRanges && (h("div", { key: '0e7ccbe09b938582346326fdff6546f7e205ea02', class: "preset-ranges", part: "preset-ranges" }, h("bh-button", { key: '38038a0c24f975cadacdb8b1e77b46efaa1b6900', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), h("bh-button", { key: '25d56e0924312dec6e1638bca9506dea1d296baf', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), h("bh-button", { key: '5c05b492d23235af1330b75dae431ecd33dfc873', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), h("div", { key: '2eed38e2dd601981cb3ce6293e975c6acc06b8d1', class: "date-pickers", part: "date-pickers" }, h("div", { key: 'd7360784077dcf67dc3e7258c46af724643e668d', class: "left-picker", part: "left-picker" }, h("bh-date-picker-content", { key: '31f2174637bad08111ebeb865697266c4bdb3d1d', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.leftMonth, displayYear: this.leftYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleLeftDateSelect, onBhMonthChange: this.handleLeftMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })), h("div", { key: '9dd3247ea825d3894052308bf999a65f7b8ad97d', class: "right-picker", part: "right-picker" }, h("bh-date-picker-content", { key: '07113da5e53989d1f79e2b70a62745f0b099fc13', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.rightMonth, displayYear: this.rightYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleRightDateSelect, onBhMonthChange: this.handleRightMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })))))));
+            }, part: "container" }, this.showPresetSidebar && (h("div", { key: '807fb5e9d659943c371f11858bb5f8ff2ad6b763', class: "preset-sidebar", part: "preset-sidebar" }, this.presetSidebarOptions.map((option) => (h("button", { class: "preset-sidebar-item", key: option.value, onClick: () => this.bhPresetSelect.emit(option.value), type: "button" }, option.label))))), h("div", { key: '6c537ad636a758e3464bea0a0dc8f9ff49568e61', class: "date-range-main" }, this.showDateInputs && (h("div", { key: '6c82c5fdd67aed508da0e8f2c115301f47c0fbc2', class: "date-range-inputs", part: "date-inputs" }, h("bh-input-text", { key: '4a0a345a8ac4579fc288cb25ba3be85f0d7daf7a', placeholder: resolveI18n("bh-date-range-picker-content", "startDatePlaceholder", this.startDatePlaceholder, "Start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.startDate ?? null) }), h("span", { key: '89337f017a0190e3b5352f2bc3466bc0cca98091', class: "date-range-separator" }, "\u2013"), h("bh-input-text", { key: '45697ddc84b7b84ff1f8dc6169f11a4f000121d5', placeholder: resolveI18n("bh-date-range-picker-content", "endDatePlaceholder", this.endDatePlaceholder, "End date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: false, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.selectedRange?.endDate ?? null) }))), this.showPresetRanges && (h("div", { key: 'c6b2de889965088cbdde0c4e6ee6ee916895705a', class: "preset-ranges", part: "preset-ranges" }, h("bh-button", { key: '2c0162a46e7242f60194a301494374ead966ab62', hierarchy: "tertiary", label: "Last week", onBhClick: () => this.bhPresetSelect.emit("last-week"), size: "sm" }), h("bh-button", { key: '2524509e8026649c62276a1109c159f16e6bf48f', hierarchy: "tertiary", label: "Last month", onBhClick: () => this.bhPresetSelect.emit("last-month"), size: "sm" }), h("bh-button", { key: 'e1bb42043248316008271fbf6d8a3c5c0342ce72', hierarchy: "tertiary", label: "Last year", onBhClick: () => this.bhPresetSelect.emit("last-year"), size: "sm" }))), h("div", { key: '0f23d9455df550d6e10ca31c54138aa1c46d5432', class: "date-pickers", part: "date-pickers" }, h("div", { key: '9ddef93db31778e910f3dc2a33930f68d342702c', class: "left-picker", part: "left-picker" }, h("bh-date-picker-content", { key: '91d9bd5c0693972525431db8bef04095dc493cf8', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.leftMonth, displayYear: this.leftYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleLeftDateSelect, onBhMonthChange: this.handleLeftMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })), h("div", { key: 'b73d3c8ab9463ea43d86dbe4102f77b3bd66ea42', class: "right-picker", part: "right-picker" }, h("bh-date-picker-content", { key: 'd17c3ec80cf8bf7b7ad4c80dd523308e5824c21a', disabled: this.disabled, disabledDates: this.disabledDates, displayMonth: this.rightMonth, displayYear: this.rightYear, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleRightDateSelect, onBhMonthChange: this.handleRightMonthYearChange, rangeEnd: this.selectedRange?.endDate ?? undefined, rangeStart: this.selectedRange?.startDate ?? undefined, showOtherMonthDays: this.showOtherMonthDays })))))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -1,9 +1,10 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
 import { T as TopLayerAnchor, s as supportsTopLayerPopover } from './top-layer-anchor-_HEoiOQg.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { P as PickerStateManager } from './picker-state-manager-Sdr_qqWO.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
@@ -287,13 +288,13 @@ const BhDateRangePicker = class {
         this.handleMenuCancel();
     };
     render() {
-        return (h(Host, { key: '852e6aeadf2758607d6f435c1f45ff6513da64d0' }, h("div", { key: 'bbabdc5e3439677a85da1de7a13aac5d4c0625d2', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": this.getButtonLabel(), class: "date-range-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (h("div", { key: 'cfef2847909f1c8d88a94d1cb6f0c024dc923619', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'c9895e820423ce35e0b80f1c5668d39e81c942a2', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '1fe2d0b07fe4ca8555fc403f09989f02cce7beb0', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'f7f4b964e417b73aafe9f66bbca26beb7f1ba277', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: '73d31bd026f15ee44332937b444ee2e3781ce290', class: "date-range-picker-trigger" }, h("div", { key: '5cb1067e4de2ad6620fd2e57ef32790c96a5f48d', class: "date-range-inputs", onClick: this.handleTriggerClick }, h("bh-input-text", { key: 'a41905a3bb68cc4de7c7b59ec6903c95d47e57f5', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "startLabel", this.startLabel, "Start Date"), placeholder: resolveI18n("bh-date-range-picker", "startPlaceholder", this.startPlaceholder, "Choose start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.startDate || null), width: this.inputWidth }), h("bh-input-text", { key: 'd3f8e4bb61849e475549af23651ae808943ccb54', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "endLabel", this.endLabel, "End Date"), placeholder: resolveI18n("bh-date-range-picker", "endPlaceholder", this.endPlaceholder, "Choose end date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.endDate || null), width: this.inputWidth })))), h("div", { key: 'cc0dc8847b6ddd1fd80906bd2ba1d523fec2824e', class: {
+        return (h(Host, { key: '300df3192b097c2d311a86e9254457c5147ab6b2' }, h("div", { key: '065b138629ea9974dee471bcda5828c6a9a4a4bb', "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isMenuOpen), "aria-haspopup": "dialog", "aria-label": this.getButtonLabel(), class: "date-range-picker-container", "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container" }, this.variant === "dropdown-outlined" && (h("div", { key: '54370cecc8cf2769781605d7665b924c75b879ce', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: '2a0ffdb12e550b49eb3ba4471adcdd139c382c2e', disabled: this.disabled, hierarchy: "secondary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "dropdown-ghost" && (h("div", { key: '13a8900ad6e73d68e7692288c3bdf20b213f852b', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, h("bh-button", { key: 'e162cb491095f50e29e39d245626cf1fc9ea7605', disabled: this.disabled, hierarchy: "tertiary", icon: "trailing", iconName: "expand_more", label: this.getButtonLabel(), size: "sm" }))), this.variant === "input" && (h("div", { key: 'e190b754ee9166b7ec4a265c13d44226fb9afd2d', class: "date-range-picker-trigger" }, h("div", { key: '8ad7b6c63d94f40cbc91215dbc22d93832950f61', class: "date-range-inputs", onClick: this.handleTriggerClick }, h("bh-input-text", { key: 'e32c3b25d5b50a6d5c718c9991786f604f751471', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "startLabel", this.startLabel, "Start Date"), placeholder: resolveI18n("bh-date-range-picker", "startPlaceholder", this.startPlaceholder, "Choose start date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.startDate || null), width: this.inputWidth }), h("bh-input-text", { key: '46dc8de41db3c4bf83b1a75ec8c7bef73d76b4e2', disabled: this.disabled, label: resolveI18n("bh-date-range-picker", "endLabel", this.endLabel, "End Date"), placeholder: resolveI18n("bh-date-range-picker", "endPlaceholder", this.endPlaceholder, "Choose end date"), readOnly: true, showHelpIcon: false, showHintText: false, showLabel: this.showLabel, showTrailingIcon: true, trailingIcon: "calendar_today", value: this.formatDate(this.stateManager?.committedValue?.endDate || null), width: this.inputWidth })))), h("div", { key: '2e8cc3c220928a396034fd65d6d178d524691ad1', class: {
                 "date-range-picker-menu-container": true,
                 "is-open": this.isMenuOpen && !supportsTopLayerPopover,
-            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, h("bh-picker-menu", { key: '15d26c32502879b8387bdb5e667a8b42261c24a2', disableApply: this.showFooter &&
-                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, h("bh-date-range-picker-content", { key: '567201f3170229fa4f9b30746a4316bd9b1ccb65', disabled: this.disabled, disabledDates: this.disabledDates, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleContentDateRangeSelect, showOtherMonthDays: this.showOtherMonthDays, value: this.tempSelection ??
+            }, part: "menu", popover: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.menuContainerEl = el) }, h("bh-picker-menu", { key: 'bad9a6ccd2d992d55aaf840f6577059a31bdc6c4', disableApply: this.showFooter &&
+                !(this.tempSelection?.startDate && this.tempSelection?.endDate), onBhAction: this.handleMenuAction, showFooter: this.showFooter, visible: this.isMenuOpen }, h("bh-date-range-picker-content", { key: 'b3d032daf9f96aac4bbc5b8fe1e2db1b0471c243', disabled: this.disabled, disabledDates: this.disabledDates, maxYear: this.maxYear, minYear: this.minYear, onBhChange: this.handleContentDateRangeSelect, showOtherMonthDays: this.showOtherMonthDays, value: this.tempSelection ??
                 this.stateManager?.committedValue ??
-                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (h("div", { key: '081ad2c1b95563cf2e5294e1cb6c81f7f18e758d', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
+                undefined })))), (this.isMenuOpen || this.isMenuClosing) && (h("div", { key: '64e045d33992875e0cab607c3cab50da6e43856f', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const bhDividerCss = () => `@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-divider-color:var(--color-border-secondary);--bh-divider-width:1px}}@layer bh-base{:host(.divider-horizontal){width:100%;height:var(--bh-divider-width);background-color:var(--bh-divider-color)}:host(.divider-vertical){display:inline-block;width:var(--bh-divider-width);height:100%;align-self:stretch;background-color:var(--bh-divider-color)}}@layer bh-variants{:host(.divider-horizontal.divider-spacing-sm){margin-block:var(--spacing-sm)}:host(.divider-horizontal.divider-spacing-md){margin-block:var(--spacing-md)}:host(.divider-horizontal.divider-spacing-lg){margin-block:var(--spacing-lg)}:host(.divider-vertical.divider-spacing-sm){margin-inline:var(--spacing-sm)}:host(.divider-vertical.divider-spacing-md){margin-inline:var(--spacing-md)}:host(.divider-vertical.divider-spacing-lg){margin-inline:var(--spacing-lg)}}`;
 
@@ -27,7 +28,7 @@ const BhDivider = class {
         reportComponentError(COMPONENT_NAME, error);
     }
     render() {
-        return (h(Host, { key: 'dd57ce1e17ad8ee98d58824627dbeb4f7866f07e', "aria-orientation": this.orientation, class: {
+        return (h(Host, { key: '1bf1c6b73adbc8720bcb06c2fe04a1c2b118093e', "aria-orientation": this.orientation, class: {
                 divider: true,
                 [`divider-${this.orientation}`]: true,
                 [`divider-spacing-${this.spacing}`]: this.spacing !== "none",

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

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

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

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-CTHvNfIu.js';
 import { C as ComponentStateManager } from './degradation-CNYUzrTZ.js';
-import { c as createComponentLogger, a as createInitialErrorState, r as reportComponentError, b as recordError, d as createErrorState } from './error-boundary-YLeLKAYJ.js';
-import { c as createComponentErrorHandler } from './component-error-handler-BVWQSuxn.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
+import { c as createComponentErrorHandler } from './component-error-handler-bgLpf9Pn.js';
+import { c as createInitialErrorState, r as reportComponentError, a as recordError, b as createErrorState } from './error-boundary-afpK3NgJ.js';
 import { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { c as createDismissalManager } from './dismissal-manager-DPXWKjyK.js';
@@ -83,6 +84,10 @@ const BhDropdown = class {
      * Avatar alt text
      */
     avatarAlt = "Avatar";
+    /**
+     * Initials shown when no avatar image is set (avatar variant)
+     */
+    avatarInitials = "";
     /**
      * Avatar size for avatar variant
      */
@@ -434,7 +439,11 @@ const BhDropdown = class {
                         e.stopPropagation();
                         this.toggleDropdown();
                     }
-                }, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "button", tabindex: this.disabled ? -1 : 0 }, h("bh-avatar", { alt: resolveI18n("bh-dropdown", "avatarAlt", this.avatarAlt, "Avatar"), imageSrc: this.avatarSrc || undefined, size: this.avatarSize, variant: this.avatarSrc ? "image" : "placeholder" }))), this.searchable && this.isOpen && (h("div", { class: "dropdown-search", part: "search" }, h("bh-input-text", { onInput: (e) => {
+                }, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "button", tabindex: this.disabled ? -1 : 0 }, h("bh-avatar", { alt: resolveI18n("bh-dropdown", "avatarAlt", this.avatarAlt, "Avatar"), imageSrc: this.avatarSrc || undefined, size: this.avatarSize, text: this.avatarInitials, variant: this.avatarSrc
+                    ? "image"
+                    : this.avatarInitials
+                        ? "text"
+                        : "placeholder" }))), this.searchable && this.isOpen && (h("div", { class: "dropdown-search", part: "search" }, h("bh-input-text", { onInput: (e) => {
                     const detail = e.detail;
                     this.searchTerm = detail;
                     this.handleSearch(detail);

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.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;     }   } }`;
@@ -131,10 +132,10 @@ const BhGaugeChart = class {
         const valuePath = percentage > 0
             ? this.createArc(center, center, radius, this.startAngle, valueEndAngle)
             : "";
-        return (h(Host, { key: 'fcf2f2c00bdd3f020c38a69927c28178bde3339d' }, h("div", { key: '1d6679e08f04a982e17c0ce2142957f00937e82a', "aria-label": this.getComputedAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
+        return (h(Host, { key: '08cac2c567cfbf6189396c13ed63b0c0cecf4966' }, 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" }, h("div", { key: '26349aadff8e05e4c07da378e584d5ce4c03d1e0', class: "gauge-svg-wrapper", style: { width: `${this.size}px`, height: `${this.size}px` } }, h("svg", { key: 'eeb94ad2127141d0ae7118a84068e77cd537d4ff', class: "gauge-svg", height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, h("path", { key: '196f43a3b8e3fea83ab4ccddbb19018541744041', class: "gauge-track", d: trackPath, fill: "none", stroke: this.trackColor, "stroke-linecap": "round", "stroke-width": this.strokeWidth }), valuePath && (h("path", { key: 'e72e3168ad0efd4db34a3433dff99e0c560c3aa2', class: "gauge-fill", d: valuePath, fill: "none", stroke: this.color, "stroke-linecap": "round", "stroke-width": this.strokeWidth }))), h("div", { key: '1bfe7abd7c55c40d5845f62807e56a9ff3798724', class: "gauge-center-text", part: "center-text" }, h("span", { key: 'e0f253bec25ae3a53bac8a352bc090c14e807609', class: "gauge-value" }, displayValue))), this.chartTitle && (h("div", { key: '8c284d9ea7afd45c820c2e6d478e2143c3bb2846', class: "gauge-title", part: "title" }, this.chartTitle)), this.description && (h("div", { key: '9aaaeebd64475490be5167b62bf1817b74b3f4ba', class: "gauge-description", part: "description" }, this.description)))));
+            }, onClick: this.handleClick, part: "container", role: "meter" }, h("div", { key: '14831d7460d19f814cae15b9527149d270a0d880', class: "gauge-svg-wrapper", style: { width: `${this.size}px`, height: `${this.size}px` } }, h("svg", { key: 'd33792f43acc78b65df4a4c5a2c986b6f95e45c4', class: "gauge-svg", height: this.size, viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, h("path", { key: '5a847a1002d4c683aec3622f24a7ee72896a2b72', class: "gauge-track", d: trackPath, fill: "none", stroke: this.trackColor, "stroke-linecap": "round", "stroke-width": this.strokeWidth }), valuePath && (h("path", { key: '4e0ff2fd972877df2bfa6a4180efbbca9dec87b9', class: "gauge-fill", d: valuePath, fill: "none", stroke: this.color, "stroke-linecap": "round", "stroke-width": this.strokeWidth }))), h("div", { key: 'd20b04ba88da9acc2e3c20c7d571be848f17894a', class: "gauge-center-text", part: "center-text" }, h("span", { key: 'd9aa3e7755a275dd807e4e4d17cb8311bb9490d0', class: "gauge-value" }, displayValue))), this.chartTitle && (h("div", { key: 'c67aabbd140ea3171bbc8acd6ccfb953bc87d5ff', class: "gauge-title", part: "title" }, this.chartTitle)), this.description && (h("div", { key: '3cecfe813eaac69f80a950633396c56d575a661a', class: "gauge-description", part: "description" }, this.description)))));
     }
 };
 BhGaugeChart.style = bhGaugeChartCss();

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger } from './error-boundary-YLeLKAYJ.js';
-import { c as createComponentErrorHandler } from './component-error-handler-BVWQSuxn.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
+import { c as createComponentErrorHandler } from './component-error-handler-bgLpf9Pn.js';
+import './error-boundary-afpK3NgJ.js';
 import './metrics-CSH9RXgl.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)}}`;
@@ -86,7 +87,7 @@ const BhGuidedChecklist = class {
     render() {
         const cfg = this.parsedConfig;
         const groups = this.parsedTaskGroups;
-        return (h(Host, { key: '451ef1547207acdf126672c4d109549bafe7564e' }, h("div", { key: '12c3edffe25242655d8ce8dc52de1ba4c07aeaa6', class: "checklist-trigger", onClick: this.handleTriggerClick }, h("slot", { key: '01a6e60a1f1d3a63056c6155b08dce1e7a65588b', name: "trigger" }, h("bh-fab", { key: '14cedb0464ea71b6a5e270986007c84a2c6d3cbd', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), 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" }, h("div", { key: 'a392758c11584364528a4e7ca506bc0e1834c1c3', class: "checklist-header", slot: "header" }, h("div", { key: '7e0edac25d02848ea8adcaf84827b959d79207c2', class: "checklist-header-top" }, cfg?.logoSrc && (h("img", { key: '9dde74fe3d0b7a440a5a469e3ab47fedfc7c7488', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), h("bh-close-button", { key: 'a254886b2ec7544c649f161164d0473c615c3326', ariaLabel: "Close", onClick: this.handleClose })), cfg && (h("div", { key: '60e57c86124aa9c3b2ab92fa9babb07bf7d612c7', class: "checklist-header-text" }, h("h3", { key: '1ffa1a9f9a37ff8f001f0b305ce3ec443ef57201', class: "checklist-title" }, cfg.title), cfg.description && (h("p", { key: 'a8cd35a5e61127fe13b574b9c3d10f89a967959c', class: "checklist-description" }, cfg.description))))), h("div", { key: '1fd34d34b9de8219baddf18ef40e40926cf8b26a', class: "checklist-body" }, groups.map((group) => (h("bh-checklist-task-group", { group: group, key: group.id })))))));
+        return (h(Host, { key: 'b3e42363800c16ed240c69510ecbb72340a05b38' }, h("div", { key: '895ebe00610726e090d8cfa385a5abe7742bbaab', class: "checklist-trigger", onClick: this.handleTriggerClick }, h("slot", { key: 'c0bcc3d02febc501e179de50ec265c5586af90aa', name: "trigger" }, h("bh-fab", { key: '9d594b3a47b99508d4c8227852f14b9515a8a1c8', ariaLabel: this.open ? "Close guided checklist" : "Open guided checklist", iconName: this.fabIcon, size: "lg" }))), 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" }, h("div", { key: '6305494cb28b5a01292058364d3ef94de45f036f', class: "checklist-header", slot: "header" }, h("div", { key: '3a71ae78a97b041ce8dd7d4593f37e94932f4a11', class: "checklist-header-top" }, cfg?.logoSrc && (h("img", { key: '0d48bf2f7114de0cd92b1cc4469d854fad216c70', alt: cfg.logoAlt ?? "", class: "checklist-logo", src: cfg.logoSrc })), h("bh-close-button", { key: '592944ee008cfbaea86a5d6adf428295b72f42ea', ariaLabel: "Close", onClick: this.handleClose })), cfg && (h("div", { key: 'c1ca068e102ec9ef4c4ea02a542072c6db3abfad', class: "checklist-header-text" }, h("h3", { key: 'a2ff9d492f0cc465569cacf019d6f5cda628dc8b', class: "checklist-title" }, cfg.title), cfg.description && (h("p", { key: '033d665a5ec70724f632c22359678fcea96c7b7a', class: "checklist-description" }, cfg.description))))), h("div", { key: 'e2cfdcdede5b85a24a1ed32d3eee0b8cc413ad8a', class: "checklist-body" }, groups.map((group) => (h("bh-checklist-task-group", { group: group, key: group.id })))))));
     }
 };
 BhGuidedChecklist.style = bhGuidedChecklistCss();

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
 import { i as isUrlSafe, T as TOOLBAR_BUTTONS, B as BUBBLE_MENU_ACTIONS, a as isImageSrcSafe, F as FONT_FAMILIES } from './bh-html-editor.tiptap-CDM8zuSj.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import './browser-UjNYPqeE.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;     }   } }`;
@@ -218,17 +219,17 @@ const BhHtmlEditorBubbleMenu = class {
     };
     render() {
         const bubbleButtons = TOOLBAR_BUTTONS.filter((b) => BUBBLE_MENU_ACTIONS.includes(b.action));
-        return (h(Host, { key: 'c2e4e9c44bd1b2608c955abc72ab762200d5ba0d' }, h("div", { key: '135f0f1154ecef4d0920ca1ecdb1abbf1005f7a3', "aria-label": resolveI18n("bh-html-editor-bubble-menu", "ariaLabel", this.ariaLabel, "Text formatting"), class: {
+        return (h(Host, { key: '930a76dd3b887abf2bdf9b97fff737cc4c88a68c' }, h("div", { key: '875162d7eb90aa6fec2c167e72d6755d8e01f4b8', "aria-label": 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 }, h("div", { key: 'fd38d26290246967f737d0d8873879cb8c65367f', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (h("button", { "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+            }, tabIndex: this.visible ? 0 : -1 }, h("div", { key: '1e99daa2ba37aefd844b0060bb2e04b7472c0cde', class: "bubble-menu-content" }, bubbleButtons.map((btn) => (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" }, h("span", { class: "material-symbols-outlined" }, btn.icon))))), h("div", { key: 'f4b35a187de79e03d60374edb0f5040a6ea5284a', class: "bubble-arrow" }))));
+            }, key: btn.action, onClick: () => this.handleAction(btn.action), title: btn.label, type: "button" }, h("span", { class: "material-symbols-outlined" }, btn.icon))))), h("div", { key: 'c1f72ec97177e2c042e4b0070e1f54778d13c17d', class: "bubble-arrow" }))));
     }
 };
 BhHtmlEditorBubbleMenu.style = bhHtmlEditorBubbleMenuCss();
@@ -423,7 +424,7 @@ const BhHtmlEditorToolbar = class {
         this.focusedIndex = index;
     };
     render() {
-        return (h(Host, { key: '2a8d708ded84177a835582dbb3749ec26cb0735a' }, h("div", { key: 'a1cee86f34212eead146437ac3660eef8b66500a', "aria-label": resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, h("div", { key: 'ebfd767071ca0e3c0e4c4fcb9cdca8818629d11b', class: "font-family-wrapper" }, h("select", { key: 'ed9a7074aeaed5ac24673e4f0fa2e93aff11e677', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, FONT_FAMILIES.map((font) => (h("option", { key: font, value: font }, font)))), h("span", { key: 'e1a2a43ea7a90de68c8a4c12d767cfeeae133f0c', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), TOOLBAR_BUTTONS.map((btn, index) => (h("button", { "aria-keyshortcuts": ARIA_KEY_SHORTCUTS[btn.action], "aria-label": btn.label, "aria-pressed": String(this.activeStates[btn.action] ?? false), class: {
+        return (h(Host, { key: 'f96d1686ef816f98780f2fa6e8ee4c87df494f0b' }, h("div", { key: 'd43361b08d09e66fd0f4e1e9413e9e1246b353c7', "aria-label": resolveI18n("bh-html-editor-toolbar", "ariaLabel", this.ariaLabel, "Text formatting"), class: "toolbar", onKeyDown: this.handleToolbarKeyDown, part: "toolbar", role: "toolbar" }, h("div", { key: '5f6e4246b44d70f4f0ab59a693fa8cec45995ed9', class: "font-family-wrapper" }, h("select", { key: '13ef4e0e550148099166ea8eea00cc7f3eafbaad', "aria-label": "Font family", class: "font-family-select", disabled: this.disabled, onChange: this.handleFontFamilyChange, ...{ value: this.currentFontFamily } }, FONT_FAMILIES.map((font) => (h("option", { key: font, value: font }, font)))), h("span", { key: '4afc2f74c62939ea7190b1cfde16d217fe55e706', class: "material-symbols-outlined font-family-chevron" }, "expand_more")), TOOLBAR_BUTTONS.map((btn, 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), tabIndex: !this.disabled && index === this.focusedIndex ? 0 : -1, title: btn.label, type: "button" }, h("span", { class: "material-symbols-outlined" }, btn.icon)))))));

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
 import { s as sanitizeEditorHtml, c as createHtmlEditor } from './bh-html-editor.tiptap-CDM8zuSj.js';
 import { s as syncFormValue, u as updateValidity } from './form-DWWRC9ht.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import './browser-UjNYPqeE.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)}}`;
@@ -329,12 +330,12 @@ const BhHtmlEditor = class {
         };
         const showError = this.error && this.errorText;
         const showHelper = !showError && this.helperText;
-        return (h(Host, { key: '8d37fae240ebd063f5746f3882621e236ac9c40d', "aria-disabled": this.disabled ? "true" : undefined }, h("div", { key: 'f1a1a9c25c5c488bf7f6a9797f107ea6455d7027', class: "html-editor-wrapper", part: "container" }, this.label && (h("bh-label", { key: 'c9fb79496f1ce25875b17da95a27052a91f0b50e', disabled: this.disabled, label: this.label, required: this.required })), h("div", { key: '9289bbd421e07bf82c7a770e7d2f91f8a4370ee6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (h("bh-html-editor-toolbar", { key: 'd0eea495e1e9dc106740a41a0374333e75a67807', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), h("div", { key: '23612a2a643e7d2afb7287a9620ab1191934b90b', class: "editor-content-wrapper" }, h("slot", { key: '116adf4402d28c85f2164308dbbaa869c97b15f4' })), this.showBubbleMenu &&
+        return (h(Host, { key: 'cc7db6bcb3ee54ec8b51300253add1f2103cafca', "aria-disabled": this.disabled ? "true" : undefined }, h("div", { key: 'e7d7fecf6995ff129e0a83d9d49bb302631b1163', class: "html-editor-wrapper", part: "container" }, this.label && (h("bh-label", { key: '55aac8bafb2a71aa1a3590923f84eb7e76f53ee6', disabled: this.disabled, label: this.label, required: this.required })), h("div", { key: '9203a40a1add1f8f6515b686ecc3e1a01a331ef6', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.editorReady && this.editor && !this.readOnly && (h("bh-html-editor-toolbar", { key: '1750fdf1da50c78f877b772e68ad53899d5b7822', class: "editor-toolbar", disabled: this.disabled, editor: this.editor })), h("div", { key: 'f7b06a770c0b3bc3074532403ee1a73df56eedde', class: "editor-content-wrapper" }, h("slot", { key: 'a59754874577f86b587c25c507fd4de9b0ec2087' })), this.showBubbleMenu &&
             this.editorReady &&
             this.editor &&
             !this.readOnly &&
             !this.disabled &&
-            !this.selectionEmpty && (h("bh-html-editor-bubble-menu", { key: 'd3d7eb2452f0cb16924fb281c7f5d7513fae3fdb', editor: this.editor, targetEl: this.contentEl }))), showHelper && (h("div", { key: '7daa4506417c3e856450df8030b48df73d968655', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (h("div", { key: '9325abb828f5576c26cad38283d7de9008a04161', class: "error-text", part: "error-text" }, this.errorText)))));
+            !this.selectionEmpty && (h("bh-html-editor-bubble-menu", { key: '094de6ecd4366bbdef7187a1b880e38ff0d80a0c', editor: this.editor, targetEl: this.contentEl }))), showHelper && (h("div", { key: 'b79c99aa7b817ba342b1409c94dedf74b65d2c4a', class: "helper-text", part: "helper-text" }, this.helperText)), showError && (h("div", { key: 'ec419bc000bc26d956f163b30705b8f8c88f2bcf', class: "error-text", part: "error-text" }, this.errorText)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 
 const 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);     }   } }`;
 
@@ -78,7 +79,7 @@ const BhIllustrations = class {
             width: `${dimensions.width}px`,
             height: `${dimensions.height}px`,
         };
-        return (h(Host, { key: 'ce8971d8005e0e56cb3b4e926ac314ce01a52609' }, h("div", { key: '1161c55d15bac44619e2cd8f066f271efe446d85', class: `illustration illustration-${this.size}`, part: "container" }, h("div", { key: '7532f98ddaf2d3de2d461b99a9feeee9f3237113', class: "illustration-wrapper", part: "wrapper" }, h("div", { key: 'bf90b79032e54716eaf893fd975a932d577ac591', class: "illustration-svg-container", style: containerStyle }, h("img", { key: '384fb24e213a259da4514182ad11bb1487ea83e3', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (h("div", { key: '1a95af3e824761f5ebfecf819a6a50ed226034c8', class: "illustration-content" }, this.illustrationTitle && (h("h3", { key: '2b2bffc6b3c9677f16e6b895653f2de62018637e', class: "illustration-title" }, this.illustrationTitle)), this.description && (h("p", { key: '0b095662fa03462de6df87ac8d18d8e1fef504be', class: "illustration-description" }, this.description))))))));
+        return (h(Host, { key: '01e0c2071c7edcedf2a6deacbf85173f9eb89a8a' }, h("div", { key: 'b677d414e5d6b2891d84180168596d2f0a1426d9', class: `illustration illustration-${this.size}`, part: "container" }, h("div", { key: '94fef0ba1d774bd5bfeff5a5a1aeae6fdedd3e50', class: "illustration-wrapper", part: "wrapper" }, h("div", { key: '26e9469392a6617fee99e591424014f28be8a412', class: "illustration-svg-container", style: containerStyle }, h("img", { key: '785ad9d7341c422b3d7de5fbcb716250d962ca45', alt: this.alt, class: "illustration-image", src: this.getIllustrationSrc(), style: containerStyle })), hasContent && (h("div", { key: 'b8e52fc58798fac04869c5939640a48b6b4ef894', class: "illustration-content" }, this.illustrationTitle && (h("h3", { key: '89fc03034fa853566cd44e75485e28bf87343148', class: "illustration-title" }, this.illustrationTitle)), this.description && (h("p", { key: 'c835428e2e347e4b8f34bc3bc2ee9ec0e5f96500', class: "illustration-description" }, this.description))))))));
     }
 };
 BhIllustrations.style = bhIllustrationsCss();

package/dist/esm/bh-inline-cta.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.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)}}`;
@@ -72,13 +73,13 @@ const BhInlineCta = class {
     render() {
         const isImageType = this.type === "image";
         const isEmailType = this.type === "email-field";
-        return (h(Host, { key: '0ecf6d0198dcb06a775596ac3a84012b554cd99f' }, h("div", { key: '042d60a5538087b0b74efc24b67c237bd9702409', "aria-label": this.heading || "Call to action", class: {
+        return (h(Host, { key: '544d60ca10d116650fba25c8406024dba2fbe460' }, 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(), h("div", { key: '77717d1781068a3cf30ef4ce32d23e7101dd9caa', class: "inline-cta-content", part: "content" }, h("div", { key: '1ae1e297c30a140f45c48bb0327766a1cbe526f2', class: "inline-cta-text", part: "text" }, this.heading && (h("h3", { key: '0727909efae46c0c3d6c785d070fb7680e8acd2c', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (h("p", { key: 'fff0a3a916f6957fe7b54306eccabd6417610757', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), h("div", { key: '09b678401ae1166ae8654f4f813e181193fbd456', class: "inline-cta-body", part: "body" }, h("slot", { key: '535f34901eac23bb7615e7d948b79376a7c71ad3' })), h("div", { key: '5a1135d5fd845bf88d3a184bcf88e02912abff94', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, h("slot", { key: '206a2b02b19bd4bc4ab6352f9ec174e7537188a2', name: "actions" }))), this.showDismiss && (h("div", { key: '775f6f3e2df63a1619366432a99ef8d4ee17e039', class: "inline-cta-dismiss", part: "dismiss" }, h("bh-close-button", { key: '6a1896643d85f1b1223c37999360428d2e6d9df6', ariaLabel: resolveI18n(COMPONENT_NAME, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
+            }, part: "container", role: "region" }, isImageType && this.renderMedia(), h("div", { key: '9e37b22932ea2d71e806cb8662ea83ef5ddfed24', class: "inline-cta-content", part: "content" }, h("div", { key: '003bb25e9dcd46c52f8ff93582eb5af5c7fd26cb', class: "inline-cta-text", part: "text" }, this.heading && (h("h3", { key: 'd3e4a78ec40e6d7e3cf1842900ee237379ac2c42', class: "inline-cta-heading", part: "heading" }, this.heading)), this.description && (h("p", { key: '7e81e165c140e47b31dc5db9758a0e31d607fd24', class: "inline-cta-description", part: "description" }, this.description))), isEmailType && this.renderEmailSection(), h("div", { key: '97fdb147b914df3c67b7b355fd611b892046f273', class: "inline-cta-body", part: "body" }, h("slot", { key: '6b14c6c9cb9502db7fd3ac1f52af50758f715d62' })), h("div", { key: 'decece4f213edf5c5788357338f06e64fd2ba5e9', class: "inline-cta-actions", onClick: this.handleActionClick, part: "actions" }, h("slot", { key: '0c0a5d8dca2495f9cecd1fbabe6da7019ebd61f4', name: "actions" }))), this.showDismiss && (h("div", { key: 'a655f1ba46a0529f7cd2111704cd90a26dc41054', class: "inline-cta-dismiss", part: "dismiss" }, h("bh-close-button", { key: 'ec49303e55319c01e45b8aa718d6c7963a8ae595', ariaLabel: resolveI18n(COMPONENT_NAME, "dismissAriaLabel", this.dismissAriaLabel, "Dismiss"), onClick: this.handleDismiss }))))));
     }
 };
 BhInlineCta.style = bhInlineCtaCss();

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

@@ -2,9 +2,10 @@ import { r as registerInstance, c as createEvent, a as getElement, h, H as Host
 import { g as generateUniqueId } from './id-generator-CLrVoF3x.js';
 import { T as TopLayerAnchor, s as supportsTopLayerPopover } from './top-layer-anchor-_HEoiOQg.js';
 import { b as validateCSSValue, c as validateStringLength, M as MAX_STRING_LENGTH } from './validators-R-A72b5e.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
-import { c as createComponentErrorHandler } from './component-error-handler-BVWQSuxn.js';
+import { c as createComponentErrorHandler } from './component-error-handler-bgLpf9Pn.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
 import { K as KEYBOARD_KEYS } from './keyboard-constants-zdFuIabL.js';
@@ -455,7 +456,7 @@ const BhInputAutocomplete = class {
     };
     render() {
         const { tags, remaining } = this.visibleTags;
-        return (h(Host, { key: '0f9850f06815fc6c90f1a9520b84e9549668b71a' }, h("div", { key: '851f05c4be75e2e14ce430e25feac0951a9d8db3', class: "input-autocomplete-wrapper", onKeyDown: this.handleKeyDown, part: "wrapper", style: { width: this.safeWidth } }, this.multiSelect ? (
+        return (h(Host, { key: 'f082ab628b77d4a8e8b17a3e86532f5e40ed4ca9' }, 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
         h("div", { class: "input-wrapper", part: "input-wrapper" }, h("bh-label", { disabled: this.disabled, helpIconTooltip: resolveI18n("bh-input-autocomplete", "helpIconTooltip", this.helpIconTooltip, "Help"), label: this.showLabel ? this.label : "", onBhHelpClick: () => this.bhHelpClick.emit(), required: this.required, showHelpIcon: this.showHelpIcon }, h("div", { class: {
                 "input-field": true,
@@ -481,9 +482,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%" })), 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%" })), 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`
-            : ""), 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: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.autocompleteMenuEl = el), searchQuery: this.value, selectedIndex: this.focusedOptionIndex, visible: this.showDropdown }))));
+            : ""), 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: supportsTopLayerPopover ? "manual" : undefined, ref: (el) => (this.autocompleteMenuEl = el), searchQuery: this.value, selectedIndex: this.focusedOptionIndex, visible: this.showDropdown }))));
     }
     static get watchers() { return {
         "value": [{