@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/cjs/bh-chat-message.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const 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);   } }`;
 
@@ -12,7 +13,7 @@ const BhChatMessage = class {
         index.registerInstance(this, hostRef);
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /** Author display name (e.g. "Phoenix Baker" or "You") */
     author = "";
     /** Timestamp display text (e.g. "Friday 2:20pm") */
@@ -89,13 +90,13 @@ const BhChatMessage = class {
         const isIncoming = this.type === "incoming";
         const isTyping = this.variant === "typing";
         const isFile = this.variant === "file";
-        return (index.h(index.Host, { key: '341c5703824126dd302c4218aae10bf3a8b07a5f' }, index.h("div", { key: '295aa5b9a485e7e29f5721ad5927faa6ccee6cda', "aria-label": isTyping
+        return (index.h(index.Host, { key: 'bdf15f0729d39f2e8d0191fcfa6e621d3d857d9e' }, index.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 && (index.h("div", { key: '05aa026eaed2801724bfa28f97e8fe980f546827', class: "chat-message-header", part: "header" }, index.h("span", { key: '5cb34b62fa1af6a8af1ba35a3fcec0808159ba3f', class: "chat-message-author", part: "author" }, this.author), index.h("span", { key: '3e1fbebcec1ac33496afb441b2ca43581dcf8772', class: "chat-message-timestamp", part: "timestamp" }, this.timestamp))), index.h("div", { key: 'ba18836ef02418230a48caaaf6bd6d9bc741a059', class: "chat-message-body-row" }, isIncoming && !isTyping && this.avatarSrc && this.renderAvatar(), isTyping && (index.h("div", { key: '4f033a7c8d00a16ce7a00a643f02b955fe1469b9', class: "chat-message-typing-wrapper" }, isIncoming && this.renderAvatar(), index.h("div", { key: '50102be237b8b441cd75288185bf136d5cd9eb75', class: "chat-message-typing-content" }, index.h("span", { key: '67e39cb2cda78a2a0826c7adf2726655885da4fa', class: "chat-message-author", part: "author" }, this.author), this.renderTyping()))), !(isTyping || isFile) && (index.h("div", { key: '8e242c254e6896b62048bf3ca825d4b4ebd10214', class: "chat-message-bubble", part: "bubble" }, index.h("slot", { key: 'd0df09a2eaf26d4357b31b1f07c3495eac38500e' }), this.renderMenuButton())), !isTyping && isFile && (index.h("div", { key: '0f995e228f684a1208932bc0aea2584b49e0ec35', class: "chat-message-file-wrapper" }, this.renderFileAttachment(), this.renderMenuButton()))), !isTyping && (index.h("div", { key: '9318479a76abff8788167cd4181e4c152c6ce91e', class: "chat-message-reactions", part: "reactions" }, index.h("slot", { key: '06761a09cb04446505d4e8f5a2734047144777e2', name: "reactions" }), this.renderReactionButtons())))));
+            }, part: "container", role: "article" }, !isTyping && (index.h("div", { key: '39b88cd29fde262db550aab188a9837abecb7ab8', class: "chat-message-header", part: "header" }, index.h("span", { key: '6b55496792b2ef8b499e0cfb8b3cf882a918c62d', class: "chat-message-author", part: "author" }, this.author), index.h("span", { key: '87ab6612df8f8274dcf261840f380ecbd5e656cb', class: "chat-message-timestamp", part: "timestamp" }, this.timestamp))), index.h("div", { key: 'eba524017ed96e21d0bc332047a90ef826d8570d', class: "chat-message-body-row" }, isIncoming && !isTyping && this.avatarSrc && this.renderAvatar(), isTyping && (index.h("div", { key: '39fc2af5eae0bd602ccee935cf5dbb70b8ce1685', class: "chat-message-typing-wrapper" }, isIncoming && this.renderAvatar(), index.h("div", { key: '952e42b7c1c46a591c0e090de571c9bfbe0feae9', class: "chat-message-typing-content" }, index.h("span", { key: 'af6b1628d87b7ef4886d315b1669f35ee49363b6', class: "chat-message-author", part: "author" }, this.author), this.renderTyping()))), !(isTyping || isFile) && (index.h("div", { key: 'd8d176a18f38b5bab28bc4da3c37735b8bad88b0', class: "chat-message-bubble", part: "bubble" }, index.h("slot", { key: '37fd94fba76e348f86bac27add7588e7a55f744f' }), this.renderMenuButton())), !isTyping && isFile && (index.h("div", { key: 'e6f2161e7fab20ff4a4f2f4906ae1b745f17d533', class: "chat-message-file-wrapper" }, this.renderFileAttachment(), this.renderMenuButton()))), !isTyping && (index.h("div", { key: 'a576787986f12f2a7ce31ea1059a12281645bc8c', class: "chat-message-reactions", part: "reactions" }, index.h("slot", { key: '72b891bbd7d5e3b5a880f14080d66ef78c90f4b5', name: "reactions" }), this.renderReactionButtons())))));
     }
 };
 BhChatMessage.style = bhChatMessageCss();

package/dist/cjs/bh-chat-reaction.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const 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)}}`;
 
