@brandsync/wc 1.20.0 → 1.21.0

package/dist/collection/components/bs-message-list/bs-message-list.js

@@ -75,7 +75,7 @@ export class BsMessageList {
         }
     };
     render() {
-        return (h("div", { key: '4a9aba669da325e805219d3f4d11dfbfdd235147', class: "bs-message-list" }, h("div", { key: '86a867dda211c2648a7e1a82f18b94a3924a774e', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '649dd0db989cea62876092ed384a704468392e0d' })), this.showScrollButton && (h("bs-icon-button", { key: 'e4066ec90ac6ea3000e10db1920eeaf028611548', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: 'c6f25699e0f1de5b543b6297c4158a05e3f04eb3', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '044b506ee58e69c3dec36eb107c5565899a036e5', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h("div", { key: '12927a4ddaadf555a427fe07ff5dd128fa2651b4', class: "bs-message-list" }, h("div", { key: '74770ff42ba4cd8208b98f0057feb1875c729f92', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '93e3bc699ecf49944b5709976fee533e9ae281ec' })), this.showScrollButton && (h("bs-icon-button", { key: '7871fc76177cae034e7c4f76c940dd33402ff327', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '31cc721616e5d4841802e18ae7b004dd357ebc39', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'cd133124826c625e34402e8b433a7d3eb562bee1', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get is() { return "bs-message-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-page-header/bs-page-header.js

@@ -109,7 +109,7 @@ export class BsPageHeader {
         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 (h("div", { key: '38f51471c2c9c98dc0a84b82813399f12f221aa0', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, h("div", { key: '3313d74119c09977fa812a17f183da9c2981bc50', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, h("slot", { key: '8c4668a0d782fd22c73d0b85cffc49d3139c62f2', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), h("div", { key: '6cf0fb207aff871d1366e6ced2beb05a1ff86e57', part: "row", class: "bs-page-header__row" }, h("div", { key: 'e21c28244990e259d802192f414e3c7fa909ac7d', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (h("bs-icon-button", { key: '4cb2a4347504ec675d2f678c7eb478491f7f3cef', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, h(ArrowLeftIcon, { key: 'ff9323bc90d6697ea54556e7d03fc147738579ee' }))), h("div", { key: '1e9065ec14b16ec8f354ed54d3403098cb69e55c', part: "title", class: { 'bs-page-header__title': true, 'bs-page-header__title--controls': this.back || this.favoritable } }, h(`h${level}`, { part: 'heading', class: { 'bs-page-header__heading': true } }, this.heading), h("span", { key: 'f332178c13713ea9ae7864344795baa390e0be56', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, h("slot", { key: '2881dfb50b69b93c24263e0d9ea5a43787be779c', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (h("bs-icon-button", { key: '341c9b1b79fb05203a0d59fa752856b2d0de96cc', part: "favorite", class: "bs-page-header__favorite", variant: "subtle", size: "sm", ariaLabel: this.favoriteLabel, pressed: this.favorite, onClick: this.onFavoriteClick }, this.favorite ? h(StarFillIcon, null) : h(StarIcon, null)))), h("div", { key: '2021b23ac34262168aa063079c2cdcf249297d44', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, h("slot", { key: '0937a7986fb7a8338cc228b58d45dd679942e067', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), h("div", { key: '284547154c9cfe20b1455b4dd51e9d336cc4fb91', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, h("slot", { key: 'e6a7bf0ca86f9864bebe7d87ddcefd7030c8bf32', name: "actions", onSlotchange: this.onSlotChange('actions') }))), h("div", { key: '267dd69b1732befe8c06193ff1dab20288f2053a', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, h("slot", { key: '8b778bf7c356205ac65e843112415b344f5bf332', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && h("bs-divider", { key: 'ba4351e50cbeef3088514f84a83966dabe10c4a7', part: "divider", class: "bs-page-header__divider", decorative: true })));
+        return (h("div", { key: 'a469f1c878c18792ddfe5543c769e8532a14d286', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, h("div", { key: 'f521d13ff55dde674dd751152ea523ca02e09967', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, h("slot", { key: 'a9a6035be05eb96da26c08aa10eb82fd2d434bd4', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), h("div", { key: 'bd9aeef1feb104eefb5a385fbb7ecfec8b6c5ed3', part: "row", class: "bs-page-header__row" }, h("div", { key: '65ce0eb8d77c1a00963b19570f4346a27987fad9', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (h("bs-icon-button", { key: '4083d59309cdc5222bd3a41e8c5c75b30fb9f7e9', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, h(ArrowLeftIcon, { key: '525886b66443c8ff8e044880e0c5eacd4c8ce6aa' }))), h("div", { key: '4c03f9f11f42809b822f1e827068096951a65e71', part: "title", class: { 'bs-page-header__title': true, 'bs-page-header__title--controls': this.back || this.favoritable } }, h(`h${level}`, { part: 'heading', class: { 'bs-page-header__heading': true } }, this.heading), h("span", { key: '739ac812368229ea084a43f0ac601c5b247f78b1', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, h("slot", { key: '61178a4c48e7eeaf031fdfb70f6f14da11bc8e8c', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (h("bs-icon-button", { key: '1e1bae3f165a452eaa17a46fd102c6281c787e3f', part: "favorite", class: "bs-page-header__favorite", variant: "subtle", size: "sm", ariaLabel: this.favoriteLabel, pressed: this.favorite, onClick: this.onFavoriteClick }, this.favorite ? h(StarFillIcon, null) : h(StarIcon, null)))), h("div", { key: '8208069cf42463ca179842b7f83ad21aad332659', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, h("slot", { key: '60d0c693784b12146d9b04168528fcecbfdec922', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), h("div", { key: '23c938afbe4f28ec2094056b485d0ac6cd6af47b', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, h("slot", { key: '4526fc55acd84205ccdf4760968164b438eededd', name: "actions", onSlotchange: this.onSlotChange('actions') }))), h("div", { key: 'bb305e5321e998c31fc768a3dcaf27646356a9f4', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, h("slot", { key: 'fa4e392f34f72363a7da75c446fa1039ea7b9ea7', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && h("bs-divider", { key: '31326f1ab16eca04ca813f8d523800270f7151b0', part: "divider", class: "bs-page-header__divider", decorative: true })));
     }
     static get is() { return "bs-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-pagination/bs-pagination.js

@@ -92,7 +92,7 @@ export class BsPagination {
     }
     render() {
         const pageList = this.getPageList();
-        return (h("nav", { key: 'e0b7a524e5dee62d3938a5123d442bbed1dc7343', "aria-label": this.navLabel }, h("ul", { key: 'f4f7a7b9fade966be1cfec316f2fd7d9ac6bf07d', part: "list", class: "bs-pagination__list" }, h("li", { key: 'bc4c790a0c8044292226a51a80c1386227216f59', part: "item", class: "bs-pagination__item" }, h("button", { key: '555d5aac5bbe09201113e679dc15c605f73d9c01', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h("bs-ripple", { key: '3e0b6b85c01e65fef17d58842f8c28e3dbfa735c', part: "ripple", centered: true }), h(ChevronLeftIcon, { key: '73ac62d07eb2291ae51a40d666c6e5584d32114d' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, 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) }, h("bs-ripple", { part: "ripple", centered: true }), item)))), h("li", { key: 'a17911f50aef86dbeadeff8b78c9a7bf0ec7af38', part: "item", class: "bs-pagination__item" }, h("button", { key: '222299e7a5037a045e228fdbf37942bb00067d18', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h("bs-ripple", { key: '7c69b46ac6ee810a733b463090301e277e421f9d', part: "ripple", centered: true }), h(ChevronRightIcon, { key: '2f4a37edd28e4430b25e7b20ee37c0704667ce16' }))))));
+        return (h("nav", { key: '2e61374a3b2d6538ec297915b6a0791e5e5a637f', "aria-label": this.navLabel }, h("ul", { key: 'a2abe1a24e79bd01be23832861cdc4d534810b4c', part: "list", class: "bs-pagination__list" }, h("li", { key: '3be6627a6369222829cffca7cd6de47a346dc1b6', part: "item", class: "bs-pagination__item" }, h("button", { key: 'f08b5e4ec7d2d71b3ccc2db3be9171663a5311cb', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h("bs-ripple", { key: 'a81b48cbbc64d406f5c9ed0eac96066cbe5735ec', part: "ripple", centered: true }), h(ChevronLeftIcon, { key: '024845aee202d65979b2fb802e603fa3c190fdbd' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, 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) }, h("bs-ripple", { part: "ripple", centered: true }), item)))), h("li", { key: 'ab1300cedccb62502d5b9b18d24d6d0567ea60b1', part: "item", class: "bs-pagination__item" }, h("button", { key: '9a1013034a9e0ab1cb29f7946b8a3e848ab959ea', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h("bs-ripple", { key: 'd8bf1df86d661bade1a9518c748674298e4dc840', part: "ripple", centered: true }), h(ChevronRightIcon, { key: 'e81e07440ba141dfe1ed85fd43c76223452a5805' }))))));
     }
     static get is() { return "bs-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-popover/bs-popover.cmp.test.js

@@ -2,15 +2,22 @@ import { render, h, describe, it, expect } from "@stencil/vitest";
 const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 const setup = () => render(h("bs-popover", null, h("button", { slot: "trigger" }, "Open"), h("div", null, "Content")));
 describe('bs-popover', () => {
-    it('is closed by default with aria wiring on the trigger wrapper', async () => {
+    it('is closed by default with aria wiring on the slotted trigger, not the role-less wrapper', async () => {
         const { root } = await setup();
-        const trigger = root.shadowRoot.querySelector('[part="trigger"]');
+        const wrapper = root.shadowRoot.querySelector('[part="trigger"]');
+        const trigger = root.querySelector('[slot="trigger"]');
         const popup = root.shadowRoot.querySelector('[part="popup"]');
         expect(trigger).toEqualAttribute('aria-expanded', 'false');
         expect(trigger).toEqualAttribute('aria-haspopup', 'true');
-        expect(trigger.getAttribute('aria-controls')).toBe(popup.id);
+        expect(wrapper).not.toHaveAttribute('aria-expanded');
+        expect(wrapper).not.toHaveAttribute('aria-haspopup');
         expect(popup.hasAttribute('hidden')).toBe(true);
     });
+    it('keeps an aria-haspopup the trigger already declares', async () => {
+        const { root, waitForChanges } = await render(h("bs-popover", null, h("button", { slot: "trigger", "aria-haspopup": "menu" }, "Open"), h("div", null, "Content")));
+        await waitForChanges();
+        expect(root.querySelector('[slot="trigger"]')).toEqualAttribute('aria-haspopup', 'menu');
+    });
     it('toggles on trigger click and emits bsOpenChange', async () => {
         const { root, waitForChanges, spyOnEvent } = await setup();
         const spy = spyOnEvent('bsOpenChange');
@@ -19,7 +26,7 @@ describe('bs-popover', () => {
         await waitForChanges();
         expect(root.open).toBe(true);
         expect(root).toHaveAttribute('open');
-        expect(trigger).toEqualAttribute('aria-expanded', 'true');
+        expect(root.querySelector('[slot="trigger"]')).toEqualAttribute('aria-expanded', 'true');
         expect(spy).toHaveReceivedEventDetail(true);
         trigger.click();
         await waitForChanges();

package/dist/collection/components/bs-popover/bs-popover.js

@@ -16,7 +16,7 @@ let popoverId = 0;
  *
  * @slot trigger - The element that toggles the popup (e.g. a `bs-button`).
  * @slot - Default slot: the popup content.
- * @part trigger - The wrapper around the trigger; carries aria-expanded/aria-haspopup/aria-controls.
+ * @part trigger - The wrapper around the trigger. `aria-haspopup`/`aria-expanded` are set on the slotted trigger element itself, not on this wrapper.
  * @part popup - The popup surface.
  * @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
  * @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
@@ -107,6 +107,7 @@ export class BsPopover {
         });
     }
     componentDidRender() {
+        this.syncTriggerAria();
         if (!this.open && this.closing && this.exitPending) {
             this.exitPending = false;
             this.playExit();
@@ -182,6 +183,29 @@ export class BsPopover {
         this.open = next;
         this.bsOpenChange.emit(next);
     }
+    /**
+     * Keeps `aria-haspopup`/`aria-expanded` on the slotted trigger -- the element that is actually
+     * focusable and announced -- rather than on the role-less wrapper div, where they are invalid ARIA.
+     * `bs-*` triggers (bs-button, bs-icon-button) forward these to their inner `<button>` through their
+     * JS properties; an attribute on the host would sit on a role-less element. A trigger that already
+     * declares its own `aria-haspopup` (e.g. bs-dropdown's `menu`) keeps it.
+     */
+    syncTriggerAria = () => {
+        const trigger = this.triggerSlot?.assignedElements()[0];
+        if (!trigger)
+            return;
+        if (trigger.tagName.startsWith('BS-')) {
+            const t = trigger;
+            if (!t.ariaHasPopup)
+                t.ariaHasPopup = 'true';
+            t.ariaExpanded = String(this.open);
+        }
+        else {
+            if (!trigger.hasAttribute('aria-haspopup'))
+                trigger.setAttribute('aria-haspopup', 'true');
+            trigger.setAttribute('aria-expanded', String(this.open));
+        }
+    };
     focusTrigger() {
         const first = this.triggerSlot?.assignedElements()[0];
         first?.focus();
@@ -204,7 +228,7 @@ export class BsPopover {
         }
     };
     render() {
-        return (h("div", { key: '60037b8ebeead636ca7cfb1d1fb5656662053854', class: "bs-popover" }, h("div", { key: '216a52057acbae40f00d5c7e09ad7141fe356a3b', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '08bd0b15dbf67de5fbfa5323570886f2ea7a5468', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '5e409b359b7afcf4da286cfb66a264897698018d', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, h("slot", { key: '35a194b6369502fa0da50795aff5ee418376d009' }))));
+        return (h("div", { key: 'a3da61665e619ba9d2f26692a17e7ab97e3c611a', class: "bs-popover" }, h("div", { key: '66f7eb97ee176b76da0f60879cbfb4b885a55989', part: "trigger", class: "bs-popover__trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: 'd39f84fd9473da623666d6d37847064160f9d06a', name: "trigger", ref: el => (this.triggerSlot = el), onSlotchange: this.syncTriggerAria })), h("div", { key: 'efdaf551223223bb8249a63d2cde6cdb23343495', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, h("slot", { key: '7e9557a3caebaedf33c0fd3bb56225192a8e918c' }))));
     }
     static get is() { return "bs-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-presence/bs-presence.js

@@ -89,7 +89,7 @@ export class BsPresence {
     }
     render() {
         const preset = PRESETS.includes(this.preset) ? this.preset : 'fade';
-        return (h(Host, { key: '9d25523c831b2851a7fb0f2c012361ddb6726e73', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, h("div", { key: '14726f5a42d6821866737b46f23cd4b103ca5649', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, h("div", { key: '35619f949a9e75db1c25ebca2c05d9e629d2ba51', class: "bs-presence__clip", ref: el => (this.clip = el) }, h("slot", { key: '65da3ddd001ae35ae919550b10c1118285bbaffa' })))));
+        return (h(Host, { key: 'f96345233704eec650210f1c8eeadb04973a9dc6', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, h("div", { key: '2a4e0edb4156e57c74f8fa45ff21458428602dcb', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, h("div", { key: '64986252539745f6609fc677376c4d128dcd89e8', class: "bs-presence__clip", ref: el => (this.clip = el) }, h("slot", { key: '92e5ddf2147dbde7146a4642de8e44f8e38d373b' })))));
     }
     static get is() { return "bs-presence"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-progress/bs-progress.js

@@ -69,7 +69,7 @@ export class BsProgress {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
         const dashOffset = circumference * (1 - value / 100);
-        return (h("div", { key: '187ceff8a1b9d4f0adedaea62de6ac2aeb416d84', part: "container", class: "bs-progress" }, h("div", { key: '89b1434e55d1e431a298a8744a3b3bc2f305f68c', 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 ? (h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), 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 (h("div", { key: '26f361ccddc2265363c058cfa4ddc85a6707643d', part: "container", class: "bs-progress" }, h("div", { key: 'cdf756b2152c95d42dbd44a4ac2c296e0579ca68', 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 ? (h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), 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
@@ -78,7 +78,7 @@ export class BsProgress {
         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 && (h("span", { key: 'be64ef0cb99048d327e42799915544cd5eff1205', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
+            } }))), isDeterminate && this.showLabel && (h("span", { key: '3880f17dd4c3b9fe71e10ed5da5e0f6ee33b72e2', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
     }
     static get is() { return "bs-progress"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-progress-linear/bs-progress-linear.js

@@ -51,13 +51,13 @@ export class BsProgressLinear {
     render() {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
-        return (h("div", { key: '3573f6a22f8fd305b00e6e6a6cbd956225c84d23', part: "container", class: "bs-progress-linear" }, h("div", { key: 'a5ea4ab901d1d944b279846855b12995f6cb7bed', 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 ? (h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
+        return (h("div", { key: '004c6c83088157d322be56114f8885cb0b81a99f', part: "container", class: "bs-progress-linear" }, h("div", { key: '5154c0601c8a7601582363cd1f13abdf102376d1', 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 ? (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.
-        h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: '5108afa0263e9532864557f284a78e101825e32f', part: "label", class: "bs-progress-linear__label" }, h("slot", { key: 'f11208b6b20dd14946b9c8a115677749d0d4c524' })))));
+        h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: 'b06b6c6f5bfa096ac8f186569d17c05cb55f24d4', part: "label", class: "bs-progress-linear__label" }, h("slot", { key: '58350a58d914a45a221b44c3df47424c6e45a51b' })))));
     }
     // 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/collection/components/bs-qr-code/bs-qr-code.js

@@ -168,7 +168,7 @@ export class BsQrCode {
         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 (h("bs-card", { key: '9dcc08a36b53be095268fa035cd353e9b7c41c99', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'a21cc673270c2c62b45d940f64c0bb699015aea6', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '041c7fa3a28984132b902790be6eb39a705d3264', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: '98674de35512104169431e97649bc3c96503e0f8', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: '7a23d1ca31ca4783e1dbd38b104d9b03b9005a22', class: "bs-qr-code__body" }, h("div", { key: '6dd6d0b87236d6014a0139cde0eb4f1c49f58b6f', part: "head", class: "bs-qr-code__head" }, h("p", { key: 'daceb6bc02f5222d57d2927646eaf070b7bd2eb8', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: '093646862310a7c1e1e69d50ce2fbb3e4a314b4c', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '1f72b15e61abefa109b2df0fbce25ca2361dc7ad', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '734ed44250b1c83b06cebadb1a79c4fdab8bd08a', part: "code", class: "bs-qr-code__code" }, h("slot", { key: 'c2387e32896dcff0b40cf6120c9a87288d473e2d', name: "code" }, this.renderMatrix()), h("div", { key: '2201211627ac42a11c353d436133cc130d69fafd', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: 'f9951a31812036669bf4a478964b3ebfab6d1de6', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '13f499cb0d56c35f86dfd068e576d61ea2e7780f', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: 'ac7fa6ac5d9367812f679c8d43a5abdb65b07bbb', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: '93d93733c7fa87f8def870f000b713347b0c991c', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: '6ba70952dc39ec3feb3e1e93bcdbddad1ae0502d', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '9a010954e75bee6c336aa252497309774d99b186', part: "expiry", size: "md" }, h(TimerIcon, { key: 'b8e4be04e71c93ce27c0ce62e33414d83a710d45', slot: "icon" }), this.expiry)), showActions && (h("div", { key: '6f3c1a0894ddf3dad11981fae385fd5f8e8c1c22', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: '6fcc1e9e93b22ce2a71195e471fc0283eba308ae', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: 'c8f881995f35bba01785f8c170625857c24c1a62', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'd0277646f40e5703dafa7d526d873c1f68506396', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: 'e4e0c6bd298beba16a1f60c11a0cbecff494a972', slot: "icon" }), this.copyLabel)))))));
+        return (h("bs-card", { key: 'ca422530afebebe0ce18ce8c1445a06d202d97d4', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'f14dd77c2ce0652bf94f7b324ea0e807d3550d94', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '4a3e29041401cded70e8fa60822b48ca5d442517', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: '1e987f16f4ead0d451172f54ca73f36201aaba15', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: 'bc14d35f6b9a3e4519916faa4a58da7ba02968c2', class: "bs-qr-code__body" }, h("div", { key: 'b60b3cab47cb43b700d916c199d0e64f5c05274a', part: "head", class: "bs-qr-code__head" }, h("p", { key: '6f22983a46370ad7712ba6f0da8277aa5f2673b9', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: '5cd4b55d96798d17db852c8cd763e3567de4f79a', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '488b2ff294b754bd66589d7e066771ee18925949', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '082d3d22f546210f6da00e0f6742ced8fac0e49b', part: "code", class: "bs-qr-code__code" }, h("slot", { key: 'f003aa0c063f67befeb598527f214db48ab32223', name: "code" }, this.renderMatrix()), h("div", { key: '14ef033186cecb67c8ec03af3016f992645bbb83', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: '0d0716edce8fddff9b32bd50132ef5da668c56db', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '83762e2cb36c66f0e6e1452408d0908abdec930c', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '7e6102877e193d34bf2ba077cccc4c6e6c32bbea', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: '7ed0e74a2e91dd70da9ab71ceb883ee4ea323dfd', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: 'd45463defa962c51192ff2f067a5abe3aaf37a05', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: 'eac00eec4fdb9ac8d0537fa9b6fa8e2cdc6204e7', part: "expiry", size: "md" }, h(TimerIcon, { key: '5f758aa92580f589a1315d2e921ac185271fd94a', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'ca4ab2498dcb3bf0b9ddbc83e6a8a2416dcd9e10', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: '8dd9eb4372b1af1afbba0bc987885f578c3c6b6d', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: '53ae611b745f51f4e5ec5e011a94fe00a5be1bed', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'deed453a9bc0a5ed2df2e003b02f14723ef0796a', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: 'b0fdf348b30aec104094578afa392a3cc1c6ddac', slot: "icon" }), this.copyLabel)))))));
     }
     static get is() { return "bs-qr-code"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-radio/bs-radio.js

@@ -109,7 +109,7 @@ export class BsRadio {
         }
     };
     render() {
-        return (h("label", { key: '1dfd58a24e299fe2a26e16dbfeb7d7246b7ae061', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '3fd3733f26e706e37721bc7e5444aeba2f9ca635', 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 }), h("span", { key: 'c3a5a1e790748393f384525413a4cf59be9d1885', class: "bs-radio__hit-area" }, h("bs-ripple", { key: '20b0b6b017644e259a3935ab88b9a512ea9471b7', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), h("span", { key: '0bed296533c97c2e94260969a5486c76b905e205', class: "bs-radio__state-layer" }, h("span", { key: 'a8f71a9aecdaff2329d3179de0d37797c53a79d6', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: '0409d98b080ac54541353068548d149fb22e0dba', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'ce380ae5ab8ccb1b0b033d04095bb53dd2090be4', part: "label", class: "bs-radio__label" }, h("slot", { key: '39b83b5fd4a2337379cfbba0dd931a93e9c379e3' }))));
+        return (h("label", { key: 'f306e00e27f679e419cfa5f4fa645ce890b5f595', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '8d531aa5fc6616bd2179e63a9ac1f801d8c5a0a0', 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 }), h("span", { key: '4b34023e14a244d775b78a0d3448abf11675df9d', class: "bs-radio__hit-area" }, h("bs-ripple", { key: 'a5e40330de337e361eb20f833a4a8043abe7f57e', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), h("span", { key: 'b2474d2435bd670c0d314af20c33c86eca87ec70', class: "bs-radio__state-layer" }, h("span", { key: 'fecc8416c4d534cc061f86b10e3bc471719990e6', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: '24941aede8c24ed27dff8f033732d779579d08c2', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'b51c9ac9b90d9cc4498aeeadabf1539409649db3', part: "label", class: "bs-radio__label" }, h("slot", { key: 'aea76fb7e8d2330e1b02858af95e721af60dc4f1' }))));
     }
     static get is() { return "bs-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-radio-group/bs-radio-group.js

@@ -90,7 +90,7 @@ export class BsRadioGroup {
         const labelId = `${this.id}-label`;
         const descId = `${this.id}-desc`;
         const note = this.error || this.description;
-        return (h("div", { key: 'c7083540ebf734f8b78a3ee20480e32d5448f2d2', 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 && (h("span", { key: '604f60844e305a5057f42e2cebbf5ec80d04952d', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && h("span", { key: '196ce4747d209610f45afe5eabc1d629220e9560', "aria-hidden": "true" }, " *"))), h("div", { key: 'b3c30a8aa04a56227033d76f905166a7c556ed4a', part: "options", class: "bs-radio-group__options" }, h("slot", { key: '70f9d26d4c52ce386a3c25fe9ca7297fe49ea77c', onSlotchange: this.onSlotchange })), note && (h("span", { key: '9252a1a05bfe98719612aac2a6ff5c72ddff7621', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
+        return (h("div", { key: 'cfc1e80a169ffcb0bed6172a23ebf764a1f0f424', 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 && (h("span", { key: '4cac10e71108811c7138c1e0309d6faacf671e58', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && h("span", { key: 'f7f64cf3452d0a52a9823d1cf9db2d89941b27b3', "aria-hidden": "true" }, " *"))), h("div", { key: 'b6123200ba34f2507289996c995022a7cc42f26e', part: "options", class: "bs-radio-group__options" }, h("slot", { key: '482111d3caaec3ff0ec4dfaf7b5e951bd9052552', onSlotchange: this.onSlotchange })), note && (h("span", { key: 'b4c663c6fc2626a92210562ea530c8293638e266', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
     }
     static get is() { return "bs-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ripple/bs-ripple.js

@@ -101,7 +101,7 @@ export class BsRipple {
         return 0;
     }
     render() {
-        return (h(Host, { key: '7a50bc82ef24d834acb7158e7b63ff688eb7972b', "aria-hidden": "true" }, h("div", { key: 'f20c8ceacc9b68569c1845f82922f5af74146d4c', part: "surface", class: "bs-ripple", ref: el => (this.surface = el) })));
+        return (h(Host, { key: 'f1046b962acdf37311a3c1af1e0dcbdc112008fa', "aria-hidden": "true" }, h("div", { key: '444cd2910477b66aa0f5183050621a83101f0f66', part: "surface", class: "bs-ripple", ref: el => (this.surface = el) })));
     }
     static get is() { return "bs-ripple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-search-item/bs-search-item.js

@@ -69,7 +69,7 @@ export class BsSearchItem {
     slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
     render() {
         const role = this.selectionRole ?? undefined;
-        return (h("div", { key: '4e02263a2d377be0989f3469555f19f9b4933840', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, !this.disabled && h("bs-ripple", { key: '00523f734a7d994cf448df045a73d4588da1c00c', part: "ripple" }), h("span", { key: '2d030afeec12e555c72d1659f0ac7d2ecb4df70a', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: 'ab14918cfcb5425b33c1489232ea18bf940dc49d', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: 'eee1f17e15fa4195f3a65fa7bc7f3ad12d839b7c', part: "content", class: "bs-search-item__content" }, h("span", { key: '75cd5ada24d085dce96331782c4e71317d0d8ed4', part: "label", class: "bs-search-item__label" }, h("slot", { key: '47fbf5d269d2a23eb824ba32084886efdad2aa96' })), h("span", { key: 'b2e4154147a02059d08505bc9f452931bbcff2bf', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: '8b72f89b59fa15c21c0d02b3db88b3e291d72f81', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: 'e0b5675b2d71fe5e740fd90ff2aea5eecca2f9eb', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: 'c0dc999d7b4da6b670690b72071f5b844b86b35b', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+        return (h("div", { key: '4e893a0005ebd09facffe756cf47d393cbb19a2a', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && h("bs-ripple", { key: 'ed44f2b37d8c7fa740c69a5a734b2a1bb4b34ebc', part: "ripple" }), h("span", { key: 'c013610e802e299f8f3ac8307061e01155e9d35f', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '79bbb9cf256885b7540485d68cf1f4492a336393', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '5dc3f4f00182d13f3a79828170a9573d65f3f6ff', part: "content", class: "bs-search-item__content" }, h("span", { key: '3aefdebe10cedee45b2ba83feb3ef6dddaaead8e', part: "label", class: "bs-search-item__label" }, h("slot", { key: '150ad4ff3e29288b63ebdae2d456ed0f182b09be' })), h("span", { key: 'dc2ff7caa2f9d8313d810efb1d7ff4d7751036cc', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: 'bb7a747ce8b5a8c4c48313361fa43c009755aba9', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: '38c442550fcdeebf667a70af3105775a9b02d57e', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: 'a66b8babf306a4fb1e0aacf45caf642e843a270b', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
     }
     static get is() { return "bs-search-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-select/bs-select.js

@@ -221,7 +221,7 @@ export class BsSelect {
         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 (h("div", { key: 'b966bfa9b43400d8e96ea994e4899690f41a3b25', class: `bs-select ${this.error ? 'bs-select--error' : ''}` }, this.label && (h("span", { key: 'e5b3827d0e15beacd42b13c1e02bbb5b8eec724f', part: "label", id: labelId, class: "bs-select__label", onClick: () => !this.disabled && this.fieldEl?.focus() }, this.label, this.required && (h("span", { key: '69edf6965f73dd1380bebf7ce6a19d2d3456c495', class: "bs-select__required", "aria-hidden": "true" }, "*")))), h("div", { key: '3f66523ef85b2274c60775bd3700649551fb1777', class: "bs-select__wrapper" }, h("div", { key: 'e234bc7060b6f121ca4425d5359ec74221626418', 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 }, h("span", { key: '800c4eff295238e60c2cb976e2118d968cd30851', part: "value", class: `bs-select__value ${selected ? '' : 'bs-select__value--placeholder'}` }, selected ? selected.label : this.placeholder), h("svg", { key: 'cfa09749f81c702957b7bc45f1f418f0d90c4eb8', part: "icon", class: "bs-select__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'b166df87f7112440d1adea4c07ef7a3ec08ea59d', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("ul", { key: '883dc5c400045f43c40faad9b1113f3fd479e2e4', 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) => (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 (h("div", { key: 'ebde3002856a4effa89249b70a5a51bcaa107367', class: `bs-select ${this.error ? 'bs-select--error' : ''}` }, this.label && (h("span", { key: 'b0b80484156f29d560901f64786988e0d0071bf7', part: "label", id: labelId, class: "bs-select__label", onClick: () => !this.disabled && this.fieldEl?.focus() }, this.label, this.required && (h("span", { key: 'a43acdc97df00ad5ac1b2d74903ed7e8616ce32f', class: "bs-select__required", "aria-hidden": "true" }, "*")))), h("div", { key: '84eb4775e064d56644395555e5488a22d718e9bb', class: "bs-select__wrapper" }, h("div", { key: '5d81b1ce333fa45eda0e46f30a11f8bff21fee64', 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 }, h("span", { key: '08340b9d62f1633753a6858b24a38ef49ba3d382', part: "value", class: `bs-select__value ${selected ? '' : 'bs-select__value--placeholder'}` }, selected ? selected.label : this.placeholder), h("svg", { key: 'df5e92b3555c508617c899ea8b597d980af3295f', part: "icon", class: "bs-select__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '991d65667ae91e25cb39a12a8066bb81288b84e5', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("ul", { key: '42256fc2bff2d31bde0347192ded1fdf56be043f', 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) => (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) }, h("span", { class: "bs-select__option-label" }, o.label), o.value === this.value && (h("svg", { class: "bs-select__check", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, 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 ? (h("span", { id: msgId, part: "error", class: "bs-select__error" }, this.error)) : this.description ? (h("span", { id: msgId, part: "description", class: "bs-select__description" }, this.description)) : null));
     }

package/dist/collection/components/bs-session-timeout/bs-session-timeout.js

@@ -196,7 +196,7 @@ export class BsSessionTimeout {
         const description = this.description ?? d.description;
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
-        return (h("bs-card", { key: '62d189825b91f610d76413f186aa5cd46f535553', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { key: '658dcf88fb5e6b46184d2bd1d7211f2f3b70cedc', class: "bs-session-timeout__body" }, !this.hideIcon && (h("bs-icon-tile", { key: '5355eb08e32eeb42edcccd0e078bdae383aba564', part: "art", intent: d.intent, size: "lg" }, h("slot", { key: 'cf1169b6f28504292026bd99189fae658001c76b', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (h("p", { key: 'c5327542b3737b79fc986aed5103db57d699d92b', part: "saved", class: "bs-session-timeout__saved" }, h(InfoIcon, { key: 'faa674e2a70d71591efbe4fd7eb94b39851f315d' }), h("span", { key: '399c78c01aafe8d79ec69b28e5451e2a06fba836' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (h("div", { key: '42987f730c2767ef88b57ae3e28c08db804085de', part: "actions", class: "bs-session-timeout__actions" }, secondary && (h("bs-button", { key: 'f758266373ef8f94edd5d53de97397b6498af3ac', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (h("bs-button", { key: 'eaced5b60ea1a15398c3beea9d8d1522fc60792e', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (h("div", { key: '9e731177eb48665ef99c64a564be0ba8340b79f3', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (h("bs-button", { key: 'f7bfa81c52bc83c0d9e4009c4aecb2584632b95d', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (h("bs-button", { key: '6fe76eeaefdd48288e2c4821991f12ee12bbe358', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), h("div", { key: '77bd8a11863bccceaae1ab0103ef81771ca9f1f1', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
+        return (h("bs-card", { key: '69492b1be5aba242ffdeacd2181a9b4007c97300', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { key: 'a7ad5d3d7e58f159efb282ffe0dbfd0a7c2ad120', class: "bs-session-timeout__body" }, !this.hideIcon && (h("bs-icon-tile", { key: '2a813414653c152354dea524d3a605c5945dee84', part: "art", intent: d.intent, size: "lg" }, h("slot", { key: '45b0ff33e36f2d13f9544981eefe9d54f5fff640', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (h("p", { key: '1a08b4612f6e4d152445b15f1ace42d039ce2716', part: "saved", class: "bs-session-timeout__saved" }, h(InfoIcon, { key: 'e84a18ce87b52f5bd1a6b8faf233883f005d512b' }), h("span", { key: 'cac0e19552062075cac38780f30f7ccea88dd9b8' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (h("div", { key: '927ce76f8956112938619fff025cdb80add48cb7', part: "actions", class: "bs-session-timeout__actions" }, secondary && (h("bs-button", { key: 'a607a2defd1ca2bfaf82dad2c493867bac123be4', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (h("bs-button", { key: '88357d0a2238ea9cbdf5cd03db3cc2f28cdcb322', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (h("div", { key: '4e7dc325d82fd193386ee1fe13afaef9308ceb2f', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (h("bs-button", { key: '8739ade10f09e0503a4d1d6dfc284cf23ae43e5d', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (h("bs-button", { key: '0b1304b18ee010519fbb5e911c52ac64379ecbcc', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), h("div", { key: '973d818d379dbcf34216fd8b5e6bcb1a5cfec5e5', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
     }
     static get is() { return "bs-session-timeout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js

@@ -36,7 +36,7 @@ export class BsShortcutRow {
     /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
     selectionRole = null;
     render() {
-        return (h("div", { key: 'e7f79909833204fb269402972500a9d97401665d', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, h("span", { key: '68dae2196bda22cd09bbc0b07958f8f2be66e332', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '892a107840f1861f3c4ef5ae03e781839dead497' }, this.action)), h("span", { key: '06637079e74f4c944984133ab5cd897b40d64fd1', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: 'a21d5b51332d383a8d3670a0531e536f240c8e09', name: "keys" }, h("bs-key-caps", { key: '231389f5cf6d712a14b68a84bd9c02ce65be0ff7', keys: this.keys, label: this.label, disabled: this.disabled })))));
+        return (h("div", { key: 'd3956a19e61cf2de661506b116c160b5a968c139', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: '4f1358b1536d313397b8dc9697d13bdaca77971f', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: 'd45777d253c65e03a9705dfe8b2f709e0b864918' }, this.action)), h("span", { key: '19f1f4f506b06ef59a8b0d0e65d56d4262cccdef', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: 'c5e1e282de5dad7dfebb242493de0fc5dc4213fe', name: "keys" }, h("bs-key-caps", { key: 'fc8618b576cba9973305e56704ad5ee31131d353', keys: this.keys, label: this.label, disabled: this.disabled })))));
     }
     static get is() { return "bs-shortcut-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-skeleton/bs-skeleton.js

@@ -60,7 +60,7 @@ export class BsSkeleton {
             lines.push(h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
         }
         const hasLabel = !!this.label;
-        return (h("span", { key: 'cdaaa8a2de9a1552a900a1ef33e3a7259e57ed3e', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
+        return (h("span", { key: '36599506573efe1672d5d9be3c6df23f8e8dd10c', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
     }
     static get is() { return "bs-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-skip-link/bs-skip-link.js

@@ -57,7 +57,7 @@ export class BsSkipLink {
         target.focus();
     };
     render() {
-        return (h("a", { key: '7f3d5a4e355caaa5529b5602c048c864a5e7e5a9', part: "link", class: "bs-skip-link", href: this.href, onClick: this.onClick }, h("slot", { key: '938c117509a209ac79d99af9cbe8e1eccf7a4c22' }, "Skip to main content")));
+        return (h("a", { key: '62bea478a5a3568d18116406133c737eda387796', part: "link", class: "bs-skip-link", href: this.href, onClick: this.onClick }, h("slot", { key: 'ff567267fb5b12c630ece1064af6d0fc1175c44a' }, "Skip to main content")));
     }
     static get is() { return "bs-skip-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-slider/bs-slider.js

@@ -233,7 +233,7 @@ export class BsSlider {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (h("div", { key: '242e99440bf989ab9e8370772a415ef98ea4df97', class: rootClasses }, this.showLabel && (h("div", { key: '23063ed9dd2dfefc2df1ae8794fdb6d54195ee39', class: "bs-slider__header" }, h("span", { key: '15debc72803ed291564d1573179e9e30fd4a40f6', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: 'b975a8200846dbd43622473d3e62255c805e0359', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'c82b225aa14924963005a578fdaf0ab1accf8c2b', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '5e85c40cb85d2b71591020249cac4d5ae0c300a4', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (h("div", { key: '84aea3221c41e19ffa310a2d17c0385ea11041df', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (h("div", { key: 'f26d63ea2bbd9e47b7c30c9ee03cdeff6f7280b8', class: "bs-slider__header" }, h("span", { key: 'df0996ae3e6a3548f7b6da584179f118b4eb4da9', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '6f96cd1cde58d5c6988b7271fc5d6fdfa133b29a', class: "bs-slider__row" }, this.showLabel && (h("span", { key: '34204ca12f519b9be931cf54a96f3da8756d5430', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: 'ff16e9ed98447d8211a5a5d22749ec801cabebd4', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get is() { return "bs-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-snackbar/bs-snackbar.js

@@ -67,7 +67,7 @@ export class BsSnackbar {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: 'e0e55c6a5c3de86ef00ac24c9050df32d837fde1', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: '229c3d183ac1fe74f81bbbdd96def0eeb64a4e45', class: "bs-snackbar__content" }, h("span", { key: 'af87602a2346ed594c559a4ddc73dfa463f8d849', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '1b19b6ac5560905902999a9cdfaca75afab57731', part: "message", class: "bs-snackbar__message" }, h("slot", { key: '9192722d75632f0eabe2200f72a9a828dc0137df' }))), h("div", { key: 'df8a454adb4bf591908a50f2ab67513fe12c00a2', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '50a8f6a4cd75a2fc22150bf14b15e0dce665104f', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '9c5358e0094800a6e0085ddf7ca8e98fc2cf4d14', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: 'b00d5ce56c2d40a3a612e4506f5c1c5ccc0859a9' }))))));
+        return (h("div", { key: '853522bb5eb39a46e30e5ac18fe16ee55755afff', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: '73b6b2cc350a90f32aa143aab3be2b85ba73eeae', class: "bs-snackbar__content" }, h("span", { key: 'f3880db1b2b6eca4661ee5bb3e0c96d1e6da8e6f', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: 'a56e5d22939edede5949bcf1340d59065fc694b0', part: "message", class: "bs-snackbar__message" }, h("slot", { key: '46357548d5af22e4f72d20a99ba566067c3c1fa0' }))), h("div", { key: '1e2a66b55bd06dc152956004430159a0c2370939', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '563ead50e48142407812caf3727b4bf290e02b86', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '84506a32eef3551b4fc560d899913e792cdfeba0', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '55d3e926776e980e18bf77c08e2912f2424afd41' }))))));
     }
     static get is() { return "bs-snackbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-source-link/bs-source-link.js

@@ -52,9 +52,9 @@ export class BsSourceLink {
     };
     render() {
         const inner = [
-            h("bs-ripple", { key: '075746e101103adfdf0a18aef1e0149b137fd542', part: "ripple" }),
-            h("span", { key: '466a693b6abe05191356d81e86cc60e0391171e3', class: "bs-source-link__left" }, h("span", { key: 'e8b570d2f99693271492d333d0c7f49e68ee39a9', class: "bs-source-link__filename-row" }, h("span", { key: '9e88d1377a38deb11bec9de4e0715d3ad2ce97c2', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'bf8bd319bea1f81e623e1abd6d17700fe65979a5', name: "icon" }, h(FileTextIcon, { key: 'ed754e533962bfe6354d4a3350495b0838886ec0' }))), h("p", { key: 'b623db1019d63064708896a629c0a7f5db406453', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: '97f3d0841d0650227cfa50e5301ae5bfffb528ff', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '857afee71f6b359f7354362427930cc7ae3ebf52', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '0ce6a6368f9b550f6122598e4b259af813728410', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: 'f0d6d7be2db179ad3f0eed720df04b082c856da2', part: "version", class: "bs-source-link__version" }, this.version)))),
-            h("span", { key: '704fbe31e50ba22c8fe8703262d4050377336f07', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'b7e4f15c4f5818db70ab7ae9bb4b94544b971f68' })),
+            h("bs-ripple", { key: '2a875265b65f749466162d903f923e1433c7d397', part: "ripple" }),
+            h("span", { key: '62e74329531e0917670e0d480603692f422c7acc', class: "bs-source-link__left" }, h("span", { key: 'e639ffac289dbc1aed0aa6a2caecb16d326aa11a', class: "bs-source-link__filename-row" }, h("span", { key: 'fe01cfd760152e6bf81fb40d7ec4d77dbbef6ee4', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '358a3c7acc24b9c4d40bd60d6c076e8047f80023', name: "icon" }, h(FileTextIcon, { key: 'e15554ec81c33fa58dd4d06dbac35f322f890c2b' }))), h("p", { key: '0f90eff6d1999a7512a510d1c07817bc1682f85c', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'f510d7ae0610604f09c01fe9e05c7973d5152283', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'de22c00cf119569ed2ed6f7eb483813431214237', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '3f8262d1d3b9e8403b58d244fb25e12db353599c', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '02ab1216020d9cd0de5f02b2b50d1d1c2cf18cb8', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: 'eea76db4a9167aa545ef296f82819c04b6f1a21b', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'f9b21efca8e16963e110bf5f35034582fe616034' })),
         ];
         return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

package/dist/collection/components/bs-spinner/bs-spinner.js

@@ -30,7 +30,7 @@ export class BsSpinner {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (h("span", { key: '536b5a9eeee4583c4a6e513deb458baa0c2351c7', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '2daa95caf00c24adfbb181b54c510262494b51ae', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '27f9997a334a11d735a42ff72a5d6b2293f45087', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '3d82ac0c874c564dc6383161c0b6b1b293370b88', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (h("span", { key: 'c715fcc72eda399bdefbbcb5684426e52c695b44', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '02a8585935575b9be103e12e6232dac63a41f5fa', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: 'ddae2f0d9d74dd48c971ad9ee3973819bbafa5fe', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: 'f261cb4b4726c7e0ef937cb34cdf03b8ec3bc609', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
     static get is() { return "bs-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-split-pane/bs-split-pane.js

@@ -215,7 +215,7 @@ export class BsSplitPane {
                 nodes.push(h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (h("div", { key: 'a8907feecf4f151d88192eea0fbdffeedac25d09', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (h("div", { key: '57afdf0fbed93930a76aae2dab8faddacbc8e6e7', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
     static get is() { return "bs-split-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stack/bs-stack.js

@@ -81,7 +81,7 @@ export class BsStack {
                 parts.push(h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (h(Host, { key: '778684be1eb1af11919fd4d374031f03bdea3f30', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: '43efd637eb76a62d3c3591158f4e17edbe6f5907', onSlotchange: this.sync }), parts));
+        return (h(Host, { key: '4761db31dd50f134e1d8b35775a69ff9a177bcfa', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: '5714b01e0b05429fae91067b05143b677db998e8', onSlotchange: this.sync }), parts));
     }
     static get is() { return "bs-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stat/bs-stat.js

@@ -62,7 +62,7 @@ export class BsStat {
         return (h("svg", { part: "trend-icon", class: "bs-stat__trend-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { d: d, stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     render() {
-        return (h("bs-card", { key: 'b80fd8bcab40a0c0253ba662787400be2d5ce9fa', part: "container", class: "bs-stat", surface: this.surface }, h("dl", { key: 'b0c82e41728231629349dde73fdb6e23ce119b52', class: "bs-stat__body" }, h("dt", { key: '6a774975bc9242d6a875f4e4362dbadfab74c8db', class: "bs-stat__head" }, h("span", { key: 'd38853b09be10da36f162b81544ff8d90f682963', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, h("slot", { key: '2c9500cb005e6ccb87525eb5285d0b9fab29a5d6', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), h("span", { key: '2b1d18f442f02334947bd0164741abdb36ffdd1b', part: "label", class: "bs-stat__label" }, this.label)), h("dd", { key: '77b730dc10e13f9dca8b6217efe61cce9dd77f26', class: "bs-stat__figure" }, h("span", { key: '1b3f628b89aa8ba007cc1bbb501cab20ffeaae0e', part: "value", class: "bs-stat__value" }, this.value), this.trend && (h("span", { key: '5abea4bf54d77c759d80ae6fb53630ba5220ade3', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), h("span", { key: 'd911d6c7b3b560378fa0bed66d193de0d5d43646', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && h("span", { key: '9f217624152213e1c4b960963d86127e5c33f2c9', class: "bs-stat__trend-value" }, this.trendValue)))), h("dd", { key: 'fb85171704f96b0770d08ff557134bde2a78ccfb', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, h("slot", { key: '81ef5d72329b8a4cfa2ef02317fc77abecff74d3', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
+        return (h("bs-card", { key: '6230f6e7164d99fb94e79a37d6301d514bf1c75c', part: "container", class: "bs-stat", surface: this.surface }, h("dl", { key: 'dc1688f2e20f4133c516e7f57ffc5d7b8a4de477', class: "bs-stat__body" }, h("dt", { key: '4772333b022fd6b95655209f7a7775eab653c6e0', class: "bs-stat__head" }, h("span", { key: '7aef50daa2c87b811b1e242753e081416df25b0d', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, h("slot", { key: '2ad02c5fffb58d31a4cf4ffb57fd58257fab0280', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), h("span", { key: 'b6b2d089a0b03da7aaad4447dd4291bf916964d3', part: "label", class: "bs-stat__label" }, this.label)), h("dd", { key: '2ccfdbcc3000d8448b2bac965efc23c14fdab5a4', class: "bs-stat__figure" }, h("span", { key: '6f6afb174d960a414fc3f95f862f70d3cd17105a', part: "value", class: "bs-stat__value" }, this.value), this.trend && (h("span", { key: '6887872c440d88f5269f39d65492c54589133d7d', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), h("span", { key: '0efad11fe74ac272c4f6d8f84cbf77fb45bf44f3', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && h("span", { key: 'de6eb28c4f20210ad7f9f9f4b2bbc02c5db1af78', class: "bs-stat__trend-value" }, this.trendValue)))), h("dd", { key: 'afc35315402059068afd3caf5bff330e73ab099d', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, h("slot", { key: '18280f7d6d2866b76307a1a651c2a21e55fd4c75', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
     }
     static get is() { return "bs-stat"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js

@@ -62,7 +62,7 @@ export class BsStepper {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (h(Host, { key: '7161c01432c1d0d35f63a963fba140d4b0f9cd77', role: "list" }, h("slot", { key: '67021fc831679453fa1340bad8df75e338d9fb28', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '247099bad82070cc039de6602c9556df019d66e0', role: "list" }, h("slot", { key: '9243fd55edfbce9ee460f38580951e951eb2e48e', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "bs-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js

@@ -57,7 +57,7 @@ export class BsStepperStep {
     }
     render() {
         const state = this.state;
-        return (h(Host, { key: '85fbebb638a7e323d2e524b74c1077c261c00066', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: 'a44a6b58bf74b27cee279c761ed596373882791a', class: "bs-stepper-step__top" }, h("span", { key: 'ae7045a3049b42d245292960fa8eb3f7dfe61864', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '1ff646a4f8fbb2f81b2208086d280c183ddba61c', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '9fbe0328c61ac5108b22be369c1db1652523eb00' }), state === 'error' && h(ExclamationIcon, { key: 'ea56eb9dc52b9d1b9070ef273d46fece166c362d' })), h("span", { key: '0c4b5fde931c626e2b3652e7f047c1ac21b51f02', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: '06a69e6f61bb744be078feee462fe293947326fa', class: "bs-stepper-step__connector-line" }))), h("span", { key: '982de1069e1eb3e409ac81600f4fc3c7512fe190', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'f946599b4130219b91e76aec9ab6442bf08bd901', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '043581dd2db1ffc8fae23ebc32a5346ba5bf325e', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (h(Host, { key: 'e4cedd89e79fe57ae5dee2bce70502dcf245eded', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, h("div", { key: '9505c6283fd3058f1acaf733e8c393a8e38f5a87', class: "bs-stepper-step__top" }, h("span", { key: '01d9efbed7ea81d3d24da21c3676d619925a4c5f', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '643ecb7b48f6dc08107e1d1a63a6abb4f9b9256b', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'a51c760d0ad168574ab87969b1f5838106f4a474' }), state === 'error' && h(ExclamationIcon, { key: 'd3d7c06a38e04440a4cbe6ffc6f8b039e331f835' })), h("span", { key: '905c43488affd27c328457f9158f61e6aa89d219', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: '734591eb91413fd6fcf7f9a0c9454544ed953ab4', class: "bs-stepper-step__connector-line" }))), h("span", { key: '89d06195df7aba3b00883a4a104f59a0585a99af', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '5ec9219bddf35ff96578262a07e163993a0a7a50', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '72d1542b56bd129d89b29c2e81b03ec4778eaf02', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
     static get is() { return "bs-stepper-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-switch/bs-switch.js

@@ -69,7 +69,7 @@ export class BsSwitch {
             .filter(Boolean)
             .join(' ');
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : ''].filter(Boolean).join(' ');
-        return (h("label", { key: '8302d6c142ae0c0d761baa10686473abfeed7fe3', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: 'e71a6809194104feeec376fb2af96a5b7930a9c2', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'fa52fc07183460c8c96f1d96f23fc16288d08f2f', part: "track", class: trackClasses }, h("span", { key: '69df38b0f655d07ea203ab8835e3d9d293540a3b', part: "knob", class: knobClasses }, h("bs-ripple", { key: '5806afd146b220e647897d4a0ed6c4ba0577bef9', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), h("span", { key: 'bf587f014da6bd9e29326f7246d1bfe73fda6b1c', part: "label", class: "bs-switch__label" }, h("slot", { key: '9d2a90c68a00c1e5d4a53475a25d19365277e71a' }))));
+        return (h("label", { key: '30e18dccef0481bd8859ecf0771246719508c622', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: 'bc94d02e313578cef43fe39b3a490f3f8cecbeec', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'b7a6bf92d5fe4ca044c0ad790a57a4c3ef52d0be', part: "track", class: trackClasses }, h("span", { key: '8fd97319f4eccd6ae4ab24253dcc72ddb4eb7378', part: "knob", class: knobClasses }, h("bs-ripple", { key: '6e574549b8d85273d36d6526216dba51a04b86bf', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), h("span", { key: '092ca9f47fb1be8af3aff85d3d8a8e0d17f8d49d', part: "label", class: "bs-switch__label" }, h("slot", { key: '5356de3f833020a83a1aef15cb049a14ebee939c' }))));
     }
     static get is() { return "bs-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js

@@ -95,7 +95,7 @@ export class BsInlineTab {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: 'c44b448caa89c6317c0aec6c316ba31213bc2a79', 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 }, h("bs-ripple", { key: 'f4d5b5cf846ecbb08dbdbcc3496463ed0dba0f77', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '7da10306a8d27d5846491a3a7f3d8826d96cc62c', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '023aa132bb9d272577bec309a5b7aeb9c2841651', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'e8eead01034c76f6d5edb591dc861915e5c9707e', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'cc085193d58c2b3c8a379dac93983a79f8e5f22f', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '2b72dc07fdcc65d132a5c89fa7d20a172e1709d2', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: '7f05b1962383007cef24e34d782401d0bb5e0b17', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '358ec65108c746311bb23d729f4d6461c62f3b7b', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '88f3ead3ebfef0e2cad25a2cebbcc21b026b5995', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '67cbc0103d4c458113508cc61ebad5002c141ac4', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '5679e945c154f5a7cd4c4a411c4b28cd4baf3124', onSlotchange: this.onLabelSlotchange }))));
     }
     static get is() { return "bs-inline-tab"; }
     static get encapsulation() { return "shadow"; }