@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/esm/bh-banner.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 bhBannerCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-banner-bg:var(--color-bg-primary);--bh-banner-border-color:var(--color-border-secondary);--bh-banner-border-radius:var(--radius-xl);--bh-banner-shadow:var(--shadow-xs);--bh-banner-heading-color:var(--color-text-primary);--bh-banner-description-color:var(--color-text-tertiary)}}@layer bh-base{.banner{display:flex;background:var(--bh-banner-bg);border:1px solid var(--bh-banner-border-color);border-radius:var(--bh-banner-border-radius);box-shadow:var(--bh-banner-shadow);overflow:clip;position:relative}.banner-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.banner-body{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.banner-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.banner-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-banner-heading-color);margin:0}.banner-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-banner-description-color);margin:0}.banner-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.banner-media{flex-shrink:0;overflow:clip}.banner-image{display:block;width:100%;height:100%;object-fit:cover}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.banner-horizontal{flex-direction:row;align-items:stretch}.banner-horizontal .banner-media{width:240px;align-self:stretch}.banner-horizontal .banner-content{padding:var(--spacing-3xl)}.banner-horizontal:not(.banner-with-media) .banner-content{padding:var(--spacing-3xl)}.banner-vertical{flex-direction:column}.banner-vertical .banner-media{width:100%;height:200px}.banner-vertical .banner-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.banner-vertical .banner-actions{flex-direction:column;width:100%}.banner-vertical .banner-actions ::slotted(*){width:100%}}`;
@@ -64,11 +65,11 @@ const BhBanner = class {
     }
     render() {
         const hasMedia = !!this.imageSrc;
-        return (h(Host, { key: '79fb5793d1b15cf28cb253d76a32e1b0c1901b43' }, h("div", { key: '68317880f36540113c041b4a7988a0a1ba4bb905', "aria-label": this.heading || "Banner", class: {
+        return (h(Host, { key: 'f61560c82138e3fccc2a3a9236f5235ecb1847b2' }, h("div", { key: '8a8f37d7a59cbdb6e04f7a3d60d53a108ed63a79', "aria-label": this.heading || "Banner", class: {
                 banner: true,
                 [`banner-${this.variant}`]: true,
                 "banner-with-media": hasMedia,
-            }, part: "container", role: "region" }, hasMedia && this.renderMedia(), h("div", { key: 'dcccc9223215d053378f386e9792090241df829a', class: "banner-content", part: "content" }, h("div", { key: 'c359f940df031ceb027199b9078c2ec88c2e90be', class: "banner-body", part: "body" }, h("div", { key: 'eadb47b277801f7f3d05d6d71bb90a4a99020ae7', class: "banner-text", part: "text" }, this.heading && (h("h3", { key: '56b86b6844878d151ed69164b4c2ddc39ad6ec61', class: "banner-heading", part: "heading" }, this.heading)), this.description && (h("p", { key: '274436012fbdb0f0b9ecf2f7e289b428f22e0309', class: "banner-description", part: "description" }, this.description))), h("slot", { key: '7b619e0cfbf1326abd19ce703946ee192983b432' })), h("div", { key: '19f6c33e74e8f380d3840974479a838b123f78fa', class: "banner-actions", onClick: this.handleActionClick, part: "actions" }, h("slot", { key: 'c1f363a7f526006d21ed0d26dd134d623eb1583a', name: "actions" }))), this.showDismiss && (h("bh-close-button", { key: '01736b1296b1938af470f5198a72a29a009b2c94', ariaLabel: resolveI18n("bh-banner", "dismissAriaLabel", this.dismissAriaLabel, "Dismiss banner"), onClick: this.handleDismiss })))));
+            }, part: "container", role: "region" }, hasMedia && this.renderMedia(), h("div", { key: 'a5378ca0755d8fa23b940a4c8893590b139005db', class: "banner-content", part: "content" }, h("div", { key: '943dfa074273d6de8ef68706c1c6305878fac47b', class: "banner-body", part: "body" }, h("div", { key: 'c40d87d74a11df3b512e37476f968334cf733081', class: "banner-text", part: "text" }, this.heading && (h("h3", { key: 'f251f4f656b2e75bd8ccfc13f707f73e40c60bd9', class: "banner-heading", part: "heading" }, this.heading)), this.description && (h("p", { key: '322110ba3ab9c0c02bfbc4fcd4bae618c3cbbecb', class: "banner-description", part: "description" }, this.description))), h("slot", { key: 'cfd8adc5a3a8f299cb95381910282ae111fcfba9' })), h("div", { key: 'e62fd391857817eae156462efd7e07a4883944d6', class: "banner-actions", onClick: this.handleActionClick, part: "actions" }, h("slot", { key: '48372d95fc2273890c42e80c9cf16489ca0727ad', name: "actions" }))), this.showDismiss && (h("bh-close-button", { key: 'fa47fbe26e433dadc2d1d7523a1667686c93c41c', ariaLabel: resolveI18n("bh-banner", "dismissAriaLabel", this.dismissAriaLabel, "Dismiss banner"), onClick: this.handleDismiss })))));
     }
 };
 BhBanner.style = bhBannerCss();

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTHvNfIu.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
-import { r as reportComponentError, c as createComponentLogger } from './error-boundary-YLeLKAYJ.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.js';
 
 const bhBarChartCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-bar-chart-gap: var(--spacing-xxs);     --bh-bar-chart-gap-lg: var(--spacing-lg);     --bh-bar-chart-hover-bg: var(--color-bg-tertiary);          --bh-bar-chart-color-1: var(--color-bg-interactive);     --bh-bar-chart-color-2: var(--color-orange-500);     --bh-bar-chart-color-3: var(--color-text-success);     --bh-bar-chart-color-purple: var(--color-purple-600);     --bh-bar-chart-color-accent: var(--color-accent-500);     --bh-bar-chart-color-4: var(--color-teal-500);     --bh-bar-chart-color-5: var(--color-lime-500);     --bh-bar-chart-color-6: var(--color-amber-500);     --bh-bar-chart-color-7: var(--color-purple-600);     --bh-bar-chart-color-8: var(--color-accent-500);   } } @layer bh-base {      .vertical-container {     display: flex;     align-items: flex-end;     height: 180px;     width: 100%;   }   .bar-column.vertical {     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-end;     height: 100%;     flex: 1;     gap: var(--bh-bar-chart-gap);     margin: 0 2px;     border-radius: var(--radius-xs);     transition: background-color var(--animation-duration-normal) ease;   }   .bar-segment.vertical {     width: 6px;     border-radius: var(--radius-xxs);     min-height: 2px;     transition: all var(--animation-duration-slow) ease;     transform-origin: bottom;   }      .horizontal-container {     display: flex;     flex-direction: column;     justify-content: space-between;     height: auto;     min-height: 140px;     gap: var(--bh-bar-chart-gap-lg);   }   .bar-row.horizontal {     display: flex;     align-items: center;     width: 100%;     height: 6px;     min-height: 6px;     max-height: 6px;     gap: var(--bh-bar-chart-gap);     margin: 2px 0;     border-radius: var(--radius-xs);     transition: background-color var(--animation-duration-normal) ease;     padding: 2px;   }   .bar-segment.horizontal {     height: 100%;     min-height: 6px;     max-height: 6px;     border-radius: var(--radius-xxs);     min-width: 2px;     transition: all var(--animation-duration-slow) ease;     transform-origin: left;   } } @layer bh-variants {      .vertical-container.simple {     height: 180px;     width: 100%;   }   .vertical-container.simple .bar-column.vertical {     flex: 1;     margin: 0 2px;   }   .vertical-container.simple .bar-segment.horizontal {     min-width: 2px;     height: 6px;     min-height: 6px;     max-height: 6px;   }      .horizontal-container.simple {     height: auto;     min-height: 140px;     gap: var(--bh-bar-chart-gap-lg);   }   .horizontal-container.simple .bar-row.horizontal {     height: 6px;     min-height: 6px;     max-height: 6px;     margin: 2px 0;     padding: 2px;   }   .horizontal-container.simple .bar-segment.horizontal {     min-width: 2px;     height: 6px;     min-height: 6px;     max-height: 6px;   } } @layer bh-states {      .bar-column,   .bar-row {     cursor: pointer;   }   .bar-column:hover {     background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent);   }   .bar-column:hover .bar-segment {     opacity: 0.9;     filter: brightness(1.05);   }   .bar-row:hover {     background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent);   }   .bar-row:hover .bar-segment {     opacity: 0.9;     filter: brightness(1.05);   } } @layer bh-utilities {      .bar-chart-animated .bar-segment.vertical {     animation: barGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   }   .bar-chart-animated .bar-segment.horizontal {     animation: barGrowHorizontal 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   }   @keyframes barGrowVertical {     from {       transform: scaleY(0);       opacity: 0;     }     to {       transform: scaleY(1);       opacity: 1;     }   }   @keyframes barGrowHorizontal {     from {       transform: scaleX(0);       opacity: 0;     }     to {       transform: scaleX(1);       opacity: 1;     }   }   @media (prefers-reduced-motion: reduce) {     .bar-chart-animated .bar-segment.vertical,     .bar-chart-animated .bar-segment.horizontal {       animation: none;       opacity: 1;       transform: none;     }   } }`;
 
