@actabldesign/bellhop-core 0.1.1 → 0.2.0

package/components/bh-accordion-item.js

@@ -72,7 +72,7 @@ const BhAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class BhAccordionItem
             'accordion-item-animating': this.isAnimating,
         };
         const iconName = this.expanded ? 'expand_less' : 'expand_more';
-        return (h(Host, { key: '4d7c56e14ea93c6b7c6bd0e631f26b772a389a33', class: hostClasses }, h("div", { key: '5efa0e81bef891862323cac14354c85eb4242cda', class: "accordion-header", part: "header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `content-${this.value}`, onClick: this.handleHeaderClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'ccadcd54e17afe580087d0845a5148621db4243e', class: "accordion-header-content" }, h("span", { key: '41f4cc063e58dee2c48e5135d725656615838534', class: "accordion-title", part: "title" }, this.header)), h("span", { key: '910524f175515a6159a044337a91b9219210c2ed', class: "accordion-icon material-symbols-outlined", part: "icon" }, iconName)), h("div", { key: 'f8906429a42ccc9ed76534b43095331287789362', id: `content-${this.value}`, class: "accordion-content", part: "content", role: "region", "aria-labelledby": `header-${this.value}`, "aria-hidden": !this.expanded ? 'true' : 'false' }, h("div", { key: '48b92bcc55f9d62f1c9ce6db59673b8aa8a8af86', class: "accordion-content-inner" }, h("slot", { key: '55571423882c7d8a0b7a5ce44364fd75308da310' })))));
+        return (h(Host, { key: '20c64391d2ec6559222f491dd0de08b80263daf3', class: hostClasses }, h("div", { key: '148c38c29992b1aefb65b4d8021bf69dd5a9ece5', class: "accordion-header", part: "header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `content-${this.value}`, onClick: this.handleHeaderClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'bf37d42799db2b3a7fbfeb1fad4c271cb3c1d2de', class: "accordion-header-content" }, h("span", { key: '975c31f5cb8994173ebe42ee3bb21a821bbf9e9b', class: "accordion-title", part: "title" }, this.header)), h("span", { key: '4ff9954f7a6e83b08f98c870bc97f363c4a97eb5', class: "accordion-icon material-symbols-outlined", part: "icon" }, iconName)), h("div", { key: 'ed02936f721ecffb574498db06c047da842add4f', id: `content-${this.value}`, class: "accordion-content", part: "content", role: "region", "aria-labelledby": `header-${this.value}`, "aria-hidden": !this.expanded ? 'true' : 'false' }, h("div", { key: '9dad893a9a222e0a9ed59b5763480fb08288c53b', class: "accordion-content-inner" }, h("slot", { key: '9d8a4f1eb7e4b62ba97b442f7e1768a7055f7b4d' })))));
     }
     static get watchers() { return {
         "expanded": ["handleExpandedChange"]

package/components/bh-appbar.js

@@ -108,7 +108,7 @@ const BhAppbar$1 = /*@__PURE__*/ proxyCustomElement(class BhAppbar extends H {
         this.bhBreadcrumbDropdownSelect.emit(event.detail);
     };
     render() {
-        return (h(Host, { key: '83ea97621fd3612e83608b5d2f26836fb206684c' }, h("header", { key: '0ea7f5d90033aeb01637b0b47d64393ed56711a3', class: "appbar" }, h("div", { key: '44a010be105f6c9ce7ca3c8b62d7bc39a1cdf784', class: "left-section" }, this.showMenuButton && (h("bh-button-icon", { key: '20b6700fc1132c16304e84c6b408974491815ea1', hierarchy: "quaternary", size: "sm", iconName: this.isMenuOpen ? 'menu_open' : 'last_page', onClick: this.handleMenuToggle })), this.getLogoImageSrc() && !this.logoFailed && (h("div", { key: '516cc87bf9d0881b4de1ec86d848a6af5bd24263', class: "logo" }, h("img", { key: '4dc43a8fba2b279b187d98ccbcb93650b54ef9a4', src: this.getLogoImageSrc(), alt: this.logoAlt, class: "logo-image", onError: this.handleLogoError }))), h("slot", { key: '58219466cacfc79087aa5ebac697595b09950788', name: "property-switcher" }), h("bh-breadcrumbs", { key: '28bf21c191dc0eb75f0629dce6a79d00b2f5701a', items: this.breadcrumbItems, showHome: this.showBreadcrumbHome, onBhItemClick: (e) => this.handleBreadcrumbClick(e.detail), onBhDropdownSelect: (e) => this.handleBreadcrumbDropdownSelect(e) })), h("div", { key: '0607c7a295cf15f9bb14796915204ba4ba003347', class: "right-section" }, h("div", { key: '0e4525d290ac6ada82e15a32f2adf8558674f6cc', class: "icon-button-wrapper" }, h("bh-button-icon", { key: 'bbc01af340506bd23afce76556285a3dd17773a1', hierarchy: "quaternary", size: "sm", iconName: "calendar_today", onClick: this.handleCalendarClick }), h("bh-badge-dot", { key: 'e05bf10912e8f1032f9457bc4b5790a2676c32f7', size: "sm", color: "success", outline: true, class: "icon-badge-dot" })), h("div", { key: '4bb644c79ad3cedc59dc461d6b5d1b4b4163a5f9', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '8284bb90a2cf2fa197aa1c5eaee00a88fe7fd67a', hierarchy: "quaternary", size: "sm", iconName: "settings", onClick: this.handleSettingsClick }), h("bh-badge-dot", { key: '6431d9c8c86e10fd5347c0a6b5aa46ee7d9fb623', size: "sm", color: "blue", outline: true, class: "icon-badge-dot" })), h("div", { key: 'a254c53cb6557959842e676b9255d143ae5a84ce', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '0ac95a5ab22eb56bc445cfcf926a2cf31edd6d2b', hierarchy: "quaternary", size: "sm", iconName: "notifications", onClick: this.handleNotificationClick }), this.notificationCount > 0 && (h("bh-badge-dot", { key: '7102b0fa5d41369c979103d8e334e03bf0009ec9', size: "sm", color: "error", outline: true, class: "icon-badge-dot" })))))));
+        return (h(Host, { key: 'c1f615bf6d3253f4cb1e733083afdc0d3aca7c5a' }, h("header", { key: 'e7d06068cb4ada68c6214ce57ca30f65a48dd59d', class: "appbar" }, h("div", { key: '9d2ab4d7855f43393cf080dffa1bdf23d13b8b3e', class: "left-section" }, this.showMenuButton && (h("bh-button-icon", { key: '2dc8ce1911e08dc4ae648941f925e31bf20023d7', hierarchy: "quaternary", size: "sm", iconName: this.isMenuOpen ? 'menu_open' : 'last_page', onClick: this.handleMenuToggle })), this.getLogoImageSrc() && !this.logoFailed && (h("div", { key: 'edaae82191b79be21669f1067b77ad74c606a9c4', class: "logo" }, h("img", { key: '9c856f0de3bc1bc7f927d762aa5111b19844c5b5', src: this.getLogoImageSrc(), alt: this.logoAlt, class: "logo-image", onError: this.handleLogoError }))), h("slot", { key: 'fe9f9d70c8fa00d69c677cb3cb91706e36224b1c', name: "property-switcher" }), h("bh-breadcrumbs", { key: '23c04257a8793e8805011124baa32dd1c1ce2ba1', items: this.breadcrumbItems, showHome: this.showBreadcrumbHome, onBhItemClick: (e) => this.handleBreadcrumbClick(e.detail), onBhDropdownSelect: (e) => this.handleBreadcrumbDropdownSelect(e) })), h("div", { key: 'b3e45d396236fe18161496af2a5535693e154f66', class: "right-section" }, h("div", { key: '8251908521694383f299cba9f01b57e4e706d34c', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '8975bd2f6dd4fb73aa4a64bdbd35ffdfd58c7da8', hierarchy: "quaternary", size: "sm", iconName: "calendar_today", onClick: this.handleCalendarClick }), h("bh-badge-dot", { key: '17350244db33ac839a1faeda85307ef25d57d07e', size: "sm", color: "success", outline: true, class: "icon-badge-dot" })), h("div", { key: '054cf7113ffb5cf9c24d0f63d9557dc920846c07', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '26c9484f73b7638d6e682d6a2673b3fcf00a29fd', hierarchy: "quaternary", size: "sm", iconName: "settings", onClick: this.handleSettingsClick }), h("bh-badge-dot", { key: '2c1c0ab837e5331a58a8ae02301dd8fae1f30858', size: "sm", color: "blue", outline: true, class: "icon-badge-dot" })), h("div", { key: '3584c17c89a3f9e29b1feef7182863ea1adbec72', class: "icon-button-wrapper" }, h("bh-button-icon", { key: '4891f814c2f14cddab0a8538c342a9659119033c', hierarchy: "quaternary", size: "sm", iconName: "notifications", onClick: this.handleNotificationClick }), this.notificationCount > 0 && (h("bh-badge-dot", { key: '6278fe9736a0a75971fecb7af4510edae9953553', size: "sm", color: "error", outline: true, class: "icon-badge-dot" })))))));
     }
     static get style() { return bhAppbarCss; }
 }, [769, "bh-appbar", {

package/components/bh-avatar-add.js

@@ -1,4 +1,4 @@
-import { B as BhAvatarAdd$1, d as defineCustomElement$1 } from './p-sSWMFT-F.js';
+import { B as BhAvatarAdd$1, d as defineCustomElement$1 } from './p-Cnmwun7w.js';
 
 const BhAvatarAdd = BhAvatarAdd$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-avatar-stacked.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-BsHlTsAN.js';
 import { d as defineCustomElement$4 } from './p-BauFnpHf.js';
-import { d as defineCustomElement$3 } from './p-sSWMFT-F.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$3 } from './p-Cnmwun7w.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhAvatarStackedCss = ":host{display:inline-block;font-family:var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  )}.avatar-stacked{display:flex;align-items:center}.avatar-item{position:relative;display:inline-flex}.avatar-item bh-avatar,.avatar-item bh-avatar-add{box-shadow:0 0 0 2px var(--color-white, #ffffff);border-radius:50%}";
 

package/components/bh-card.js

@@ -41,7 +41,7 @@ const BhCard$1 = /*@__PURE__*/ proxyCustomElement(class BhCard extends H {
         const contentStyle = {
             minHeight: `${this.contentMinHeight}px`,
         };
-        return (h(Host, { key: '7d62805c6a1f0f9d20dcda7dbaa9d708f67ebe32' }, h("div", { key: 'b05acd4ee03379ed4c9cde05b62ade65d3303910', class: "card" }, this.showHeader && (h("div", { key: '7c9e357bf7803c33deb9b80b53b758d663bcf059', class: "card-header-slot" }, h("slot", { key: '83383622d73c623e2240ab680b4a8207879653e1', name: "header" }))), h("div", { key: '94ab17d9627987efa2c2e9ff1c6aca31fe7d34d5', class: "card-content", style: contentStyle }, h("slot", { key: '214b5be05af66ec8ed01258e2ac42ff971ffd882' }), !this.hasContent && (h("div", { key: 'b8b8457a51850f92ce6baadd7b83629419fb885c', class: "card-content-placeholder" }, h("span", { key: '04bb8f1046ad0f15369f978277acbc4ad3601579', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (h("div", { key: '689a066cf3af1a55f681442d9a322736d8a8603e', class: "card-footer-slot" }, h("slot", { key: '6f4c59ecd0392cadfb17816994480db334ab8865', name: "footer" }))))));
+        return (h(Host, { key: 'e85c4aca4f806c4bd5b51d3f5f9074496f49c0e9' }, h("div", { key: '2f10b7698b5087681686289403c72240fe471234', class: "card" }, this.showHeader && (h("div", { key: '083995393890bf6bc2efdcd105730cb76e3aebae', class: "card-header-slot" }, h("slot", { key: '979fae3baebe5b2fdae5939711e5028e8e6c3ee2', name: "header" }))), h("div", { key: '00fddaf25168c3d26b49e5e3e5211eef6bb8aa48', class: "card-content", style: contentStyle }, h("slot", { key: '50d39bf47de13e8843457e433d19442c62b8ba23' }), !this.hasContent && (h("div", { key: '0474ce09343928b119f38f442fb55794764826b0', class: "card-content-placeholder" }, h("span", { key: 'f8c8f9adf268d701d3ce86e8fda7ef71e5dc3f19', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (h("div", { key: '9db49d07bdabb64601957a7f8843fadf88d4c1a5', class: "card-footer-slot" }, h("slot", { key: '8012ec40e8e7792dafcc635c5ef82b5b75dd07aa', name: "footer" }))))));
     }
     static get style() { return bhCardCss; }
 }, [769, "bh-card", {

package/components/bh-checkbox-group-item.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
-import { d as defineCustomElement$6 } from './p-CB-EAQ_I.js';
+import { d as defineCustomElement$6 } from './p-Jbgr1XAs.js';
 import { d as defineCustomElement$5 } from './p-rflGReGP.js';
-import { d as defineCustomElement$4 } from './p-CSIu0OQL.js';
-import { d as defineCustomElement$3 } from './p-DdJMoq9-.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$4 } from './p-Cp0dVtfn.js';
+import { d as defineCustomElement$3 } from './p-Bwa0lmh6.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhCheckboxGroupItemCss = ":host{display:block}.checkbox-group-item{display:flex;align-items:flex-start;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all 0.2s ease;box-sizing:border-box;font-family:var(--font-inter);outline:none}.checkbox-group-item-sm{padding:var(--spacing-xl);gap:var(--spacing-md)}.checkbox-group-item-md{padding:var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-lg)}.checkbox-group-item-icon-simple{gap:var(--spacing-lg)}.checkbox-group-item-active{border-color:var(--color-brand-600);box-shadow:inset 0 0 0 1px var(--color-brand-600);background:var(--color-brand-50)}.checkbox-group-item-hovered:not(.checkbox-group-item-disabled):not(.checkbox-group-item-active){background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.checkbox-group-item-focused:not(.checkbox-group-item-disabled):not(.checkbox-group-item-active){box-shadow:0px 0px 0px 4px var(--color-brand-100)}.checkbox-group-item-focused.checkbox-group-item-active:not(.checkbox-group-item-disabled){box-shadow:inset 0 0 0 1px var(--color-brand-600),\n    0px 0px 0px 4px var(--color-brand-100)}.checkbox-group-item-disabled{background:var(--color-neutral-100);border-color:var(--color-neutral-200);cursor:not-allowed;opacity:0.6}.item-content{display:flex;flex-direction:column;flex:1;gap:var(--spacing-xs);min-width:0}.item-text-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.item-title{font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);color:var(--color-neutral-900)}.item-subtitle{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600)}.item-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);margin:0}.checkbox-group-item-disabled .item-title,.checkbox-group-item-disabled .item-subtitle,.checkbox-group-item-disabled .item-description{color:var(--color-neutral-400)}.checkbox-group-item bh-checkbox,.checkbox-group-item bh-radio-button{pointer-events:none}";
 

package/components/bh-checkbox.js

@@ -1,4 +1,4 @@
-import { B as BhCheckbox$1, d as defineCustomElement$1 } from './p-CB-EAQ_I.js';
+import { B as BhCheckbox$1, d as defineCustomElement$1 } from './p-Jbgr1XAs.js';
 
 const BhCheckbox = BhCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-checklist-task-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BhChecklistTaskGroup extends Components.BhChecklistTaskGroup, HTMLElement {}
+export const BhChecklistTaskGroup: {
+    prototype: BhChecklistTaskGroup;
+    new (): BhChecklistTaskGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-checklist-task-group.js

@@ -0,0 +1,9 @@
+import { B as BhChecklistTaskGroup$1, d as defineCustomElement$1 } from './p-BxSTfjS6.js';
+
+const BhChecklistTaskGroup = BhChecklistTaskGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhChecklistTaskGroup, defineCustomElement };
+//# sourceMappingURL=bh-checklist-task-group.js.map
+
+//# sourceMappingURL=bh-checklist-task-group.js.map

package/components/bh-checklist-task-group.js.map

@@ -0,0 +1 @@
+{"file":"bh-checklist-task-group.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/bh-data-grid.js

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h } from './p-BsHlTsAN.js';
 import { d as defineCustomElement$a } from './p-BMqSDqhI.js';
-import { d as defineCustomElement$9 } from './p-CB-EAQ_I.js';
+import { d as defineCustomElement$9 } from './p-Jbgr1XAs.js';
 import { d as defineCustomElement$8 } from './p-D_XTGInR.js';
-import { d as defineCustomElement$7 } from './p-CSIu0OQL.js';
+import { d as defineCustomElement$7 } from './p-Cp0dVtfn.js';
 import { d as defineCustomElement$6 } from './p-S3PEg8gv.js';
-import { d as defineCustomElement$5 } from './p-ZTGm5Kzt.js';
-import { d as defineCustomElement$4 } from './p-DdJMoq9-.js';
-import { d as defineCustomElement$3 } from './p-BkAwW8xI.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$5 } from './p-DcrO4jdd.js';
+import { d as defineCustomElement$4 } from './p-Bwa0lmh6.js';
+import { d as defineCustomElement$3 } from './p-CXNjBFX3.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 /**
    * table-core
@@ -4294,7 +4294,7 @@ const BhDataGrid$1 = /*@__PURE__*/ proxyCustomElement(class BhDataGrid extends H
         const containerStyle = this.maxHeight
             ? { maxHeight: this.maxHeight, overflowY: 'auto' }
             : {};
-        return (h("div", { key: '91c781122a78b82c31dd6b5fe951b44e838c8495', class: gridClasses, role: "grid", "aria-busy": this.loading ? 'true' : 'false' }, this.captionPosition === 'top' && this.renderCaption(), this.renderGlobalFilter(), h("div", { key: '411ba089a111a8104c170ab372e08039b287bc3e', class: "data-grid-container", style: containerStyle }, h("table", { key: '2a33e6fef13f8ea8f78261aa5a9e470c0ae7b642', class: "data-grid-table" }, this.renderHeader(), this.renderBody()), this.renderLoadingOverlay()), this.captionPosition === 'bottom' && this.renderCaption(), this.renderPagination()));
+        return (h("div", { key: '14906540c43b8326d578c96c864f39a1082708ae', class: gridClasses, role: "grid", "aria-busy": this.loading ? 'true' : 'false' }, this.captionPosition === 'top' && this.renderCaption(), this.renderGlobalFilter(), h("div", { key: '40f5185b4972a2270966c477f042584a418e32a1', class: "data-grid-container", style: containerStyle }, h("table", { key: 'cc228a7e6a9fd68973b8a0e48a726f8c5ae21801', class: "data-grid-table" }, this.renderHeader(), this.renderBody()), this.renderLoadingOverlay()), this.captionPosition === 'bottom' && this.renderCaption(), this.renderPagination()));
     }
     static get watchers() { return {
         "data": ["handleDataChange"],

package/components/bh-date-picker.js

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { d as defineCustomElement$a } from './p-BMqSDqhI.js';
 import { d as defineCustomElement$9 } from './p-QVOKRuE8.js';
 import { d as defineCustomElement$8 } from './p-DfNQjyZp.js';
-import { d as defineCustomElement$7 } from './p-DOrA60Fq.js';
-import { d as defineCustomElement$6 } from './p-CSIu0OQL.js';
+import { d as defineCustomElement$7 } from './p-BYtxxdpo.js';
+import { d as defineCustomElement$6 } from './p-Cp0dVtfn.js';
 import { d as defineCustomElement$5 } from './p-S3PEg8gv.js';
 import { d as defineCustomElement$4 } from './p-lelkZ5s9.js';
 import { d as defineCustomElement$3 } from './p-xBWt8kF0.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhDatePickerCss = ":host{display:inline-block;position:relative}.date-picker-container{width:100%}.date-picker-trigger{cursor:pointer}.date-picker-menu-container{position:absolute;left:0;z-index:1000;min-width:100%}.date-picker-menu-container:not(.open-upward){top:100%;margin-top:8px}.date-picker-menu-container.open-upward{bottom:100%;margin-bottom:8px}.date-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}";
 

package/components/bh-date-range-picker.js

@@ -3,12 +3,12 @@ import { d as defineCustomElement$b } from './p-BMqSDqhI.js';
 import { d as defineCustomElement$a } from './p-QVOKRuE8.js';
 import { d as defineCustomElement$9 } from './p-DfNQjyZp.js';
 import { d as defineCustomElement$8 } from './p-DL11kpVT.js';
-import { d as defineCustomElement$7 } from './p-DOrA60Fq.js';
-import { d as defineCustomElement$6 } from './p-CSIu0OQL.js';
+import { d as defineCustomElement$7 } from './p-BYtxxdpo.js';
+import { d as defineCustomElement$6 } from './p-Cp0dVtfn.js';
 import { d as defineCustomElement$5 } from './p-S3PEg8gv.js';
 import { d as defineCustomElement$4 } from './p-lelkZ5s9.js';
 import { d as defineCustomElement$3 } from './p-xBWt8kF0.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhDateRangePickerCss = "@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'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    '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),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    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))}*,*::before,*::after{box-sizing:border-box}.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}:host{display:inline-block;position:relative}.date-range-picker-container{position:relative;display:inline-block}.date-range-picker-trigger{cursor:pointer}.date-range-inputs{display:flex;gap:var(--spacing-md)}.date-range-picker-menu-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--spacing-xs)}.date-range-picker-menu-container bh-picker-menu::part(menu){width:auto}.date-range-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}";
 

package/components/bh-guided-checklist.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BhGuidedChecklist extends Components.BhGuidedChecklist, HTMLElement {}
+export const BhGuidedChecklist: {
+    prototype: BhGuidedChecklist;
+    new (): BhGuidedChecklist;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-guided-checklist.js

@@ -0,0 +1,122 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$6 } from './p-BMqSDqhI.js';
+import { d as defineCustomElement$5 } from './p-BxSTfjS6.js';
+import { d as defineCustomElement$4 } from './p-S3PEg8gv.js';
+import { d as defineCustomElement$3 } from './p-3R-m0nqK.js';
+import { d as defineCustomElement$2 } from './p-O_kET2LF.js';
+
+const bhGuidedChecklistCss = ":host{display:block}.checklist-trigger{position:fixed;bottom:24px;right:24px;z-index:1001;display:inline-flex;cursor:pointer}.checklist-fab{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:var(--color-brand-600);color:var(--color-white, #ffffff);cursor:pointer;box-shadow:var(\n    --shadow-lg,\n    0px 12px 16px -4px rgba(64, 73, 104, 0.08),\n    0px 4px 6px -2px rgba(64, 73, 104, 0.03)\n  );transition:transform 0.2s ease}.checklist-fab:hover{background:var(--color-brand-700)}.checklist-fab:active{transform:scale(0.95)}.checklist-fab .material-symbols-outlined{font-size:24px}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-xl, 16px);padding:var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) 0}.checklist-header-top{display:flex;align-items:flex-start;justify-content:space-between}.checklist-logo{width:56px;height:56px;object-fit:contain}.checklist-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--color-neutral-500, #4a5578)}.checklist-close:hover{color:var(--color-neutral-700, #363d59)}.checklist-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.checklist-title{margin:0;font-family:var(--font-inter, 'Inter', sans-serif);font-size:var(--text-lg-size, 18px);font-weight:var(--weight-semibold, 600);line-height:var(--text-lg-line, 28px);color:var(--color-neutral-900, #111322)}.checklist-description{margin:0;font-family:var(--font-inter, 'Inter', sans-serif);font-size:var(--text-sm-size, 14px);font-weight:var(--weight-regular, 400);line-height:var(--text-sm-line, 20px);color:var(--color-neutral-500, #4a5578);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-body{display:flex;flex-direction:column;gap:var(--spacing-md, 8px);padding:var(--spacing-2xl, 20px) var(--spacing-3xl, 24px)\n    var(--spacing-3xl, 24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-neutral-200) transparent}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-track{background:transparent}.checklist-body::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}";
+
+const BhGuidedChecklist$1 = /*@__PURE__*/ proxyCustomElement(class BhGuidedChecklist extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhChecklistOpen = createEvent(this, "bhChecklistOpen");
+        this.bhChecklistClose = createEvent(this, "bhChecklistClose");
+    }
+    config;
+    taskGroups = [];
+    open = false;
+    fabIcon = 'rocket_launch';
+    overlay = false;
+    bhChecklistOpen;
+    bhChecklistClose;
+    get parsedConfig() {
+        if (!this.config)
+            return undefined;
+        if (typeof this.config === 'string') {
+            try {
+                return JSON.parse(this.config);
+            }
+            catch {
+                return undefined;
+            }
+        }
+        return this.config;
+    }
+    get parsedTaskGroups() {
+        if (typeof this.taskGroups === 'string') {
+            try {
+                return JSON.parse(this.taskGroups);
+            }
+            catch {
+                return [];
+            }
+        }
+        return this.taskGroups || [];
+    }
+    handleTriggerClick = () => {
+        this.open = !this.open;
+        if (this.open) {
+            this.bhChecklistOpen.emit();
+        }
+        else {
+            this.bhChecklistClose.emit();
+        }
+    };
+    handleClose = () => {
+        this.open = false;
+        this.bhChecklistClose.emit();
+    };
+    render() {
+        const cfg = this.parsedConfig;
+        const groups = this.parsedTaskGroups;
+        return (h(Host, { key: '3d0a51ac735d7c46b6f52aa6b20877c7e1103035' }, h("div", { key: 'f42ed563e7fe65059fa83767bb0b13dc33f1df95', class: "checklist-trigger", onClick: this.handleTriggerClick }, h("slot", { key: '1fe632607a9e889bdc16058f2e969eed5f2afd73', name: "trigger" }, h("button", { key: '56cffe0f29defab99df09144ac86300b85e18a07', class: "checklist-fab", "aria-label": "Open guided checklist", type: "button" }, h("span", { key: 'dd53963e8030d2acc35e901fec10ac6bd4e3d87f', class: "material-symbols-outlined" }, this.fabIcon)))), h("bh-panel", { key: '15c916bdee9cc83886ddee6893371f3e8c4ead82', variant: "floating", placement: "bottom-right", width: "lg", overlay: this.overlay, visible: this.open, panelTitle: cfg?.title ?? 'Guided Checklist', closeOnEsc: true, onBhClose: this.handleClose, style: { '--panel-floating-margin': '24px 24px 88px 24px' } }, h("div", { key: '2d5f77d880ead08fb7a1b05b0f6ea04ef8938da9', slot: "header", class: "checklist-header" }, h("div", { key: '5f3aa2c0ad799a18cd91563071712da4b1150505', class: "checklist-header-top" }, cfg?.logoSrc && (h("img", { key: 'c0dafb24d19cacff7cd7941949ce335557c78a5e', class: "checklist-logo", src: cfg.logoSrc, alt: cfg.logoAlt ?? '' })), h("button", { key: '24b7d97b6d2d539650ec0f2ba9c0ee649cbcd1a9', class: "checklist-close", onClick: this.handleClose, "aria-label": "Close", type: "button" }, h("span", { key: '00344e2acb903f64c378b4d82dc34b48ec8aa611', class: "material-symbols-outlined" }, "close"))), cfg && (h("div", { key: '14c1c9982e0c083c40b2c752a47cb927c5078751', class: "checklist-header-text" }, h("h3", { key: '23b735ad87c9300b19b29ed84ee2972b0d65d136', class: "checklist-title" }, cfg.title), cfg.description && (h("p", { key: 'e5608b4524269991e58022b436e955b2923439c8', class: "checklist-description" }, cfg.description))))), h("div", { key: '0f2ba481372b3ab09daa7458a509fea3f2a8b15d', class: "checklist-body" }, groups.map((group) => (h("bh-checklist-task-group", { key: group.id, group: group })))))));
+    }
+    static get style() { return bhGuidedChecklistCss; }
+}, [769, "bh-guided-checklist", {
+        "config": [1],
+        "taskGroups": [1, "task-groups"],
+        "open": [1540],
+        "fabIcon": [1, "fab-icon"],
+        "overlay": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-guided-checklist", "bh-button", "bh-checklist-task-group", "bh-loader-spinner", "bh-panel", "bh-progress-ring"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-guided-checklist":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhGuidedChecklist$1);
+            }
+            break;
+        case "bh-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "bh-checklist-task-group":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "bh-loader-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "bh-panel":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "bh-progress-ring":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const BhGuidedChecklist = BhGuidedChecklist$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BhGuidedChecklist, defineCustomElement };
+//# sourceMappingURL=bh-guided-checklist.js.map
+
+//# sourceMappingURL=bh-guided-checklist.js.map

package/components/bh-guided-checklist.js.map

@@ -0,0 +1 @@
+{"file":"bh-guided-checklist.js","mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,szEAAszE;;MCkBt0EA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AACpB,IAAA,MAAM;IACN,UAAU,GAAkC,EAAE;IACd,IAAI,GAAY,KAAK;IACrD,OAAO,GAAW,eAAe;IACjC,OAAO,GAAY,KAAK;AAGhC,IAAA,eAAe;AAGf,IAAA,gBAAgB;AAEhB,IAAA,IAAY,YAAY,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,SAAS;AAClC,QAAA,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI;gBACF,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;;AAC9B,YAAA,MAAM;AACN,gBAAA,OAAO,SAAS;;;QAGpB,OAAO,IAAI,CAAC,MAAM;;AAGpB,IAAA,IAAY,gBAAgB,GAAA;AAC1B,QAAA,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;AACvC,YAAA,IAAI;gBACF,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;;AAClC,YAAA,MAAM;AACN,gBAAA,OAAO,EAAE;;;AAGb,QAAA,OAAO,IAAI,CAAC,UAAU,IAAI,EAAE;;IAGtB,kBAAkB,GAAG,MAAW;AACtC,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AACtB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;aACtB;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;;AAEhC,KAAC;IAEO,WAAW,GAAG,MAAW;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;AAC9B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY;AAC7B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB;AAEpC,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAC7D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,YAAA,EACV,uBAAuB,EAClC,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAE,EAAA,IAAI,CAAC,OAAO,CAAQ,CACtD,CACJ,CACH,EAEN,CACE,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAC,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,UAAU,EAAE,GAAG,EAAE,KAAK,IAAI,kBAAkB,EAC5C,UAAU,EACV,IAAA,EAAA,SAAS,EAAE,IAAI,CAAC,WAAW,EAC3B,KAAK,EAAE,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,EAAA,EAE3D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,kBAAkB,EAAA,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC9B,GAAG,EAAE,OAAO,KACX,4DACE,KAAK,EAAC,gBAAgB,EACtB,GAAG,EAAE,GAAG,CAAC,OAAO,EAChB,GAAG,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,EAAA,CACtB,CACH,EACD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACd,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,EAAA,OAAA,CAAa,CAC7C,CACL,EACL,GAAG,KACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,iBAAiB,IAAE,GAAG,CAAC,KAAK,CAAM,EAC3C,GAAG,CAAC,WAAW,KACd,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,uBAAuB,EAAE,EAAA,GAAG,CAAC,WAAW,CAAK,CACvD,CACG,CACP,CACG,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChB,CAAA,CAAA,yBAAA,EAAA,EAAyB,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CACzD,CAAC,CACE,CACG,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BhGuidedChecklist","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-guided-checklist/bh-guided-checklist.css?tag=bh-guided-checklist&encapsulation=shadow","src/components/bh-guided-checklist/bh-guided-checklist.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n/* Trigger wrapper */\n.checklist-trigger {\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  z-index: 1001;\n  display: inline-flex;\n  cursor: pointer;\n}\n\n/* Default FAB Button (used when no trigger slot is provided) */\n.checklist-fab {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  border: none;\n  border-radius: 50%;\n  background: var(--color-brand-600);\n  color: var(--color-white, #ffffff);\n  cursor: pointer;\n  box-shadow: var(\n    --shadow-lg,\n    0px 12px 16px -4px rgba(64, 73, 104, 0.08),\n    0px 4px 6px -2px rgba(64, 73, 104, 0.03)\n  );\n  transition: transform 0.2s ease;\n}\n\n.checklist-fab:hover {\n  background: var(--color-brand-700);\n}\n\n.checklist-fab:active {\n  transform: scale(0.95);\n}\n\n.checklist-fab .material-symbols-outlined {\n  font-size: 24px;\n}\n\n/* Header */\n.checklist-header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xl, 16px);\n  padding: var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) 0;\n}\n\n.checklist-header-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n\n.checklist-logo {\n  width: 56px;\n  height: 56px;\n  object-fit: contain;\n}\n\n.checklist-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--color-neutral-500, #4a5578);\n}\n\n.checklist-close:hover {\n  color: var(--color-neutral-700, #363d59);\n}\n\n.checklist-header-text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs, 4px);\n}\n\n.checklist-title {\n  margin: 0;\n  font-family: var(--font-inter, 'Inter', sans-serif);\n  font-size: var(--text-lg-size, 18px);\n  font-weight: var(--weight-semibold, 600);\n  line-height: var(--text-lg-line, 28px);\n  color: var(--color-neutral-900, #111322);\n}\n\n.checklist-description {\n  margin: 0;\n  font-family: var(--font-inter, 'Inter', sans-serif);\n  font-size: var(--text-sm-size, 14px);\n  font-weight: var(--weight-regular, 400);\n  line-height: var(--text-sm-line, 20px);\n  color: var(--color-neutral-500, #4a5578);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Body */\n.checklist-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-md, 8px);\n  padding: var(--spacing-2xl, 20px) var(--spacing-3xl, 24px)\n    var(--spacing-3xl, 24px);\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-neutral-200) transparent;\n}\n\n.checklist-body::-webkit-scrollbar {\n  width: 4px;\n}\n\n.checklist-body::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.checklist-body::-webkit-scrollbar-thumb {\n  background: var(--color-neutral-200);\n  border-radius: var(--radius-xs);\n}\n\n.checklist-body::-webkit-scrollbar-thumb:hover {\n  background: var(--color-neutral-300);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { ChecklistTaskGroup } from '../bh-checklist-task-group/bh-checklist-task-group';\n\nexport type ChecklistConfig = {\n  title: string;\n  description?: string;\n  logoSrc?: string;\n  logoAlt?: string;\n};\n\n@Component({\n  tag: 'bh-guided-checklist',\n  styleUrl: 'bh-guided-checklist.css',\n  shadow: true,\n})\n/**\n * @slot trigger - Custom trigger button. Falls back to a built-in FAB when empty.\n */\nexport class BhGuidedChecklist {\n  @Prop() config?: ChecklistConfig | string;\n  @Prop() taskGroups: ChecklistTaskGroup[] | string = [];\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n  @Prop() fabIcon: string = 'rocket_launch';\n  @Prop() overlay: boolean = false;\n\n  @Event({ bubbles: true, composed: true })\n  bhChecklistOpen!: EventEmitter<void>;\n\n  @Event({ bubbles: true, composed: true })\n  bhChecklistClose!: EventEmitter<void>;\n\n  private get parsedConfig(): ChecklistConfig | undefined {\n    if (!this.config) return undefined;\n    if (typeof this.config === 'string') {\n      try {\n        return JSON.parse(this.config);\n      } catch {\n        return undefined;\n      }\n    }\n    return this.config;\n  }\n\n  private get parsedTaskGroups(): ChecklistTaskGroup[] {\n    if (typeof this.taskGroups === 'string') {\n      try {\n        return JSON.parse(this.taskGroups);\n      } catch {\n        return [];\n      }\n    }\n    return this.taskGroups || [];\n  }\n\n  private handleTriggerClick = (): void => {\n    this.open = !this.open;\n    if (this.open) {\n      this.bhChecklistOpen.emit();\n    } else {\n      this.bhChecklistClose.emit();\n    }\n  };\n\n  private handleClose = (): void => {\n    this.open = false;\n    this.bhChecklistClose.emit();\n  };\n\n  render() {\n    const cfg = this.parsedConfig;\n    const groups = this.parsedTaskGroups;\n\n    return (\n      <Host>\n        <div class=\"checklist-trigger\" onClick={this.handleTriggerClick}>\n          <slot name=\"trigger\">\n            <button\n              class=\"checklist-fab\"\n              aria-label=\"Open guided checklist\"\n              type=\"button\"\n            >\n              <span class=\"material-symbols-outlined\">{this.fabIcon}</span>\n            </button>\n          </slot>\n        </div>\n\n        <bh-panel\n          variant=\"floating\"\n          placement=\"bottom-right\"\n          width=\"lg\"\n          overlay={this.overlay}\n          visible={this.open}\n          panelTitle={cfg?.title ?? 'Guided Checklist'}\n          closeOnEsc\n          onBhClose={this.handleClose}\n          style={{ '--panel-floating-margin': '24px 24px 88px 24px' }}\n        >\n          <div slot=\"header\" class=\"checklist-header\">\n            <div class=\"checklist-header-top\">\n              {cfg?.logoSrc && (\n                <img\n                  class=\"checklist-logo\"\n                  src={cfg.logoSrc}\n                  alt={cfg.logoAlt ?? ''}\n                />\n              )}\n              <button\n                class=\"checklist-close\"\n                onClick={this.handleClose}\n                aria-label=\"Close\"\n                type=\"button\"\n              >\n                <span class=\"material-symbols-outlined\">close</span>\n              </button>\n            </div>\n            {cfg && (\n              <div class=\"checklist-header-text\">\n                <h3 class=\"checklist-title\">{cfg.title}</h3>\n                {cfg.description && (\n                  <p class=\"checklist-description\">{cfg.description}</p>\n                )}\n              </div>\n            )}\n          </div>\n\n          <div class=\"checklist-body\">\n            {groups.map((group) => (\n              <bh-checklist-task-group key={group.id} group={group} />\n            ))}\n          </div>\n        </bh-panel>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/bh-illustrations.js

@@ -66,13 +66,13 @@ const BhIllustrations$1 = /*@__PURE__*/ proxyCustomElement(class BhIllustrations
     }
     render() {
         const dimensions = this.getSvgDimensions();
-        return (h(Host, { key: 'edda8e8839e522a0f78be9cf2d53b17ef4e9d179' }, h("div", { key: '03fd407678ac7009cec1e572165f8985c66c9cd6', class: `illustration illustration-${this.size}` }, h("div", { key: 'adf30870ab5c13dafc096a5b108e48c1cccfa0ba', class: "illustration-wrapper" }, h("div", { key: '5883c03f5da6a5d1067a1055c69ad4f5dcf2ff12', class: "illustration-svg-container", style: {
+        return (h(Host, { key: 'fb4c9c7964e308d962e83629d1585ca2cc766c49' }, h("div", { key: '9a91dba507db0223fb03a35e0ef68e16ef5bfe8f', class: `illustration illustration-${this.size}` }, h("div", { key: '3dd72de0430de1f42abdc9b30a0b8b9a99ae30b2', class: "illustration-wrapper" }, h("div", { key: 'd1a2c66457bd3ccf923f14ec07646ea03bc38b96', class: "illustration-svg-container", style: {
                 width: `${dimensions.width}px`,
                 height: `${dimensions.height}px`,
-            } }, h("img", { key: '4681a3b7b847029d4ab59991bd6a591c89a6adeb', src: this.getIllustrationSrc(), alt: this.alt, style: {
+            } }, h("img", { key: '130455fc15493ce8342d934f1686a1e0fbe9ec11', src: this.getIllustrationSrc(), alt: this.alt, style: {
                 width: `${dimensions.width}px`,
                 height: `${dimensions.height}px`,
-            }, class: "illustration-image" })), (this.illustrationTitle || this.description) && (h("div", { key: 'eab7c5e3995c77ce719dfcbf05e633099c1c45ad', class: "illustration-content" }, this.illustrationTitle && (h("h3", { key: '5fddf08c33502b3fc3a13bde777b72f57b13c4cf', class: "illustration-title" }, this.illustrationTitle)), this.description && (h("p", { key: '23f6356c8149198e857094b42cd0480952ef5fe8', class: "illustration-description" }, this.description))))))));
+            }, class: "illustration-image" })), (this.illustrationTitle || this.description) && (h("div", { key: 'd1c6afcea355f072488614be38726154f421fdbc', class: "illustration-content" }, this.illustrationTitle && (h("h3", { key: '6729b72e188d9766a7ebadebde98bcb1533fa03b', class: "illustration-title" }, this.illustrationTitle)), this.description && (h("p", { key: '3472ac1f60776a98b4f9b4c84c269fbc47df583a', class: "illustration-description" }, this.description))))))));
     }
     static get style() { return bhIllustrationsCss; }
 }, [769, "bh-illustrations", {

package/components/bh-input-autocomplete.js

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { d as defineCustomElement$8 } from './p-Bx_0JeAb.js';
 import { d as defineCustomElement$7 } from './p-BauFnpHf.js';
 import { d as defineCustomElement$6 } from './p-QVOKRuE8.js';
-import { d as defineCustomElement$5 } from './p-DOrA60Fq.js';
-import { d as defineCustomElement$4 } from './p-CSIu0OQL.js';
-import { d as defineCustomElement$3 } from './p-D881-vUZ.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$5 } from './p-BYtxxdpo.js';
+import { d as defineCustomElement$4 } from './p-Cp0dVtfn.js';
+import { d as defineCustomElement$3 } from './p-D1RWRR-4.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhInputAutocompleteCss = "@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'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    '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),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    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))}*,*::before,*::after{box-sizing:border-box}.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}:host{display:block;position:relative}.input-autocomplete-wrapper{position:relative}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-field{display:flex;align-items:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);transition:all 0.15s ease}.input-field.input-hover{border-color:var(--color-neutral-400)}.input-field.input-focused{border-color:var(--color-brand-500);box-shadow:0 0 0 4px var(--color-brand-50)}.input-field.input-error{border-color:var(--color-error-500)}.input-field.input-error.input-focused{box-shadow:0 0 0 4px var(--color-error-50)}.input-field.input-disabled{background:var(--color-neutral-50);cursor:not-allowed}.input-content-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);width:100%}.leading-icon{font-size:20px;color:var(--color-neutral-500);flex-shrink:0}.inline-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:var(--font-inter);font-size:var(--text-md-size);line-height:var(--text-md-line);color:var(--color-neutral-900)}.inline-input::placeholder{color:var(--color-neutral-500)}.inline-input:disabled{cursor:not-allowed;color:var(--color-neutral-400)}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-600);transition:opacity 0.15s ease}.hint-text.hint-error{color:var(--color-error-600)}";
 
@@ -318,7 +318,7 @@ const BhInputAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class BhInputAuto
     };
     render() {
         const { tags, remaining } = this.visibleTags;
-        return (h(Host, { key: 'cf43c348b8a71a336685ad6fb8b54b4d9c23a6c7' }, h("div", { key: 'c9b3a3b68281fc80398b0ad1f7ca9213742e1e13', class: "input-autocomplete-wrapper", style: { width: this.width }, onKeyDown: this.handleKeyDown }, this.multiSelect ? (
+        return (h(Host, { key: 'c7e0959c9f0091e5b2f99ded028c4c20d382b558' }, h("div", { key: '626d07198c7e8defe785d7267f516ee41a2af76f', class: "input-autocomplete-wrapper", style: { width: this.width }, onKeyDown: this.handleKeyDown }, this.multiSelect ? (
         // Multi-select input with flowing tags
         h("div", { class: "input-wrapper" }, h("bh-label", { label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: () => this.bhHelpClick.emit() }, h("div", { class: {
                 'input-field': true,
@@ -339,7 +339,7 @@ const BhInputAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class BhInputAuto
                 else {
                     this.showDropdown = false;
                 }
-            }, onBhFocus: this.handleInputFocus, onBhBlur: this.handleInputBlur, onBhHelpClick: () => this.bhHelpClick.emit() })), h("bh-autocomplete-menu", { key: 'e71d68322c8f7859714e1b61503ec9de3bec7b2f', visible: this.showDropdown, menuItems: this.filteredOptions, selectedIndex: this.focusedOptionIndex, multiSelect: this.multiSelect, searchQuery: this.value, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover }))));
+            }, onBhFocus: this.handleInputFocus, onBhBlur: this.handleInputBlur, onBhHelpClick: () => this.bhHelpClick.emit() })), h("bh-autocomplete-menu", { key: 'b17697e07f346776061013308cd39a5546e4b4b5', visible: this.showDropdown, menuItems: this.filteredOptions, selectedIndex: this.focusedOptionIndex, multiSelect: this.multiSelect, searchQuery: this.value, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover }))));
     }
     static get watchers() { return {
         "value": ["handleValueChange"]

package/components/bh-input-number.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
 import { u as updateValidity } from './p-2KjdCYlS.js';
 import { d as defineCustomElement$4 } from './p-QVOKRuE8.js';
-import { d as defineCustomElement$3 } from './p-CSIu0OQL.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$3 } from './p-Cp0dVtfn.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhInputNumberCss = ":host{display:block}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:100%}.input-field{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);height:36px;width:100%;background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:var(--spacing-md);transition:all 0.2s ease-in-out;cursor:text;box-shadow:0 0 0 0px transparent;overflow:hidden;position:relative;box-sizing:border-box}.input-field.input-icon-leading{padding:var(--spacing-md) var(--spacing-lg)}.input-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;height:100%;min-width:0;max-width:100%}.leading-icon{font-size:var(--text-xl-size);color:var(--color-neutral-500);user-select:none;flex-shrink:0;cursor:default;pointer-events:auto;transition:color 0.2s ease-in-out}.input-field.input-focused .leading-icon{color:var(--color-brand-600)}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-800);min-width:60px;padding-left:var(--spacing-xs);box-shadow:none}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--color-neutral-500)}.input-element:disabled{cursor:not-allowed;opacity:0.5}.input-element::-webkit-outer-spin-button,.input-element::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-element[type='number']{-moz-appearance:textfield;appearance:textfield}.text-placeholder{color:var(--color-neutral-500)}.text-filled{color:var(--color-neutral-800)}.hint-text{font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600)}.input-field.input-hover{border-color:var(--color-brand-500)}.input-field.input-focused{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.input-field.input-disabled{opacity:0.5;cursor:not-allowed;background:var(--color-neutral-50)}.input-field.input-error{border-color:var(--color-error-300)}.input-field.input-error.input-hover{border-color:var(--color-error-500)}.input-field.input-error.input-focused{border-color:var(--color-brand-600)}.hint-text.hint-error{color:var(--color-error-600)}.prefix-text,.suffix-text{font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600);user-select:none;flex-shrink:0}.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;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}@media (max-width: 768px){.input-wrapper{width:100%}}";
 
@@ -293,7 +293,7 @@ const BhInputNumber$1 = /*@__PURE__*/ proxyCustomElement(class BhInputNumber ext
         const wrapperStyle = this.width ? { width: this.width } : {};
         const isDecrementDisabled = this.disabled || (this.min !== null && this.currentValue !== null && this.currentValue <= this.min);
         const isIncrementDisabled = this.disabled || (this.max !== null && this.currentValue !== null && this.currentValue >= this.max);
-        return (h("div", { key: '52887ad6788793c84e03b64858740a6302ee1b35', class: "input-wrapper", style: wrapperStyle }, h("bh-label", { key: '7a323fd1af48e7f067629d9922f11f930ad07409', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpIconClick }, h("div", { key: 'c498d857e893c7c9b50d391b682b1c8a16acacce', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'db6bfbee76f7077547017776a60ee70a9b794289', class: "input-content" }, this.showLeadingIcon && (h("span", { key: '95c3150702719ccc3f0a7fed4b17ac948cc42521', class: "leading-icon material-symbols-outlined" }, this.leadingIcon)), this.prefixText && h("span", { key: 'daeb4297bb6f6e92bbb3d0e0aeda624fd7f77a6b', class: "prefix-text" }, this.prefixText), h("input", { key: '736b370f4cb10ffad0b0b5c141fee0c2748cc74c', ref: (el) => (this.inputEl = el), type: "number", name: this.name, value: this.currentValue ?? '', placeholder: this.placeholder, disabled: this.disabled, required: this.required, class: `input-element ${textColorClass}`, onInput: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, min: this.min ?? undefined, max: this.max ?? undefined, step: this.step }), this.suffixText && h("span", { key: 'b6d8b124889afb8369f50d4bad2ebba69c0e3e43', class: "suffix-text" }, this.suffixText), h("bh-button-icon", { key: 'e7fa4a846bcfbe41941ada7ee6d269462672b7fd', hierarchy: "tertiary", size: "xs", iconName: "remove", disabled: isDecrementDisabled, onClick: this.decrement, "aria-label": "Decrease value" }), h("bh-button-icon", { key: '342dae8b782d014aa511e4dc61e5ba3323a244a8', hierarchy: "tertiary", size: "xs", iconName: "add", disabled: isIncrementDisabled, onClick: this.increment, "aria-label": "Increase value" })))), this.showHintText && displayHintText && (h("div", { key: '1872dc27f95f2ff42ddeb929eebd40a5d95448f8', class: { 'hint-text': true, 'hint-error': showError } }, displayHintText))));
+        return (h("div", { key: 'ead0c2ee96c45962ca49a8348da77f3eb5c33813', class: "input-wrapper", style: wrapperStyle }, h("bh-label", { key: 'ba8dbd529dd4b84b4561eafe06d14d3d2eff06d3', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpIconClick }, h("div", { key: 'd91513b5c1744f56e0979cd7d86f159def9dbd0b', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'f16ded2f8dfa0db405bf5c94319e73513cabb0cc', class: "input-content" }, this.showLeadingIcon && (h("span", { key: '54ad1171d0a479bb15065b3ef9fb80aaded55490', class: "leading-icon material-symbols-outlined" }, this.leadingIcon)), this.prefixText && h("span", { key: 'e00e0d7f6cf2c0d91c683b6f1b53423b1d51f69e', class: "prefix-text" }, this.prefixText), h("input", { key: '45733bf73cccf87a888e9fae7b30372e5f682ab9', ref: (el) => (this.inputEl = el), type: "number", name: this.name, value: this.currentValue ?? '', placeholder: this.placeholder, disabled: this.disabled, required: this.required, class: `input-element ${textColorClass}`, onInput: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, min: this.min ?? undefined, max: this.max ?? undefined, step: this.step }), this.suffixText && h("span", { key: '124c4ce6ece802c36618cb416a5141f66a642e4d', class: "suffix-text" }, this.suffixText), h("bh-button-icon", { key: '8cc33bc4fb8c8c36534b545b1967416c1ddc2d26', hierarchy: "tertiary", size: "xs", iconName: "remove", disabled: isDecrementDisabled, onClick: this.decrement, "aria-label": "Decrease value" }), h("bh-button-icon", { key: 'fc2f3ed214f3fe0d515be4ce7853e38ea45348f8', hierarchy: "tertiary", size: "xs", iconName: "add", disabled: isIncrementDisabled, onClick: this.increment, "aria-label": "Increase value" })))), this.showHintText && displayHintText && (h("div", { key: '19edbc51be16c9bcccdd6a92864d4f25c3b5541c', class: { 'hint-text': true, 'hint-error': showError } }, displayHintText))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/components/bh-input-password.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
 import { a as syncFormValue, u as updateValidity } from './p-2KjdCYlS.js';
-import { d as defineCustomElement$3 } from './p-CSIu0OQL.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$3 } from './p-Cp0dVtfn.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhInputPasswordCss = ":host{display:block;font-family:var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md, 12px);padding:var(--spacing-md, 12px);height:36px;width:100%;background:var(--color-white, #FFFFFF);border:1px solid var(--color-neutral-300, #D0D5DD);border-radius:var(--spacing-md, 8px);transition:all 0.2s ease-in-out;cursor:text;box-sizing:border-box}.input-container.input-container-with-leading{padding:var(--spacing-md, 12px) var(--spacing-lg, 16px)}.input-container.input-container-hover{border-color:var(--color-brand-500, #7F56D9)}.input-container.input-container-focused{border-color:var(--color-brand-500, #7F56D9);box-shadow:0 0 0 1px var(--color-brand-500, #7F56D9)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--color-neutral-50, #F9FAFB)}.input-container.input-container-error{border-color:var(--color-error-300, #FDA29B)}.input-container.input-container-error.input-container-hover{border-color:var(--color-error-500, #F05250)}.input-container.input-container-error.input-container-focused{border-color:var(--color-brand-600, #6941C6)}.input-content{display:flex;align-items:center;gap:var(--spacing-md, 12px);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:400;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-neutral-800, #1D2939);min-width:60px;padding:0}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--color-neutral-500, #667085)}.input-element:disabled{cursor:not-allowed}.leading-icon{font-size:var(--text-xl-size, 20px);color:var(--color-neutral-500, #667085);user-select:none;flex-shrink:0;cursor:default;transition:color 0.2s ease-in-out}.input-container-focused .leading-icon{color:var(--color-brand-600, #6941C6)}.visibility-toggle{font-size:var(--text-xl-size, 20px);color:var(--color-neutral-400, #98A2B3);cursor:pointer;user-select:none;flex-shrink:0;transition:color 0.2s ease-in-out}.visibility-toggle:hover{color:var(--color-neutral-600, #475467)}.input-container-disabled .visibility-toggle{cursor:not-allowed;pointer-events:none}.hint-text{font-family:inherit;font-weight:400;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-neutral-600, #475467)}.hint-text.hint-error{color:var(--color-error-600, #DC2626)}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:20px;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}";
 
@@ -170,7 +170,7 @@ const BhInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class BhInputPassword
             'input-container-disabled': this.disabled,
             'input-container-with-leading': this.showLeadingIcon,
         };
-        return (h("div", { key: '449d7cbc6f64bbb6fe48d445763e0c1d511edc71', class: "input-wrapper", part: "wrapper" }, h("bh-label", { key: '1dab62184e74c9f58572ac6aed19d7c9eb6f6d69', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, h("div", { key: '0501ef234b4d828dfccda6360a08d324edfa17e5', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'da6bb77da816d5203b3160cf3cdd38630bf9f4fd', class: "input-content" }, this.showLeadingIcon && (h("span", { key: 'cf4f90a1dbd5c1eae3b53a12c9b95c9f7067958f', class: "material-symbols-outlined leading-icon" }, this.leadingIcon)), h("input", { key: '9678bc2a8334a4efa6ecc97c2ce6f035f40dbf14', ref: (el) => (this.inputEl = el), type: this.showPassword ? 'text' : 'password', class: "input-element", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, "aria-label": this.label, "aria-describedby": this.showHintText && this.hintText ? 'hint-text' : undefined, "aria-invalid": String(this.error), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), h("span", { key: '2562d58274a44e795dde6176b7e1f4940d3cf8f7', class: "material-symbols-outlined visibility-toggle", onClick: this.togglePasswordVisibility, title: this.showPassword ? 'Hide password' : 'Show password' }, this.showPassword ? 'visibility_off' : 'visibility'))), this.showHintText && this.hintText && (h("div", { key: '022f9f717a0b4259ce3d6e1a2dfda1c9525b7043', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
+        return (h("div", { key: '9912272b8d4e17253a7ad94c4f43510691d7bc76', class: "input-wrapper", part: "wrapper" }, h("bh-label", { key: '6bbf85fb0b5b06ab164b3f959127c824be7e0456', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, h("div", { key: '28cc76d18d8f4cb2fa4ffe98dac941b0f7aad26c', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '6433d9f7a554d278095467a08a71c0778fba43ee', class: "input-content" }, this.showLeadingIcon && (h("span", { key: 'f2af7aeed86dabc38dbc281f4e33e5b90fc4ad45', class: "material-symbols-outlined leading-icon" }, this.leadingIcon)), h("input", { key: '921f7188228adc516a3f2dce29e559fcfa6ea8d2', ref: (el) => (this.inputEl = el), type: this.showPassword ? 'text' : 'password', class: "input-element", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, "aria-label": this.label, "aria-describedby": this.showHintText && this.hintText ? 'hint-text' : undefined, "aria-invalid": String(this.error), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), h("span", { key: '73160c0d03aa410b9f2168aacdb6329cbe03fd4f', class: "material-symbols-outlined visibility-toggle", onClick: this.togglePasswordVisibility, title: this.showPassword ? 'Hide password' : 'Show password' }, this.showPassword ? 'visibility_off' : 'visibility'))), this.showHintText && this.hintText && (h("div", { key: 'afdb3fbda03cc0d92ac1c48643d8bf96b7b45cf1', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
     }
     static get formAssociated() { return true; }
     static get style() { return bhInputPasswordCss; }

package/components/bh-input-text.js

@@ -1,4 +1,4 @@
-import { B as BhInputText$1, d as defineCustomElement$1 } from './p-DOrA60Fq.js';
+import { B as BhInputText$1, d as defineCustomElement$1 } from './p-BYtxxdpo.js';
 
 const BhInputText = BhInputText$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-input-verification.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
-import { d as defineCustomElement$3 } from './p-CSIu0OQL.js';
-import { d as defineCustomElement$2 } from './p-BQc6wBy8.js';
+import { d as defineCustomElement$3 } from './p-Cp0dVtfn.js';
+import { d as defineCustomElement$2 } from './p-zdJcQdXO.js';
 
 const bhInputVerificationCss = ":host{display:block}.input-verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:fit-content}.input-verification-container{display:flex;align-items:center;gap:var(--spacing-sm)}.verification-input{width:64px;height:64px;padding:0;border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);background-color:var(--color-white);font-family:var(--font-inter);font-size:3rem;font-weight:var(--weight-medium);line-height:1;color:var(--color-neutral-900);transition:all 150ms ease;outline:none;box-sizing:border-box}.verification-input.size-sm{width:64px;height:64px;font-size:3rem;border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.verification-input.size-md{width:80px;height:80px;font-size:3rem;border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-3xl)}.verification-input.size-lg{width:96px;height:96px;font-size:3.75rem;border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-4xl)}.verification-input:hover:not(:disabled){border-color:var(--color-neutral-400)}.verification-input:focus{border-color:var(--color-brand-300);box-shadow:0 0 0 4px var(--color-brand-100)}.verification-input.error{border-color:var(--color-error-300)}.verification-input.error:focus{border-color:var(--color-error-300);box-shadow:0 0 0 4px var(--color-error-100)}.verification-input:disabled{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300);color:var(--color-neutral-400);cursor:not-allowed}.separator{font-family:var(--font-inter);font-size:1.5rem;font-weight:var(--weight-medium);color:var(--color-neutral-400);margin:0 var(--spacing-xs);line-height:1}.separator.size-sm{font-size:1.5rem}.separator.size-md{font-size:1.5rem}.separator.size-lg{font-size:1.875rem}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--color-neutral-600);margin-top:var(--spacing-xs)}.hint-text.error{color:var(--color-error-600)}.verification-input::placeholder{color:var(--color-neutral-400);opacity:1;font-size:inherit;font-weight:var(--weight-regular)}";
 
@@ -194,7 +194,7 @@ const BhInputVerification$1 = /*@__PURE__*/ proxyCustomElement(class BhInputVeri
     }
     render() {
         const wrapperStyle = this.width ? { width: this.width } : {};
-        return (h("div", { key: 'cf208b21c94180233bbca70564f04623a7647cba', class: "input-verification-wrapper", style: wrapperStyle }, h("bh-label", { key: 'bc69a4b649120adb8fca94702618421612175360', label: this.showLabel ? this.label : '', required: this.required, disabled: this.disabled }, h("div", { key: '571f5dfeb39114cd4c135ee4159d7e2064ca0a54', class: "input-verification-container" }, this.renderInputs())), this.showHintText && this.hintText && (h("div", { key: 'c2568767f3326b0524feb2d97543b21453376c17', class: { 'hint-text': true, 'error': this.error } }, this.hintText))));
+        return (h("div", { key: '03c7ad7f9234fcb04e6d54b162accd18dcda2d55', class: "input-verification-wrapper", style: wrapperStyle }, h("bh-label", { key: '20af3c0ef2ff2b53f663a3c4a33581e19240f915', label: this.showLabel ? this.label : '', required: this.required, disabled: this.disabled }, h("div", { key: '5e113cd5e39741b13d650333f89bd09a408a03f5', class: "input-verification-container" }, this.renderInputs())), this.showHintText && this.hintText && (h("div", { key: '8356f68a00587b4758300d2cc4c11d248b310204', class: { 'hint-text': true, 'error': this.error } }, this.hintText))));
     }
     static get watchers() { return {
         "value": ["watchValue"],

package/components/bh-label.js

@@ -1,4 +1,4 @@
-import { B as BhLabel$1, d as defineCustomElement$1 } from './p-CSIu0OQL.js';
+import { B as BhLabel$1, d as defineCustomElement$1 } from './p-Cp0dVtfn.js';
 
 const BhLabel = BhLabel$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-logo-box.js

@@ -1,4 +1,4 @@
-import { B as BhLogoBox$1, d as defineCustomElement$1 } from './p-CzX9yJdS.js';
+import { B as BhLogoBox$1, d as defineCustomElement$1 } from './p-uaN5C0X_.js';
 
 const BhLogoBox = BhLogoBox$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-modal-actions.js

@@ -61,7 +61,7 @@ const BhModalActions$1 = /*@__PURE__*/ proxyCustomElement(class BhModalActions e
         return (h("div", { class: "modal-actions-content modal-actions-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (h(Host, { key: 'ffe819ecb2c6acf2f128c472044e4b98800166be' }, h("div", { key: 'a6b6d2935f027abe5fafad08723e20534d7f49f4', class: "modal-actions" }, this.divider && h("div", { key: '528624016c082641d258b289eca5c9a1cf6ef396', class: "divider" }), this.renderButtons())));
+        return (h(Host, { key: '58b4f74865882aac35d0e471ec33dc751ccbea1c' }, h("div", { key: '09868d010d3b09402a08ce7b869f37bbdde32c4d', class: "modal-actions" }, this.divider && h("div", { key: 'e22db695b85e5f4c677e908fa7ecdc02c1e3081a', class: "divider" }), this.renderButtons())));
     }
     static get style() { return bhModalActionsCss; }
 }, [769, "bh-modal-actions", {