@@ -12,7 +13,7 @@ const BhChatReaction = class {
         index.registerInstance(this, hostRef);
         this.bhClick = index.createEvent(this, "bhClick");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /** Emoji character to display (e.g. "👍", "❤️") */
     emoji = "";
     /** Number of reactions (hidden when 0 or 1) */
@@ -34,11 +35,11 @@ const BhChatReaction = class {
     };
     render() {
         const showCount = this.count > 1;
-        return (index.h(index.Host, { key: '3ba9f7f34b4332122a13566778074289855c5a6e' }, index.h("button", { key: '523bfb96b27dc6939dd90b1c35e5e483471c3e97', "aria-label": `${this.emoji} reaction${showCount ? `, ${this.count}` : ""}`, "aria-pressed": String(this.active), class: {
+        return (index.h(index.Host, { key: 'fcc74eb4fd29905d7155c864c1fc507e5117591a' }, index.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" }, index.h("span", { key: '9aa97a68a72971dcd4f785747d7c6df7c49f6344', class: "chat-reaction-emoji", part: "emoji" }, this.emoji), showCount && (index.h("span", { key: '5ea676cf3cca06b210bc9dd77adb29e5407a80c2', class: "chat-reaction-count", part: "count" }, this.count)))));
+            }, onClick: this.handleClick, part: "badge", type: "button" }, index.h("span", { key: '8a5397739451b02203a8207bfbdcd3f03e6d5304', class: "chat-reaction-emoji", part: "emoji" }, this.emoji), showCount && (index.h("span", { key: 'c846e7ba4d863b194a0d84df03a53fdb66faf45f', class: "chat-reaction-count", part: "count" }, this.count)))));
     }
 };
 BhChatReaction.style = bhChatReactionCss();

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

@@ -3,9 +3,10 @@
 var index = require('./index-B6sArKsK.js');
 var classBuilder = require('./class-builder-DFgnSWOY.js');
 var idGenerator = require('./id-generator-1p5-oe0z.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var form = require('./form-basX91MG.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)}}`;
@@ -30,7 +31,7 @@ const BhCheckbox = class {
     inputRef;
     checkboxControlRef;
     uniqueId = idGenerator.generateUniqueId("bh-checkbox");
-    logger = errorBoundary.createComponentLogger("bh-checkbox");
+    logger = logger.createComponentLogger("bh-checkbox");
     focusState = focusStateManager.createFocusStateManager();
     /** Checkbox size */
     size = "md";

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

@@ -3,11 +3,12 @@
 var index = require('./index-B6sArKsK.js');
 var focusTrap = require('./focus-trap-xrL056L1.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var logger = require('./logger-DZionBgs.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
 var metrics = require('./metrics-DtkENqew.js');
 var timers = require('./timers-DP0qMGY7.js');
 var constants = require('./constants-B93iN3Uz.js');
+require('./error-boundary-fNUNT0lE.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)}}`;
 
@@ -116,11 +117,11 @@ const BhFab = class {
         this.bhClick.emit();
     };
     render() {
-        return (index.h("button", { key: '480eea58dc702214faf7771276a809648ca6e0c8', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, class: {
+        return (index.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" }, index.h("span", { key: 'e0764502810c947886ce0144c2c7b62956e9df14', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
+            }, disabled: this.disabled, onClick: this.handleClick, part: "button", type: "button" }, index.h("span", { key: '1d3996d1272bb4cd46a8760e5217d9f5a14b12d3', class: "material-symbols-outlined", part: "icon" }, this.iconName)));
     }
 };
 BhFab.style = bhFabCss();