@@ -264,7 +265,7 @@ const BhBarChart = class {
     };
     render() {
         const processedData = this.processData();
-        return (h(Host, { key: '4d0480d6140e744255e2335090cebc69042f29a6' }, h("div", { key: '40b95ccf681d97b54f5376d74ba43205091ac55b', class: {
+        return (h(Host, { key: '8b47527eb278b71ffbb786697e7f09fba39365e7' }, h("div", { key: '26f988f02923c782f36eb4d6653a7a51fcbc91e2', class: {
                 "bar-chart": true,
                 [this.variant]: true,
                 [this.orientation]: true,
@@ -275,7 +276,7 @@ const BhBarChart = class {
             } })))))))) : (h("div", { class: "horizontal-container" }, processedData.map((bar, i) => (h("div", { class: "bar-row horizontal", key: i, onClick: (e) => this.handleColumnClick(e, bar, i), onMouseEnter: (e) => this.handleColumnHover(e, bar, i), onMouseLeave: (e) => this.handleColumnLeave(e, bar, i), onMouseMove: this.handleColumnMove }, bar.segments.map((segment, segIndex) => (h("div", { class: "bar-segment horizontal", key: segIndex, style: {
                 width: `${(segment.value / bar.totalValue) * 100}%`,
                 backgroundColor: segment.color,
-            } }))))))))), h("bh-chart-tooltip", { key: 'b980b600f61e671df3fd7ddf00d7eba799f7802a', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, showTotal: this.showTooltipTotal, total: this.tooltipTotal, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            } }))))))))), h("bh-chart-tooltip", { key: 'fb810fcde8a557567f020d34d8ca6622330acb27', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, showTotal: this.showTooltipTotal, total: this.tooltipTotal, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
 };
 BhBarChart.style = bhBarChartCss();

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

@@ -1,13 +1,14 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, F as Fragment } 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 { c as createKeyboardNavigationState, h as handleKeyboardNavigation } from './keyboard-navigation-BQ6-iZ9t.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 { v as validateJSON } from './validators-R-A72b5e.js';
 import { a as isActionKey } from './keyboard-helpers-Dg0_t7Yy.js';
 import './keyboard-constants-zdFuIabL.js';
 
