@brandsync/wc 1.22.0 → 1.22.1

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: '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) })),
+            index.h("div", { key: 'a9269d578576879e678be7f9b446b48433b7fd67', 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: '299f4298a3fd52db71f49ed4a2f85367049dc91a', part: "icon", class: "bs-icon-tile__icon" }, index.h("slot", { key: '169432812651904452a6829bbfaf887d6d5524d3', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
+            index.h("span", { key: '6275125b69e1273ef26ca56193ce3d9be8349d86', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, index.h("slot", { key: 'fdc51493b1c2dca36c3fa556d93ec2d5539094a8', 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: '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) => {
+        return (index.h("span", { key: '8c4cccfecdf14d66fff16ae8222dea030615e64b', 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: '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 }))));
+        return (index.h("button", { key: 'a4a4466cf06781452bfafb56cbb6dee16f88bfe7', 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: '7fd57ac805ab4945fa1bb33482ef858e0b9a37ec', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '5bccaa37f40238539722e711f4b1cea73a77b5cd', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, index.h("slot", { key: 'dac2d6bf01d69058c052763981a6a7caaf7c5f52', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'ccc8dd6c4b7b4a43e264b6888ca778bee8d00ee5', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, index.h("slot", { key: 'b446e758154a3efceff74eee58fb8847f044594d', onSlotchange: this.onLabelSlotchange }))));
     }
 };
 BsInlineTab.style = bsInlineTabCss();

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

@@ -684,10 +684,10 @@ const BsInput = class {
         return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, "aria-label": i === 0 && this.label ? undefined : this.pinCellLabel.replace('{n}', String(i + 1)).replace('{total}', String(this.length)), value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
     }
     render() {
-        return (index.h("div", { key: '2607d492f534549e07c0f03474452e57ee8d1e62', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (index.h("div", { key: '1882c70d76bc2568e556455416dc0c899865b6fe', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
         // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
         // to this instance's own shadow root, so it can never collide with another bs-input.
-        index.h("label", { key: '6c8d72b986a0ca92360778318c66dc66753737b5', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '2a37224b19126d5de000592dec29f366a0298630', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.type === 'country' ? this.renderCountryField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        index.h("label", { key: 'b43d44bc4466727e37c338ffdbe03a67d85732f1', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '1faee1b28110c38ee1ab58272a4f55403c3eb075', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.type === 'country' ? this.renderCountryField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -738,7 +738,7 @@ const BsMenu = class {
         items[next].shadowRoot?.querySelector('button')?.focus();
     }
     render() {
-        return (index.h("div", { key: '1661d57a19b11cb3dc3217ff2e3c9b5990240e0f', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: 'f8534652090ba02a20e2429d4be04ff300e96e6c' })));
+        return (index.h("div", { key: '984cae0c1b081a72b84e92b5f4e9a7fb74b002b4', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: '1555e6c3aa0bb266e4f4f337d36070d94b9775c2' })));
     }
 };
 BsMenu.style = bsMenuCss();
@@ -767,7 +767,7 @@ const BsMenuItem = class {
         this.bsSelect.emit();
     };
     render() {
-        return (index.h("button", { key: 'a969a082bd83d038db27827975e43e8b0e7b1657', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("bs-ripple", { key: 'cd7f6fd09f9a6922e352f319f827aa16bba89ec7', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '35f79184bdeab4a3234bd2379f866a774382f16a', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '1df32c3926df82957599d444f4ab4261a25a724d', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '02101db2f542e7b0b5fa9417f01606a3f4c7d504', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'c66e294bf3ad3bc9433ac7c6718207a4f2837229' }))));
+        return (index.h("button", { key: '4aff44e1835bb94eb93326cd9f9f798ad988d76d', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("bs-ripple", { key: '18475c051d8db15f2177267fa0c98f6b558dcdd7', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '207d748b1d7e3e5dafc5a0a97b5c26b0442e0a5f', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: 'ae9022ab75b5d6d61a4415b03e73589fdc3e7478', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'a520c0a206296ff037eaf83fff63415497c87923', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'a8453880b084b3005fbac0cf5ba324880d627a98' }))));
     }
 };
 BsMenuItem.style = bsMenuItemCss();
@@ -786,7 +786,7 @@ const BsSpinner = class {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (index.h("span", { key: 'f7225e3f094164ee522d45c87ead3194f4ec3a00', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: 'a0e36d1125301b81ecfad237d76f87ac7ccb4194', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: 'b1d345f1ab09ad745b9549b149a2abbb17d48358', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '15d0989159c4e747d9c0d71a4530af7f7a63767c', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (index.h("span", { key: '2ce30722d6e6d8c0ad8f60387da0db774459cdac', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: '9468b6c2c1ca940496762d2388514c3030eb94df', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: '0ed28b4c160b34615d6b986e88d36a903651cc1c', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '5ce03d2094906990589e6a5972a7f44ac21f172b', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
 };
 BsSpinner.style = bsSpinnerCss();

package/dist/cjs/bs-key-caps.cjs.entry.js

@@ -31,7 +31,7 @@ const BsKeyCaps = class {
     render() {
         const keys = this.keyList();
         const name = this.label ?? (keys.length ? keys.join(' plus ') : undefined);
-        return (index.h("span", { key: '46f3da326c7901ced8a486f32d552a28ac394c77', part: "container", class: "bs-key-caps", role: "group", "aria-label": name, "aria-disabled": this.disabled ? 'true' : undefined }, keys.map(k => (index.h("bs-key", { label: k }))), index.h("slot", { key: '072587ad1177338f6477d589431a7bb9d961963a' })));
+        return (index.h("span", { key: '55a40d29ca5e3de2c3b54c00ec7e06bc5da19b27', part: "container", class: "bs-key-caps", role: "group", "aria-label": name, "aria-disabled": this.disabled ? 'true' : undefined }, keys.map(k => (index.h("bs-key", { label: k }))), index.h("slot", { key: 'def7a994773d31c5686deb7bbc3e26b67975e7c7' })));
     }
 };
 BsKeyCaps.style = bsKeyCapsCss();

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

@@ -20,7 +20,7 @@ const BsKey = class {
         this.hasIcon = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (index.h("kbd", { key: '696939056f306280e640f5bfb9a23d3282fd3bdd', part: "container", class: "bs-key" }, !this.hasIcon && (index.h("span", { key: 'b51ef1e566756374c22ecbd5d744bef23e25efd8', part: "label", class: "bs-key__label" }, index.h("slot", { key: 'c12e9f373c0da8c981bf13107f464407bb28f5a4' }, this.label))), index.h("span", { key: 'a0f88845c5a4ebfd6695f23eb204492862620a4d', part: "icon", class: { 'bs-key__icon': true, 'bs-key__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '5a4209c004c9c30523c7128a61cd7f082a77a06d', name: "icon", onSlotchange: this.onIconSlotChange }))));
+        return (index.h("kbd", { key: '8f4ca3f50f2464d970208aa23d07c497e25b839f', part: "container", class: "bs-key" }, !this.hasIcon && (index.h("span", { key: '7c7c3aea3a6baeb84e13cbb2eb50e9769041e927', part: "label", class: "bs-key__label" }, index.h("slot", { key: 'b86ab0689019b428cdcbd26e629c9ebedc263680' }, this.label))), index.h("span", { key: 'eca76a851440adff0c72811cf0a1ea3fa34c3ab2', part: "icon", class: { 'bs-key__icon': true, 'bs-key__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '40bd8bee7efbc18a452b009c26186c8bb1e9277b', name: "icon", onSlotchange: this.onIconSlotChange }))));
     }
 };
 BsKey.style = bsKeyCss();

package/dist/cjs/bs-keyboard-shortcuts.cjs.entry.js

@@ -101,10 +101,10 @@ const BsKeyboardShortcuts = class {
         const headId = `${this.id}-heading`;
         const noResults = count === 0 && (this.query ?? '').trim() !== '';
         let gi = 0;
-        return (index.h("bs-card", { key: 'a5053480ccd41dd6d915a47cb7745b3932ba9931', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, index.h("div", { key: '8b6e9c7bf16a6cb0e2d81243ae60106cb52c49a4', class: "bs-keyboard-shortcuts__body" }, index.h("div", { key: 'fbdb6317e9c0e8a270bc5f9fb713654f68796b8f', part: "head", class: "bs-keyboard-shortcuts__head" }, index.h("svg", { key: '16342385b62757c866386cf0b692ec15cf8dc28c', class: "bs-keyboard-shortcuts__icon", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("rect", { key: '6337f691c61999614a84f501c056aae96c6d5d08', x: "2", y: "5", width: "20", height: "14", rx: "2" }), index.h("path", { key: 'adfff1e7dbff765e0b14b3676119fa6c4be3b159', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), index.h("h4", { key: 'f5cb2b86082b0e8c50d19da03f398767889a39ba', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, index.h("slot", { key: '3839ba626c94bada3ba752e0cbacf96d8a5f0738', name: "heading" }, this.heading)), index.h("bs-icon-button", { key: '70a67f9f43899e59fff392968335fec6d1cf4b2d', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '186d78eca1df5cac3c80a8dcfbf66d2301f3165b', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: '8099ce12121ea5340cb578f1f2e338af2f909087', d: "M6 6l12 12M18 6 6 18" })))), index.h("bs-input", { key: 'dd0a5e9f35849c13499e18d458ddeb1153a9bb2a', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (index.h("div", { key: '88584be755995426dfa0c33a81f8c68dc4f0b65d', part: "switch", class: "bs-keyboard-shortcuts__switch" }, index.h("div", { key: '7a530f7760d6593a5ab031636b6ed93bfdf3e9bf', class: "bs-keyboard-shortcuts__switch-text" }, index.h("span", { key: '992e5d015f9195d7577e38f18ffeaf169b626d7d', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), index.h("span", { key: 'f6f29ec213290f68aaa5a09f7b1e4f00eb77b3b4', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), index.h("bs-switch", { key: '9e9531d7bebf08f84c8d5d238ab90072683a9172', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), index.h("span", { key: '4c9bbb0b4f6fadec2c63c5b8b4ec1ad7dea9f000', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (index.h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (index.h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (index.h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
+        return (index.h("bs-card", { key: '2bdb50736e8d45ed9ac40d03748507b76eb9a1be', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, index.h("div", { key: '9c1950b3cb4b6f07c6cd9070083238156e1e5a50', class: "bs-keyboard-shortcuts__body" }, index.h("div", { key: 'be8c893559445a69879471afff074384ede621bf', part: "head", class: "bs-keyboard-shortcuts__head" }, index.h("svg", { key: '9a59710d9e82ffc5fa665c6c30858a36016a6914', class: "bs-keyboard-shortcuts__icon", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("rect", { key: 'c26c4799875d84bcd59f1853674d435b59fc0536', x: "2", y: "5", width: "20", height: "14", rx: "2" }), index.h("path", { key: '67a1d8d57655b48a8f75785dfee79bf27fb13628', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), index.h("h4", { key: '6c2a6e3f4dfb71811339d41b189818f6fbeecbe3', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, index.h("slot", { key: '181683ab9371e00d282c29a3606332ca5c85dce8', name: "heading" }, this.heading)), index.h("bs-icon-button", { key: '12401e81656f71df56968def81fe91cc33268c5a', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '09934da82b18e37fa119d1ea9004833a02be13aa', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: '1fdef5b3a757435a08b4f6aec174c90fcfc53ca8', d: "M6 6l12 12M18 6 6 18" })))), index.h("bs-input", { key: '818ca74e0cacfcfcd6a02db120efd9b2eee7ce9d', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (index.h("div", { key: '5af576415bdaa91eca070fda99565a05e00e1d71', part: "switch", class: "bs-keyboard-shortcuts__switch" }, index.h("div", { key: '52f138164d5f25c9fb284fa8033d386ca06a1df5', class: "bs-keyboard-shortcuts__switch-text" }, index.h("span", { key: '40a0abcb9539a13341232fe09bde09ff697d88e1', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), index.h("span", { key: '9e244b16c92625a150c2dbaa396ba90ae310b2b5', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), index.h("bs-switch", { key: '44bd3294e8927d9dfdf68d37e2c978a826410d0d', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), index.h("span", { key: '8d387e7ba82d68ad2cec939d67f939be9c2234ce', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (index.h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (index.h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (index.h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
             const tid = `${this.id}-g${gi++}`;
             return (index.h("div", { part: "group", class: "bs-keyboard-shortcuts__group", role: "group", "aria-labelledby": tid }, index.h("div", { part: "group-title", id: tid, class: "bs-keyboard-shortcuts__group-title" }, g.title), index.h("div", { class: "bs-keyboard-shortcuts__rows", role: "list" }, g.shortcuts.map(s => (index.h("bs-shortcut-row", { part: "row", action: s.action, keys: s.keys, selectionRole: "listitem", disabled: !!s.disabled || (!this.singleKeyEnabled && isSingleKey(s)) }))))));
-        })))))), this.showFooterHint && (index.h("div", { key: '021ae63bd1633851bc032eb5f22eecfa468a5c68', part: "footer", class: "bs-keyboard-shortcuts__footer" }, index.h("slot", { key: 'cff2d6f675a885c11b47a3d8fa742397f3c20003', name: "footer" }, index.h("span", { key: '531c8be2c0afddf6b2aa038b79983f0299baaec9' }, this.footerPrefix), index.h("bs-key", { key: 'e4a4c98c0cebd3c7436e095a86225e7aa31e492c', label: this.footerKey }), index.h("span", { key: 'bc4cb7dec5d3c24b2a7058b5da2c8ad2c62e056d' }, this.footerText)))))));
+        })))))), this.showFooterHint && (index.h("div", { key: '0fb23ea10f8220759ce39c6099d35c9ac3495ace', part: "footer", class: "bs-keyboard-shortcuts__footer" }, index.h("slot", { key: 'a52faff702a65bc62e655d23b63ddca05c906dfd', name: "footer" }, index.h("span", { key: '36ede16f65363311b87cbe3ac2f5d1455603d70e' }, this.footerPrefix), index.h("bs-key", { key: '6bf290a60780b2287939c5a3143c788422f445fc', label: this.footerKey }), index.h("span", { key: '9c27d390eb2f5fae1bfbd8c2816bf0f0050d1cca' }, this.footerText)))))));
     }
 };
 BsKeyboardShortcuts.style = bsKeyboardShortcutsCss();

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

@@ -43,7 +43,7 @@ const BsLink = class {
         const newTab = this.target === '_blank';
         const showIcon = this.external || newTab;
         const rel = this.rel ?? (newTab ? 'noopener noreferrer' : undefined);
-        return (index.h("a", { key: 'abc72ce657667f084a11086e2ddee9f764979cd7', part: "link", class: `bs-link bs-link--${this.variant}`, href: this.href, target: this.target, rel: rel, "aria-label": this.ariaLabel, "aria-current": this.current ? 'page' : undefined, onClick: this.onClick }, index.h("span", { key: '1afba0c22b50f07300b1b431434ca3f9b38a7b33', part: "label", class: "bs-link__label" }, index.h("slot", { key: 'dcfa6947cfd6821b4810624a87c5d5cb3d270282' })), newTab && index.h("span", { key: '1faaa4ea78634a7bb2d44f160564d87408c3e79b', class: "bs-link__sr" }, this.externalLabel), showIcon && (index.h("svg", { key: '889b39655b35270de1fd4ef966fca9077a140935', part: "icon", class: "bs-link__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'd5393bd505b27536bc19c86d7d21f674d7a75704', d: "M9 3h4v4M13 3L7.5 8.5M12 9v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (index.h("a", { key: 'c67ebccfd8ae853888e01bda7921685ff8343ff7', part: "link", class: `bs-link bs-link--${this.variant}`, href: this.href, target: this.target, rel: rel, "aria-label": this.ariaLabel, "aria-current": this.current ? 'page' : undefined, onClick: this.onClick }, index.h("span", { key: 'e73117100dd02185da4ce70fbb21d5eaa6aaa6b1', part: "label", class: "bs-link__label" }, index.h("slot", { key: '2a6c2f7594b522efc53c6377160471ecdb1a1bf1' })), newTab && index.h("span", { key: 'e0d679623ace072d5d18ec65087cfecad6d30389', class: "bs-link__sr" }, this.externalLabel), showIcon && (index.h("svg", { key: 'ff1f095010f8007d486640583b2617e2a762497b', part: "icon", class: "bs-link__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '5ae56bdaacf0236928fbe6ad64ae72ac0e1ef5c7', d: "M9 3h4v4M13 3L7.5 8.5M12 9v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -60,7 +60,7 @@ const BsListItem = class {
         const role = this.selectionRole === 'option' ? 'option' : this.selectionRole === 'listitem' ? 'listitem' : this.interactive ? 'button' : undefined;
         const standaloneFocusable = this.interactive && !this.selectionRole && !this.disabled;
         const showTrailing = this.showArrow || this.hasTrailing;
-        return (index.h(index.Host, { key: 'a83772eaf4984154c79368244bdb0132f2a61292', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, index.h("div", { key: '9e32856f6c9ba224c2dc560d9e184af3d6826349', part: "container", class: "bs-list-item" }, interactive && !this.disabled && index.h("bs-ripple", { key: 'f0132b98663f07bd209a85e25ca1aa73e5ba79ef', part: "ripple" }), this.marker && (index.h("span", { key: '7030b2bc2968a4cb86bdc31ca07b0b175a49d2c4', part: "marker", class: "bs-list-item__marker", "aria-hidden": "true" }, this.marker)), index.h("div", { key: '78f9b066a5f65fe807c26661930e7f81993380fb', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, index.h("slot", { key: '0f0b7bd65e809e9d4f2210831554228d6c0ab3ac', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), index.h("div", { key: '1281075bcedd3c19c910cb5ad8a95b29c1b25693', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (index.h("div", { key: '58255d974d1652d40d341168a062de1c91d41cca', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (index.h("div", { key: 'f906a96348e4bf453e89bc1a7f05acc663959619', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (index.h("div", { key: '5bab72a6f2334ad2efb8821501049e5363104176', part: "support-text", class: "bs-list-item__support" }, this.supportText)), index.h("slot", { key: '1baffcbdbd56cba0f07ab2c3e04383a05660fe00', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), index.h("div", { key: '371a502c89bf8113e45fb63b4a11dfffa75d98b0', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, index.h("slot", { key: '8e2f738727a5a7eafe35e354aa422bfbd31dc2c4', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (index.h("svg", { key: 'c371e14d29fecdb1509a83465460eb0c01326cd1', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '088e1ab871e1c8386a0c7196c4c66c8a8c180951', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (index.h(index.Host, { key: '9c74c4c5f2e7a03c2d65846191da53ad1bb78be4', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, index.h("div", { key: '25a257bebc8fa4f3c2f5e0be773990f68c22d6a7', part: "container", class: "bs-list-item" }, interactive && !this.disabled && index.h("bs-ripple", { key: '3667e8cfb52627c34ae229bcebfce4e8012fdf82', part: "ripple" }), this.marker && (index.h("span", { key: 'ef4c8c059f34988e4025d449ed87f8d78550b633', part: "marker", class: "bs-list-item__marker", "aria-hidden": "true" }, this.marker)), index.h("div", { key: 'e2abf15774bf60d1c9a9e709fd744ba541604cf1', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, index.h("slot", { key: '7d60b7f4e7bed30fc6a5f7d7501c5c1be67de01e', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), index.h("div", { key: '93584a1a50da7d06a489c55222d610a0d436c081', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (index.h("div", { key: 'ecedc4569f877614cf47a14733b885b6c6580369', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (index.h("div", { key: '87f6ac0fc68f43ea7fe2fb36d6decf399f9ea7e0', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (index.h("div", { key: '8f597dea35c85fd4aa6612c31da5315978d66b28', part: "support-text", class: "bs-list-item__support" }, this.supportText)), index.h("slot", { key: 'b055ba337817fecb1af4963e49045e1d7274bb4b', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), index.h("div", { key: 'e475829dc3d658cc7c41f4ee5375c7dd8ef5cf03', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, index.h("slot", { key: 'c7ea8c880d469f7ae83d40a3ac7f1f85a33f3194', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (index.h("svg", { key: '951f3969f84f53677e49299ff7c9eb76e075eaae', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '30f65bce105befe577e26fb9e1324eb927b5cf0b', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
 };
 BsListItem.style = bsListItemCss();

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

@@ -90,7 +90,7 @@ const BsList = class {
         enabled[next].focus();
     }
     render() {
-        return (index.h("div", { key: 'f117bd6ecbbfc4571684dfa2ebea07ea70723672', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, index.h("slot", { key: 'de9bf097921079f34f97bfbbbb19e2896c340de7', onSlotchange: () => this.sync() })));
+        return (index.h("div", { key: '4be1ca9577bdab3ee3a270c0cf95aa3e77debf4e', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, index.h("slot", { key: '0f1fd3408bf906225b66159f3853c3238a872b6c', onSlotchange: () => this.sync() })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/bs-mega-menu.cjs.entry.js

@@ -107,7 +107,7 @@ const BsMegaMenu = class {
         const hasFeatured = !!this.featured || !!this.el.querySelector(':scope > [slot="featured"]');
         const tracks = this.columns.length + (hasFeatured ? 1 : 0);
         const removed = this.open === false && !this.closing;
-        return (index.h(index.Host, { key: '4832adcf0042dc4e9a3fe440b97659b953069507', "data-closed": removed ? '' : undefined }, index.h("bs-card", { key: '9ff246ab840b03384b682729ee548c1daad8b455', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, index.h("div", { key: '95aacf86956b74daf5d5ac09e5c9f89e017a81c8', part: "columns", class: "bs-mega-menu__columns", style: { '--bs-mega-menu-tracks': String(Math.max(tracks, 1)) } }, this.columns.map(col => this.renderColumn(col)), hasFeatured && this.renderFeatured()), index.h("bs-divider", { key: '3da7484d4e7738fa84139e5bf742dfdd76c2a062', decorative: true }), index.h("div", { key: '56c6a6eb9412079ac41c460038dbd31ff45ddc8e', part: "footer", class: "bs-mega-menu__footer" }, index.h("span", { key: '4e7ce483d8d849e0dbd3d21c7d79aef657bcd881', class: "bs-mega-menu__footer-start" }, index.h("slot", { key: '359bd9f163c92557cd9466a808b10f98fccbe522', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), index.h("span", { key: '689361415321b6bd4c5eb9f30e8396a12c38863b', class: "bs-mega-menu__footer-end" }, index.h("slot", { key: '9a39392d5f2ba62797929ed9a8afd1ec5ab41175', name: "footer-end" }, index.h("span", { key: '89e2764e2359818c07a7241717ac59c0f1ff289c', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, index.h("bs-key-caps", { key: '472ab949a7a6182adff32d0d954e83c1f59cb0c6', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
+        return (index.h(index.Host, { key: '79b98af761c201ff8d7f4e713ce883cceda56c04', "data-closed": removed ? '' : undefined }, index.h("bs-card", { key: '13a30edab0e12aaa05f40b2b42a370befa05d27a', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, index.h("div", { key: '8dc5cd5b1d447857a47dfb98071d1fa13acf938d', part: "columns", class: "bs-mega-menu__columns", style: { '--bs-mega-menu-tracks': String(Math.max(tracks, 1)) } }, this.columns.map(col => this.renderColumn(col)), hasFeatured && this.renderFeatured()), index.h("bs-divider", { key: '15f5311130a162cb190f1be0b3100e767eb50370', decorative: true }), index.h("div", { key: '3061670b2f9fbdca63cfb040d2a8c6449c68e752', part: "footer", class: "bs-mega-menu__footer" }, index.h("span", { key: 'c23abe5dead2982fa2b9a6f632bae5a8a65ac18a', class: "bs-mega-menu__footer-start" }, index.h("slot", { key: '72e7594d85f5c345000dc8fe6121479384f821eb', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), index.h("span", { key: '4452c07fde407ac3536d08f5d59fdff995332a4f', class: "bs-mega-menu__footer-end" }, index.h("slot", { key: '0bbce038740eb50aa12c33eb87be1a9c80a4ba05', name: "footer-end" }, index.h("span", { key: '169912031c352d0b3508fa28e88e75bef655c7a8', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, index.h("bs-key-caps", { key: '30d83b5c38896bd4715fabb0d56d68b56c161441', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -63,7 +63,7 @@ const BsMessageList = class {
         }
     };
     render() {
-        return (index.h("div", { key: '90058e1e0ad1efad987f4f1ec05c2f59cdfdba38', class: "bs-message-list" }, index.h("div", { key: '4173ba965f98a6cbc70f7d7edc683d35dc4601fd', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, index.h("slot", { key: 'fa1f5d0a571d3948c432ec500ecf7e88e4c5f549' })), this.showScrollButton && (index.h("bs-icon-button", { key: 'e15d2d71a9f8f620de9b63367f1df3bea2cb8eae', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, index.h("svg", { key: '1266a003b4472d0572b867a150b40416a80ec560', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'c6cf46e95668f5b09f67c123f3aa4caaa221cead', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (index.h("div", { key: '52984844e23c07e320bdde3a30ac52cc01494a7d', class: "bs-message-list" }, index.h("div", { key: 'f8390aa51cc6f462b8cd16a5b6a7d4b52c373932', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, index.h("slot", { key: 'c3612f94849ad2608721067337c32da309994b7c' })), this.showScrollButton && (index.h("bs-icon-button", { key: '66bbbe37569ec3df2f4e22100b1f38731fc9fc14', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, index.h("svg", { key: '4b0e756bfafd9095d5091ac51edff511c2bf9ab5', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'f97972a52104224535fcd1f4bdd45b28bc7d7329', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 BsMessageList.style = bsMessageListCss();

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

@@ -17,7 +17,7 @@ const BsMessage = class {
     /** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
     status = 'default';
     render() {
-        return (index.h("div", { key: 'd40a50874c4336c07e68e1113b69f7cf1f201dda', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, index.h("div", { key: 'a1e25df59ff3080fb4d35ebcf4ad02c620decdb4', part: "avatar", class: "bs-message__avatar" }, index.h("slot", { key: '89af0b568aa96d390277b0d8132e0c189b02d34c', name: "avatar" })), index.h("div", { key: 'e2acecd9ae7820e1e3424fe33a89e2dce43b360e', class: "bs-message__column" }, index.h("bs-card", { key: 'aa435f285ea9301a331168108039a14841f7171c', part: "container", class: "bs-message__bubble", surface: "base" }, index.h("div", { key: '30553499b79c236c74800190e3aca2f6e43b1ae5', part: "content", class: "bs-message__content" }, index.h("slot", { key: 'da5f656f9d2436a3c12dbd67fa34f5e28d5626aa' }))), index.h("div", { key: '98525da85571288f502755eea863ff117a31c42f', part: "footer", class: "bs-message__footer" }, index.h("slot", { key: '42ac8fcc4dd4e23c657d68b0398974acb37a478f', name: "footer" })), index.h("div", { key: '2bf6597ed48e6f3c252ff42d75eee48129b1a3d7', part: "timestamp", class: "bs-message__timestamp" }, index.h("slot", { key: 'd57875d2b2e86b7c5115eae8f26a80852537bdc2', name: "timestamp" }, this.timestamp && index.h("time", { key: 'ec840e7a0c5c525f501919b743e1dc79a45363d3', dateTime: this.datetime }, this.timestamp))))));
+        return (index.h("div", { key: 'ef92127b4616033f0c4986a32983fc4bfcbe5559', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, index.h("div", { key: 'd3e504c91dd4631268e5032cfdc2ba53133c6be5', part: "avatar", class: "bs-message__avatar" }, index.h("slot", { key: '683428411a73cdb5f69ac9de0a5f4629bd898e47', name: "avatar" })), index.h("div", { key: '4c1c04cc37263b25e141a11c4251e7d39d6826ad', class: "bs-message__column" }, index.h("bs-card", { key: '453b62e1505b474d09eda3ae7dc309624c88686f', part: "container", class: "bs-message__bubble", surface: "base" }, index.h("div", { key: '26c12130c1ff0e538614f31c0eb9db43f3339f1e', part: "content", class: "bs-message__content" }, index.h("slot", { key: '821028e599a3ba9ddcca46f0a01ff4ee691b3322' }))), index.h("div", { key: 'a25a7f2b5d129064eaf8409bcd004d661738585e', part: "footer", class: "bs-message__footer" }, index.h("slot", { key: 'ba57515037e2941288df0bb559f5bf55975720a6', name: "footer" })), index.h("div", { key: '36c1f5c94fabdbefbdde78def021e52f5c0503f8', part: "timestamp", class: "bs-message__timestamp" }, index.h("slot", { key: '84da0fbb50f553d9438b298d172239baee973bd6', name: "timestamp" }, this.timestamp && index.h("time", { key: '7b6a908f766c143e35160558389fc6152b73590a', dateTime: this.datetime }, this.timestamp))))));
     }
 };
 BsMessage.style = bsMessageCss();

package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js

@@ -114,7 +114,7 @@ const BsNavigationDrawerItem = class {
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
         const isLink = !!this.href && !this.expandable;
         const Tag = isLink ? 'a' : 'button';
-        return (index.h("div", { key: '314bf8b3f806288ab87e6e9d8b42b38780124080', class: "bs-navigation-drawer-item__root" }, index.h(Tag, { key: '595edd19741ef5c17f7f60ecbce0f3cbfd4df816', ...(isLink ? { href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined } : { type: 'button' }), part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-current": this.selected && !this.expandable ? 'page' : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (index.h("span", { key: '32abf08530267eabad2fc17b34e8b8a5104252a9', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, index.h("slot", { key: '1b120facc3e79a22d5e928322b2ae0e765427676', name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("span", { key: '76ad644a6dc0576b0aeec5a3a7bc9104f20be65b', part: "label", class: "bs-navigation-drawer-item__label" }, index.h("slot", { key: '23513695559926f5bb129092c551e1b0293095bb' })), this.expandable && (index.h("span", { key: 'a0e4dfef7391aac1c7268de293938b5cb6125568', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, index.h(ChevronDownIcon, { key: '1c86c3e4aa37b705eddf3561c64ecb6bd9f7ae59' })))), this.expandable && (index.h("span", { key: '323fc3b7aee0d98baf7d0bc0578acd8547fae699', part: "children", class: "bs-navigation-drawer-item__children" }, index.h("slot", { key: 'c2a32d251d231aed2d7601b0e7bbf612d66129b1', name: "children" })))));
+        return (index.h("div", { key: 'fe0c138a60b699922ea7f211f3c227fb65966486', class: "bs-navigation-drawer-item__root" }, index.h(Tag, { key: '41abfaabf855e5589be94e9b80b1f0429afa1237', ...(isLink ? { href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined } : { type: 'button' }), part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-current": this.selected && !this.expandable ? 'page' : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (index.h("span", { key: '42a743886a91f44429576b9e0cd616d141e94d02', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, index.h("slot", { key: 'f574a4ec9c1018daa978f7e20cd3fbaf8b8ab372', name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("span", { key: '5838a70a642331081ea403f4ca2b2e80c8404c56', part: "label", class: "bs-navigation-drawer-item__label" }, index.h("slot", { key: 'bb49206df000eff556379575cdf34ca48d617606' })), this.expandable && (index.h("span", { key: '1e3d7084cf10d64351f391acbbe2e38712499273', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, index.h(ChevronDownIcon, { key: 'ef469498a27f7eaa8353e6a2547e6550a23720a3' })))), this.expandable && (index.h("span", { key: '412942bed2ef4407231a39532a59a05c09f64939', part: "children", class: "bs-navigation-drawer-item__children" }, index.h("slot", { key: '42b72649a005e0a35aa2f7dfff8722d0ba67fc79', name: "children" })))));
     }
 };
 // 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per

package/dist/cjs/bs-navigation-drawer.cjs.entry.js

@@ -180,11 +180,11 @@ const BsNavigationDrawer = class {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (index.h(index.Host, { key: '7b07abf28504f339351b55602257214274139f4d', "data-overlay": this.mobile ? '' : undefined }, this.mobile && index.h("div", { key: '3bcf1f5e936e8ad1e90966ea70c4041f1e5ed622', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), index.h("nav", { key: 'b03c07bbe26d62789f7aa753e69ccd40e87edc9e', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (index.h(index.Host, { key: '764fcaa0b3422322f325301e91bcd8c51a389ceb', "data-overlay": this.mobile ? '' : undefined }, this.mobile && index.h("div", { key: '6bb2c8bf108b926a72bdd10c3dda12dd4f63b518', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), index.h("nav", { key: 'c66969603721d5886cc7d127c1ee2fa4bfc5eb17', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
             // Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
             // (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
             // scrimmed, Escape closes -- rather than announced through aria-modal.
-            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (index.h("div", { key: '7404af0b1b6c2d3763cdb753bae716c4f01b7d6b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: 'df613081072a5329ead4bea8aff55038015a24fd', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: 'c96945a4ff8f1fcab7bf18d4afe799d782a9711d', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '9942c8a61c17618ae2ec7e75015754b3f47ca9eb', variant: "mark", background: this.logoBackground }))), index.h("div", { key: '13b7941e965cd35f02d802c54323697ab11f7874', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: 'bc8597651504dbb69c5042e3ca9f8ab5610b300f', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: '8b4b09d267509eaa5c30cb1a074fa71620ee7563', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, index.h(CaretLeftIcon, { key: '6db216fe74f8df40ce383fd3fcce6fb45de332d9' })))), index.h("div", { key: '9a7a427aff7ab9ad186790d6e95b6c2a25bd8c9f', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '483b570d647ede378ae9c5fa765f48c09d4bf149', name: "search" })), index.h("button", { key: 'a67818a27eeb2a3de81a31c57c5e80978e13b873', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '9af8a772869ae0f87ee571556cb24adae922c142' })), index.h("div", { key: '840732ec91730a642040fd8eb47a2c85651ce503', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: '2546a9541a19321c0af9c577734097736a17394c' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (index.h("div", { key: '4446072fb7afa2547266894138a96c066b149a70', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: '8a9ed1d50c0bc8da4f23b934bf801d022ab27972', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: '425c77bc38959070f0694fb22c9fe643002a9480', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '2dbf7bdca69ee326aa69af616b62c6949c76d342', variant: "mark", background: this.logoBackground }))), index.h("div", { key: 'd6d8b04a29e6fd48a6182ccefe2c99ae6dc4efe2', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: '475dde670d2100c20e8fe362cb023b6b015b099e', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: '9c17200c9b1aa137208e33e93648c4d587f67303', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, index.h(CaretLeftIcon, { key: 'b68e968442167924b3804e35b72d5df03d358ffd' })))), index.h("div", { key: 'b775695ee1220c1f8848146f9c661abd8ab7d3ad', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '4cb6a53f57728323e207de006d17d310fc262b8e', name: "search" })), index.h("button", { key: 'ef6e944f1ab970b0a9600fe541ff542a05935ff2', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '41995b08ffaa186bd1bc3bcee10cf85ba0c921c7' })), index.h("div", { key: '63775cb90ec04ffd0cd54401a3b5b6588fe014d1', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: '6436ec23422340cd5b54e36dba6348026298c270' })))));
     }
     static get watchers() { return {
         "collapsed": [{

package/dist/cjs/bs-navigation-header.cjs.entry.js

@@ -37,8 +37,8 @@ const BsNavigationHeader = class {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
         return [
-            index.h("header", { key: '5e6a72beb4ccbfaea0d65a226f2f7e6684054eb1', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: '2cba79275f7c5fb057686a63d51348575f527472', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: '889f955dff7952b64a8e1431c4aa9d54d807d3b3', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: '803d14a22fc7f263c1cf25c7dab24cbe3ee20468', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: '3489f089da825c6a6a0675d70072fa5fb36a9c44', name: "left" })), index.h("div", { key: 'bfbabc05b516ee4eb3ea40c041ebcd6fc4a15293', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '1c3d7966774f12888c273792addf28bc42beab07', name: "right" }))),
-            index.h("div", { key: 'cd0030d321514f08ddfc979b8e3f37818eda541a', part: "menu", class: "bs-navigation-header__menu" }, index.h("slot", { key: '9c314aacef6afb60842261cf9dc4c3b9c78a4ce6', name: "menu" })),
+            index.h("header", { key: '4084ae2aec11a99d8999c707e0fd26d9617ea270', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: 'dba8f7748f6080eff597be3d50c22be6340afd63', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: '0f8b097631171eb13f14480fc31648d195b9e780', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: '0008e4420fb2cb016ca11aa86cdfb2823206d8b3', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: 'de54532821f9071191c4d81ad2c6e53a1ad5a3f4', name: "left" })), index.h("div", { key: '75e0941f40ee170c3b966844cf3931f0097d5658', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '21f055b2bc4958c9aeebd23fb09ad4a90cfe5e7a', name: "right" }))),
+            index.h("div", { key: '26748642bc3a3ac1187d31b441874366c0228bad', part: "menu", class: "bs-navigation-header__menu" }, index.h("slot", { key: '6e02fa6df2d0bfa6a28f2b435ca1edc2b4434a1c', name: "menu" })),
         ];
     }
 };

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

@@ -54,7 +54,7 @@ const BsPageHeader = class {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 1));
         const showMeta = !!this.meta || this.slotted.meta;
         const hasTabs = this.slotted.tabs && !this.compact;
-        return (index.h("div", { key: '08cdd135e8420658d83746e92e73add8a504fe39', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, index.h("div", { key: 'e435828cd6e8fe3d9e2fa96c2b6ee625c71b8868', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, index.h("slot", { key: '71d3e23d947495131ff3bf0a64cc9f50d62205c5', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), index.h("div", { key: '00d8ddb37350152ad4b39b9b555057ce943cd24b', part: "row", class: "bs-page-header__row" }, index.h("div", { key: 'ac41b44a107ac68f44b5f90094d6d6c5fbe1a26f', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (index.h("bs-icon-button", { key: '6b609f18bd356f23bf4223acf50b66b317437152', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, index.h(ArrowLeftIcon, { key: '001d13bd7b0d186aa4335272e1f3705dd31c09e2' }))), index.h("div", { key: '97f89eaf3d7c6411c290697df525ff46d4de3597', part: "title", class: { 'bs-page-header__title': true, 'bs-page-header__title--controls': this.back || this.favoritable } }, index.h(`h${level}`, { part: 'heading', class: { 'bs-page-header__heading': true } }, this.heading), index.h("span", { key: '55b632d4c2be435c1377c64a483739ef6c4c1990', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, index.h("slot", { key: '08960a3d58aff6c5b84439711240b765c057b68c', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (index.h("bs-icon-button", { key: '55deea361072d0cf1042a9db56c6c6c71fe8fcca', part: "favorite", class: "bs-page-header__favorite", variant: "subtle", size: "sm", ariaLabel: this.favoriteLabel, pressed: this.favorite, onClick: this.onFavoriteClick }, this.favorite ? index.h(StarFillIcon, null) : index.h(StarIcon, null)))), index.h("div", { key: 'bf050e21ca626669cfb8df020bcc958d2e161d16', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, index.h("slot", { key: '2626ea276e9a97d13415a61f3b7c81c85569a4b3', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), index.h("div", { key: 'b893aa531395b189528a8244c1d1fd8b7ea3aecf', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, index.h("slot", { key: '182d1782edd1a8ea39c261b3171ad09e333005a3', name: "actions", onSlotchange: this.onSlotChange('actions') }))), index.h("div", { key: '4fbb805c8c59841b893a19aa2ef10a186a1eaee7', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, index.h("slot", { key: 'fe7bd2aee357dcc1756242b0f270ee7bf9aeee59', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && index.h("bs-divider", { key: '934d82094f2af340028b58bff79fefb705b7e2c5', part: "divider", class: "bs-page-header__divider", decorative: true })));
+        return (index.h("div", { key: '3cf7dfcd28a81f58c7f37cf0a14fc84e51887b76', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, index.h("div", { key: '8be207e648eaecde7a9ea7ded2227b68c641cc8e', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, index.h("slot", { key: 'ceb82e77e6b74adb4634da5fa877045e2e175e03', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), index.h("div", { key: '30c93eecb7cd6a99e8b0085132e87b1d71ddfc1a', part: "row", class: "bs-page-header__row" }, index.h("div", { key: '0278085df66b9d8dd19923aa6fd16c2d2f6678fc', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (index.h("bs-icon-button", { key: 'f2976379ff04f17d7e21890a60be41fe3781781f', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, index.h(ArrowLeftIcon, { key: '5c7b527588ba9ff7075cae244f11194e4bb23d3c' }))), index.h("div", { key: '626b9b72102a4398bd22e952ff34ab75177476d7', part: "title", class: { 'bs-page-header__title': true, 'bs-page-header__title--controls': this.back || this.favoritable } }, index.h(`h${level}`, { part: 'heading', class: { 'bs-page-header__heading': true } }, this.heading), index.h("span", { key: '09e41d7d9db21782076b21f97e7a01ae8febacc7', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, index.h("slot", { key: '116217f2555f73853291771cf1e34bee20ae39d8', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (index.h("bs-icon-button", { key: '789a38553649afb6af3cf1bb28f21a2fd5d47575', part: "favorite", class: "bs-page-header__favorite", variant: "subtle", size: "sm", ariaLabel: this.favoriteLabel, pressed: this.favorite, onClick: this.onFavoriteClick }, this.favorite ? index.h(StarFillIcon, null) : index.h(StarIcon, null)))), index.h("div", { key: '69114baafce7920ac660851611f5ab7915c03b21', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, index.h("slot", { key: '7635e0a251e78d397f9cb0eab55c406d8fde7f83', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), index.h("div", { key: 'c0cb55e4dda146f312196bc7d6e84372b14ddbbf', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, index.h("slot", { key: '1606422ea7cd1ab26cafda9a9a9c75eb2a9de2c1', name: "actions", onSlotchange: this.onSlotChange('actions') }))), index.h("div", { key: '51314d8e563c662576f60f36fa5343a8c3949a86', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, index.h("slot", { key: 'c87a0a0f24ba07dd7e6e53ba82f42a9bdac0ddbc', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && index.h("bs-divider", { key: '74310d42be82e3ce282907fa0fb5988baa4958c8', part: "divider", class: "bs-page-header__divider", decorative: true })));
     }
 };
 // Paths from Phosphor Icons (MIT) "arrow-left", "star" and "star-fill", regular/fill weights, 256 viewBox.

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

@@ -74,7 +74,7 @@ const BsPagination = class {
     }
     render() {
         const pageList = this.getPageList();
-        return (index.h("nav", { key: '4d0e0678cb546e757076f52dd332353f5dceb89c', "aria-label": this.navLabel }, index.h("ul", { key: '4c37e78c17484799dee3ab9b8d4b5470f1713d69', part: "list", class: "bs-pagination__list" }, index.h("li", { key: '46cf1afd5ec8ef00775f6b9f8053633eaa87010f', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '86995ca4df3985acf8aa982ead66033900aab8b0', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h("bs-ripple", { key: '4186e24d5b783b39361c1fc3afbee75e762acbac', part: "ripple", centered: true }), index.h(ChevronLeftIcon, { key: '78390e8caa95e368afc32c46d762e02172e6915e' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, index.h("bs-ripple", { part: "ripple", centered: true }), item)))), index.h("li", { key: '9323263102672c32d82dff25b58858128f8dee52', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '6cdffee730ece68573a887fa6a498afec2c6ad00', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h("bs-ripple", { key: '7f32878954accdfba2a3a44389b4a686b09ae95d', part: "ripple", centered: true }), index.h(ChevronRightIcon, { key: '778e7c931627aafbe460f156130902be945bdcbc' }))))));
+        return (index.h("nav", { key: '9eb229b76d46def6b31c6d39050e9a430ae07581', "aria-label": this.navLabel }, index.h("ul", { key: '336805070ea55b5bdc0f2169c1a6302a184d0e6c', part: "list", class: "bs-pagination__list" }, index.h("li", { key: 'e497e51cddbb096da10ac1d824490e8b28d36809', part: "item", class: "bs-pagination__item" }, index.h("button", { key: 'de4c34f1d0743d8ee4a684c7c3fa7ca43f9d74ef', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h("bs-ripple", { key: 'c76e6969a5580ae7071b2151cc5c9e27a10a22dc', part: "ripple", centered: true }), index.h(ChevronLeftIcon, { key: '8f666eb4b71940ab40334378cef0b66649fb704e' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, index.h("bs-ripple", { part: "ripple", centered: true }), item)))), index.h("li", { key: '55ea77122efe683ad3d8a32e058712dabe331ceb', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '34c2f11b2f24318afe03bcabd9aebd3add313b3d', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h("bs-ripple", { key: '1434448f7ab9423d69dbeadf945904722ea9b8fd', part: "ripple", centered: true }), index.h(ChevronRightIcon, { key: 'de1e41e3ce155f2e7ae206b3664aa5112778836d' }))))));
     }
 };
 function range(start, end) {

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

@@ -207,7 +207,7 @@ const BsPopover = class {
         }
     };
     render() {
-        return (index.h("div", { key: 'ce6f02434397af383d01cf626f5fa90959a848a7', class: "bs-popover" }, index.h("div", { key: '6ae450e861221506fb3d585c78c5b9374c34b186', part: "trigger", class: "bs-popover__trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, index.h("slot", { key: 'e7c496e62d278a8a08a369b424e908e20afe0a73', name: "trigger", ref: el => (this.triggerSlot = el), onSlotchange: this.syncTriggerAria })), index.h("div", { key: 'f0ac77bd675a740524c071d91801a1a7ae6211c0', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, index.h("slot", { key: 'c76842cf3f034d1985ec4dcff1217e60b2107220' }))));
+        return (index.h("div", { key: '442cf6911ed405aac4188bc738106fdcafabb48a', class: "bs-popover" }, index.h("div", { key: '8c15ae6cd943d2ca6903b49122e46b2e5bc41d1f', part: "trigger", class: "bs-popover__trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, index.h("slot", { key: 'ddd1fc52afec350a329e6401655f99d094eb8bf3', name: "trigger", ref: el => (this.triggerSlot = el), onSlotchange: this.syncTriggerAria })), index.h("div", { key: 'abf249e798f28f2a55fb55ce1a5f1cdfc25abbf2', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, index.h("slot", { key: '6260ce56fb1d8db30fba89e8ac3bbd21335a0677' }))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -75,7 +75,7 @@ const BsPresence = class {
     }
     render() {
         const preset = PRESETS.includes(this.preset) ? this.preset : 'fade';
-        return (index.h(index.Host, { key: '1df0759e9d2134565616f08ad97bd79b2f0cfcd3', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, index.h("div", { key: 'f3938c98f3db377b696d6d290583684a17b44d52', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, index.h("div", { key: 'aed0115b7dc4e0dcf6d7ff6b4413a8cb09c7c3ff', class: "bs-presence__clip", ref: el => (this.clip = el) }, index.h("slot", { key: '82b3089138460f818a1d18561a77c67d155c9ca4' })))));
+        return (index.h(index.Host, { key: '4c1721cfa6f1f19a7a577cbb510e9f5932a9cb72', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, index.h("div", { key: '45f744da1c1a491a92956cb2a1f890e00423d22e', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, index.h("div", { key: '09674d2d90a00ddf09304b09a221555f74ec9b9a', class: "bs-presence__clip", ref: el => (this.clip = el) }, index.h("slot", { key: '277a3d4ebc1822ef77f5c8c30507802dbe93ea80' })))));
     }
     static get watchers() { return {
         "active": [{

package/dist/cjs/bs-progress-linear.cjs.entry.js

@@ -35,13 +35,13 @@ const BsProgressLinear = class {
     render() {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
-        return (index.h("div", { key: 'ebb65abea0eeae086f7de10ec3f509145497a14a', part: "container", class: "bs-progress-linear" }, index.h("div", { key: '9673fd25c2191a8cac67d40a264b5b36a68e65fc', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
+        return (index.h("div", { key: 'c634db43c248992f4809435d3a5e19c281807295', part: "container", class: "bs-progress-linear" }, index.h("div", { key: 'c05e032e3b4b2a3dbdeaae0888adbb4bce0bc4e7', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
         // Figma's indeterminate bar is a soft "comet" gradient segment (transparent -> blue ->
         // transparent) sliding left-to-right across the track's full width in a loop -- the
         // same fade concept as bs-progress's indeterminate ring's conic-gradient comet tail,
         // but along a straight line via a linear-gradient + `transform: translateX(...)`
         // keyframe animation instead of a rotating conic-gradient.
-        index.h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (index.h("span", { key: 'ccaa0586c64ace7d61d0983027ffac9553d09fc1', part: "label", class: "bs-progress-linear__label" }, index.h("slot", { key: 'cf3582f32b00eb4f00dfe4804c61f6d10eae8421' })))));
+        index.h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (index.h("span", { key: '91813ef512bc6df2f084d50c0dfed03b3e13a771', part: "label", class: "bs-progress-linear__label" }, index.h("slot", { key: '5694cce314712f9f533a7f66696bfe22fb9204bc' })))));
     }
     // The default slot's assigned content lives in the host's light DOM regardless of whether a
     // <slot> is currently rendered in the shadow tree, so this can be computed directly from the

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

@@ -57,7 +57,7 @@ const BsProgress = class {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
         const dashOffset = circumference * (1 - value / 100);
-        return (index.h("div", { key: '65b3c545f862919e2106e405fc2f77f1b2fd8db1', part: "container", class: "bs-progress" }, index.h("div", { key: '9cb0c0c8396a3eb9f06a446172449363af1ff68c', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, index.h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), index.h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
+        return (index.h("div", { key: 'b9f7e4ce455959c1c1593d2033ae6604deaa8899', part: "container", class: "bs-progress" }, index.h("div", { key: '283ace9aa3cd0715e7605dd191effcaa893c37a4', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, index.h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), index.h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
         // Figma's indeterminate ring is a fading "comet tail" (transparent -> solid color),
         // not a flat-colored partial arc -- SVG has no angular/conic gradient primitive, so a
         // CSS conic-gradient (color varying by angle) + a radial-gradient mask (carving the
@@ -66,7 +66,7 @@ const BsProgress = class {
         index.h("div", { part: "arc", class: "bs-progress__spinner", style: {
                 '--bs-progress-spinner-stroke-width': `${this.strokeWidth}px`,
                 '--bs-progress-spinner-sweep': `${INDETERMINATE_SWEEP_DEGREES}deg`,
-            } }))), isDeterminate && this.showLabel && (index.h("span", { key: '085949315490ac6febaf59defdb6815d5d7c909a', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
+            } }))), isDeterminate && this.showLabel && (index.h("span", { key: 'b8e08c590211bbe0f372b7dc716f128bb5dbe0dc', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
     }
 };
 BsProgress.style = bsProgressCss();

package/dist/cjs/bs-qr-code.cjs.entry.js

@@ -135,7 +135,7 @@ const BsQrCode = class {
         const buttonSize = this.size === 'sm' ? 'sm' : 'md';
         // Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
         // which is what bs-button's disabled primary looks like.
-        return (index.h("bs-card", { key: 'acac137c9373a4e33e03de20577625674aeeec64', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (index.h("bs-icon-button", { key: 'da324148b093c87218dcba26ca7ffb16ee0f2790', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '6acba64213477d592b7f234270422a14fbe05b79', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: '8b546585eec6f52bbb2ce845e17f49e1cdbe579c', d: "M5 5L15 15M15 5L5 15" })))), index.h("div", { key: 'd63f0bffd499637c20177905b931dd7fc62f55c7', class: "bs-qr-code__body" }, index.h("div", { key: 'bc0ac041e8bd83d5f30491b8d03aa593913665cc', part: "head", class: "bs-qr-code__head" }, index.h("p", { key: '8c2c150daddf98ef7e32aee7ee7972203185cc1f', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (index.h("p", { key: 'c2535fbccf5c9a33fbc416399fa589091da94278', part: "description", class: "bs-qr-code__description" }, this.description))), index.h("div", { key: '9fa8b02d1dcd4edcf5d937db44a2d0e1d4bbd307', part: "qr", class: "bs-qr-code__qr" }, index.h("div", { key: '502affeb1af80fc3af626af9b5c179444982b249', part: "code", class: "bs-qr-code__code" }, index.h("slot", { key: 'a802218022f125612fd61f63854005a2bed3223c', name: "code" }, this.renderMatrix()), index.h("div", { key: '045351ad97351e49131fbf79996350fd9af6160d', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, index.h("slot", { key: 'e4b05ef5c4e5df468a0fb3c0ec245a0e4a53a609', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (index.h("div", { key: '6a338d449756d1c6e0c5d59604d614acf3938811', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && index.h("p", { key: '60657d505fe402761d84f562f929726f528e792a', class: "bs-qr-code__amount-label" }, this.amountLabel), index.h("p", { key: 'c757d8d15955b352fc9eced1e4fb116f8e39afc4', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (index.h("div", { key: '59d77665d6e850cb9bc3c60d2b39e3abd61fa546', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (index.h("bs-chip-informative", { key: '412542db129e3b1335eb9e754c0b981f496f72f1', part: "expiry", size: "md" }, index.h(TimerIcon, { key: '0721618163064e70e5b181c8bac7296214b72d86', slot: "icon" }), this.expiry)), showActions && (index.h("div", { key: 'dfc0aa9a44c623dbee6ffca247b21af2ff791545', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (index.h("bs-button", { key: 'e7ce8219ff5f35a05c64dcf62995b2b531cd37f2', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, index.h(DownloadIcon, { key: 'b936f66da8e66bc4ad5cee666d63c16892dcccf6', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (index.h("bs-button", { key: 'ef1fe130c78f47d774c174978e0f242101b2f6eb', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, index.h(CopyIcon, { key: 'd4a3e188b650994ff4bd3848ac3baf70ece52646', slot: "icon" }), this.copyLabel)))))));
+        return (index.h("bs-card", { key: '25ff80443efeb211e1f15111f4c90620193d8525', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (index.h("bs-icon-button", { key: '5d301b4133befcee86633b227e2b55c647acff17', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '866e3f1ed51f5a63cfe5e6185f2cca3b2b18520f', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'ba99d91cddcec6b0c1386356f8fe87af347ec9c0', d: "M5 5L15 15M15 5L5 15" })))), index.h("div", { key: '1e9fe4df8e53de6a7ccefeb29cb441df2789875d', class: "bs-qr-code__body" }, index.h("div", { key: 'd7315c33e8f7289ca11090808f48f76bbe660992', part: "head", class: "bs-qr-code__head" }, index.h("p", { key: '7865518117c16bdc748e3de73d207753d8dcdfd0', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (index.h("p", { key: '7e78b1c4bc630e33aa8afa5764440235fa945421', part: "description", class: "bs-qr-code__description" }, this.description))), index.h("div", { key: 'b4b188f471084f899d67b1df3eab48488255e390', part: "qr", class: "bs-qr-code__qr" }, index.h("div", { key: '1967ba294b369102b1746b1e607aa539b90e88d5', part: "code", class: "bs-qr-code__code" }, index.h("slot", { key: '80ce9b584d05d28ed79064fbc86bf63186583373', name: "code" }, this.renderMatrix()), index.h("div", { key: 'd80f9ace4a450a2f8e9f40570a296bad069c4779', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, index.h("slot", { key: '68f7e3562c8407525e3943d47523f21a4866e451', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (index.h("div", { key: 'a2f6397fadff014cb0d675b89b7dcc0e0f218630', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && index.h("p", { key: '69f1054729a2e1315b8a2c8c480bb301c6806fa0', class: "bs-qr-code__amount-label" }, this.amountLabel), index.h("p", { key: 'a2cc025a819c542c8a8eb5c1cf8573d7fb12741a', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (index.h("div", { key: '1d3a758cfe7589b556ede6c25d524bce76afaee2', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (index.h("bs-chip-informative", { key: 'a89157d8e431c053475abdfe5f0bba608f5a2d11', part: "expiry", size: "md" }, index.h(TimerIcon, { key: '20436f09c87a649827d5139308b3c5fd8f6abe7a', slot: "icon" }), this.expiry)), showActions && (index.h("div", { key: 'cdf415171b0fb7e470dd54325954a91b937d4f8f', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (index.h("bs-button", { key: '7de589ac46bc6cc7108e1f176265adad7fd16873', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, index.h(DownloadIcon, { key: '8584c8f0f176f0c20eaffea7c9a8d3e968725028', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (index.h("bs-button", { key: '99aad46fc21d1ed92c9e191a438d66364af1a045', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, index.h(CopyIcon, { key: '1dd10b9a2782841b63a6fa341ce03abe5404f7c2', slot: "icon" }), this.copyLabel)))))));
     }
 };
 const iconProps = { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true' };

package/dist/cjs/bs-radio-group.cjs.entry.js

@@ -74,7 +74,7 @@ const BsRadioGroup = class {
         const labelId = `${this.id}-label`;
         const descId = `${this.id}-desc`;
         const note = this.error || this.description;
-        return (index.h("div", { key: '47cc53ab00dd36c03e421cbf5eda4c32b91442ec', part: "group", class: { 'bs-radio-group': true, 'bs-radio-group--error': !!this.error }, role: "radiogroup", "aria-labelledby": this.label ? labelId : undefined, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (index.h("span", { key: '7d52c46d6fc5929b71df5597e31d1292b1dcac49', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && index.h("span", { key: '7693050336567a5916f9fb6c23879649d8d2df3e', "aria-hidden": "true" }, " *"))), index.h("div", { key: '11622d25f87f4bd4b9cf13a0f3f099d986f77494', part: "options", class: "bs-radio-group__options" }, index.h("slot", { key: 'e337931a641588403008e622c558b1512de69f78', onSlotchange: this.onSlotchange })), note && (index.h("span", { key: 'f446de2184455d4c497a7daf18ef07605c6c64cd', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
+        return (index.h("div", { key: 'e39810129ecc8a71fd4d2ccd96041f0a516f9203', part: "group", class: { 'bs-radio-group': true, 'bs-radio-group--error': !!this.error }, role: "radiogroup", "aria-labelledby": this.label ? labelId : undefined, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (index.h("span", { key: '57509af8324282bc4612b79f25992fa62984e570', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && index.h("span", { key: '716bbae9380c3ba1466425988de7340b5e0734d0', "aria-hidden": "true" }, " *"))), index.h("div", { key: 'e9acf3108014adaced72941e1e0de1a15929f21f', part: "options", class: "bs-radio-group__options" }, index.h("slot", { key: '7c47355f54c43a863061821cb02deefe1126e714', onSlotchange: this.onSlotchange })), note && (index.h("span", { key: 'd5b655a580a950045010069f4bfcdbf28c106251', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -104,7 +104,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (index.h("label", { key: '8fe69faddaab6937235d4b949f51e8f71a5e8f86', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: 'da0f6c12e2e9900d0679afb22dd9c2b48d9561e3', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.ariaLabel, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), index.h("span", { key: '365fdee2ea5a087dbf44cbfe5b7e3f1ec74e3cbe', class: "bs-radio__hit-area" }, index.h("bs-ripple", { key: '3937ed7859d9579555a3bf05494628e1ba240096', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), index.h("span", { key: '1180c9932b5489228318f1d46d643ec8c6234c2f', class: "bs-radio__state-layer" }, index.h("span", { key: 'c0d2d0defc96fb2e875840d14cf2da97d50a5b89', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: 'd5f335acf4df51c1e5acb87aed111cea2aeb9987', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '306438ba56a512bda5bf9bebf0ce4188b2461353', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '00cb4aafde55424c58f72ba4d04b16e757171814' }))));
+        return (index.h("label", { key: '26f8fa0470b6aa5249b1c2a21b7d55dcca76b768', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '4dbaa0ef0d060353aa2bf134a99f5d6212bfbd69', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.ariaLabel, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), index.h("span", { key: 'e74c82652f45ab560dba4767aea0070fa073e486', class: "bs-radio__hit-area" }, index.h("bs-ripple", { key: 'fa2c19c2caa5ffdf892c51c893570570e2ef18af', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), index.h("span", { key: '7f50a239ccaebebaaaa0cb83117a2b4798d028e6', class: "bs-radio__state-layer" }, index.h("span", { key: 'baaf9f515aaa3777dcd85bb3b8c180ed9f141e2b', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '225f8a13423e9e5b8cc6cd13cb56d85aa5051ad9', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '7959a89f2fa7171ce9c7e2f2eddad726d571676c', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '5bf56794007d36f05a34d2ee80aa5c316bb351fd' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -39,7 +39,7 @@ const BsSearchItem = class {
     slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
     render() {
         const role = this.selectionRole ?? undefined;
-        return (index.h("div", { key: '6c0faf1a5d945dbdfcaf6ff5e23a6029efb0ab62', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && index.h("bs-ripple", { key: 'ae363a22e2d4d40045b2afc739f41c5e5eabf508', part: "ripple" }), index.h("span", { key: 'f8d861cffe529ab1b119bbc59f71042b0cee3820', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: 'fe1e31814f84747c1ebf148211d3c703cac74c35', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '872182c11ea6fb19b80b2630a5898acb00bfe53c', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '3fe5621200fbff4021b677b740b189f181aa9b68', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: '3c996c15654a841c63897c551c7f8d7d00946390' })), index.h("span", { key: '17a925fc22786a02cfce8573060df2690680374a', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: '134aa77acfa05875bb0cc551bcad3e746c0e27d2', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: 'cd18deec1f4cdd5420d96a2a4dcb82ec5d846bc1', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: '869bf9df401f4958a368f1c9a3e8a93bc1c20e61', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+        return (index.h("div", { key: '8bd4f3ebead19d51a61dd1e9a4cd812b3dbf3f16', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && index.h("bs-ripple", { key: 'f60c181c97f9167cce6650002dc10e5d2fb3a4be', part: "ripple" }), index.h("span", { key: 'a1178eed50f0d398d71446ed60d2bf8790c6eb45', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '59a5f005d9681ac28ef9730ab6d58ba63df56393', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '76ca2825dc981896ecdfce8feed5ab7b014f7ae0', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '0096d93b998b9e76930423f6599d8495e847244a', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: 'c9dd0aa924790611302b1275793c3f2c3f5827f2' })), index.h("span", { key: '2a746683a251781d7b4d53c4778640c4f6814088', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: 'c144563477a5217d3e458aa59987b27236f4be40', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: '4925a26b5976ae6b0a885b6cb8ebfe41ca58be55', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: 'd215f00d94710993a6293c9db5797ad4616b326d', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
     }
 };
 BsSearchItem.style = bsSearchItemCss();

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

@@ -208,7 +208,7 @@ const BsSelect = class {
         const fieldClasses = ['bs-select__field', this.error ? 'bs-select__field--error' : '', this.disabled ? 'bs-select__field--disabled' : '', this.open ? 'bs-select__field--open' : '']
             .filter(Boolean)
             .join(' ');
-        return (index.h("div", { key: '4aed1f57bb8649ab29946658e9b2248377e32306', class: `bs-select ${this.error ? 'bs-select--error' : ''}` }, this.label && (index.h("span", { key: '91955ebde96948c58c1fbd1c9293b006bbcad591', part: "label", id: labelId, class: "bs-select__label", onClick: () => !this.disabled && this.fieldEl?.focus() }, this.label, this.required && (index.h("span", { key: 'd5beb71e22df9e41f07c54dc305240dce7f9c44e', class: "bs-select__required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '12154c69cb340dbb5920a89ef844fb61e1e71c5f', class: "bs-select__wrapper" }, index.h("div", { key: '6725f28ae24c0c1297ce51651d097d516cc50f30', part: "field", class: fieldClasses, ref: el => (this.fieldEl = el), role: "combobox", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": listId, "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, "aria-activedescendant": this.open && this.activeIndex >= 0 ? optId(this.activeIndex) : undefined, "aria-describedby": this.error || this.description ? msgId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onFieldClick, onKeyDown: this.onKeyDown, onBlur: this.onBlur }, index.h("span", { key: '7640eea18ff247d361e5181dda85bb7631d6beb3', part: "value", class: `bs-select__value ${selected ? '' : 'bs-select__value--placeholder'}` }, selected ? selected.label : this.placeholder), index.h("svg", { key: '4ecf0f4eef95f9050d8c0bda3a7f3a2845fad1d8', part: "icon", class: "bs-select__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '874cf7736a8f0aff3e26935bdafdba41ac4c1e19', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("ul", { key: 'c3166fb6b4716ab49f98a88be697bdb6a09cd2ed', part: "listbox", id: listId, class: "bs-select__listbox", role: "listbox", "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, hidden: !this.open, ref: el => (this.listEl = el), onMouseDown: (ev) => ev.preventDefault() }, this.options.map((o, i) => (index.h("li", { part: "option", id: optId(i), key: o.value, role: "option", "aria-selected": String(o.value === this.value), "aria-disabled": o.disabled ? 'true' : undefined, class: ['bs-select__option', i === this.activeIndex ? 'bs-select__option--active' : '', o.disabled ? 'bs-select__option--disabled' : '', o.value === this.value ? 'bs-select__option--selected' : '']
+        return (index.h("div", { key: 'e8ac6945a6f9f786fc41b574e51384c30abcd776', class: `bs-select ${this.error ? 'bs-select--error' : ''}` }, this.label && (index.h("span", { key: '54c4e9b9dc67f6943e4ff4d17bd9ac85cf885e03', part: "label", id: labelId, class: "bs-select__label", onClick: () => !this.disabled && this.fieldEl?.focus() }, this.label, this.required && (index.h("span", { key: 'dbd94b0805bff1f3f826afa3d4f203c4a703353f', class: "bs-select__required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '1a72f710156cd4af244015bcfe846c7a90e05b82', class: "bs-select__wrapper" }, index.h("div", { key: '4514dae9a34746dcc3c820b6119424beff02575f', part: "field", class: fieldClasses, ref: el => (this.fieldEl = el), role: "combobox", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": listId, "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, "aria-activedescendant": this.open && this.activeIndex >= 0 ? optId(this.activeIndex) : undefined, "aria-describedby": this.error || this.description ? msgId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onFieldClick, onKeyDown: this.onKeyDown, onBlur: this.onBlur }, index.h("span", { key: '98c1f4cb0e7c9a32516f87f79eaa3a26ff908ac1', part: "value", class: `bs-select__value ${selected ? '' : 'bs-select__value--placeholder'}` }, selected ? selected.label : this.placeholder), index.h("svg", { key: '4d98486b54716093d6ba6d9d607d2d8b8a59a7a9', part: "icon", class: "bs-select__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'f49edfe803c3641df79de822c5a706a988098fac', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("ul", { key: '986f8472599daaabdc00e147e5d18b36821d786e', part: "listbox", id: listId, class: "bs-select__listbox", role: "listbox", "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, hidden: !this.open, ref: el => (this.listEl = el), onMouseDown: (ev) => ev.preventDefault() }, this.options.map((o, i) => (index.h("li", { part: "option", id: optId(i), key: o.value, role: "option", "aria-selected": String(o.value === this.value), "aria-disabled": o.disabled ? 'true' : undefined, class: ['bs-select__option', i === this.activeIndex ? 'bs-select__option--active' : '', o.disabled ? 'bs-select__option--disabled' : '', o.value === this.value ? 'bs-select__option--selected' : '']
                 .filter(Boolean)
                 .join(' '), onClick: () => this.commit(i), onMouseMove: () => !o.disabled && this.activeIndex !== i && (this.activeIndex = i) }, index.h("span", { class: "bs-select__option-label" }, o.label), o.value === this.value && (index.h("svg", { class: "bs-select__check", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.error ? (index.h("span", { id: msgId, part: "error", class: "bs-select__error" }, this.error)) : this.description ? (index.h("span", { id: msgId, part: "description", class: "bs-select__description" }, this.description)) : null));
     }