@@ -178,7 +179,7 @@ const BhSidePanel = class {
     pendingRafId;
     previousOverflow = "";
     closeReason;
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     // Error handler - created lazily to avoid initialization order issues
     _errorHandler;
     get handleComponentError() {

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

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

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

@@ -0,0 +1,309 @@
+'use strict';
+
+var index = require('./index-B6sArKsK.js');
+var dismissalManager = require('./dismissal-manager-VevirmgP.js');
+var hotkeys = require('./hotkeys-BzAUI8Zg.js');
+var logger = require('./logger-DZionBgs.js');
+var i18n = require('./i18n-Twgo5raQ.js');
+require('./keyboard-helpers-CiUQBd3w.js');
+require('./keyboard-constants-ByvH1XTM.js');
+
+const bhCommandBarCss = () => `:host{display:contents}.command-overlay{position:fixed;inset:0;z-index:var(--bh-z-index-modal-backdrop, 1040);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:var(--color-surface-overlay, rgba(12, 17, 29, 0.6))}.command-panel{display:flex;flex-direction:column;width:var(--bh-command-bar-width, 560px);max-width:calc(100vw - 2 * var(--spacing-xl, 20px));max-height:var(--bh-command-bar-max-height, 60vh);overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 24px -4px rgba(16, 24, 40, 0.1))}.search-row{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.search-icon{font-size:var(--icon-size-md, 20px);color:var(--color-text-tertiary, #667085)}.search-input{flex:1;min-width:0;font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);color:var(--color-text-primary, #101828);background:transparent;border:none;outline:none}.search-input::placeholder{color:var(--color-text-placeholder, #667085)}.sections{overflow-y:auto}.section{padding:var(--spacing-sm, 8px) 0}.section:not(:last-child){border-bottom:1px solid var(--color-border-secondary, #eaecf0)}.section-heading{padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, #667085)}.section-list{margin:0;padding:0;list-style:none}.item{display:flex;gap:var(--spacing-md, 12px);align-items:center;width:100%;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);text-align:left;font-family:var(--font-inter, inherit);background:transparent;border:none;cursor:pointer}.item.active{background:var(--color-bg-secondary, #f9fafb)}:host([size=md]) .item{padding-top:var(--spacing-md, 12px);padding-bottom:var(--spacing-md, 12px)}.item-icon{flex-shrink:0;font-size:var(--icon-size-md, 20px);color:var(--color-text-secondary, #475467)}.item-text{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xxs, 2px);min-width:0}.item-title-row{display:flex;gap:var(--spacing-sm, 8px);align-items:baseline;min-width:0}.item-label{font-size:var(--text-sm-size, 0.875rem);font-weight:var(--weight-medium, 500);color:var(--color-text-primary, #101828);white-space:nowrap}.item-path{overflow:hidden;font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-interactive, #175cd3);text-overflow:ellipsis;white-space:nowrap}.item-description{font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467)}.item-shortcut{flex-shrink:0;margin-left:auto}.empty{padding:var(--spacing-3xl, 40px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}.footer{display:flex;gap:var(--spacing-lg, 16px);align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-top:1px solid var(--color-border-secondary, #eaecf0)}.footer-hint{display:inline-flex;gap:var(--spacing-xs, 4px);align-items:center;font-family:var(--font-inter, inherit);font-size:var(--text-xs-size, 0.75rem);color:var(--color-text-secondary, #475467)}.footer-back{padding:0;background:transparent;border:none;cursor:pointer}.footer-settings{margin-left:auto}`;
+
+const initialsOf = (name) => (name ?? "")
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((part) => part[0]?.toUpperCase() ?? "")
+    .join("");
+const BhCommandBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bhOpen = index.createEvent(this, "bhOpen");
+        this.bhClose = index.createEvent(this, "bhClose");
+        this.bhChange = index.createEvent(this, "bhChange");
+        this.bhItemClick = index.createEvent(this, "bhItemClick");
+        this.bhAction = index.createEvent(this, "bhAction");
+    }
+    logger = logger.createComponentLogger("bh-command-bar");
+    dismissalManager;
+    i18nUnsubscribe;
+    inputRef;
+    pendingFocus = false;
+    _i18nVersion = 0;
+    get el() { return index.getElement(this); }
+    /**
+     * Command sections (array or JSON string).
+     */
+    sections = [];
+    /**
+     * Whether the palette is open. Reflects so consumers can read/drive it.
+     */
+    open = false;
+    /**
+     * Global shortcut that toggles the palette (e.g. "cmd+k"). When set, a
+     * document-level listener is registered; "cmd" matches ⌘ on macOS and
+     * Ctrl elsewhere. Omit to control the palette programmatically only.
+     */
+    hotkey;
+    /**
+     * Search input placeholder. Allows i18n.
+     */
+    placeholder = "Type a command or search";
+    /**
+     * Empty-state message. Allows i18n.
+     */
+    emptyMessage = "No results found";
+    /**
+     * List density
+     */
+    size = "md";
+    /**
+     * Footer hint labels. Allow i18n.
+     */
+    navigateLabel = "Navigate";
+    selectLabel = "Select";
+    closeLabel = "Close";
+    backLabel = "Return to parent";
+    /**
+     * Accessible label for the footer settings button. Allows i18n.
+     */
+    settingsAriaLabel = "Command bar settings";
+    query = "";
+    activeIndex = -1;
+    levelStack = [];
+    /**
+     * Emitted when the palette opens.
+     */
+    bhOpen;
+    /**
+     * Emitted when the palette closes.
+     */
+    bhClose;
+    /**
+     * Emitted when the search query changes. Detail carries the query.
+     */
+    bhChange;
+    /**
+     * Emitted when a leaf item is selected. Detail carries the item and its
+     * ancestor chain (outermost first).
+     */
+    bhItemClick;
+    /**
+     * Emitted for auxiliary actions (footer settings gear).
+     */
+    bhAction;
+    handleOpenChange(isOpen) {
+        if (isOpen) {
+            this.dismissalManager?.enable();
+            this.pendingFocus = true;
+        }
+        else {
+            this.dismissalManager?.disable();
+            this.resetNavigation();
+        }
+    }
+    componentWillLoad() {
+        this.i18nUnsubscribe = i18n.BellhopI18n.onLocaleChange(() => {
+            this._i18nVersion++;
+        });
+    }
+    componentDidLoad() {
+        this.dismissalManager = dismissalManager.createDismissalManager(this.el, {
+            onDismiss: () => this.setOpen(false),
+            escapeKey: true,
+            clickOutside: true,
+            focusLoss: false,
+        });
+        if (this.hotkey) {
+            document.addEventListener("keydown", this.handleGlobalKeyDown);
+        }
+        if (this.open) {
+            this.dismissalManager.enable();
+            this.pendingFocus = true;
+            this.focusPendingInput();
+        }
+    }
+    componentDidRender() {
+        this.focusPendingInput();
+    }
+    disconnectedCallback() {
+        this.dismissalManager?.destroy();
+        document.removeEventListener("keydown", this.handleGlobalKeyDown);
+        this.i18nUnsubscribe?.();
+    }
+    /**
+     * Open the palette.
+     */
+    async show() {
+        this.setOpen(true);
+    }
+    /**
+     * Close the palette.
+     */
+    async hide() {
+        this.setOpen(false);
+    }
+    parseSections() {
+        if (typeof this.sections !== "string") {
+            return this.sections;
+        }
+        if (this.sections.trim() === "") {
+            return [];
+        }
+        try {
+            return JSON.parse(this.sections);
+        }
+        catch (error) {
+            this.logger.error("Invalid sections JSON", error instanceof Error ? error : new Error(String(error)));
+            return [];
+        }
+    }
+    /** Sections for the current drill-down level */
+    currentSections() {
+        const level = this.levelStack.at(-1);
+        if (level) {
+            return [{ id: level.id, items: level.children ?? [] }];
+        }
+        return this.parseSections();
+    }
+    matchesQuery(item) {
+        const query = this.query.trim().toLowerCase();
+        if (!query) {
+            return true;
+        }
+        return [item.label, item.description, item.path]
+            .filter((text) => Boolean(text))
+            .some((text) => text.toLowerCase().includes(query));
+    }
+    visibleSections() {
+        return this.currentSections()
+            .map((section) => ({
+            ...section,
+            items: section.items.filter((item) => this.matchesQuery(item)),
+        }))
+            .filter((section) => section.items.length > 0);
+    }
+    flatItems() {
+        return this.visibleSections().flatMap((section) => section.items.map((item) => ({ item, sectionId: section.id })));
+    }
+    setOpen(isOpen) {
+        if (this.open === isOpen) {
+            return;
+        }
+        this.open = isOpen;
+        if (isOpen) {
+            this.bhOpen.emit();
+        }
+        else {
+            this.bhClose.emit();
+        }
+    }
+    resetNavigation() {
+        this.query = "";
+        this.activeIndex = -1;
+        this.levelStack = [];
+    }
+    focusPendingInput() {
+        if (!(this.pendingFocus && this.inputRef)) {
+            return;
+        }
+        this.pendingFocus = false;
+        this.inputRef.focus();
+    }
+    selectItem(flat) {
+        if (flat.item.children?.length) {
+            this.levelStack = [...this.levelStack, flat.item];
+            this.query = "";
+            this.activeIndex = -1;
+            return;
+        }
+        this.bhItemClick.emit({ item: flat.item, parents: [...this.levelStack] });
+        this.setOpen(false);
+    }
+    popLevel() {
+        if (this.levelStack.length === 0) {
+            return;
+        }
+        this.levelStack = this.levelStack.slice(0, -1);
+        this.query = "";
+        this.activeIndex = -1;
+    }
+    handleGlobalKeyDown = (event) => {
+        if (this.hotkey && hotkeys.matchesHotkey(event, this.hotkey)) {
+            event.preventDefault();
+            this.setOpen(!this.open);
+        }
+    };
+    handleInput = (event) => {
+        this.query = event.target.value;
+        this.activeIndex = -1;
+        this.bhChange.emit({ query: this.query });
+    };
+    handleInputKeyDown = (event) => {
+        const items = this.flatItems();
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.activeIndex = Math.min(this.activeIndex + 1, items.length - 1);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.activeIndex = Math.max(this.activeIndex - 1, 0);
+                break;
+            case "Enter": {
+                const active = items[this.activeIndex];
+                if (active) {
+                    event.preventDefault();
+                    this.selectItem(active);
+                }
+                break;
+            }
+            case "ArrowLeft":
+                if (this.query === "" && this.levelStack.length > 0) {
+                    event.preventDefault();
+                    this.popLevel();
+                }
+                break;
+        }
+    };
+    t(key, propValue, fallback) {
+        return i18n.resolveI18n("bh-command-bar", key, propValue, fallback);
+    }
+    renderLeading(item) {
+        if (item.author || item.avatarSrc) {
+            return (index.h("bh-avatar", { alt: item.author ?? "Avatar", imageSrc: item.avatarSrc, size: "sm", text: initialsOf(item.author), variant: item.avatarSrc ? "image" : "text" }));
+        }
+        if (item.icon) {
+            return (index.h("span", { "aria-hidden": "true", class: "material-symbols-outlined item-icon" }, item.icon));
+        }
+        return null;
+    }
+    renderItem(flat, index$1) {
+        const { item } = flat;
+        const active = index$1 === this.activeIndex;
+        return (index.h("li", { key: item.id }, index.h("button", { "aria-selected": active ? "true" : "false", class: { item: true, active, stacked: Boolean(item.description) }, id: `command-item-${item.id}`, onClick: () => this.selectItem(flat), onMouseEnter: () => {
+                this.activeIndex = index$1;
+            }, role: "option", type: "button" }, this.renderLeading(item), index.h("span", { class: "item-text" }, index.h("span", { class: "item-title-row" }, index.h("span", { class: "item-label" }, item.label), item.path && index.h("span", { class: "item-path" }, "/ ", item.path)), item.description && (index.h("span", { class: "item-description" }, item.description))), item.shortcut && (index.h("bh-kbd", { class: "item-shortcut", keys: item.shortcut, size: "sm" })))));
+    }
+    render() {
+        const sections = this.visibleSections();
+        const flat = this.flatItems();
+        const activeItem = flat[this.activeIndex];
+        let flatIndex = -1;
+        return (index.h(index.Host, { key: '54e2f4837c8b0fc4e5b92c52b628f80397ed6445' }, this.open && (index.h("div", { key: '9a5d11120654521375e73ae75086a65bf890b2df', class: "command-overlay", part: "overlay" }, index.h("div", { key: '746412fe9951d6559811ecfb2b9e745ac0ff9566', "aria-label": this.t("placeholder", this.placeholder, "Type a command or search"), class: "command-panel", part: "panel", role: "dialog" }, index.h("div", { key: '4768665e2216175e2584677a6f674d3798abec6a', class: "search-row", part: "search" }, index.h("span", { key: 'f8f60412e2fb7e99c1feade97c55edf6daa113ac', "aria-hidden": "true", class: "material-symbols-outlined search-icon" }, "search"), index.h("input", { key: '5fccf974d7e8135fb342220e87c5e3cc46cc2ea8', "aria-activedescendant": activeItem
+                ? `command-item-${activeItem.item.id}`
+                : undefined, "aria-controls": "command-listbox", "aria-expanded": "true", class: "search-input", onInput: this.handleInput, onKeyDown: this.handleInputKeyDown, placeholder: this.t("placeholder", this.placeholder, "Type a command or search"), ref: (el) => (this.inputRef = el), role: "combobox", type: "text", value: this.query }), this.hotkey && (index.h("bh-kbd", { key: 'a1679a592009701871314b4d72273951561519e2', class: "search-hotkey", keys: this.hotkey, size: "sm" }))), sections.length === 0 ? (index.h("div", { class: "empty", part: "empty" }, this.t("emptyMessage", this.emptyMessage, "No results found"))) : (index.h("div", { class: "sections", id: "command-listbox", role: "listbox" }, sections.map((section) => (index.h("div", { class: "section", key: section.id, part: "section" }, section.heading && (index.h("div", { class: "section-heading", part: "section-heading" }, section.heading)), index.h("ul", { class: "section-list" }, section.items.map((item) => {
+            flatIndex++;
+            return this.renderItem({ item, sectionId: section.id }, flatIndex);
+        }))))))), index.h("div", { key: '19b300a97b04317f08901bca8c68addf28c9f0c0', class: "footer", part: "footer" }, index.h("span", { key: '54fc5ce933582c61f0b0a443b6a5393a3bb7a611', class: "footer-hint" }, index.h("bh-kbd", { key: 'a85a3d7da6f07f2804f127fcdc916aef1d3cf11b', keys: "up", size: "sm" }), index.h("bh-kbd", { key: 'ba853722f0108733feda41950b3ab6c4c0b5f1f9', keys: "down", size: "sm" }), this.t("navigateLabel", this.navigateLabel, "Navigate")), index.h("span", { key: '029347425d3ef4c4668b1252374eaae406edd523', class: "footer-hint" }, index.h("bh-kbd", { key: 'bc5cf9b570e063ff784731725a167ea719667e84', keys: "enter", size: "sm" }), this.t("selectLabel", this.selectLabel, "Select")), index.h("span", { key: '1045763438aaadf482a0b029565576d40b19f0a8', class: "footer-hint" }, index.h("bh-kbd", { key: 'f28c3cc16183d99a9b8170235ebf4a938444a17c', keys: "esc", size: "sm" }), this.t("closeLabel", this.closeLabel, "Close")), this.levelStack.length > 0 && (index.h("button", { key: '869eb3df053faf976a2a45162efb0616fe23836b', class: "footer-hint footer-back", onClick: () => this.popLevel(), type: "button" }, index.h("bh-kbd", { key: '1f6f4458ceef294533a79408a1c00ab4daa050e2', keys: "left", size: "sm" }), this.t("backLabel", this.backLabel, "Return to parent"))), index.h("span", { key: '963d5c13c0afb675dbad3bac65a6e1f68888eaa7', class: "footer-settings" }, index.h("bh-button-icon", { key: '82bc87df8a916a8c8ef586bfc2f5f51f684fc16f', ariaLabel: this.t("settingsAriaLabel", this.settingsAriaLabel, "Command bar settings"), hierarchy: "tertiary", iconName: "settings", onClick: () => this.bhAction.emit({ action: "settings" }), size: "sm" }))))))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "handleOpenChange": 0
+            }]
+    }; }
+};
+BhCommandBar.style = bhCommandBarCss();
+
+exports.bh_command_bar = BhCommandBar;