-const bhBreadcrumbsCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-breadcrumbs-color: var(--color-text-secondary);     --bh-breadcrumbs-color-hover: var(--color-text-primary);     --bh-breadcrumbs-bg-hover: var(--color-bg-secondary);     --bh-breadcrumbs-current-bg: var(--color-bg-secondary);     --bh-breadcrumbs-current-color: var(--color-text-primary);     --bh-breadcrumbs-separator-color: var(--color-border-primary);     --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive);   } } @layer bh-base {      .breadcrumbs {     font-family: var(--font-inter);     user-select: none;   }   .breadcrumbs-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     flex-wrap: wrap;   }   .breadcrumb-item {     display: flex;     align-items: center;   }      .breadcrumb-button {     display: flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     border-radius: var(--radius-sm);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     color: var(--bh-breadcrumbs-color);     text-decoration: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     min-height: var(--bh-breadcrumbs-min-height);     box-sizing: border-box;   }      .breadcrumb-text {     white-space: nowrap;     max-width: var(--bh-breadcrumbs-item-max-width);     overflow: hidden;     text-overflow: ellipsis;   }      .breadcrumb-icon {     flex-shrink: 0;     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);     color: var(--bh-breadcrumbs-color);   }      .breadcrumb-separator {     display: flex;     align-items: center;     color: var(--bh-breadcrumbs-separator-color);     font-size: var(--bh-breadcrumbs-icon-size);     flex-shrink: 0;   }   .breadcrumb-separator .material-symbols-outlined {     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);   }      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;     font-size: var(--icon-size-lg);   } } @layer bh-variants {      .breadcrumb-home {     padding: var(--spacing-xs);     min-width: var(--bh-breadcrumbs-min-height);     min-height: var(--bh-breadcrumbs-min-height);   }   .breadcrumb-home .breadcrumb-icon {     font-size: var(--text-lg-size);     width: var(--text-lg-size);     height: var(--text-lg-size);   }      .breadcrumb-current {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);     font-weight: var(--weight-medium);     cursor: default;   }      .breadcrumb-ellipsis {     color: var(--bh-breadcrumbs-color);     font-weight: var(--weight-medium);   } } @layer bh-states {   .breadcrumb-button:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   }   .breadcrumb-button:focus-visible {     outline: 2px solid var(--bh-breadcrumbs-focus-ring-color);     outline-offset: 2px;   }   .breadcrumb-current:hover {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);   }   .breadcrumb-ellipsis:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   } } @layer bh-utilities {      @media (max-width: 640px) {     .breadcrumb-text {       max-width: var(--bh-breadcrumbs-item-max-width-sm);     }     .breadcrumbs-container {       gap: var(--spacing-xxs);     }     .breadcrumb-button {       padding: var(--spacing-xxs) var(--spacing-xs);       font-size: var(--text-xs-size);     }   } }  .breadcrumb-dropdown {   position: relative;   display: inline-flex; }  .breadcrumb-dropdown-trigger {   display: inline-flex;   align-items: center;   gap: var(--spacing-xs); }  .breadcrumb-dropdown-chevron {   font-size: var(--icon-size-base);   color: var(--color-text-disabled);   transition: color var(--animation-duration-normal) ease; }  .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron {   color: var(--color-text-secondary); }  .breadcrumb-dropdown-menu {   position: absolute;   top: calc(100% + var(--spacing-xs));   left: 0;   z-index: var(--bh-z-index-dropdown);   min-width: 240px;   background: var(--color-surface-elevated);   border-radius: var(--radius-md);   box-shadow: var(--shadow-dropdown);   overflow: hidden;   box-sizing: border-box;   padding: var(--spacing-xs); }  .breadcrumb-dropdown-search {   display: flex;   align-items: center;   gap: var(--spacing-md);   padding: var(--spacing-md);   border-bottom: 1px solid var(--color-border-secondary);   margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-search input {   flex: 1;   min-width: 0;   border: none;   outline: none;   background: transparent;   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder {   color: var(--color-text-tertiary); }  .breadcrumb-dropdown-item {   display: flex;   align-items: center;   gap: var(--spacing-md);   width: 100%;   padding: var(--spacing-md);   border: none;   background: transparent;   border-radius: var(--radius-sm);   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary);   cursor: pointer;   text-align: left;   transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover {   background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected {   background: var(--color-neutral-200); }`;
+const bhBreadcrumbsCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-breadcrumbs-color: var(--color-text-secondary);     --bh-breadcrumbs-color-hover: var(--color-text-primary);     --bh-breadcrumbs-bg-hover: var(--color-bg-secondary);     --bh-breadcrumbs-current-bg: var(--color-bg-secondary);     --bh-breadcrumbs-current-color: var(--color-text-primary);     --bh-breadcrumbs-separator-color: var(--color-border-primary);     --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive);   } } @layer bh-base {      .breadcrumbs {     font-family: var(--font-inter);     user-select: none;   }   .breadcrumbs-container {     display: flex;     align-items: center;     gap: var(--spacing-xs);     flex-wrap: wrap;   }   .breadcrumb-item,   .breadcrumb-start,   .breadcrumb-slot-item {     display: flex;     align-items: center;   }      .breadcrumb-button {     display: flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xs) var(--spacing-sm);     border: none;     background: transparent;     border-radius: var(--radius-sm);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;     color: var(--bh-breadcrumbs-color);     text-decoration: none;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     min-height: var(--bh-breadcrumbs-min-height);     box-sizing: border-box;   }      .breadcrumb-text {     white-space: nowrap;     max-width: var(--bh-breadcrumbs-item-max-width);     overflow: hidden;     text-overflow: ellipsis;   }      .breadcrumb-icon {     flex-shrink: 0;     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);     color: var(--bh-breadcrumbs-color);   }      .breadcrumb-separator {     display: flex;     align-items: center;     color: var(--bh-breadcrumbs-separator-color);     font-size: var(--bh-breadcrumbs-icon-size);     flex-shrink: 0;   }   .breadcrumb-separator .material-symbols-outlined {     font-size: var(--bh-breadcrumbs-icon-size);     width: var(--bh-breadcrumbs-icon-size);     height: var(--bh-breadcrumbs-icon-size);   }      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;     font-size: var(--icon-size-lg);   } } @layer bh-variants {      .breadcrumb-home {     padding: var(--spacing-xs);     min-width: var(--bh-breadcrumbs-min-height);     min-height: var(--bh-breadcrumbs-min-height);   }   .breadcrumb-home .breadcrumb-icon {     font-size: var(--text-lg-size);     width: var(--text-lg-size);     height: var(--text-lg-size);   }      .breadcrumb-current {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);     font-weight: var(--weight-medium);     cursor: default;   }      .breadcrumb-ellipsis {     color: var(--bh-breadcrumbs-color);     font-weight: var(--weight-medium);   } } @layer bh-states {   .breadcrumb-button:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   }   .breadcrumb-button:focus-visible {     outline: 2px solid var(--bh-breadcrumbs-focus-ring-color);     outline-offset: 2px;   }   .breadcrumb-current:hover {     background-color: var(--bh-breadcrumbs-current-bg);     color: var(--bh-breadcrumbs-current-color);   }   .breadcrumb-ellipsis:hover {     background-color: var(--bh-breadcrumbs-bg-hover);     color: var(--bh-breadcrumbs-color-hover);   } } @layer bh-utilities {      @media (max-width: 640px) {     .breadcrumb-text {       max-width: var(--bh-breadcrumbs-item-max-width-sm);     }     .breadcrumbs-container {       gap: var(--spacing-xxs);     }     .breadcrumb-button {       padding: var(--spacing-xxs) var(--spacing-xs);       font-size: var(--text-xs-size);     }   } }  .breadcrumb-dropdown {   position: relative;   display: inline-flex; }  .breadcrumb-dropdown-trigger {   display: inline-flex;   align-items: center;   gap: var(--spacing-xs); }  .breadcrumb-dropdown-chevron {   font-size: var(--icon-size-base);   color: var(--color-text-disabled);   transition: color var(--animation-duration-normal) ease; }  .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron {   color: var(--color-text-secondary); }  .breadcrumb-dropdown-menu {   position: absolute;   top: calc(100% + var(--spacing-xs));   left: 0;   z-index: var(--bh-z-index-dropdown);   min-width: 240px;   background: var(--color-surface-elevated);   border-radius: var(--radius-md);   box-shadow: var(--shadow-dropdown);   overflow: hidden;   box-sizing: border-box;   padding: var(--spacing-xs); }  .breadcrumb-dropdown-search {   display: flex;   align-items: center;   gap: var(--spacing-md);   padding: var(--spacing-md);   border-bottom: 1px solid var(--color-border-secondary);   margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-search input {   flex: 1;   min-width: 0;   border: none;   outline: none;   background: transparent;   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder {   color: var(--color-text-tertiary); }  .breadcrumb-dropdown-item {   display: flex;   align-items: center;   gap: var(--spacing-md);   width: 100%;   padding: var(--spacing-md);   border: none;   background: transparent;   border-radius: var(--radius-sm);   font-family: var(--font-inter);   font-size: var(--text-sm-size);   color: var(--color-text-primary);   cursor: pointer;   text-align: left;   transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined {   font-size: var(--icon-size-base);   color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover {   background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected {   background: var(--color-neutral-200); }`;
 
 /** CSS selector for clickable breadcrumb buttons */
 const BREADCRUMB_BUTTON_SELECTOR = "button.breadcrumb-button:not(.breadcrumb-current)";
@@ -64,6 +65,7 @@ const BhBreadcrumbs = class {
      */
     bhChange;
     openDropdownIndex = null;
+    hasStartContent = false;
     dropdownQuery = "";
     /** Last-selected option id per item index, so selection sticks without a re-render from the consumer */
     dropdownSelections = {};
@@ -115,6 +117,10 @@ const BhBreadcrumbs = class {
             this.bhItemClick.emit(item);
         }
     }
+    handleStartSlotChange = (event) => {
+        const slot = event.target;
+        this.hasStartContent = slot.assignedElements().length > 0;
+    };
     handleHomeClick = () => {
         this.bhItemClick.emit(HOME_BREADCRUMB_ITEM);
     };
@@ -187,6 +193,9 @@ const BhBreadcrumbs = class {
             }, key: option.id, onClick: () => this.handleOptionSelect(item, option, index), role: "option", type: "button" }, option.icon && (h("span", { class: "material-symbols-outlined" }, option.icon)), h("span", null, option.label))))))));
     }
     renderBreadcrumbItem(item, index) {
+        if (item.slotName) {
+            return (h("div", { class: "breadcrumb-slot-item", key: index, part: "slot-item" }, h("slot", { name: item.slotName })));
+        }
         if (item.dropdown?.length) {
             return this.renderDropdownItem(item, index);
         }
@@ -201,9 +210,11 @@ const BhBreadcrumbs = class {
     render() {
         const { displayItems, showEllipsis, collapsedItems } = this.displayData;
         const overflowLabel = resolveI18n("bh-breadcrumbs", "overflowAriaLabelTemplate", this.overflowAriaLabelTemplate, "Show {{count}} hidden items").replace("{{count}}", String(collapsedItems.length));
-        return (h("nav", { key: '56966b43b17d99a593dd49ad60fc0d58b8277e5d', "aria-label": resolveI18n("bh-breadcrumbs", "breadcrumbAriaLabel", this.breadcrumbAriaLabel, "Breadcrumb"), class: "breadcrumbs", onKeyDown: this.handleKeyDown, part: "nav" }, h("div", { key: 'cc964e1c00640c648a920054a452e9cafe8a78db', class: "breadcrumbs-container", part: "container" }, this.showHome && (h("div", { key: '30fa03d35c755a4a5a97b2bcc41b74acebba150f', class: "breadcrumb-item" }, h("bh-button-icon", { key: 'b127f1a3870d256542e6ff8e152e34f1b1093d24', "aria-label": resolveI18n("bh-breadcrumbs", "homeAriaLabel", this.homeAriaLabel, "Home"), hierarchy: "tertiary", iconName: "cottage", onClick: this.handleHomeClick, size: "xs" }))), this.showHome &&
+        return (h("nav", { key: 'd9cb90c45ee093c5c4e4866fd5a4bf8e8f27fdcc', "aria-label": resolveI18n("bh-breadcrumbs", "breadcrumbAriaLabel", this.breadcrumbAriaLabel, "Breadcrumb"), class: "breadcrumbs", onKeyDown: this.handleKeyDown, part: "nav" }, h("div", { key: 'f2582eaf25b5c4c1875d4ad16775f1bc18856fdc', class: "breadcrumbs-container", part: "container" }, h("div", { key: '13f2f7cdd0d62fd5e16916d84ec3bf61944ca77f', class: "breadcrumb-start", part: "start" }, h("slot", { key: '7ff95646edddc588f1f67a5d3b2261d54bba97e0', name: "start", onSlotchange: this.handleStartSlotChange })), this.hasStartContent &&
+            (this.showHome || displayItems.length > 0 || showEllipsis) &&
+            this.renderSeparator(), this.showHome && (h("div", { key: '3aac672d0d7b1f9452909736190fd7e8fc90d7ce', class: "breadcrumb-item" }, h("bh-button-icon", { key: '9de5438731f689a95f12d02b1a4a92a54d4a7906', "aria-label": resolveI18n("bh-breadcrumbs", "homeAriaLabel", this.homeAriaLabel, "Home"), hierarchy: "tertiary", iconName: "cottage", onClick: this.handleHomeClick, size: "xs" }))), this.showHome &&
             (displayItems.length > 0 || showEllipsis) &&
-            this.renderSeparator(), showEllipsis && displayItems.length > 0 && (h(Fragment, { key: '07b012c3b6434053f2d5f6749d9297ddc70fe361' }, h("div", { key: 'eeba0b525ce5df68f869d7888840941837d02593', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), h("div", { key: '8a1bf31016951cabc19a979c8fa8de91a57f36c5', class: "breadcrumb-item", part: "item" }, h("button", { key: 'f61306ddeeb8bf9e8e6f5b47feb5ea95d3fe4948', "aria-label": overflowLabel, class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, onKeyDown: this.handleEllipsisKeyDown, part: "ellipsis-button", title: overflowLabel, type: "button" }, h("span", { key: '0faf5dcd8c4e9ef2499fbd7910f1eb1772168d10', class: "breadcrumb-text", part: "text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index) => (h(Fragment, null, h("div", { class: "breadcrumb-item", key: `item-${index + 1}` }, this.renderBreadcrumbItem(item, index + 1)), index < displayItems.slice(1).length - 1 &&
+            this.renderSeparator(), showEllipsis && displayItems.length > 0 && (h(Fragment, { key: 'c1653191bf2907dbd5d766670dfa40a814caaceb' }, h("div", { key: '7a09f1af2b8251ad7a3bfd5a932cfe206047eba9', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), h("div", { key: 'eb4bc8c0f62172df697fbe5c7fdd20d368a5e36f', class: "breadcrumb-item", part: "item" }, h("button", { key: 'ffc550c65f950da959790794fe3c5a8a6e302096', "aria-label": overflowLabel, class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, onKeyDown: this.handleEllipsisKeyDown, part: "ellipsis-button", title: overflowLabel, type: "button" }, h("span", { key: 'ad45203c999416f1d3e67092b042397c504c8dde', class: "breadcrumb-text", part: "text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index) => (h(Fragment, null, h("div", { class: "breadcrumb-item", key: `item-${index + 1}` }, this.renderBreadcrumbItem(item, index + 1)), index < displayItems.slice(1).length - 1 &&
             this.renderSeparator()))))), !showEllipsis &&
             displayItems.map((item, index) => (h(Fragment, null, h("div", { class: "breadcrumb-item", key: `item-${index}` }, this.renderBreadcrumbItem(item, index)), index < displayItems.length - 1 && this.renderSeparator()))))));
     }

package/dist/esm/bh-button-icon_2.entry.js

@@ -1,8 +1,9 @@
 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 { c as createFocusStateManager } from './focus-state-manager-YdVz1TeW.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { A as ANIMATION_DURATIONS } from './constants-BoVgy_Ao.js';
 import { B as BellhopI18n, r as resolveI18n } from './i18n-BNVOtH-1.js';
@@ -159,7 +160,7 @@ const BhButtonIcon = class {
             "button-icon-disabled": this.disabled,
             "button-icon-loading": this.loading,
         };
-        return (h("button", { key: 'a568ffb31c8ee7c508e8f3330b1c4fa6691a1a76', "aria-busy": this.loading ? "true" : undefined, "aria-describedby": this.describedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.hasPopup ? String(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || this.iconName, "aria-pressed": this.toggle ? String(this.pressed) : undefined, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.toggle ? "button" : undefined, tabindex: this.disabled ? -1 : 0, type: this.type }, this.loading ? (h("bh-loader-spinner", { size: "sm", variant: this.hierarchy === "primary" ? "white" : "default" })) : (h("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
+        return (h("button", { key: '0c19bb2ed14337271c6146bbf94e975735f0ccb0', "aria-busy": this.loading ? "true" : undefined, "aria-describedby": this.describedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.hasPopup ? String(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || this.iconName, "aria-pressed": this.toggle ? String(this.pressed) : undefined, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.toggle ? "button" : undefined, tabindex: this.disabled ? -1 : 0, type: this.type }, this.loading ? (h("bh-loader-spinner", { size: "sm", variant: this.hierarchy === "primary" ? "white" : "default" })) : (h("span", { class: "material-symbols-outlined icon", part: "icon" }, this.iconName))));
     }
 };
 BhButtonIcon.style = bhButtonIconCss();

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, c as createEvent, h } from './index-CTHvNfIu.js';
-import { c as createComponentLogger } 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, g as getFocusStateClasses } from './focus-state-manager-YdVz1TeW.js';
-import { c as createComponentErrorHandler } from './component-error-handler-BVWQSuxn.js';
+import { c as createComponentErrorHandler } from './component-error-handler-bgLpf9Pn.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { b as buildComponentClasses, m as mergeClasses } from './class-builder-Bam7V_bL.js';
 import { A as ANIMATION_DURATIONS } from './constants-BoVgy_Ao.js';
+import './error-boundary-afpK3NgJ.js';
 
 /**
  * ARIA Builder Utility
@@ -333,7 +334,7 @@ const BhButton = class {
         const buttonClasses = mergeClasses(baseClasses, focusClasses, {
             [`btn-icon-${this.icon}`]: true,
         });
-        return (h("button", { key: 'e8e6a016ae510192dc75f4cd3f21703962981cfe', "aria-atomic": "true", "aria-busy": ariaBusy(this.loading), "aria-describedby": this.describedBy, "aria-disabled": ariaDisabled(this.disabled), "aria-expanded": this.hasPopup ? ariaExpanded(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || undefined, "aria-live": "off", "aria-pressed": ariaPressed(this.toggle, this.pressed), "aria-roledescription": this.roleDescription, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlurEvent, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.buttonRole || (this.toggle ? "button" : undefined), tabindex: tabIndexForDisabled(this.disabled), type: this.type }, showLeadingIcon && (h("span", { key: 'd3a03f70eee24d71988939ef1d72f4b6b39ed947', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, this.loading ? (h("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (h("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), h("span", { key: '21d9fc3b16cb49ad0639cd4e03c02ffb160f599a', class: `btn-label ${this.getTextSizeClass()}`, part: "label" }, h("slot", { key: '42e37cd8a5a1cc890cd2efeedfffdb87b749d428' }, this.label)), showTrailingIcon && (h("span", { key: '3ce2b1626ae8276da70be34e63e2c3582e53a883', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, h("span", { key: '45c2e8d25eae239d5a570da726455bda63c8fdb1', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
+        return (h("button", { key: '4d51d6fa002703616c1772bc94821f050942227a', "aria-atomic": "true", "aria-busy": ariaBusy(this.loading), "aria-describedby": this.describedBy, "aria-disabled": ariaDisabled(this.disabled), "aria-expanded": this.hasPopup ? ariaExpanded(this.expanded) : undefined, "aria-haspopup": this.hasPopup && this.popupType ? this.popupType : undefined, "aria-label": this.ariaLabel || undefined, "aria-live": "off", "aria-pressed": ariaPressed(this.toggle, this.pressed), "aria-roledescription": this.roleDescription, class: buttonClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, disabled: this.disabled, onBlur: this.handleBlurEvent, onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onTouchEnd: this.handleTouchEnd, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, part: "button", role: this.buttonRole || (this.toggle ? "button" : undefined), tabindex: tabIndexForDisabled(this.disabled), type: this.type }, showLeadingIcon && (h("span", { key: 'a590f7ccd123ef9f1fdb1e603359e9daecc8980d', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, this.loading ? (h("bh-loader-spinner", { size: this.getLoaderSize(), variant: this.getLoaderVariant() })) : (h("span", { class: "btn-icon-material material-symbols-outlined" }, this.iconName)))), h("span", { key: '76a35460fca9bbe0b5718cddfa181bf918b91500', class: `btn-label ${this.getTextSizeClass()}`, part: "label" }, h("slot", { key: '8a55cf75feb637e230020d2abaa1b75672302100' }, this.label)), showTrailingIcon && (h("span", { key: '87246a5b2fb7e7338a01251e4564c98af0208af9', class: `btn-icon ${this.getIconSizeClass()}`, part: "icon" }, h("span", { key: 'aac0889ad057a049eba0aa72ad35cf373e2c0048', class: "btn-icon-material material-symbols-outlined" }, this.iconName)))));
     }
 };
 BhButton.style = bhButtonCss();

package/dist/esm/bh-card-content.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 bhCardContentCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-card-content-bg:transparent;--bh-card-content-divider-color:var(--color-border-secondary);--bh-card-content-padding-none:0;--bh-card-content-padding-sm:var(--spacing-sm) var(--spacing-md);--bh-card-content-padding-md:var(--spacing-md) var(--spacing-xl);--bh-card-content-padding-lg:var(--spacing-xl) var(--spacing-2xl)}}@layer bh-base{.card-content{display:block;background:var(--bh-card-content-bg)}.card-content-divider{height:1px;background:var(--bh-card-content-divider-color)}}@layer bh-variants{.card-content-padding-none{padding:var(--bh-card-content-padding-none)}.card-content-padding-sm{padding:var(--bh-card-content-padding-sm)}.card-content-padding-md{padding:var(--bh-card-content-padding-md)}.card-content-padding-lg{padding:var(--bh-card-content-padding-lg)}}`;
 
@@ -33,7 +34,7 @@ const BhCardContent = class {
             "card-content": true,
             [`card-content-padding-${this.padding}`]: true,
         };
-        return (h(Host, { key: '5c4d1b560078bed8d6c718dfd405647e63ade30f' }, this.showDivider && (h("div", { key: '00dcd0d2b0e3897da9b2fb6d701e433c04be7996', class: "card-content-divider", part: "divider" })), h("div", { key: '88a097b954224f47852fc868e072dbde0af6d91d', class: contentClasses, part: "content" }, h("slot", { key: 'eb3270881b7fc477cca4d52692b17c8970799a83' }))));
+        return (h(Host, { key: '4050a64922f3a7a003841d29280b93022a4e3d68' }, this.showDivider && (h("div", { key: 'cdea7a3fc20ebe1542e9f228bf6de4fa9c2767f8', class: "card-content-divider", part: "divider" })), h("div", { key: '427b580123407b5a5882dbb9b133fe40d29a5e4a', class: contentClasses, part: "content" }, h("slot", { key: '71b4063ff9525de41e7d4cd219d70437c408a3c0' }))));
     }
 };
 BhCardContent.style = bhCardContentCss();

package/dist/esm/bh-card-footer.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 bhCardFooterCss = () => `@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-card-footer-bg:var(--color-bg-primary);--bh-card-footer-divider-color:var(--color-border-secondary)}}@layer bh-tokens{:host{--bh-card-footer-gap:var(--spacing-xs);--bh-card-footer-content-gap:var(--spacing-md);--bh-card-footer-content-padding:var(--spacing-xl) var(--spacing-2xl);--bh-card-footer-actions-gap:var(--spacing-none)}}@layer bh-base{.card-footer{display:flex;flex-direction:column;gap:var(--bh-card-footer-gap);background:var(--bh-card-footer-bg)}.card-footer-divider{height:1px;background:var(--bh-card-footer-divider-color)}.card-footer-content{display:flex;align-items:center;gap:var(--bh-card-footer-content-gap);padding:var(--bh-card-footer-content-padding)}.card-footer-primary-actions{display:flex;flex:1 0 0;align-items:center;gap:var(--bh-card-footer-actions-gap);min-width:0}.card-footer-primary-actions:empty{display:none}.card-footer-secondary-actions{display:flex;align-items:center;gap:var(--bh-card-footer-content-gap)}.card-footer-secondary-actions:empty{display:none}}@layer bh-variants{.card-footer-align-left{justify-content:flex-start}.card-footer-align-right{justify-content:flex-end}.card-footer-align-space-between{justify-content:space-between}}`;
 
@@ -33,7 +34,7 @@ const BhCardFooter = class {
             "card-footer-content": true,
             [`card-footer-align-${this.alignment}`]: true,
         };
-        return (h(Host, { key: '9352bd6d7f6449e7b0c289728fc68a16bb6e05de' }, h("div", { key: 'd439ad44e000451a37a5b1a70018a5438fa2bca1', class: "card-footer", part: "footer" }, this.showDivider && (h("div", { key: '1cd72006711a7b981c06ecf2eeb7d80a42453f44', class: "card-footer-divider", part: "divider" })), h("div", { key: '6379b4bb8e4db8295acd53be6fc5139c23ab18bf', class: footerContentClasses, part: "content" }, h("div", { key: '5ac9d2e90a73ddd870b77860b7b34be500dfbc0d', class: "card-footer-primary-actions" }, h("slot", { key: '283286116b57e740bb2efb02cee70e0d9a5de943', name: "primary-actions" })), h("div", { key: 'fc70ffc11c4360b2bde0aba0dd58ae4c3ee4bcf7', class: "card-footer-secondary-actions" }, h("slot", { key: '2369db56f57d52704cfe1cd05419f2b6acee41b4', name: "secondary-actions" }))))));
+        return (h(Host, { key: '236a3945387aa7b7c0414383af9d320a5a1e7bb8' }, h("div", { key: 'a1d7b7dd892abf5065e27da9032837ef930a42cf', class: "card-footer", part: "footer" }, this.showDivider && (h("div", { key: '45992a08fbb9e5896bf94972f1597f57788b0418', class: "card-footer-divider", part: "divider" })), h("div", { key: '00745982160b90af6f908ceb49fb7bcadd1d1e55', class: footerContentClasses, part: "content" }, h("div", { key: 'e51af94107ec9f13cd0f08c090639256d45528bd', class: "card-footer-primary-actions" }, h("slot", { key: 'c3fca58447b034b92a862c3d793b44e0afc6098b', name: "primary-actions" })), h("div", { key: '70e2955b01da30857abb6de5770b35e2b8ead2f3', class: "card-footer-secondary-actions" }, h("slot", { key: '6e8d9b426e6d57455432f4a8a7444804cb7ba4bc', name: "secondary-actions" }))))));
     }
 };
 BhCardFooter.style = bhCardFooterCss();

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

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

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CTHvNfIu.js';
 import { a as validateNumber } 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 createFocusStateManager, g as getFocusStateClasses } from './focus-state-manager-YdVz1TeW.js';
+import { r as reportComponentError } from './error-boundary-afpK3NgJ.js';
 import { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
 import { a as isActionKey } from './keyboard-helpers-Dg0_t7Yy.js';
 import './keyboard-constants-zdFuIabL.js';
@@ -224,7 +225,7 @@ const BhCard = class {
             "card-draggable": this.dragEnabled,
             ...focusClasses,
         };
-        return (h(Host, { key: '5ba6685bb70c6b213b51aab807263bfe40448a82' }, h("div", { key: 'e2741be9a43974145f5ecc332adf8cb461171648', "aria-atomic": String(this.ariaAtomic), "aria-describedby": this.ariaDescribedBy, "aria-dropeffect": this.dragEnabled ? "move" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-grabbed": this.dragEnabled ? "false" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-live": this.ariaLive, "aria-pressed": this.role === "button" ? String(this.ariaPressed) : undefined, "aria-roledescription": this.ariaRoleDescription, "aria-selected": this.selectable ? String(this.selected) : undefined, class: cardClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, draggable: this.dragEnabled, onBlur: this.handleBlur, onClick: this.handleClick, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "base", role: this.role || undefined, tabindex: this.selectable || this.role === "button" ? 0 : undefined }, this.showHeader && (h("div", { key: 'abaabb9f32107ff8a76f3f66e064f8ffcaab51b4', class: "card-header-slot", part: "header" }, h("slot", { key: '41691b941bdab612262d84042d47712b3f5ef514', name: "header" }))), h("div", { key: '0e853c1da559fe75a281398f72110216feb18fd3', class: "card-content", part: "content", style: contentStyle }, h("slot", { key: '701911914064c5a69f762f876ee7aac2d2ea563e' }), !this.hasContent && (h("div", { key: 'b3f7b79f256fd1fe1562aeb3f86269f957917172', class: "card-content-placeholder" }, h("span", { key: 'b92704802010d53ca69d754a6a4b9a6fe4661a61', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (h("div", { key: 'b493b0c11fb02e1cddb6dd5bd1ef6c93388398b3', class: "card-footer-slot", part: "footer" }, h("slot", { key: '26c7d95f74b1b7c39efd698b4e11818abbc7cd63', name: "footer" }))))));
+        return (h(Host, { key: 'c9dc86b35d4f9535ec093c1f7d0d761d77e62f26' }, h("div", { key: 'c2d813585335e994f8f99b94aa3eb04702764244', "aria-atomic": String(this.ariaAtomic), "aria-describedby": this.ariaDescribedBy, "aria-dropeffect": this.dragEnabled ? "move" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-grabbed": this.dragEnabled ? "false" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-live": this.ariaLive, "aria-pressed": this.role === "button" ? String(this.ariaPressed) : undefined, "aria-roledescription": this.ariaRoleDescription, "aria-selected": this.selectable ? String(this.selected) : undefined, class: cardClasses, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, draggable: this.dragEnabled, onBlur: this.handleBlur, onClick: this.handleClick, onDblClick: this.handleDoubleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "base", role: this.role || undefined, tabindex: this.selectable || this.role === "button" ? 0 : undefined }, this.showHeader && (h("div", { key: '4fd61b7ba2443ce9866b2b76e0fe01703293583b', class: "card-header-slot", part: "header" }, h("slot", { key: 'd635ccfb2607a8a579bbd2cbba5f205b72b39716', name: "header" }))), h("div", { key: 'a91feda047159bc98a809513977a871b45fcb4ad', class: "card-content", part: "content", style: contentStyle }, h("slot", { key: '63284996f37a196d4632ad29e9887d8d00b9b7ba' }), !this.hasContent && (h("div", { key: '9cefba952c2f71a29ca08cbadee50769681fe36b', class: "card-content-placeholder" }, h("span", { key: '655334ff224e59cd43f3e56bf3ff64e4a38f4d16', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (h("div", { key: 'f5da3fbf516694c59122ba75f2eee1053eb2a352', class: "card-footer-slot", part: "footer" }, h("slot", { key: 'a38535924f63df83876c92ad3e52169ff1c84fd4', name: "footer" }))))));
     }
 };
 BhCard.style = bhCardCss();

package/dist/esm/bh-chart-tooltip.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 bhChartTooltipCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-chart-tooltip-bg: var(--color-bg-primary);     --bh-chart-tooltip-color: var(--color-text-primary);     --bh-chart-tooltip-border-color: var(--color-border-secondary);     --bh-chart-tooltip-margin-top: var(--spacing-sm);     --bh-chart-tooltip-padding: var(--spacing-sm) var(--spacing-md);     --bh-chart-tooltip-border-radius: var(--radius-md);     --bh-chart-tooltip-font-family: var(--font-inter);     --bh-chart-tooltip-font-size: var(--text-xs-size);     --bh-chart-tooltip-line-height: var(--line-height-normal);     --bh-chart-tooltip-separator-color: var(--color-border-secondary);     --bh-chart-tooltip-gap: var(--spacing-xs);     --bh-chart-tooltip-item-gap: var(--spacing-sm);     --bh-chart-tooltip-dot-size: var(--spacing-sm);     --bh-chart-tooltip-label-color: var(--color-text-secondary);     --bh-chart-tooltip-value-color: var(--color-text-primary);     --bh-chart-tooltip-font-weight-medium: var(--weight-medium);     --bh-chart-tooltip-font-weight-semibold: var(--weight-semibold);     --bh-chart-tooltip-total-padding-top: var(--spacing-xs);     --bh-chart-tooltip-storybook-offset: -10px;   } } @layer bh-base {   .chart-tooltip {     position: fixed;     z-index: var(--bh-z-index-tooltip);     pointer-events: none;     opacity: 0;     transition: opacity var(--animation-duration-fast) ease;     transform: translate(-50%, -100%);     margin-top: var(--bh-chart-tooltip-margin-top);     width: max-content;     min-width: 120px;     max-width: 240px;   }   .tooltip-content {     background: var(--bh-chart-tooltip-bg);     color: var(--bh-chart-tooltip-color);     padding: var(--bh-chart-tooltip-padding);     border-radius: var(--bh-chart-tooltip-border-radius);     font-family: var(--bh-chart-tooltip-font-family);     font-size: var(--bh-chart-tooltip-font-size);     line-height: var(--bh-chart-tooltip-line-height);     box-shadow: var(--shadow-chart-tooltip);     border: 1px solid var(--border-contrast-light);   }   .tooltip-header {     font-weight: var(--bh-chart-tooltip-font-weight-semibold);     margin-bottom: var(--bh-chart-tooltip-gap);     padding-bottom: var(--bh-chart-tooltip-gap);     border-bottom: 1px solid var(--bh-chart-tooltip-separator-color);   }   .tooltip-items {     display: flex;     flex-direction: column;     gap: var(--bh-chart-tooltip-gap);   }   .tooltip-item {     display: flex;     align-items: center;     gap: var(--bh-chart-tooltip-item-gap);     white-space: nowrap;   }   .tooltip-dot {     width: var(--bh-chart-tooltip-dot-size);     height: var(--bh-chart-tooltip-dot-size);     border-radius: 50%;     flex-shrink: 0;   }   .tooltip-label {     color: var(--bh-chart-tooltip-label-color);     font-weight: var(--weight-regular);     flex-shrink: 0;   }   .tooltip-value {     color: var(--bh-chart-tooltip-value-color);     font-weight: var(--bh-chart-tooltip-font-weight-medium);   }   .tooltip-total {     margin-top: var(--bh-chart-tooltip-gap);     padding-top: var(--bh-chart-tooltip-total-padding-top);     border-top: 1px solid var(--bh-chart-tooltip-separator-color);     display: flex;     justify-content: space-between;     gap: var(--spacing-md);   }   .total-label {     color: var(--bh-chart-tooltip-label-color);     font-weight: var(--bh-chart-tooltip-font-weight-medium);   }   .total-value {     color: var(--bh-chart-tooltip-value-color);     font-weight: var(--bh-chart-tooltip-font-weight-semibold);   } } @layer bh-variants {   .chart-tooltip.storybook-mode {     position: absolute;     transform: translate(-50%, -100%);     margin-top: var(--bh-chart-tooltip-storybook-offset);   } } @layer bh-states {   .chart-tooltip.visible {     opacity: 1;   } }`;
 
@@ -94,14 +95,14 @@ const BhChartTooltip = class {
         reportComponentError("bh-chart-tooltip", error);
     }
     render() {
-        return (h(Host, { key: '05bcd401118604130d6b906f35425da00c95223d' }, h("div", { key: '9209f409ea387c36b75d14c54f1dc74e327982ef', "aria-hidden": this.visible ? undefined : "true", class: {
+        return (h(Host, { key: 'd5f7fac4d429e88941da67424275d484d2cfedcd' }, h("div", { key: '399c090f95c8ddd3f6b2680ea506df920b056fa9', "aria-hidden": this.visible ? undefined : "true", class: {
                 "chart-tooltip": true,
                 visible: this.visible,
                 "storybook-mode": this.storybookMode,
             }, part: "tooltip", style: {
                 left: `${this.safeX}px`,
                 top: `${this.safeY}px`,
-            } }, h("div", { key: '617e4d7d3eff7bfe47c6c28644defd725edc3856', class: "tooltip-content", part: "content" }, this.header && h("div", { key: '156120f30b05285a39eb8974cae643cbf65bafce', class: "tooltip-header" }, this.header), h("div", { key: 'a3f679b2475bd4c2dbf849d7a14c7a5517712ba7', class: "tooltip-items" }, this.items.map((item, index) => (h("div", { class: "tooltip-item", key: index }, item.color && (h("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (h("span", { class: "tooltip-label" }, item.label, ":")), h("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (h("div", { key: '969baf267ec4ec5b172d6d74b8f16544c78aabdf', class: "tooltip-total" }, h("span", { key: 'f09ff7c4e1e83aaa2ebb76e3a773c4215ad6733b', class: "total-label" }, "Total:"), h("span", { key: '4db9cfb55d5d1e72f0f3ed0241a9444edeb9f27d', class: "total-value" }, this.total)))))));
+            } }, h("div", { key: '8b32cb27fbfc42bf5cc42e12e06c491c29b7f582', class: "tooltip-content", part: "content" }, this.header && h("div", { key: 'f4430f54448aa62dd8575e005de4d094a216d034', class: "tooltip-header" }, this.header), h("div", { key: 'fae580500c4ccde9bead1673cf862bb0e67a6377', class: "tooltip-items" }, this.items.map((item, index) => (h("div", { class: "tooltip-item", key: index }, item.color && (h("span", { class: "tooltip-dot", style: { backgroundColor: item.color } })), item.label && (h("span", { class: "tooltip-label" }, item.label, ":")), h("span", { class: "tooltip-value" }, item.value))))), this.showTotal && this.total && (h("div", { key: '1164b336605e46a6f25eb4c61e74f2c9dd73d357', class: "tooltip-total" }, h("span", { key: '13c20395c26f67346253f4b6b3cb228a1aeb6cf9', class: "total-label" }, "Total:"), h("span", { key: '503f2e1e85589eb62003c5313621cd48199f8f5d', class: "total-value" }, this.total)))))));
     }
 };
 BhChartTooltip.style = bhChartTooltipCss();

package/dist/esm/bh-chat-message.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 bhChatMessageCss = () => `@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-chat-incoming-bg: var(--color-bg-tertiary);     --bh-chat-outgoing-bg: var(--color-brand-100);     --bh-chat-file-bg: var(--color-bg-primary);     --bh-chat-file-border: var(--color-border-secondary);     --bh-chat-typing-bg: var(--color-bg-tertiary);     --bh-chat-author-color: var(--color-text-secondary);     --bh-chat-timestamp-color: var(--color-text-tertiary);     --bh-chat-body-color: var(--color-text-primary);     --bh-chat-file-name-color: var(--color-text-secondary);     --bh-chat-file-size-color: var(--color-text-tertiary);     --bh-chat-avatar-size: var(--bh-avatar-size-sm);     --bh-chat-online-dot-size: var(--bh-avatar-status-size-md);     --bh-chat-online-dot-color: var(--color-success-500);     --bh-chat-reaction-bg: var(--color-bg-secondary);     --bh-chat-reaction-bg-hover: var(--color-bg-tertiary);     --bh-chat-menu-color: var(--color-text-tertiary);     --bh-chat-typing-dot-color: var(--color-text-disabled);   } } @layer bh-base {   .chat-message {     display: flex;     flex-direction: column;     gap: var(--spacing-xxs);     position: relative;     width: 100%;   }      .chat-message-header {     display: flex;     gap: var(--spacing-md);     align-items: center;     width: 100%;   }   .chat-message-author {     flex: 1;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     font-size: var(--text-sm-size);     font-weight: var(--weight-semibold);     line-height: var(--text-sm-line);     color: var(--bh-chat-author-color);   }   .chat-message-timestamp {     flex-shrink: 0;     font-size: var(--text-xs-size);     font-weight: var(--weight-regular);     line-height: var(--text-xs-line);     color: var(--bh-chat-timestamp-color);   }      .chat-message-body-row {     display: flex;     gap: var(--spacing-md);     align-items: flex-start;     width: 100%;     position: relative;   }      .chat-message-avatar-wrapper {     position: relative;     flex-shrink: 0;     width: var(--bh-chat-avatar-size);     height: var(--bh-chat-avatar-size);   }   .chat-message-avatar-img {     width: 100%;     height: 100%;     border-radius: var(--radius-full);     object-fit: cover;   }   .chat-message-online-indicator {     position: absolute;     bottom: 0;     left: 0;     width: var(--bh-chat-online-dot-size);     height: var(--bh-chat-online-dot-size);     border-radius: var(--radius-full);     background: var(--bh-chat-online-dot-color);     border: 2px solid var(--color-bg-primary);   }      .chat-message-bubble {     min-width: 0;     max-width: 75%;     padding: var(--spacing-md) var(--spacing-lg);     border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);     font-size: var(--text-sm-size);     font-weight: var(--weight-regular);     line-height: var(--text-sm-line);     color: var(--bh-chat-body-color);     word-break: break-word;     position: relative;   }      .chat-message-file-wrapper {     min-width: 0;     max-width: 75%;     position: relative;   }   .chat-message-file {     display: flex;     gap: var(--spacing-lg);     align-items: center;     width: 100%;     padding: var(--spacing-md) var(--spacing-lg);     background: var(--bh-chat-file-bg);     border: 1px solid var(--bh-chat-file-border);     border-radius: var(--radius-md);     cursor: pointer;     font-family: inherit;     text-align: left;   }   .file-icon-wrapper {     flex-shrink: 0;     width: var(--bh-button-height-md);     height: var(--bh-button-height-md);     display: flex;     align-items: center;     justify-content: center;   }   .file-type-badge {     display: inline-flex;     align-items: center;     justify-content: center;     padding: var(--spacing-xxs) var(--spacing-xs);     font-size: var(--bh-avatar-text-xxs);      font-weight: var(--weight-bold);     text-transform: uppercase;     border-radius: var(--radius-xs);     background: var(--color-bg-tertiary);     color: var(--color-text-tertiary);   }   .file-info {     display: flex;     flex-direction: column;     flex: 1;     min-width: 0;   }   .file-name {     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--bh-chat-file-name-color);     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .file-size {     font-size: var(--text-xs-size);     font-weight: var(--weight-regular);     line-height: var(--text-xs-line);     color: var(--bh-chat-file-size-color);   }      .chat-message-reactions {     display: flex;     gap: var(--spacing-xs);     align-items: center;     justify-content: flex-end;     width: 100%;   }   .chat-message-reaction-actions {     display: flex;     gap: var(--spacing-xxs);     align-items: center;   }   .chat-message-emoji-wrapper {     position: relative;   }   .chat-message-react-btn {     display: flex;     align-items: center;     justify-content: center;     height: var(--icon-size-lg);     padding: var(--spacing-xs) var(--spacing-md);     background: var(--bh-chat-reaction-bg);     border: none;     border-radius: var(--radius-full);     cursor: pointer;     transition: background 0.2s ease-in-out;   }   .chat-message-emoji-btn {     display: flex;     align-items: center;     justify-content: center;     height: var(--icon-size-lg);     padding: var(--spacing-xs) var(--spacing-md);     background: var(--bh-chat-reaction-bg);     border: none;     border-radius: var(--radius-full);     overflow: hidden;     cursor: pointer;     transition: background 0.2s ease-in-out;   }   .chat-message-emoji-btn:hover {     background: var(--bh-button-icon-tertiary-bg-hover);   }   .react-emoji {     font-size: var(--icon-size-sm);     line-height: 1;   }   .emoji-picker-icon {     font-size: var(--icon-size-md);     color: var(--bh-chat-menu-color);   }      .chat-message-menu {     position: absolute;     top: 0;     display: flex;     align-items: center;     justify-content: center;     width: var(--icon-size-lg);     height: var(--icon-size-lg);     padding: 0;     border: none;     background: transparent;     cursor: pointer;     border-radius: var(--radius-xs);     color: var(--bh-chat-menu-color);     overflow: hidden;     transition: background 0.2s ease-in-out;   }   .chat-message-menu .material-symbols-outlined {     font-size: var(--icon-size-md);   }      .chat-message-typing-wrapper {     display: flex;     gap: var(--spacing-lg);     align-items: flex-start;     width: 100%;   }   .chat-message-typing-content {     display: flex;     flex-direction: column;     gap: var(--spacing-sm);     flex: 1;   }   .chat-message-typing {     display: flex;     gap: var(--spacing-xs);     align-items: center;     padding: var(--spacing-md);     border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);     background: var(--bh-chat-typing-bg);     width: fit-content;   }   .typing-dot {     width: var(--spacing-xs);     height: var(--spacing-xs);     border-radius: var(--radius-full);     background: var(--bh-chat-typing-dot-color);     animation: typing-bounce 1.4s infinite ease-in-out both;   }   .typing-dot:nth-child(1) {     animation-delay: 0s;   }   .typing-dot:nth-child(2) {     animation-delay: 0.2s;   }   .typing-dot:nth-child(3) {     animation-delay: 0.4s;   }   @keyframes typing-bounce {     0%, 80%, 100% {       transform: scale(1);       opacity: 0.4;     }     40% {       transform: scale(1.3);       opacity: 1;     }   }      .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 {      .chat-message-incoming {     align-items: flex-start;   }   .chat-message-incoming .chat-message-bubble {     background: var(--bh-chat-incoming-bg);     border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);   }   .chat-message-incoming .chat-message-file {     border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);   }   .chat-message-incoming .chat-message-menu {     right: calc(-1.25 * var(--spacing-2xl));   }   .chat-message-incoming .chat-message-reactions {     justify-content: flex-start;   }      .chat-message-outgoing {     align-items: flex-end;   }   .chat-message-outgoing .chat-message-header {     justify-content: flex-end;   }   .chat-message-outgoing .chat-message-body-row {     justify-content: flex-end;   }   .chat-message-outgoing .chat-message-bubble {     background: var(--bh-chat-outgoing-bg);     border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md);   }   .chat-message-outgoing .chat-message-file {     border-radius: var(--radius-md) 0 var(--radius-md) var(--radius-md);   }   .chat-message-outgoing .chat-message-file-wrapper {     max-width: 75%;   }   .chat-message-outgoing .chat-message-menu {     right: calc(-1 * var(--spacing-2xl));   }   .chat-message-outgoing .chat-message-reactions {     justify-content: flex-end;   } } @layer bh-states {   .chat-message-react-btn:hover {     background: var(--bh-chat-reaction-bg-hover);   }   .chat-message-file:hover {     background: var(--color-bg-secondary);   } }`;
 
@@ -87,13 +88,13 @@ const BhChatMessage = class {
         const isIncoming = this.type === "incoming";
         const isTyping = this.variant === "typing";
         const isFile = this.variant === "file";
-        return (h(Host, { key: '341c5703824126dd302c4218aae10bf3a8b07a5f' }, h("div", { key: '295aa5b9a485e7e29f5721ad5927faa6ccee6cda', "aria-label": isTyping
+        return (h(Host, { key: 'bdf15f0729d39f2e8d0191fcfa6e621d3d857d9e' }, h("div", { key: 'b2f43fdbcc83b5056ef308dcfb160c8ef7d801aa', "aria-label": isTyping
                 ? `${this.author || "Someone"} is typing`
                 : `Message from ${this.author || "Unknown"}`, class: {
                 "chat-message": true,
                 [`chat-message-${this.type}`]: true,
                 [`chat-message-${this.variant}`]: true,
-            }, part: "container", role: "article" }, !isTyping && (h("div", { key: '05aa026eaed2801724bfa28f97e8fe980f546827', class: "chat-message-header", part: "header" }, h("span", { key: '5cb34b62fa1af6a8af1ba35a3fcec0808159ba3f', class: "chat-message-author", part: "author" }, this.author), h("span", { key: '3e1fbebcec1ac33496afb441b2ca43581dcf8772', class: "chat-message-timestamp", part: "timestamp" }, this.timestamp))), h("div", { key: 'ba18836ef02418230a48caaaf6bd6d9bc741a059', class: "chat-message-body-row" }, isIncoming && !isTyping && this.avatarSrc && this.renderAvatar(), isTyping && (h("div", { key: '4f033a7c8d00a16ce7a00a643f02b955fe1469b9', class: "chat-message-typing-wrapper" }, isIncoming && this.renderAvatar(), h("div", { key: '50102be237b8b441cd75288185bf136d5cd9eb75', class: "chat-message-typing-content" }, h("span", { key: '67e39cb2cda78a2a0826c7adf2726655885da4fa', class: "chat-message-author", part: "author" }, this.author), this.renderTyping()))), !(isTyping || isFile) && (h("div", { key: '8e242c254e6896b62048bf3ca825d4b4ebd10214', class: "chat-message-bubble", part: "bubble" }, h("slot", { key: 'd0df09a2eaf26d4357b31b1f07c3495eac38500e' }), this.renderMenuButton())), !isTyping && isFile && (h("div", { key: '0f995e228f684a1208932bc0aea2584b49e0ec35', class: "chat-message-file-wrapper" }, this.renderFileAttachment(), this.renderMenuButton()))), !isTyping && (h("div", { key: '9318479a76abff8788167cd4181e4c152c6ce91e', class: "chat-message-reactions", part: "reactions" }, h("slot", { key: '06761a09cb04446505d4e8f5a2734047144777e2', name: "reactions" }), this.renderReactionButtons())))));
+            }, part: "container", role: "article" }, !isTyping && (h("div", { key: '39b88cd29fde262db550aab188a9837abecb7ab8', class: "chat-message-header", part: "header" }, h("span", { key: '6b55496792b2ef8b499e0cfb8b3cf882a918c62d', class: "chat-message-author", part: "author" }, this.author), h("span", { key: '87ab6612df8f8274dcf261840f380ecbd5e656cb', class: "chat-message-timestamp", part: "timestamp" }, this.timestamp))), h("div", { key: 'eba524017ed96e21d0bc332047a90ef826d8570d', class: "chat-message-body-row" }, isIncoming && !isTyping && this.avatarSrc && this.renderAvatar(), isTyping && (h("div", { key: '39fc2af5eae0bd602ccee935cf5dbb70b8ce1685', class: "chat-message-typing-wrapper" }, isIncoming && this.renderAvatar(), h("div", { key: '952e42b7c1c46a591c0e090de571c9bfbe0feae9', class: "chat-message-typing-content" }, h("span", { key: 'af6b1628d87b7ef4886d315b1669f35ee49363b6', class: "chat-message-author", part: "author" }, this.author), this.renderTyping()))), !(isTyping || isFile) && (h("div", { key: 'd8d176a18f38b5bab28bc4da3c37735b8bad88b0', class: "chat-message-bubble", part: "bubble" }, h("slot", { key: '37fd94fba76e348f86bac27add7588e7a55f744f' }), this.renderMenuButton())), !isTyping && isFile && (h("div", { key: 'e6f2161e7fab20ff4a4f2f4906ae1b745f17d533', class: "chat-message-file-wrapper" }, this.renderFileAttachment(), this.renderMenuButton()))), !isTyping && (h("div", { key: 'a576787986f12f2a7ce31ea1059a12281645bc8c', class: "chat-message-reactions", part: "reactions" }, h("slot", { key: '72b891bbd7d5e3b5a880f14080d66ef78c90f4b5', name: "reactions" }), this.renderReactionButtons())))));
     }
 };
 BhChatMessage.style = bhChatMessageCss();

package/dist/esm/bh-chat-reaction.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 bhChatReactionCss = () => `@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; @layer bh-tokens{:host{display:inline-flex;--bh-reaction-bg:var(--color-bg-secondary);--bh-reaction-bg-hover:var(--color-bg-tertiary);--bh-reaction-bg-active:var(--color-brand-100);--bh-reaction-border-active:var(--color-border-interactive);--bh-reaction-count-color:var(--color-text-secondary)}}@layer bh-base{.chat-reaction{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:var(--icon-size-lg);padding:var(--spacing-xs) var(--spacing-md);background:var(--bh-reaction-bg);border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;transition:background 0.2s ease-in-out}.chat-reaction-emoji{font-size:var(--icon-size-sm);line-height:1}.chat-reaction-count{font-size:var(--text-xs-size);font-weight:var(--weight-medium);line-height:var(--text-xs-line);color:var(--bh-reaction-count-color)}}@layer bh-variants{.chat-reaction-active{background:var(--bh-reaction-bg-active);border-color:var(--bh-reaction-border-active)}}@layer bh-states{.chat-reaction:hover{background:var(--bh-reaction-bg-hover)}.chat-reaction-active:hover{background:var(--bh-reaction-bg-active)}}`;
 
@@ -32,11 +33,11 @@ const BhChatReaction = class {
     };
     render() {
         const showCount = this.count > 1;
-        return (h(Host, { key: '3ba9f7f34b4332122a13566778074289855c5a6e' }, h("button", { key: '523bfb96b27dc6939dd90b1c35e5e483471c3e97', "aria-label": `${this.emoji} reaction${showCount ? `, ${this.count}` : ""}`, "aria-pressed": String(this.active), class: {
+        return (h(Host, { key: 'fcc74eb4fd29905d7155c864c1fc507e5117591a' }, h("button", { key: '0f3d5061afca42cd7d047fce4cfc30c3508d5027', "aria-label": `${this.emoji} reaction${showCount ? `, ${this.count}` : ""}`, "aria-pressed": String(this.active), class: {
                 "chat-reaction": true,
                 "chat-reaction-active": this.active,
                 "chat-reaction-with-count": showCount,
-            }, onClick: this.handleClick, part: "badge", type: "button" }, h("span", { key: '9aa97a68a72971dcd4f785747d7c6df7c49f6344', class: "chat-reaction-emoji", part: "emoji" }, this.emoji), showCount && (h("span", { key: '5ea676cf3cca06b210bc9dd77adb29e5407a80c2', class: "chat-reaction-count", part: "count" }, this.count)))));
+            }, onClick: this.handleClick, part: "badge", type: "button" }, h("span", { key: '8a5397739451b02203a8207bfbdcd3f03e6d5304', class: "chat-reaction-emoji", part: "emoji" }, this.emoji), showCount && (h("span", { key: 'c846e7ba4d863b194a0d84df03a53fdb66faf45f', class: "chat-reaction-count", part: "count" }, this.count)))));
     }
 };
 BhChatReaction.style = bhChatReactionCss();

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

@@ -1,9 +1,10 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-CTHvNfIu.js';
 import { b as buildComponentClasses } from './class-builder-Bam7V_bL.js';
 import { g as generateUniqueId } from './id-generator-CLrVoF3x.js';
-import { c as createComponentLogger, r as reportComponentError } from './error-boundary-YLeLKAYJ.js';
+import { c as createComponentLogger } from './logger-CMKOFHIa.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 { a as syncCheckableFormValue, v as validateRequired } from './form-DWWRC9ht.js';
 
 const bhCheckboxCss = () => `@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;font-family:var(--font-inter);--bh-checkbox-bg:var(--color-bg-primary);--bh-checkbox-bg-checked:var(--color-bg-interactive);--bh-checkbox-bg-hover:var(--color-bg-tertiary);--bh-checkbox-bg-disabled:var(--color-bg-secondary);--bh-checkbox-border-color:var(--color-border-primary);--bh-checkbox-border-color-checked:var(--color-bg-interactive);--bh-checkbox-border-color-hover:var(--color-bg-interactive-hover);--bh-checkbox-checkmark-color:var(--color-text-inverse);--bh-checkbox-checkmark-color-disabled:var(--color-text-disabled);--bh-checkbox-border-radius-sm:var(--radius-xs);--bh-checkbox-border-radius-md:var(--radius-sm);--bh-checkbox-focus-ring-color:var(--color-border-interactive)}}@layer bh-base{.checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;user-select:none;position:relative}.checkbox{display:inline-flex;align-items:center;justify-content:center;outline:none;user-select:none;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;background:var(--bh-checkbox-bg);border:2px solid var(--bh-checkbox-border-color);position:relative;flex-shrink:0;pointer-events:none}.checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1;font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20}.checkbox-control{display:inline-flex;align-items:flex-start;cursor:pointer}.check-icon{color:var(--bh-checkbox-checkmark-color)}.minus-icon{color:var(--bh-checkbox-checkmark-color)}}@layer bh-variants{.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-sm,.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-md{margin-top:0}.checkbox{}.checkbox-sm{width:var(--bh-checkbox-size-sm);height:var(--bh-checkbox-size-sm);border-radius:var(--bh-checkbox-border-radius-sm);margin-top:var(--bh-checkbox-offset-sm)}.checkbox-sm .checkbox-icon{font-size:var(--bh-checkbox-icon-sm)}.checkbox-md{width:var(--bh-checkbox-size-md);height:var(--bh-checkbox-size-md);border-radius:var(--bh-checkbox-border-radius-md);margin-top:var(--bh-checkbox-offset-md)}.checkbox-md .checkbox-icon{font-size:var(--bh-checkbox-icon-md)}}@layer bh-states{.checkbox-wrapper-disabled{cursor:not-allowed}.checkbox-wrapper-disabled .checkbox-control{cursor:not-allowed}.checkbox{}.checkbox.checkbox-checked{background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);color:var(--bh-checkbox-checkmark-color)}.checkbox.checkbox-checked.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-border-color-hover);border-color:var(--bh-checkbox-border-color-hover)}.checkbox.checkbox-checked.checkbox-focused:not(.checkbox-disabled){background:var(--bh-checkbox-bg-checked);border-color:var(--bh-checkbox-border-color-checked);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox.checkbox-checked.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border:2px solid var(--bh-checkbox-border-color);color:var(--bh-checkbox-checkmark-color-disabled)}.checkbox{}.checkbox.checkbox-hover:not(.checkbox-disabled){background:var(--bh-checkbox-bg-hover);border-color:var(--bh-checkbox-border-color)}.checkbox{}.checkbox.checkbox-focused:not(.checkbox-disabled){border-color:var(--bh-checkbox-border-color);box-shadow:0px 0px 0px 4px var(--bh-checkbox-focus-ring-color), 0px 0px 0px 2px var(--bh-checkbox-bg)}.checkbox{}.checkbox.checkbox-disabled{background:var(--bh-checkbox-bg-disabled);border-color:var(--bh-checkbox-border-color);cursor:not-allowed;opacity:1}.checkbox.checkbox-disabled .check-icon,.checkbox.checkbox-disabled .minus-icon{color:var(--bh-checkbox-checkmark-color-disabled)}}`;

package/dist/esm/bh-checklist-task-group_3.entry.js

@@ -1,11 +1,12 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CTHvNfIu.js';
 import { F as FocusTrap } from './focus-trap-C_OTXZLx.js';
 import { c as createDestroySubjectSync, a as completeSubject } from './lifecycle-CS8F5LFw.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 { m as metrics, M as MetricNames } from './metrics-CSH9RXgl.js';
 import { t as timer$Sync } from './timers-Bf0qW3wI.js';
 import { A as ANIMATION_DURATIONS } from './constants-BoVgy_Ao.js';
+import './error-boundary-afpK3NgJ.js';
 
 const bhChecklistTaskGroupCss = () => `@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; @layer bh-tokens{:host{display:flex;flex-direction:column;font-family:var(--font-inter);--bh-checklist-group-bg:var(--color-bg-primary);--bh-checklist-group-border:var(--color-border-secondary);--bh-checklist-group-title-color:var(--color-text-primary);--bh-checklist-group-description-color:var(--color-text-secondary);--bh-checklist-group-chevron-color:var(--color-text-tertiary);--bh-checklist-group-chevron-hover:var(--color-text-primary);--bh-checklist-group-check-bg:var(--color-success-100);--bh-checklist-group-check-color:var(--color-bg-success)}}@layer bh-base{:host{background:var(--bh-checklist-group-bg);border:1px solid var(--bh-checklist-group-border);border-radius:var(--radius-xl);overflow:hidden}.task-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl)}.task-group-left{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1;min-width:0}.task-group-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0}.task-group-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height);color:var(--bh-checklist-group-title-color)}.task-group-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height);color:var(--bh-checklist-group-description-color)}.task-group-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--bh-checklist-group-chevron-color);transition:transform 0.2s ease-in-out;flex-shrink:0}.task-group-badge,.sub-task-badge{flex-shrink:0}.check-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--bh-checklist-group-check-bg)}.check-circle-icon{font-size:var(--icon-size-xs, 16px);color:var(--bh-checklist-group-check-color);font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 16}.task-group-action{flex-shrink:0}.sub-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-xl) var(--spacing-xl);margin:0;list-style:none}.sub-task{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-left:var(--spacing-md)}.sub-task-text{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0;padding-left:var(--spacing-md);color:var(--bh-checklist-group-description-color)}.sub-task-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line-height)}.sub-task-description{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line-height)}.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{.task-group-chevron-expanded{transform:rotate(180deg)}}@layer bh-states{.task-group-chevron:hover{color:var(--bh-checklist-group-chevron-hover)}}`;
 
@@ -114,11 +115,11 @@ const BhFab = class {
         this.bhClick.emit();
     };
     render() {
-        return (h("button", { key: '480eea58dc702214faf7771276a809648ca6e0c8', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, class: {
+        return (h("button", { key: '8c17cd53a08c3fc2e2b4717fac888dd86a9b75e4', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, class: {
                 fab: true,
                 [`fab-${this.size}`]: true,
                 "fab-disabled": this.disabled,
-            }, disabled: this.disabled, onClick: this.handleClick, part: "button", type: "button" }, h("span", { key: 'e0764502810c947886ce0144c2c7b62956e9df14', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
+            }, disabled: this.disabled, onClick: this.handleClick, part: "button", type: "button" }, h("span", { key: '1d3996d1272bb4cd46a8760e5217d9f5a14b12d3', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
     }
 };
 BhFab.style = bhFabCss();

package/dist/esm/bh-close-button.entry.js

@@ -10,7 +10,7 @@ const BhCloseButton = class {
     darkBackground = false;
     disabled = false;
     render() {
-        return (h(Host, { key: '94983c98db255689852e7a5f24b3698b96f41127' }, h("bh-button-icon", { key: '280a8cd4eec9047e0efee474121a2559ad7f57ca', ariaLabel: this.ariaLabel, disabled: this.disabled, hierarchy: "quaternary", iconName: "close", size: "sm" })));
+        return (h(Host, { key: '1b329426bf09f1fee1b00e20c5ebf5f76e7d471d' }, h("bh-button-icon", { key: '91098fe34d4b19eca617dd8e1da33113ebd4161e', ariaLabel: this.ariaLabel, disabled: this.disabled, hierarchy: "quaternary", iconName: "close", size: "sm" })));
     }
 };
 BhCloseButton.style = bhCloseButtonCss();