@brandsync/wc 1.21.0 → 1.22.0

package/dist/cjs/bs-chip-informative.cjs.entry.js

@@ -2,11 +2,12 @@
 
 var index = require('./index-BFxk-bY6.js');
 
-const bsChipInformativeCss = () => `:host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-inline-start:var(--bs-chip-informative-padding-x-glyph-side);padding-inline-end:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-inline-start:var(--bs-chip-informative-padding-x-plain-side);padding-inline-end:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}`;
+const bsChipInformativeCss = () => `:host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular);--bs-chip-informative-padding-right-removable:var(--bs-spacing-50);--bs-chip-informative-focus-ring:var(--bs-border-neutral-focus)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-inline-start:var(--bs-chip-informative-padding-x-glyph-side);padding-inline-end:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-inline-start:var(--bs-chip-informative-padding-x-plain-side);padding-inline-end:var(--bs-chip-informative-padding-x-plain-side)}:host(.bs-chip-informative--removable){padding-inline-end:var(--bs-chip-informative-padding-right-removable)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}.bs-chip-informative__label--link{color:inherit;text-decoration:underline;border-radius:var(--bs-border-radius-50)}.bs-chip-informative__label--link:hover{text-decoration-thickness:2px}.bs-chip-informative__label--link:focus-visible{outline:2px solid var(--bs-chip-informative-focus-ring);outline-offset:2px}.bs-chip-informative__remove{flex-shrink:0;color:inherit}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}`;
 
 const BsChipInformative = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.bsRemove = index.createEvent(this, "bsRemove");
     }
     get el() { return index.getElement(this); }
     /** Semantic color. Maps directly to the brandsync-tokens `--bs-chip-bg-*-container`/
@@ -20,12 +21,37 @@ const BsChipInformative = class {
     /** Overrides `color` with the disabled token set, regardless of its value. Reflected so
      * `:host([disabled])` can apply it in CSS. */
     disabled = false;
+    /** Shows a remove button that emits `bsRemove`. The consumer removes the element. Off by default,
+     * so a plain chip stays non-interactive. */
+    removable = false;
+    /** Turns the label into a link to this URL. Ignored while `disabled`. */
+    href;
+    /** Link target, only used with `href`. `_blank` also sets `rel="noopener noreferrer"`. */
+    target;
+    /** Prefix of the remove button's accessible name ("Remove {label}"). */
+    removeLabel = 'Remove';
+    /** Fires when the remove button is activated, only when `removable`. No payload; the consumer
+     * removes the chip. Move focus somewhere sensible in your handler -- it is lost with the element. */
+    bsRemove;
     /** Tracks whether the `icon` slot has assigned content, so the icon/label gap and left-edge
      * padding only apply when there's actually a leading icon. */
     hasIcon = false;
+    /** The label's text, used for the remove button's accessible name. */
+    labelText = '';
     componentWillLoad() {
         this.hasIcon = this.hasSlottedContent('icon');
+        this.labelText = this.readLabel();
     }
+    readLabel() {
+        return Array.from(this.el.childNodes)
+            .filter(n => !(n.nodeType === Node.ELEMENT_NODE && n.hasAttribute('slot')))
+            .map(n => n.textContent || '')
+            .join('')
+            .trim();
+    }
+    onRemove = () => {
+        this.bsRemove.emit();
+    };
     hasSlottedContent(slotName) {
         return Array.from(this.el.childNodes).some(node => node.nodeType === Node.ELEMENT_NODE && node.getAttribute('slot') === slotName);
     }