package/dist/cjs/bh-container-footer.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhContainerFooterCss = () => `@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{--bh-container-footer-bg:var(--color-bg-primary);--bh-container-footer-border-color:var(--color-border-secondary);--bh-container-footer-border-radius:var(--radius-xl);--bh-container-footer-content-padding:var(--spacing-md) var(--spacing-2xl);--bh-container-footer-minimal-padding:var(--spacing-sm) var(--spacing-2xl)}}@layer bh-base{.container-footer{background:var(--bh-container-footer-bg);border:1px solid var(--bh-container-footer-border-color);border-top:1px solid var(--bh-container-footer-border-color);border-radius:0 0 var(--bh-container-footer-border-radius) var(--bh-container-footer-border-radius);box-sizing:border-box;width:100%}.container-footer-content{display:flex;justify-content:flex-end;align-items:center;padding:var(--bh-container-footer-content-padding)}}@layer bh-variants{.container-footer-minimal .container-footer-content{padding:var(--bh-container-footer-minimal-padding)}}`;
 
@@ -13,7 +14,7 @@ const BhContainerFooter = class {
         index.registerInstance(this, hostRef);
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * Size variant of the footer
      */
@@ -43,7 +44,7 @@ const BhContainerFooter = class {
             "container-footer": true,
             [`container-footer-${this.density}`]: true,
         };
-        return (index.h(index.Host, { key: '8fd182223909b6d4b609c7cd933e50d1cc8270de' }, index.h("div", { key: 'de087dffdb49b74c084e0920fd3bd23dfea3db5c', class: footerClasses, part: "footer" }, index.h("div", { key: 'eae0f2da8751f3be3be96ae7af32dd96138a543c', class: "container-footer-content", part: "content" }, index.h("bh-button", { key: 'f6ebdb3f70333584fab4865a07457ab519d570fb', hierarchy: "tertiary", label: this.buttonLabel, onClick: this.handleButtonClick, size: "sm" })))));
+        return (index.h(index.Host, { key: 'd062601c785a02084cb8e03dcce5c3b9ecfdeb0f' }, index.h("div", { key: '731f23f4d07725c26020a868140839f4f651a9e8', class: footerClasses, part: "footer" }, index.h("div", { key: '5c9fe20324619f047970622de67ada22d8ff40c2', class: "container-footer-content", part: "content" }, index.h("bh-button", { key: '5ce58d0fda6bea0b1d8f2693aca5b0d54503c3cb', hierarchy: "tertiary", label: this.buttonLabel, onClick: this.handleButtonClick, size: "sm" })))));
     }
 };
 BhContainerFooter.style = bhContainerFooterCss();

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

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhContainerCss = () => `@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-container-bg:var(--color-bg-primary);--bh-container-border-color:var(--color-border-secondary);--bh-container-border-radius:var(--radius-xl);--bh-container-padding:var(--spacing-2xl);--bh-container-gap:var(--spacing-2xl)}}@layer bh-base{.container{display:flex;flex-direction:column;gap:var(--bh-container-gap);padding:var(--bh-container-padding);background:var(--bh-container-bg);border:1px solid var(--bh-container-border-color);border-radius:var(--bh-container-border-radius);width:fit-content;font-family:var(--font-inter)}}@layer bh-variants{.container-with-footer{border-bottom:none;border-radius:var(--bh-container-border-radius) var(--bh-container-border-radius) 0 0}}`;
 