@@ -34,7 +60,10 @@ const BsChipInformative = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (index.h(index.Host, { key: 'd44cc865c85a33561d688c16ba73f325d42b5dd9', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}`, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("span", { key: '287ae0812ffdb137d42c23ec1423a2939c57d316', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: 'fbb9a6bd70dccc1873e77872a0b636acb2cbcd47', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'f4e3bc9305c5698b131da8724518d3fffd02d822', part: "label", class: "bs-chip-informative__label" }, index.h("slot", { key: 'ee13386ec9bf45e425b724bfbd0f9030f926fe79' }))));
+        const isLink = !!this.href && !this.disabled;
+        const rel = isLink && this.target === '_blank' ? 'noopener noreferrer' : undefined;
+        const label = index.h("slot", { key: 'ef28047f16d39f511b22c44dc8d5fed7031d2f42', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (index.h(index.Host, { key: '1efcc6d4f937ca210e938e6c6d146ed190f9a9c7', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant} ${this.removable ? 'bs-chip-informative--removable' : ''}`, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("span", { key: 'fd333a339d4cea6ff26362d9b583de0ae58b2d97', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: '1b24fa6d1144ae046e7e63a61bec7197ad146626', name: "icon", onSlotchange: this.onIconSlotchange })), isLink ? (index.h("a", { part: "label", class: "bs-chip-informative__label bs-chip-informative__label--link", href: this.href, target: this.target, rel: rel }, label)) : (index.h("span", { part: "label", class: "bs-chip-informative__label" }, label)), this.removable && (index.h("bs-icon-button", { key: '907d4095f2fb64ee3d3d928c7ff41cacb1656911', part: "remove", class: "bs-chip-informative__remove", size: "xs", variant: "subtle", disabled: this.disabled, ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, index.h("svg", { key: '7ff06d4309db7e3462600bb8e620b6092d55ba66', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '8bff2d547b88bdb5a240a13a82f71a0f3345ba59', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 BsChipInformative.style = bsChipInformativeCss();

package/dist/cjs/bs-chip-input.cjs.entry.js

@@ -66,7 +66,7 @@ const BsChipInput = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (index.h(index.Host, { key: '15fae1671d90d277794f39e32920c890b34d44d7', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: '5961600e9394099821e8e33edc7de71cf6a1ad9b', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("bs-ripple", { key: 'c1c90c8d5ab81d0c23edb4b4596e68b384aa8b0c', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'e6fd75f8cb1d8b8802a2d64e0852ebcaeefaa187', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: '42997a9d073a6fab53fd23136115592cf71a62a4', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd319b4e1e40d2486482866dbf8aa3717c4b0ee7f', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: '6cc26505fad8432f85df93ba4f764fcdc0489eaf', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: 'd78649e00740738908ccbdc268720dee41340cf9', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, index.h("bs-ripple", { key: 'dff2a2d6b215262f03bc36e34e0e083a7cf22e90', part: "ripple", centered: true, disabled: this.disabled }), index.h(CloseIcon, { key: 'b3b0ad0dbf5335c9225dcbbc5ed04f9960900c0e' }))));
+        return (index.h(index.Host, { key: '138a3e7ee6dc966c580f664ec184466f71272f11', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: '6d81c76a47b8a4f5d410f62da65bc21fd73ab326', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("bs-ripple", { key: 'd625ac5a1c658215730aa694b69e426a3f17e138', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'd073ce98fe4a7ad884c055da57ccab870337f468', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: 'fc9323f052532e20e443ec52d36f7343a5438148', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '0e174e2a29afbaff6e6468e9b0e1fc17d1e59fbf', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: 'a1c9457b41944c59dc49666361eeae0f2dceedb0', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: '981a4d06c8fce2ee6ca3a01adb438eaa95652aac', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, index.h("bs-ripple", { key: '8946515916aaedcd3d73961be2e9534e57ab0e17', part: "ripple", centered: true, disabled: this.disabled }), index.h(CloseIcon, { key: '2f67baae389fc4fbfaa29f4e6c720a2e02a8c8c4' }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-citation-preview.cjs.entry.js

@@ -21,7 +21,7 @@ const BsCitationPreview = class {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (index.h("bs-card", { key: '87d8ef821fbdfe846de40a2d74287e757d4d98c6', part: "container", class: "bs-citation-preview", surface: "base" }, index.h("div", { key: 'edecc65323eb56ec502e4f6242376d9ca535b08b', class: "bs-citation-preview__body" }, index.h("bs-source-link", { key: 'a00f41ef78e294f5009e2182bc0db921137d2322', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), index.h("div", { key: 'c37e3ae17dc1835461ebc53002b9e596930cfaae', part: "snippet", class: "bs-citation-preview__snippet" }, index.h("slot", { key: '12ec7437fe56aa736d8ae751bed7a77109044071' })), index.h("div", { key: '3c2b6b1c2bf1802b835812a65865f25917b43868', class: "bs-citation-preview__footer" }, index.h("slot", { key: '49614ce08f91e86cacd6881b4e02f6c6cdf8046b', name: "footer" }, hasPage && (index.h("span", { key: '98fac4f066e02be5d7909756b1fdb6e37105b06e', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (index.h("bs-card", { key: '4cd2544f4f2432c805caa775406c96dae7561452', part: "container", class: "bs-citation-preview", surface: "base" }, index.h("div", { key: '6d71dc9004e751fca3cd0d2af1d480f812e1bb9c', class: "bs-citation-preview__body" }, index.h("bs-source-link", { key: 'c089f659de271f201cbedb3b1661f11cad7daabb', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), index.h("div", { key: '3010095752fb0cb0e695c12c378893b4973ec556', part: "snippet", class: "bs-citation-preview__snippet" }, index.h("slot", { key: '04c9331812a9b9e23c0cd9eb08e52c516a0f4156' })), index.h("div", { key: '10d6028902c212b166810b0ef8f79e04a863d59b', class: "bs-citation-preview__footer" }, index.h("slot", { key: '90108dc123a1b105e81094999660b768083edcbd', name: "footer" }, hasPage && (index.h("span", { key: '2f3f69d2ea1b59cde085cadc737d38c655b9b1db', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
 };
 BsCitationPreview.style = bsCitationPreviewCss();

package/dist/cjs/bs-command-palette.cjs.entry.js

@@ -355,7 +355,7 @@ const BsCommandPalette = class {
         const sections = this.shownSections().filter(s => this.filled[s]);
         const hasList = sections.length > 0;
         const showResults = loading || empty || hasList;
-        return (index.h("dialog", { key: '664b76ce5f0466f35a0d75aba0f49600dfcba6ba', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, index.h("div", { key: 'fe4e085c97b20ff85a8a2a7d1573b76cdfa102e6', part: "panel", class: "bs-command-palette__panel" }, index.h("div", { key: '398c5d4d9941ad6701733c170f87d4eef77a8bc9', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (index.h("bs-chip-informative", { key: 'bef7179a406e7870b67c7056d76d71c29e685c18', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), index.h("div", { key: '64f7a2f90e696d2dfbefa73c7fcac4baeb1e3d66', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: 'dbc847385e89117d3756af9940afe3ee6af683ef', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), index.h("span", { key: '525119e7dda244394c2f54116ea27246390fe2a2', class: "bs-command-palette__esc", "aria-hidden": "true" }, index.h("bs-key", { key: 'c6172bc9bacb7e8001fa8b8a29c57cbea8cdc18b', label: "Esc" }))), showResults && index.h("div", { key: '0962bd70a0b883facafcf68180ab9f9c7bae3684', class: "bs-command-palette__divider", role: "presentation" }), showResults && (index.h("div", { key: '454715382ba589366df9c6b1b3964d8a79d47b2b', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (index.h("div", { key: '236e33c68396fa11b7701528f4de539d72f09000', class: "bs-command-palette__loading", role: "status" }, index.h("bs-spinner", { key: 'f028777638b9c0e3abae0011c2e572f027412efa', size: "sm" }), index.h("span", { key: '5656e7a12e0593de16e1c5bf7ff3d2e924f655ad' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (index.h("div", { key: '58033f868ecb4285748616d6cb7e3d95b5d8db68', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), index.h("span", { key: 'c9b46f7ce8a76f4b48776bf88f1e58242fb71ebf', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+        return (index.h("dialog", { key: '14f738dbfc997dd3a0e5c763659198ff4bb95529', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, index.h("div", { key: '2763bfb126b06706973e82411a50d81186398660', part: "panel", class: "bs-command-palette__panel" }, index.h("div", { key: '662b84e505270a77b519b2ba44869b39ded8b118', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (index.h("bs-chip-informative", { key: '129c0e4b8d442c47fcdb63c706e6a8afd204d15b', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), index.h("div", { key: '2df2f5b194a3089af079e13b42146cc6042fed7d', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: '9bbb0fb5338b4a897c01becd9c06c19537abd4ea', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), index.h("span", { key: '1fb9c6bf593b2bd2a3d86f5fef51119fc76ad545', class: "bs-command-palette__esc", "aria-hidden": "true" }, index.h("bs-key", { key: '37fbede6ae45c725e6b3097a3cdd8a3985f0b7ee', label: "Esc" }))), showResults && index.h("div", { key: '99b59b7f2ac6762f5a638dd084420332bbe95391', class: "bs-command-palette__divider", role: "presentation" }), showResults && (index.h("div", { key: '18a22c3d45ec4c84990ca9a87fb3cf76ccdb7552', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (index.h("div", { key: 'c4246fa469a4bd9556db418cea6f763630d0907a', class: "bs-command-palette__loading", role: "status" }, index.h("bs-spinner", { key: 'f7658c22dceb48bc4c4f1265b7f4618ace5e12a7', size: "sm" }), index.h("span", { key: '03bf1c7a43b99d45cd8630f1dc628f258583a4a6' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (index.h("div", { key: '10af576c2d8ae003e372bc1d60d1c399c8bd40b5', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), index.h("span", { key: '5f078c4477ccabd8620bc67de7a0c071987416f3', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bs-compact-menu-block_2.cjs.entry.js

@@ -12,7 +12,7 @@ const BsCompactMenuBlock = class {
     name;
     render() {
         const common = { part: 'container', class: 'bs-compact-menu-block' };
-        return (index.h("button", { key: 'e97588e286f39cdd4d61e8bee3ec91ae192242c2', ...common, type: "button" }, this.name));
+        return (index.h("button", { key: 'ef2215a64dfd1aa73db75b5352a9caa564978802', ...common, type: "button" }, this.name));
     }
 };
 BsCompactMenuBlock.style = bsCompactMenuBlockCss();
@@ -34,10 +34,10 @@ const BsMenuBlock = class {
     render() {
         const common = { part: 'container', class: 'bs-menu-block' };
         const body = [
-            index.h("bs-icon-tile", { key: '646016b2a8686fc0a2cb2f1bfce4cd5978be3c66', part: "icon", class: "bs-menu-block__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-menu-block__glyph", style: { '--bs-menu-block-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
-            index.h("span", { key: '936d7b5b56bcecf7c45f86cc8945ef918042d7da', class: "bs-menu-block__text" }, index.h("span", { key: 'd1ddb1420d3788e1c0f00528a89c321c4a7ee3e1', class: "bs-menu-block__title" }, index.h("span", { key: '44fc5880d740df2385df229447492b830c47ebc4', part: "name", class: "bs-menu-block__name" }, this.name), this.badge && (index.h("bs-chip-informative", { key: '6aca0352af4fea7481cb7fb8b8323faa141ca1b4', part: "badge", class: "bs-menu-block__badge", color: "info", size: "sm" }, this.badge))), this.description && (index.h("span", { key: '23f187da1d7fd3657c0c2a0b203c280aade5d45d', part: "description", class: "bs-menu-block__description" }, this.description))),
+            index.h("bs-icon-tile", { key: '54af23c0a7db510b37703ffb14121001d5574244', part: "icon", class: "bs-menu-block__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-menu-block__glyph", style: { '--bs-menu-block-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
+            index.h("span", { key: '423222927ae442229eee28de485626e14fc0868e', class: "bs-menu-block__text" }, index.h("span", { key: '9f8e5377a88767a9eed7e02352611a15b557be9c', class: "bs-menu-block__title" }, index.h("span", { key: 'e81410938ab92cb30948792865a848e19e02e2ae', part: "name", class: "bs-menu-block__name" }, this.name), this.badge && (index.h("bs-chip-informative", { key: '1bdc625c01bc151c99ceffc4bebe3edea86ff447', part: "badge", class: "bs-menu-block__badge", color: "info", size: "sm" }, this.badge))), this.description && (index.h("span", { key: '344c58c52f98142eb2c82fb8683f5b339731ba95', part: "description", class: "bs-menu-block__description" }, this.description))),
         ];
-        return (index.h("button", { key: '9e7737b87c9da42a9bb42f462d1f72d2077c80c2', ...common, type: "button" }, body));
+        return (index.h("button", { key: 'a55e7bc09ed48a33630f497f8896d14b32e2f5a0', ...common, type: "button" }, body));
     }
 };
 BsMenuBlock.style = bsMenuBlockCss();

package/dist/cjs/bs-company-switcher.cjs.entry.js

@@ -195,10 +195,10 @@ const BsCompanySwitcher = class {
         const empty = !!this.q && groups.length === 0;
         const listId = `${this.id}-listbox`;
         const total = groups.reduce((n, g) => n + g.items.length, 0);
-        return (index.h("bs-popover", { key: '48e99f7fe5b6f6fbb7d70f30eb11d929e3e93ae6', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), index.h("bs-card", { key: 'b14bd8f8c3e0666c4526b3ab7bb45be674def1ee', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, index.h("div", { key: '0a1874d70f6702be9a159415597a58ed59cefac4', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, index.h("div", { key: 'd1d3cd795aec21ccf0e2acb2ac05fbf51dc49a73', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": groups.length ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: '84868f1a5641c314d5777dea0a0edc6e2d723328', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (index.h("div", { key: 'fe8bc69ac3f65664b33dbe2c3ee2700c96b1703b', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
+        return (index.h("bs-popover", { key: 'b0eec2cc5ce7574933ef80e1fd8a6faf8ca340cb', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), index.h("bs-card", { key: '0f68df42724c5b4561c991ffe0fab1571292472a', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, index.h("div", { key: '03bcc888d4dbef3d18e58ac12953e0cfdcafc219', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, index.h("div", { key: 'b1e9a44d67ed0237a0860285cb766b9f0ceaa8b0', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": groups.length ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: '33f3b85bcbe1b4e5e999d8b71a4699165e94c6db', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (index.h("div", { key: 'ca4ea82856f25a754d9da32b3bea39172e98d07c', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
             const hid = `${this.id}-h-${g.key}`;
             return (index.h("div", { part: "group", class: "bs-company-switcher__group", role: "group", "aria-labelledby": hid }, index.h("div", { part: "group-header", id: hid, class: "bs-company-switcher__group-header" }, g.header), g.items.map(c => this.renderRow(c))));
-        }))), empty && (index.h("bs-empty-state", { key: 'ff3af7847fa2b6355ef464b03d7e2dae9af74e15', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, index.h("svg", { key: '43ee6aed173cf88d57bbfd0e92f724d782b15963', slot: "icon", ...svgProps }, index.h("circle", { key: '4834a47d151c62739bfd2019a4b761b49995d422', cx: "11", cy: "11", r: "7" }), index.h("path", { key: 'aefafbcdd557cfaf2493558a59a380090b6edc08', d: "m20 20-3.5-3.5" })))), index.h("bs-divider", { key: '08a39c4e8e5dbaf731579afd4d1e611fe30c361b', class: "bs-company-switcher__divider", decorative: true }), index.h("div", { key: 'e76be7acc1cde67c5dd3fb59a2033ec3a4d42674', part: "footer", class: "bs-company-switcher__footer" }, index.h("bs-button", { key: 'a05c921783996a3762635a25f3861ed55692e7b4', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, index.h("svg", { key: 'c402e76faa03fb68d303ce0e9dd1eb21c439d66f', slot: "icon", ...svgProps }, index.h("circle", { key: '27a640d8953fd9541d304c53ead6089a1f433886', cx: "12", cy: "12", r: "3" }), index.h("path", { key: 'd791ff4ac79664dfd91da361b07e03975e697d09', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), index.h("bs-button", { key: '125ced539bfc749c8bceaa5f3ed1c7dece3a5bde', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, index.h("svg", { key: '57af672d2154bcec2698f5885fc1db529d36e83c', slot: "icon", ...svgProps }, index.h("path", { key: '26ac9276c6a4af2abcb927b29e938ea4c3b93a02', d: "M12 5v14M5 12h14" })), this.addLabel)), index.h("span", { key: '474d0275c005bdf8c9436eaf8962ee1681c70f6c', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
+        }))), empty && (index.h("bs-empty-state", { key: '9d0612d45e3f7e34615a4df33af90898c8f42ad4', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, index.h("svg", { key: '269c8cb9cab9e5f1c0f0f46661e2ebb780c35767', slot: "icon", ...svgProps }, index.h("circle", { key: 'edff5845828ee02a4ca233173d64d305e3a0fff3', cx: "11", cy: "11", r: "7" }), index.h("path", { key: 'fe598787496866fd7d922609ce5633708f20c8ff', d: "m20 20-3.5-3.5" })))), index.h("bs-divider", { key: '97a3536b4d4a76ab83e072b69c14a093f8456d14', class: "bs-company-switcher__divider", decorative: true }), index.h("div", { key: '1b2946a19574798829e4aa2a41741e73158963dd', part: "footer", class: "bs-company-switcher__footer" }, index.h("bs-button", { key: '4802d08ecbe212ea674205485b5676c2f97c195e', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, index.h("svg", { key: '6b4458e279e9f15094dd28e0c394111ab98cf4fe', slot: "icon", ...svgProps }, index.h("circle", { key: 'd23a66a7b4142c5f5d370b194824b573e667bb4f', cx: "12", cy: "12", r: "3" }), index.h("path", { key: '76f4741d079f3c3cfd8f18c03c61e88aa2b47196', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), index.h("bs-button", { key: '347c34917288e15a461f3d16eaac077c454d968d', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, index.h("svg", { key: '6d701ae30b07de092d93b700d264bbaee166a721', slot: "icon", ...svgProps }, index.h("path", { key: '2ec0699033facd45aae07a3926db0ccf4113d40f', d: "M12 5v14M5 12h14" })), this.addLabel)), index.h("span", { key: 'bc4cc1dd886ab4a06afce21fdb670a1fdf46181e', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/bs-composer-status-banner.cjs.entry.js

@@ -51,7 +51,7 @@ const BsComposerStatusBanner = class {
         return this.type === 'error' || this.type === 'warning' ? index.h(WarningIcon, null) : index.h(ClockIcon, null);
     }
     render() {
-        return (index.h("div", { key: 'ebbd0bf0fd48f4f7dd498f63c0c47530752adfd0', role: this.roleForType(), "aria-busy": this.loading ? 'true' : undefined, class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, index.h("div", { key: '9af3ef0c5afcba7c4ab3fdad3442ea5696c509c2', class: "bs-composer-status-banner__message-group" }, this.showIcon && (index.h("span", { key: '35ad9aa2b1909c24f9b0741287f97b233266bcff', part: "icon", class: "bs-composer-status-banner__icon" }, index.h("slot", { key: '6969bf12d42bb6e8d9fcd01c217eee35bee6d9b9', name: "icon" }, this.renderDefaultIcon()))), index.h("p", { key: '73d5fc2bc36eccd275669765c160b1d80f8d7a8b', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (index.h("button", { key: '153406f12ee8b431d15d554ba41ab17925063e87', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (index.h("button", { key: '13f9ffa9c73e02edc4290f6ef6085c2f035834fb', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: '29836806cc1abff20fc163792ad45f5ecd891f2b' })))));
+        return (index.h("div", { key: '23bdf6951b97e63e25673a612d81469aa1fbd4f6', role: this.roleForType(), "aria-busy": this.loading ? 'true' : undefined, class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, index.h("div", { key: 'b434fe1114e435bbcbf7c80b44bb83b9c770bf28', class: "bs-composer-status-banner__message-group" }, this.showIcon && (index.h("span", { key: '5f1898ac0068f2f7f509c219660b96972e7a8603', part: "icon", class: "bs-composer-status-banner__icon" }, index.h("slot", { key: '81eff04aa85683efb4ae5670fb3ea966326d1c9a', name: "icon" }, this.renderDefaultIcon()))), index.h("p", { key: '6ddb4f8f61df621f18594178eb744adf0cdcc8b1', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (index.h("button", { key: '1c20e4a587173da03fc78e314f9dac26e01fac07', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (index.h("button", { key: '91ed4898ddea0e238e15c3b9b66b7a2b9117136b', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h(CloseIcon, { key: '91abf65867cfecb458f32e884eb22beb63e71a56' })))));
     }
 };
 const SpinnerIcon = () => (index.h("svg", { class: "bs-composer-status-banner__spinner", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("circle", { cx: "10", cy: "10", r: "7.25", stroke: "currentColor", "stroke-opacity": "0.25", "stroke-width": "1.5" }), index.h("path", { d: "M17.25 10A7.25 7.25 0 0 0 10 2.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })));

package/dist/cjs/bs-composer.cjs.entry.js

@@ -199,7 +199,7 @@ const BsComposer = class {
         const placeholder = this.placeholder ?? DEFAULT_PLACEHOLDERS[this.variant];
         const disabled = this.state === 'disabled';
         const recording = this.state === 'recording';
-        return (index.h("div", { key: '7815de5b26e3b9c1afeb413378f1ead5b6f37353', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, index.h("div", { key: '8c7ecc7606e590cfc2b2c7750d7437610b1c454d', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, index.h("slot", { key: '56fe3b213e36289e7f9a0738824e19396dd552c5', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), index.h("div", { key: '3a1bd77a1bba71464807832e9746ea40f09d3766', class: "bs-composer__text-row" }, index.h("textarea", { key: '133470cf3a81530602439f5d6d50969c47da8be2', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, maxLength: this.maxLength, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), index.h("div", { key: '0dd2e0ef0a89f300910a422c6e4cdcb2e77034b5', class: "bs-composer__controls-row" }, !this.hideAttach && (index.h("button", { key: '679d8b7b4d7746478f3e72cdab7ebf4e01971379', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": this.attachLabel, onClick: this.onAttachClick }, index.h(PlusIcon, { key: '10823628845def9ee1012f3e03835ffd480d1010' }))), recording ? (index.h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (index.h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (index.h("span", { class: "bs-composer__spacer" })), !this.hideMic && (index.h("button", { key: 'dcea5fdc083162c99d0deb6b28e4d79ddf27729e', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? this.stopRecordingLabel : this.micLabel, disabled: disabled, onClick: this.onMicClick }, recording ? index.h(StopIcon, null) : index.h(MicIcon, null))), index.h("button", { key: '82d6694869eef61d66e92d0eb1b183c5ed086ec0', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, "aria-busy": this.loading && this.state === 'idle' ? 'true' : undefined, onClick: this.onActionClick }, this.renderActionIcon()), index.h("slot", { key: '9691f66fd87500bce4f9abc9da7d3b27994cf47f', name: "actions-end" }))));
+        return (index.h("div", { key: '1b2b2a80e3cc3838921c2353f94142c43136ea96', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, index.h("div", { key: 'ab827001a719251a3844d228cae2f3e2ad44646f', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, index.h("slot", { key: 'e9daab24f2e008325532e6ea284aff78fe850574', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), index.h("div", { key: '175b60b706ea6aae20734169ca5f9a84cf34de39', class: "bs-composer__text-row" }, index.h("textarea", { key: 'b765186c7fb867799e241e85293caed2e491fc25', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, maxLength: this.maxLength, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), index.h("div", { key: 'f539b712f3bc7cc0b289f0ffee0ae00f58bba243', class: "bs-composer__controls-row" }, !this.hideAttach && (index.h("button", { key: 'e8ca8c173d62e4457516177c738af39039c14757', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": this.attachLabel, onClick: this.onAttachClick }, index.h(PlusIcon, { key: 'b505c8cfff359c592a6e83d27a390378b602c1e7' }))), recording ? (index.h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (index.h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (index.h("span", { class: "bs-composer__spacer" })), !this.hideMic && (index.h("button", { key: 'a3602320e85c453e479275b0e1871f257f13c940', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? this.stopRecordingLabel : this.micLabel, disabled: disabled, onClick: this.onMicClick }, recording ? index.h(StopIcon, null) : index.h(MicIcon, null))), index.h("button", { key: 'afa647554fba93f413c5b715f936909a3a916164', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, "aria-busy": this.loading && this.state === 'idle' ? 'true' : undefined, onClick: this.onActionClick }, this.renderActionIcon()), index.h("slot", { key: '4a888c18430a3cf8facc21ac23e2e1867261bada', name: "actions-end" }))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -15,7 +15,7 @@ const BsContainer = class {
     padding = '300';
     render() {
         const pad = SPACING_TOKENS.includes(String(this.padding)) ? String(this.padding) : '300';
-        return (index.h(index.Host, { key: '459962926408474dee1da84fad17a66a5e849490', style: { '--bs-container-padding-token': `var(--bs-spacing-${pad})` } }, index.h("slot", { key: '395c3e7c75e153c25acb045211df7cd9da67e302' })));
+        return (index.h(index.Host, { key: '3996ed195614e9619afed595fcc751cc243fb9ee', style: { '--bs-container-padding-token': `var(--bs-spacing-${pad})` } }, index.h("slot", { key: '5bdf2a82ed2a2602a035184e3ba8e09fd46b0eba' })));
     }
 };
 BsContainer.style = bsContainerCss();

package/dist/cjs/bs-data-table.cjs.entry.js

@@ -19,6 +19,8 @@ const BsDataTable = class {
     sortDirection = 'asc';
     /** Accessible name of the select-all checkbox in the header (when `selectable`). */
     selectAllLabel = 'Select all rows';
+    /** Accessible name of each row's checkbox (when `selectable`). */
+    selectRowLabel = 'Select row';
     selectable = false;
     /** Alternates the row background (even rows use `--bs-data-table-stripe-bg`) so wide tables are
      * easier to scan. Follows dark mode through the token. Row hover still wins. */
@@ -79,11 +81,11 @@ const BsDataTable = class {
         }
     }
     render() {
-        return (index.h("table", { key: '3d8e5b69b6d41002e5af375573f47aec0e117a38', part: "table", class: "bs-data-table" }, index.h("thead", { key: 'ea97468d460ec2b7ef4b238a335fe05f049a1f0f', part: "head" }, index.h("tr", { key: 'cb73245678610583887157e314aa89c080390022' }, this.selectable && (index.h("th", { key: '45df220057b0b2e6698ebc29424dc6c6055799c4', class: "bs-data-table__select-col" }, this.rows.length > 0 && (index.h("input", { key: '542ee807044a65c5ccf8e9285ece9584f921dff2', type: "checkbox", "aria-label": this.selectAllLabel, checked: this.selectedIds.size > 0 && this.selectedIds.size === this.rows.length, indeterminate: this.selectedIds.size > 0 && this.selectedIds.size < this.rows.length, onChange: this.onSelectAllChange })))), this.columns.map(column => {
+        return (index.h("table", { key: 'd24675d99b4bb7070646b7dd8a432d1395737be2', part: "table", class: "bs-data-table" }, index.h("thead", { key: '6cd20167515acc4b9509a17584b8d6963f73b4d9', part: "head" }, index.h("tr", { key: 'df8433665b80da7f39c4ee11abe7250827ea0ceb' }, this.selectable && (index.h("th", { key: 'cfd133dd0044cef743f528ad2b48b7352be4c3d8', class: "bs-data-table__select-col" }, this.rows.length > 0 && (index.h("input", { key: '930f6e772809bf3250912b78c17364ceda67a9a8', type: "checkbox", "aria-label": this.selectAllLabel, checked: this.selectedIds.size > 0 && this.selectedIds.size === this.rows.length, indeterminate: this.selectedIds.size > 0 && this.selectedIds.size < this.rows.length, onChange: this.onSelectAllChange })))), this.columns.map(column => {
             const isSorted = this.sortColumn === column.key;
             const ariaSort = column.sortable ? (isSorted ? (this.sortDirection === 'asc' ? 'ascending' : 'descending') : 'none') : undefined;
             return (index.h("th", { part: "header-cell", class: "bs-data-table__header-cell", "aria-sort": ariaSort }, column.sortable ? (index.h("button", { type: "button", class: "bs-data-table__sort-button", onClick: () => this.onHeaderClick(column) }, column.label, isSorted && index.h("span", { class: "bs-data-table__sort-indicator" }, this.sortDirection === 'asc' ? ' ▲' : ' ▼'))) : (column.label)));
-        }))), index.h("tbody", { key: 'cd2b2ef74629630e166b0c9b4dc0a4ea339d4de6', part: "body" }, this.rows.map(row => (index.h("tr", { part: "row", class: "bs-data-table__row" }, this.selectable && (index.h("td", { class: "bs-data-table__select-col" }, index.h("input", { type: "checkbox", checked: this.selectedIds.has(row.id), onChange: ev => this.onRowCheckboxChange(row, ev) }))), this.columns.map(column => this.cellRenderer ? (
+        }))), index.h("tbody", { key: 'efafea945207fc1c29016ae066e0a2fce3ec5f6e', part: "body" }, this.rows.map(row => (index.h("tr", { part: "row", class: "bs-data-table__row" }, this.selectable && (index.h("td", { class: "bs-data-table__select-col" }, index.h("input", { type: "checkbox", "aria-label": this.selectRowLabel, checked: this.selectedIds.has(row.id), onChange: ev => this.onRowCheckboxChange(row, ev) }))), this.columns.map(column => this.cellRenderer ? (
         // cellRenderer is a developer-supplied, trusted function (JS-property-only, never
         // derived from untrusted input) -- its HTML output is intentionally not escaped,
         // same trust model as React's dangerouslySetInnerHTML.

package/dist/cjs/bs-datepicker.cjs.entry.js

@@ -314,7 +314,7 @@ const BsDatepicker = class {
             : this.defaultTabbable(days);
         const isInRange = (iso) => !!selectedStart && !!previewEnd && iso > selectedStart && iso < previewEnd;
         const weekdays = this.weekdays();
-        return (index.h("bs-card", { key: 'b3223172226fd0235de02a345dd50ac01668f201', part: "container", class: "bs-datepicker", surface: "raised" }, index.h("div", { key: '071b0d1398a2af8c991fa734652ca5e642570113', class: "bs-datepicker__body" }, this.renderHeader(), index.h("div", { key: '46dc879cb539d250fba48796dbfafd99983c7014', part: "nav", class: "bs-datepicker__nav" }, index.h("button", { key: '7973540e1b7263f3a0df95b650c7b7481503d4d6', part: "prev", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.previousLabel, onClick: () => this.moveView(-1) }, index.h("svg", { key: 'e853ca7c87f32493da791883c36c9039a1752994', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'e9f6f3e3bc2d0c82ce00cbd30873a53777007d6c', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'a7af2ef7a4a05bd69d5ba8d19a6c79826a865490', part: "title", class: "bs-datepicker__title", "aria-live": "polite" }, this.titleText()), index.h("button", { key: 'e7f3122a2ca398cd3d4274918f9244368ac8166c', part: "next", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.nextLabel, onClick: () => this.moveView(1) }, index.h("svg", { key: '32e3810f46adddff1b1081bab573a01918b05c69', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '12086f1d7d8c52a25fe257d0bf2565760019a9c3', d: "M9 18L15 12L9 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '47b30d7d4f56a94947418b92fe6346640dd60d69', part: "grid", class: "bs-datepicker__grid", role: "grid", "aria-label": this.titleText() }, index.h("div", { key: '6a36e8becdfb932c3a25614f46df71a6bc6419f8', class: "bs-datepicker__row", role: "row" }, weekdays.map(w => (index.h("div", { part: "weekday", class: "bs-datepicker__weekday", role: "columnheader" }, w)))), Array.from({ length: 6 }, (_, r) => {
+        return (index.h("bs-card", { key: '5dfa1f91fce2714fbaa120c0c159858dd1f22f77', part: "container", class: "bs-datepicker", surface: "raised" }, index.h("div", { key: 'd5683ce23acd1f07a9c382254d0e39cb7caf0d9a', class: "bs-datepicker__body" }, this.renderHeader(), index.h("div", { key: 'da658aaa5410916b223708890e3f0d012c297d08', part: "nav", class: "bs-datepicker__nav" }, index.h("button", { key: '99df9c289bb4a6e5901aabc9ad294122297ecd05', part: "prev", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.previousLabel, onClick: () => this.moveView(-1) }, index.h("svg", { key: 'db686789ae2ca6a9600bd6477e9b56a50adf722e', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '99d27b25366ee163c9dda8caeed0630f1c6c6157', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '297710ca625a8163abca541ca11b858e61431ee0', part: "title", class: "bs-datepicker__title", "aria-live": "polite" }, this.titleText()), index.h("button", { key: '26e5b15959adcea0a842f59e85b5bca6bb7ec6a7', part: "next", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.nextLabel, onClick: () => this.moveView(1) }, index.h("svg", { key: 'bef119a10f7e01e8c58e8fd3690417442528d071', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'd6566754ab7cf16f2e82127c594675c906ce6397', d: "M9 18L15 12L9 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'c9f559c3ba6c929160801ece12d7ed61cb3cbe4b', part: "grid", class: "bs-datepicker__grid", role: "grid", "aria-label": this.titleText() }, index.h("div", { key: '214302e6ea6693ba9e4a2e908fa982f0df0d926a', class: "bs-datepicker__row", role: "row" }, weekdays.map(w => (index.h("div", { part: "weekday", class: "bs-datepicker__weekday", role: "columnheader" }, w)))), Array.from({ length: 6 }, (_, r) => {
             const row = days.slice(r * 7, r * 7 + 7);
             return (index.h("div", { class: "bs-datepicker__row", role: "row" }, row.map((d, c) => {
                 const iso = toIso(d);

package/dist/cjs/bs-description-item.cjs.entry.js

@@ -15,7 +15,7 @@ const BsDescriptionItem = class {
     /** Set by the parent `bs-description-list`: `stacked` (term above detail) or `horizontal` (side by side). */
     layout = 'stacked';
     render() {
-        return (index.h("dl", { key: '732403f417d234e6d8b43aa6fbb2d1096fe817bd', part: "container", class: "bs-description-item" }, index.h("div", { key: '35fb60b1130d54ed72ff2aa6c7af109861490705', class: "bs-description-item__group" }, index.h("dt", { key: '1371a6cde4d09830bd734db6c30f240fa7f4cdc0', part: "term", class: "bs-description-item__term" }, index.h("slot", { key: '386095bd4b98b51f254db2cbb4524bcb2cdfb667', name: "term" }, this.term)), index.h("dd", { key: '074a3115bcd11b34b3eb35ff3b69460172352280', part: "description", class: "bs-description-item__description" }, index.h("slot", { key: 'fd34a6f7152805500b80e9983ec57e0805edff4c' }, this.description)))));
+        return (index.h("dl", { key: '40c0899a000b225ecb5332902e9a9f74f54a8caf', part: "container", class: "bs-description-item" }, index.h("div", { key: '524e64c9808a3aa172854c96466f23719637723e', class: "bs-description-item__group" }, index.h("dt", { key: '1f7b417f6422fe49b537ce57881a094092e177da', part: "term", class: "bs-description-item__term" }, index.h("slot", { key: '6f7893e2ca851a7d55aa82cc4f19593db16e9110', name: "term" }, this.term)), index.h("dd", { key: '861794158a281145f885c5f3990db4506257a4fe', part: "description", class: "bs-description-item__description" }, index.h("slot", { key: 'ab3ead012e9cd01c5377af5ab05fbf932ffdb0c9' }, this.description)))));
     }
 };
 BsDescriptionItem.style = bsDescriptionItemCss();

package/dist/cjs/bs-description-list.cjs.entry.js

@@ -27,7 +27,7 @@ const BsDescriptionList = class {
             .forEach(i => (i.layout = this.layout));
     }
     render() {
-        return (index.h("div", { key: 'defde2a3579750c2fcfd049009f2b274c236c760', part: "list", class: "bs-description-list", role: "group", "aria-label": this.ariaLabel ?? undefined }, index.h("slot", { key: 'e9d3604c0df86f94a0c1e7b0f2ed7c92852ced91', onSlotchange: () => this.sync() })));
+        return (index.h("div", { key: '05c9e878bf5d7c044f0952194ab139504e18bc37', part: "list", class: "bs-description-list", role: "group", "aria-label": this.ariaLabel ?? undefined }, index.h("slot", { key: 'e4d5086670583c29bbd5b6d93d49507bd2292aa5', onSlotchange: () => this.sync() })));
     }
     static get watchers() { return {
         "layout": [{

package/dist/cjs/bs-divider.cjs.entry.js

@@ -21,7 +21,7 @@ const BsDivider = class {
         const a11y = this.decorative
             ? { role: 'none', 'aria-hidden': 'true' }
             : { role: 'separator', 'aria-orientation': orientation };
-        return (index.h(index.Host, { key: 'b21a5efb3d519b388b2219e4be93b731e4efadce', ...a11y }, index.h("div", { key: '92e98b2b345cec22215effc6dc6fcd35bf9e196b', class: "line", part: "line" })));
+        return (index.h(index.Host, { key: 'a4b1c9d1ae6166b883923cc4f403e16b6bb77d1e', ...a11y }, index.h("div", { key: '7a3d216c6cd74f0dc511c27e9c8decdabbffb8a8', class: "line", part: "line" })));
     }
 };
 BsDivider.style = bsDividerCss();

package/dist/cjs/bs-dropdown.cjs.entry.js

@@ -83,7 +83,7 @@ const BsDropdown = class {
         this.open = ev.detail;
     };
     render() {
-        return (index.h("bs-popover", { key: '1d6d773e2fb666d3471b5097d1ba3816cea2f838', part: "popover", open: this.open, placement: this.placement, onBsOpenChange: this.onPopoverOpenChange }, index.h("slot", { key: '8b3306ec9fb0ff3f8738734dfdbf86aa2ee11316', name: "trigger", slot: "trigger", onSlotchange: this.syncTrigger, ref: el => (this.triggerSlot = el) }), index.h("slot", { key: '357ae81d2b344310c51e4b05f7be0dc1eb6ab0f1' })));
+        return (index.h("bs-popover", { key: '02bce3b47bd8a7d96b22c9b60b3517802e9b05aa', part: "popover", open: this.open, placement: this.placement, onBsOpenChange: this.onPopoverOpenChange }, index.h("slot", { key: 'd15d4801ef7d8c15cd22772a83d2658d562ce9e4', name: "trigger", slot: "trigger", onSlotchange: this.syncTrigger, ref: el => (this.triggerSlot = el) }), index.h("slot", { key: 'b098ecec20a9a3a129f7420634dba01816dc61de' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/bs-empty-state.cjs.entry.js

@@ -43,7 +43,7 @@ const BsEmptyState = class {
     render() {
         const level = Math.min(6, Math.max(2, Math.round(Number(this.headingLevel)) || 3));
         const Heading = `h${level}`;
-        return (index.h("div", { key: '142a329392b2d99b356be8debc4e8597c6f6f84e', part: "container", class: "bs-empty-state" }, this.hasIllustration ? (index.h("div", { part: "illustration", class: "bs-empty-state__illustration" }, index.h("slot", { name: "illustration" }))) : (index.h("bs-icon-tile", { part: "icon", size: "lg", intent: this.intent }, this.hasIcon && index.h("slot", { name: "icon" }))), this.heading && (index.h(Heading, { key: '961136e1fdffce443965fabbc654756ae5ad5924', part: "heading", class: "bs-empty-state__heading" }, this.heading)), (this.description || this.hasDescriptionSlot) && (index.h("p", { key: 'f9b8343a64b4a631bddb8eb4a5d7bb6848306854', part: "description", class: "bs-empty-state__description" }, this.hasDescriptionSlot ? index.h("slot", null) : this.description)), this.hasAction && (index.h("div", { key: '3fe746161c32b08af3d60cf5c362034e7341c854', part: "action", class: "bs-empty-state__action" }, index.h("slot", { key: '6b2cfbdac1f7a5183ed1a55a7da0f00ef1805aa8', name: "action" })))));
+        return (index.h("div", { key: 'ffdf706be4116dc017712d0e8224ae0ac19fdd86', part: "container", class: "bs-empty-state" }, this.hasIllustration ? (index.h("div", { part: "illustration", class: "bs-empty-state__illustration" }, index.h("slot", { name: "illustration" }))) : (index.h("bs-icon-tile", { part: "icon", size: "lg", intent: this.intent }, this.hasIcon && index.h("slot", { name: "icon" }))), this.heading && (index.h(Heading, { key: '5b0787b3afdc2792aaf198eda2c22c2d918f7743', part: "heading", class: "bs-empty-state__heading" }, this.heading)), (this.description || this.hasDescriptionSlot) && (index.h("p", { key: 'b8f23d2049e1c451c6ebf058479776d7620b30c6', part: "description", class: "bs-empty-state__description" }, this.hasDescriptionSlot ? index.h("slot", null) : this.description)), this.hasAction && (index.h("div", { key: '0d90b309f70235864cddb9051457a023fb035cff', part: "action", class: "bs-empty-state__action" }, index.h("slot", { key: 'bf4df45020fe85c49b5eeb22f83c37759fd6cbbe', name: "action" })))));
     }
 };
 BsEmptyState.style = bsEmptyStateCss();

package/dist/cjs/bs-error-page.cjs.entry.js

@@ -46,7 +46,7 @@ const BsErrorPage = class {
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 1));
-        return (index.h("bs-card", { key: 'bb20d902ed1c197bfc61b1052f92d6226a8412d7', part: "container", class: "bs-error-page", surface: "base" }, index.h("div", { key: '5be90fc6fb83875fa8518808c10269cefb72940c', class: "bs-error-page__body" }, index.h("div", { key: '76fedaef28a480a01ec1d33e9f95a5389a5e3d67', class: "bs-error-page__art-group" }, index.h("bs-icon-tile", { key: 'ad58c97bad019254db2d0b0fb5c659d77a6a3b90', part: "art", class: `bs-error-page__art ${d.info ? 'bs-error-page__art--info' : ''}`, intent: d.intent, size: "lg" }, index.h("slot", { key: 'ca2740bc44806d2fa74ad4927e43587e6b526c3d', name: "icon" }, d.glyph())), code && (index.h("span", { key: '45593b82fefc69fec1bb64bd103cd57cdf642b87', part: "code", class: "bs-error-page__code" }, code))), index.h(`h${level}`, { part: 'heading', class: { 'bs-error-page__heading': true } }, heading), description && (index.h("p", { key: '9fc68fab74d9b138fe22ad8126ee5a01e6f48e15', part: "description", class: "bs-error-page__description" }, description)), (primary || secondary) && (index.h("div", { key: '97f420c71d67766083d32176539e7531d56ae7f8', part: "actions", class: "bs-error-page__actions" }, primary && (index.h("bs-button", { key: 'fcb1b99dea4a6a10edb996ee52fe2f11a66cfa75', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '0e79f04999dd9f78a8c3d610e039e8f7b2eabcca', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)))), this.reference && (index.h("p", { key: '8b60aed28e215b822e05ce8dc498088181683f67', part: "reference", class: "bs-error-page__reference" }, this.reference)))));
+        return (index.h("bs-card", { key: '8aff9c8d96ef4b11da092a77ebf5825d15927352', part: "container", class: "bs-error-page", surface: "base" }, index.h("div", { key: '19257d7f087c9e129a100a233f2b347f91bf94e3', class: "bs-error-page__body" }, index.h("div", { key: '626069ac9658d54560ff3b7fe1ee33d4e61d2120', class: "bs-error-page__art-group" }, index.h("bs-icon-tile", { key: '906074042657ea36412905e28db696beb48fca20', part: "art", class: `bs-error-page__art ${d.info ? 'bs-error-page__art--info' : ''}`, intent: d.intent, size: "lg" }, index.h("slot", { key: '08e00c6308418f3de6cee8574bf59b59c7749853', name: "icon" }, d.glyph())), code && (index.h("span", { key: '927bc4a8cb649c62dae21c512d444b6bc5c5bae8', part: "code", class: "bs-error-page__code" }, code))), index.h(`h${level}`, { part: 'heading', class: { 'bs-error-page__heading': true } }, heading), description && (index.h("p", { key: '213c0da80e469597d3964b8b91d643dbcc11caf3', part: "description", class: "bs-error-page__description" }, description)), (primary || secondary) && (index.h("div", { key: '85c062187fab0d14c29a826649fe84b515caf791', part: "actions", class: "bs-error-page__actions" }, primary && (index.h("bs-button", { key: 'c884d4cb3a054b1be6b53cdefba6219ad47a577b', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '3e36ee75d488483d9d9a5385cf6ff6d632e8fee3', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)))), this.reference && (index.h("p", { key: '7bf4f351eda32d20c2529e166b02b1da66851c64', part: "reference", class: "bs-error-page__reference" }, this.reference)))));
     }
 };
 const icon = (children) => () => (index.h("svg", { class: "bs-error-page__glyph", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, children));

package/dist/cjs/bs-file-upload-item.cjs.entry.js

@@ -71,7 +71,7 @@ const BsFileUploadItem = class {
     }
     render() {
         const removing = this.state === 'success';
-        return (index.h("div", { key: '3050c182622707760aa9e9d448f0da195526c68f', part: "item", class: `bs-file-upload-item bs-file-upload-item--${this.state}` }, index.h("div", { key: 'b2c516ed23a14e7bfc1a5987ca19722e49694768', part: "thumbnail", class: "bs-file-upload-item__thumbnail" }, index.h("slot", { key: 'fb13e169ff6083fdf8a24ee1ac848a7c1a18ef4e', name: "thumbnail" }, this.thumbnailSrc ? (index.h("img", { class: "bs-file-upload-item__image", src: this.thumbnailSrc, alt: this.thumbnailAlt })) : (index.h(ImageIcon, null)))), index.h("div", { key: 'ea045c9503e4ba50b44cdadb2d207680b649494a', class: "bs-file-upload-item__content" }, index.h("div", { key: 'fbe744afdf97ab1919868418ace733b19043ca8d', class: "bs-file-upload-item__meta" }, index.h("span", { key: '624c5d30fb30b7f4f3ba036db0431c7b1251c9cb', part: "name", class: "bs-file-upload-item__name" }, this.fileName), this.fileSize && (index.h("span", { key: 'f9206de4e5eadfb8d5639de8fb0a372c4d89a224', part: "size", class: "bs-file-upload-item__size" }, this.fileSize))), this.renderStatus()), index.h("bs-icon-button", { key: 'e528e00e232aecd0aeff616e5d086e9b9dad0466', part: "action", variant: "subtle", size: "lg", ariaLabel: removing ? this.removeLabel : this.cancelLabel, onClick: this.onAction }, removing ? index.h(TrashIcon, null) : index.h(CloseIcon, null))));
+        return (index.h("div", { key: 'b3dfe347e900ba5f452e6d653f17b66956eba4b7', part: "item", class: `bs-file-upload-item bs-file-upload-item--${this.state}` }, index.h("div", { key: '619821ac9b479d7dc78d98fb0344942c1b205d53', part: "thumbnail", class: "bs-file-upload-item__thumbnail" }, index.h("slot", { key: '879934c913d92097e079faa64b05322720e28467', name: "thumbnail" }, this.thumbnailSrc ? (index.h("img", { class: "bs-file-upload-item__image", src: this.thumbnailSrc, alt: this.thumbnailAlt })) : (index.h(ImageIcon, null)))), index.h("div", { key: '54e8b1582cb66122a5a7d7a0125e2bd99df28f8f', class: "bs-file-upload-item__content" }, index.h("div", { key: '3d79114f91830c4f22586da37bfb4f3e71f8ee04', class: "bs-file-upload-item__meta" }, index.h("span", { key: '450b9ac9b96506884fdf8ebc50adb57055f5d4bd', part: "name", class: "bs-file-upload-item__name" }, this.fileName), this.fileSize && (index.h("span", { key: '0ee574ac068a6f4dbc2c59a9c9bac31ab9087001', part: "size", class: "bs-file-upload-item__size" }, this.fileSize))), this.renderStatus()), index.h("bs-icon-button", { key: 'bbb36dc36d633a7a3d9150df5d1992b1b3e356ce', part: "action", variant: "subtle", size: "lg", ariaLabel: removing ? this.removeLabel : this.cancelLabel, onClick: this.onAction }, removing ? index.h(TrashIcon, null) : index.h(CloseIcon, null))));
     }
 };
 // Figma exports, recolored via currentColor so the CSS tokens drive the color.

package/dist/cjs/bs-file-upload.cjs.entry.js

@@ -100,7 +100,7 @@ const BsFileUpload = class {
             this.handleFiles(files);
     };
     render() {
-        return (index.h("div", { key: '7097cdbe1555c09f01a24b6d8612746ec1a06c9e', part: "dropzone", class: `bs-file-upload bs-file-upload--${this.direction} ${this.dragging ? 'bs-file-upload--dragging' : ''} ${this.disabled ? 'bs-file-upload--disabled' : ''}`, onDragEnter: this.onDragOver, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, index.h("div", { key: '3af10df2bb885e3e6cbb3c083d323ce6722adaac', part: "icon", class: "bs-file-upload__icon" }, index.h("slot", { key: '51c41410ce9702cb4645563e073e3c382c473001', name: "icon" }, index.h(UploadIcon, { key: '9459a3634f6d22c9dd73cfddb388ef98ad4ea756' }))), index.h("div", { key: 'e5a0e2d2a207154918805317d48a9ec89cbb8584', class: "bs-file-upload__content" }, index.h("div", { key: '248e47855e5faf5094646acec3c16e12c80062de', class: "bs-file-upload__text" }, this.heading && (index.h("span", { key: 'c06b5534f79feea1d69b030e968cbeb4a1529fab', part: "heading", class: "bs-file-upload__heading" }, this.heading)), this.description && (index.h("span", { key: 'aa5c4095e807d4842f05cd97577f983be4f68ac8', part: "description", id: "description", class: "bs-file-upload__description" }, this.description))), index.h("bs-button", { key: '144dca8f0bbcffe846ea8d6fb297f2122970c83b', part: "browse", variant: "neutral", size: "sm", disabled: this.disabled, onClick: this.onBrowse }, this.buttonLabel)), index.h("input", { key: '12aefd76b33175fb69ebc00b02f1939d1c0ee84a', ref: el => (this.inputEl = el), class: "bs-file-upload__input", type: "file", hidden: true, tabindex: -1, accept: this.accept, multiple: this.multiple, disabled: this.disabled, "aria-describedby": this.description ? 'description' : undefined, onChange: this.onInputChange })));
+        return (index.h("div", { key: 'a36d673f20523d6384240fa4cabac8389b57b29f', part: "dropzone", class: `bs-file-upload bs-file-upload--${this.direction} ${this.dragging ? 'bs-file-upload--dragging' : ''} ${this.disabled ? 'bs-file-upload--disabled' : ''}`, onDragEnter: this.onDragOver, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, index.h("div", { key: 'c769eb48169ccdea3d9b2ec461fc131be8deec6e', part: "icon", class: "bs-file-upload__icon" }, index.h("slot", { key: 'e09c8fe53baaf4a42171799ce3c26595fc214321', name: "icon" }, index.h(UploadIcon, { key: 'e7687bf38d08a9d650c424efecf4ab1cee2fdbbd' }))), index.h("div", { key: 'c437654a93b2d8bca60b1bf5e9d883cba66b9514', class: "bs-file-upload__content" }, index.h("div", { key: '36c4fa07235bdaf27401d23d064b53910505bb3b', class: "bs-file-upload__text" }, this.heading && (index.h("span", { key: '232df19561f275bd62c9829ebe70c1e6155a8ce0', part: "heading", class: "bs-file-upload__heading" }, this.heading)), this.description && (index.h("span", { key: '493bb2708692a92b669d75d1f0ab075e9fb41355', part: "description", id: "description", class: "bs-file-upload__description" }, this.description))), index.h("bs-button", { key: '7f2955d2054a30efeec35252f776028b06a390df', part: "browse", variant: "neutral", size: "sm", disabled: this.disabled, onClick: this.onBrowse }, this.buttonLabel)), index.h("input", { key: '367b7d2fbbbf7ddfe0ebc063d0cef22c8510e713', ref: el => (this.inputEl = el), class: "bs-file-upload__input", type: "file", hidden: true, tabindex: -1, accept: this.accept, multiple: this.multiple, disabled: this.disabled, "aria-describedby": this.description ? 'description' : undefined, onChange: this.onInputChange })));
     }
 };
 // Figma's "UploadSimple" icon (3272:50330), exported SVG, recolored via currentColor.

package/dist/cjs/bs-global-search.cjs.entry.js

@@ -307,10 +307,10 @@ const BsGlobalSearch = class {
         const listId = `${this.id}-listbox`;
         const isList = this.status === 'default' || this.status === 'results';
         const showFooter = this.showFooter && isList;
-        return (index.h("div", { key: 'a1130242c3066d405a965b6f12b0d8a5599aaf9d', class: "bs-global-search" }, index.h("div", { key: 'ceb372cb4f91ebfc982c87c8ae68f93ead1af968', part: "field", class: "bs-global-search__field", role: "combobox", "aria-label": this.label || this.placeholder, "aria-expanded": String(this.open && showList), "aria-haspopup": "listbox", "aria-controls": this.open && showList ? listId : undefined, "aria-activedescendant": this.open && this.activeId ? this.activeId : undefined, onKeyDown: this.onKeyDown, onFocusin: () => this.setOpen(true), onClick: () => this.setOpen(true) }, index.h("bs-input", { key: '8b6ffe6b1a9cb02c9b0337d51bee28fdaa9985f7', ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, disabled: this.disabled, onBsInput: this.onInput })), this.open && (index.h("div", { key: 'be1e96068830019ec49ff74e76c81105e6a9252d', part: "panel", class: "bs-global-search__panel", onMouseDown: (ev) => ev.preventDefault(), onMouseOver: this.onPanelMouseOver }, isList && showList && (index.h("div", { key: '9b0b20314cdecfbb2a8508d0b559bab523bc2d01', id: listId, class: "bs-global-search__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => {
+        return (index.h("div", { key: 'badb002b67175179a79d0bc9c1366632d4a0645e', class: "bs-global-search" }, index.h("div", { key: '1902883e1e2a341bb78d57b0c2efc0695e2d50cc', part: "field", class: "bs-global-search__field", role: "combobox", "aria-label": this.label || this.placeholder, "aria-expanded": String(this.open && showList), "aria-haspopup": "listbox", "aria-controls": this.open && showList ? listId : undefined, "aria-activedescendant": this.open && this.activeId ? this.activeId : undefined, onKeyDown: this.onKeyDown, onFocusin: () => this.setOpen(true), onClick: () => this.setOpen(true) }, index.h("bs-input", { key: 'b8f8c00f00eef0051252ea8bc5b9e7bc299dc04e', ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, disabled: this.disabled, onBsInput: this.onInput })), this.open && (index.h("div", { key: '08102c3daa1c44ed47c141c7aa010fbe68d322f8', part: "panel", class: "bs-global-search__panel", onMouseDown: (ev) => ev.preventDefault(), onMouseOver: this.onPanelMouseOver }, isList && showList && (index.h("div", { key: 'b14315ba3ced12ea89f961b889fcd514720b331d', id: listId, class: "bs-global-search__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => {
             const hid = `${this.id}-h-${s}`;
             return (index.h("div", { part: "section", class: "bs-global-search__section", role: "group", "aria-labelledby": hid }, index.h("div", { part: "section-header", id: hid, class: "bs-global-search__section-header" }, this.sectionLabel(s)), index.h("slot", { name: s })));
-        }))), this.status === 'empty' && this.renderStateBlock('empty'), this.status === 'error' && this.renderStateBlock('error'), showFooter && this.renderFooter())), index.h("span", { key: '4b7efc2118e676b9f6c356eb04f74b0343cac360', class: "bs-global-search__live", "aria-live": "polite" }, this.announcement())));
+        }))), this.status === 'empty' && this.renderStateBlock('empty'), this.status === 'error' && this.renderStateBlock('error'), showFooter && this.renderFooter())), index.h("span", { key: 'c5acca23be3dab4b04a2590f079973fef8ac28c1', class: "bs-global-search__live", "aria-live": "polite" }, this.announcement())));
     }
     static get watchers() { return {
         "status": [{

package/dist/cjs/bs-grid.cjs.entry.js

@@ -42,12 +42,12 @@ const BsGrid = class {
         const row = this.rowGap ? this.token(this.rowGap) : gapValue;
         const col = this.columnGap ? this.token(this.columnGap) : gapValue;
         const align = ALIGNS.includes(this.align) ? this.align : 'stretch';
-        return (index.h("div", { key: 'ce19818147e46e05e3f8bdbe0ec66791f7291514', class: "bs-grid", part: "container", style: {
+        return (index.h("div", { key: '9507109de1fe2a61cb12fdf10249eea822aca4fd', class: "bs-grid", part: "container", style: {
                 gridTemplateColumns: this.template(),
                 rowGap: `var(--bs-grid-row-gap, ${row})`,
                 columnGap: `var(--bs-grid-column-gap, ${col})`,
                 alignItems: align,
-            } }, index.h("slot", { key: 'a0350d01ee8d538d92f125faaa94536498e80736' })));
+            } }, index.h("slot", { key: '71f053d7d6be8bc917c44bec3a0c2f220836322c' })));
     }
 };
 BsGrid.style = bsGridCss();

package/dist/cjs/bs-heading.cjs.entry.js

@@ -20,7 +20,7 @@ const BsHeading = class {
         const level = Math.min(6, Math.max(1, Number(this.level) || 2));
         const Tag = (this.as ?? `h${level}`);
         const size = this.size ?? String(level);
-        return (index.h(Tag, { key: 'ef59e0b219eb1ca65817ed8c942c0a99635b0ec9', part: "heading", class: `bs-heading bs-heading--${size}` }, index.h("slot", { key: 'b1cbfba6f8b3842cd77fa1741d48db77ddac7682' })));
+        return (index.h(Tag, { key: 'd30a0c74c61d89c6acaba89ef5133bdb4c9598aa', part: "heading", class: `bs-heading bs-heading--${size}` }, index.h("slot", { key: 'c9ec8694882323cc5dd98e771c70c296902d29e8' })));
     }
 };
 BsHeading.style = bsHeadingCss();

package/dist/cjs/bs-icon-button.cjs.entry.js

@@ -63,7 +63,7 @@ const BsIconButton = class {
             form.reset();
     };
     render() {
-        return (index.h("button", { key: 'ea9b6a4289caec8f3e2649ccaf028bdc3461b107', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, index.h("bs-ripple", { key: 'c09697cdd641eedc4423d3dccb220b5f50265ec0', part: "ripple", centered: true, disabled: this.disabled }), index.h("span", { key: 'f0baf9d4d9555a0c8385d60690c29ae04c15aeaa', part: "icon", class: "bs-icon-button__icon" }, index.h("slot", { key: 'b9d1cb1b892a0cb2b735e84afcf255d93b8957f2' }))));
+        return (index.h("button", { key: '54397b6bf903304558a83d146be3aa3343013043', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, index.h("bs-ripple", { key: '5e3543cad7419f2f44957359c644b13a8920d68f', part: "ripple", centered: true, disabled: this.disabled }), index.h("span", { key: '0b4ed8bc57cedbcdc57c2c1659431faafa6b66c7', part: "icon", class: "bs-icon-button__icon" }, index.h("slot", { key: 'b6133e7db9c908bf19e4e22786d10ca23c6cd8f9' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/cjs/bs-icon-tile.cjs.entry.js

@@ -30,8 +30,8 @@ const BsIconTile = class {
     render() {
         const labelled = !!this.label;
         return [
-            index.h("div", { key: '93e750f5adc2334319281b7db3b49e45d6e477ec', part: "container", class: "bs-icon-tile", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, index.h("span", { key: '345d80c8400f37db8bfc4001a1aad6193b423390', part: "icon", class: "bs-icon-tile__icon" }, index.h("slot", { key: '05c4f47cb4ae96b73af3ca73348e10f91c4fdf0d', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
-            index.h("span", { key: 'a26e45ecd93f0989728d83c1def3ad18271a7376', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, index.h("slot", { key: 'a477971ec0476c444b165ebb88d4b961210325d2', name: "text", onSlotchange: (ev) => (this.hasText = ev.target.assignedNodes().length > 0) })),
+            index.h("div", { key: 'bf6404159383eea8bc502471fe9050b3b756b44b', part: "container", class: "bs-icon-tile", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, index.h("span", { key: '68388ac2d1736c4f988aa4891ba98ed782e8e73e', part: "icon", class: "bs-icon-tile__icon" }, index.h("slot", { key: '63912e42c3858d1c893cd648772f014c1a9e0a0c', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
+            index.h("span", { key: '5e33734bd960efbd3432ad827261bed80fa60e76', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, index.h("slot", { key: '09f2d6c09e4592f6796187fd320ddbc6058f255e', name: "text", onSlotchange: (ev) => (this.hasText = ev.target.assignedNodes().length > 0) })),
         ];
     }
 };

package/dist/cjs/bs-icon.cjs.entry.js

@@ -24,7 +24,7 @@ const BsIcon = class {
         const filled = typeof markup === 'object';
         const inner = typeof markup === 'string' ? markup : markup?.body;
         const labelled = !!this.label;
-        return (index.h("span", { key: 'b5a98541e91d0143d696707c0221458146e20a25', part: "icon", class: "bs-icon", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, markup ? (index.h("svg", { viewBox: filled ? markup.viewBox : '0 0 24 24', fill: filled ? 'currentColor' : 'none', stroke: filled ? undefined : 'currentColor', "stroke-width": filled ? undefined : '2', "stroke-linecap": filled ? undefined : 'round', "stroke-linejoin": filled ? undefined : 'round', "aria-hidden": "true", focusable: "false", ref: (svg) => {
+        return (index.h("span", { key: '92c14176ca0b3ae936d5a34103c7e8fb5fb797fa', part: "icon", class: "bs-icon", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, markup ? (index.h("svg", { viewBox: filled ? markup.viewBox : '0 0 24 24', fill: filled ? 'currentColor' : 'none', stroke: filled ? undefined : 'currentColor', "stroke-width": filled ? undefined : '2', "stroke-linecap": filled ? undefined : 'round', "stroke-linejoin": filled ? undefined : 'round', "aria-hidden": "true", focusable: "false", ref: (svg) => {
                 if (svg && svg.innerHTML !== inner)
                     svg.innerHTML = inner;
             } })) : (index.h("slot", null))));

package/dist/cjs/bs-inline-tab.cjs.entry.js

@@ -69,7 +69,7 @@ const BsInlineTab = class {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (index.h("button", { key: '2b72dc07fdcc65d132a5c89fa7d20a172e1709d2', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, index.h("bs-ripple", { key: '7f05b1962383007cef24e34d782401d0bb5e0b17', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '358ec65108c746311bb23d729f4d6461c62f3b7b', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, index.h("slot", { key: '88f3ead3ebfef0e2cad25a2cebbcc21b026b5995', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '67cbc0103d4c458113508cc61ebad5002c141ac4', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, index.h("slot", { key: '5679e945c154f5a7cd4c4a411c4b28cd4baf3124', onSlotchange: this.onLabelSlotchange }))));
+        return (index.h("button", { key: '72a7b79df2f920240bb9e800b1a662b91481d090', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, index.h("bs-ripple", { key: '62d5478adf647dcf8e61f9cbcb8485edb355d9e2', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'c14a5ede027fc8b5ac941fce332451b4bf5232b6', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, index.h("slot", { key: '2997b46d314089103fe5738c0cde2600c9fa4121', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'b42c580e6468ad84c30e01b6dddd257f5d0b078d', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, index.h("slot", { key: '99a55082aa21cca4003033e284bf9c049acc6d52', onSlotchange: this.onLabelSlotchange }))));
     }
 };
 BsInlineTab.style = bsInlineTabCss();