@@ -12,7 +13,7 @@ const BhContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * Whether the container has a footer attached (removes bottom border radius and border)
      */
@@ -31,7 +32,7 @@ const BhContainer = class {
             container: true,
             "container-with-footer": this.withFooter,
         };
-        return (index.h(index.Host, { key: 'b9290f06e046dfdbe6b497cab7a9cc7d646eccef' }, index.h("div", { key: '5229533e5e40ffba67f9e38e6f0b11324d9a47f4', class: containerClasses, part: "container" }, index.h("slot", { key: '5f0aae1ad1d326ecff6ec6fd47ecd3f91d39f0f0' }))));
+        return (index.h(index.Host, { key: 'e2987561f8e89e914497aef104afe72066a56f7c' }, index.h("div", { key: 'aee865779664a7eb12219091436e6f08707df3f7', class: containerClasses, part: "container" }, index.h("slot", { key: '9ac3d4cb9d32a20b8b765e1222d26fa12cc239d0' }))));
     }
 };
 BhContainer.style = bhContainerCss();

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

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhCreditCardCss = () => `@charset "UTF-8";@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-credit-card-width:307px;--bh-credit-card-height:180px;--bh-credit-card-radius:var(--radius-3xl);--bh-credit-card-shadow:8px 10px 16px 0 var(--border-contrast-light);--bh-credit-card-inset-x:19px;--bh-credit-card-inset-x-inner:15px;--bh-credit-card-inset-y-top:19px;--bh-credit-card-inset-y-bottom:127px;--bh-credit-card-number-top:151px;--bh-credit-card-expiry-right:100px;--bh-credit-card-payment-top:141px;--bh-credit-card-payment-left:254px;--bh-credit-card-contactless-width:20px;--bh-credit-card-contactless-height:24px;--bh-credit-card-payment-icon-width:34px;--bh-credit-card-payment-icon-height:24px;--bh-credit-card-payment-circle-size:14px;--bh-credit-card-payment-circle-overlap:-5px;--bh-credit-card-letter-spacing:0.6px;--bh-credit-card-number-letter-spacing:2.4px;--bh-credit-card-mastercard-red:#eb001b;--bh-credit-card-mastercard-orange:#f79e1b;--bh-credit-card-mastercard-opacity:0.85;--bh-credit-card-glass-start:rgba(255, 255, 255, 0.51);--bh-credit-card-glass-end:rgba(255, 255, 255, 0)}}@layer bh-base{.credit-card{position:relative;width:var(--bh-credit-card-width);height:var(--bh-credit-card-height);border-radius:var(--bh-credit-card-radius);border:1px solid var(--color-white);overflow:hidden;box-shadow:var(--bh-credit-card-shadow);font-family:var(--font-inter);box-sizing:border-box}.card-bg{position:absolute;inset:0;border-radius:var(--bh-credit-card-radius);pointer-events:none}.issuer-name{position:absolute;top:var(--bh-credit-card-inset-y-top);left:var(--bh-credit-card-inset-x);font-weight:var(--weight-semibold);font-size:var(--text-md-size);line-height:normal}.contactless-icon{position:absolute;top:var(--bh-credit-card-inset-y-top);right:var(--bh-credit-card-inset-x);width:var(--bh-credit-card-contactless-width);height:var(--bh-credit-card-contactless-height)}.contactless-icon svg{width:100%;height:100%}.cardholder-name{position:absolute;top:var(--bh-credit-card-inset-y-bottom);left:var(--bh-credit-card-inset-x-inner);font-family:"Manrope", var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:normal;letter-spacing:var(--bh-credit-card-letter-spacing);text-transform:uppercase}.expiry-date{position:absolute;top:var(--bh-credit-card-inset-y-bottom);right:var(--bh-credit-card-expiry-right);font-family:"Manrope", var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:normal;letter-spacing:var(--bh-credit-card-letter-spacing);text-align:right}.card-number{position:absolute;top:var(--bh-credit-card-number-top);left:var(--bh-credit-card-inset-x-inner);font-family:"Manrope", var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-md-size);line-height:normal;letter-spacing:var(--bh-credit-card-number-letter-spacing)}.payment-icon{position:absolute;top:var(--bh-credit-card-payment-top);left:var(--bh-credit-card-payment-left);width:var(--bh-credit-card-payment-icon-width);height:var(--bh-credit-card-payment-icon-height);background:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center}.payment-circle{width:var(--bh-credit-card-payment-circle-size);height:var(--bh-credit-card-payment-circle-size);border-radius:var(--radius-full)}.payment-circle-left{background:var(--bh-credit-card-mastercard-red)}.payment-circle-right{background:var(--bh-credit-card-mastercard-orange);margin-left:var(--bh-credit-card-payment-circle-overlap);opacity:var(--bh-credit-card-mastercard-opacity)}.light-text{color:var(--color-white)}.dark-text{color:var(--color-neutral-700)}}@layer bh-variants{.theme-transparent .card-bg{background:linear-gradient(125deg, var(--bh-credit-card-glass-start) 3.5%, var(--bh-credit-card-glass-end) 112%);backdrop-filter:blur(6px)}.theme-transparent-gradient .card-bg{background:linear-gradient(125deg, var(--bh-credit-card-glass-start) 3.5%, var(--bh-credit-card-glass-end) 112%);backdrop-filter:blur(6px)}.theme-transparent-gradient::after{content:"";position:absolute;top:-17px;left:-17px;width:160px;height:160px;background:radial-gradient(circle, var(--color-accent-400) 0%, var(--color-brand-500) 50%, transparent 70%);filter:blur(24px);opacity:0.6;pointer-events:none;z-index:-1}.theme-brand-dark .card-bg{background:linear-gradient(45deg, var(--color-brand-800) 0%, var(--color-brand-700) 100%)}.theme-brand-light .card-bg{background:var(--color-brand-100)}.theme-primary-light-gradient .card-bg{background:var(--color-brand-100)}.theme-primary-light-gradient::after{content:"";position:absolute;top:-17px;left:-17px;width:346px;height:219px;background:radial-gradient(ellipse, var(--color-accent-300) 0%, var(--color-brand-400) 50%, transparent 70%);filter:blur(64px);pointer-events:none;z-index:0}.theme-gray-light .card-bg{background:var(--color-neutral-100)}.theme-brand-light-gradient .card-bg{background:linear-gradient(45deg, var(--color-brand-700) 0%, var(--color-brand-600) 100%)}.theme-gray-light-gradient .card-bg{background:linear-gradient(180deg, var(--color-neutral-100) 0%, var(--color-neutral-300) 100%)}}`;
 
@@ -17,7 +18,7 @@ const BhCreditCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * Cardholder name displayed on the card
      */
@@ -56,7 +57,7 @@ const BhCreditCard = class {
             "light-text": this.isLightText,
             "dark-text": !this.isLightText,
         };
-        return (index.h(index.Host, { key: '80c2fbbbba3126623248bda7896068fa1676c4b9', "aria-label": `Credit card for ${this.cardholderName}`, role: "img" }, index.h("div", { key: '821843aa4a02fef20ebfc62e56a1795f6e5fb438', class: classes, part: "base" }, index.h("div", { key: '71f28e9ea0654a4b2b1c5b44c4013004fba4d931', class: "card-bg" }), index.h("span", { key: '23e93122cf6b07bba88002c3cfc52606510b45c0', class: "issuer-name" }, this.issuerName), index.h("div", { key: 'd82944cc0665b0c86b1534e8e17c839db3285753', "aria-hidden": "true", class: "contactless-icon" }, index.h("svg", { key: '120f8d8261cb89c8ae630434547d6060b73113df', fill: "none", viewBox: "0 0 20 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b2df8aff9e2c32e3dd8774997fb7c82ed255099a', d: "M5.5 18C3.5 16.2 2.5 13.7 2.5 11C2.5 8.3 3.5 5.8 5.5 4", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), index.h("path", { key: '353c997156f6fb9ab36ffae7a6330df6232c3b28', d: "M9.5 15C8.3 13.8 7.5 12.5 7.5 11C7.5 9.5 8.3 8.2 9.5 7", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), index.h("path", { key: 'b55b4f86719c4df25a58b8db730c3a347854ec95', d: "M13.5 12.5C13 12 12.5 11.5 12.5 11C12.5 10.5 13 10 13.5 9.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }))), index.h("span", { key: 'f574c7018802746ae0ccefb756ea7c0284c2c545', class: "cardholder-name" }, this.cardholderName), index.h("span", { key: '58561aee04a0afa5b9ccc89cb9142d7832468c0f', class: "expiry-date" }, this.expiryDate), index.h("span", { key: 'ca1e27d1ed9b00ee9885daac5edb4bccf5ac0ff5', class: "card-number" }, this.cardNumber), index.h("div", { key: '8c158535d05580af4229385061e205ddac4c685d', "aria-hidden": "true", class: "payment-icon" }, index.h("div", { key: 'c1a542fdc819f1585748461c24653529d57c1c3a', class: "payment-circle payment-circle-left" }), index.h("div", { key: 'c4f93ac620d56a77115a7ced7788895759fb982f', class: "payment-circle payment-circle-right" })))));
+        return (index.h(index.Host, { key: 'c859c4a3133144fdc01107747d4cee78910210d9', "aria-label": `Credit card for ${this.cardholderName}`, role: "img" }, index.h("div", { key: '401c124a191e09baa566c15303eadf2a29e2eead', class: classes, part: "base" }, index.h("div", { key: '0824fcdf11581de778fce2cedf09ca0b68408038', class: "card-bg" }), index.h("span", { key: '6d15ee33dce280886962b0310bcf666a17233a4c', class: "issuer-name" }, this.issuerName), index.h("div", { key: '844ad812cb1e8cf04c52b003f431808db0aa1637', "aria-hidden": "true", class: "contactless-icon" }, index.h("svg", { key: '52c755e7caa424f37fde98f100fb92dc81a70b5a', fill: "none", viewBox: "0 0 20 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e9ec1e941986cc20b6a132b5c518175d70b113fc', d: "M5.5 18C3.5 16.2 2.5 13.7 2.5 11C2.5 8.3 3.5 5.8 5.5 4", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), index.h("path", { key: '311095a6c2b4bac66d41fea088029029422131aa', d: "M9.5 15C8.3 13.8 7.5 12.5 7.5 11C7.5 9.5 8.3 8.2 9.5 7", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }), index.h("path", { key: '16cf15fb6528e0642150c9bd558d814525013ab6', d: "M13.5 12.5C13 12 12.5 11.5 12.5 11C12.5 10.5 13 10 13.5 9.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-width": "2" }))), index.h("span", { key: 'efbcbf2453d6aca85a7cbcd3c7fa54d667429658', class: "cardholder-name" }, this.cardholderName), index.h("span", { key: 'd292727f3765acbee43b8ae29af57446b09830f9', class: "expiry-date" }, this.expiryDate), index.h("span", { key: 'ae74006e26e01284b92ecc67385085b9b978af24', class: "card-number" }, this.cardNumber), index.h("div", { key: '4606eb640bdadb7fef4110382f264f51330f6183', "aria-hidden": "true", class: "payment-icon" }, index.h("div", { key: 'e14ce4b4f67ffd5284ffac4e0dc2f30a630aad9a', class: "payment-circle payment-circle-left" }), index.h("div", { key: 'dbbf84ec372bf2f658e89198f6058c07b8a0e8f0', class: "payment-circle payment-circle-right" })))));
     }
 };
 BhCreditCard.style = bhCreditCardCss();

package/dist/cjs/bh-data-grid-body.cjs.entry.js

@@ -3,8 +3,9 @@
 var index = require('./index-B6sArKsK.js');
 var bhDataGridLabels = require('./bh-data-grid-labels-BYG3-L_X.js');
 var columnPinning = require('./column-pinning-m1ZoCoSs.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 require('./i18n-Twgo5raQ.js');
 
 const BhDataGridBody = class {
@@ -17,7 +18,7 @@ const BhDataGridBody = class {
         this.bhCellPrepared = index.createEvent(this, "bhCellPrepared");
         this.bhAdaptiveDetailToggle = index.createEvent(this, "bhAdaptiveDetailToggle");
     }
-    logger = errorBoundary.createComponentLogger("bh-data-grid-body");
+    logger = logger.createComponentLogger("bh-data-grid-body");
     // ===========================================================================
     // Props from BodyProps interface
     // ===========================================================================