@brandsync/wc 1.19.0 → 1.20.1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-wz7B473u.js';
 
 const bsPageHeaderCss = () => `:host{display:block;box-sizing:border-box;container-type:inline-size;max-width:100%;--bs-page-header-bg:var(--bs-surface-base);--bs-page-header-padding-x:var(--bs-spacing-200);--bs-page-header-padding-y:var(--bs-spacing-300);--bs-page-header-gap:var(--bs-spacing-150);--bs-page-header-title-gap:var(--bs-spacing-150);--bs-page-header-actions-gap:var(--bs-spacing-100);--bs-page-header-text-color:var(--bs-text-default);--bs-page-header-meta-color:var(--bs-text-secondary);--bs-page-header-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-25) var(--bs-shadow-blur-50) var(--bs-elevation-medium);--bs-page-header-sticky-offset:0px;--bs-page-header-z-index:var(--bs-z-index-sticky)}:host([hidden]){display:none}:host([compact]){position:sticky;top:var(--bs-page-header-sticky-offset);z-index:var(--bs-page-header-z-index)}.bs-page-header{display:flex;flex-direction:column;gap:var(--bs-page-header-gap);box-sizing:border-box;padding:var(--bs-page-header-padding-y) var(--bs-page-header-padding-x);background:var(--bs-page-header-bg);color:var(--bs-page-header-text-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-page-header .bs-page-header__empty{display:none}.bs-page-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-page-header-gap)}.bs-page-header__main{display:grid;grid-template-columns:minmax(0, 1fr);align-items:center;flex:1 1 auto;min-width:0}.bs-page-header__main--back{grid-template-columns:auto minmax(0, 1fr);column-gap:var(--bs-spacing-100)}.bs-page-header__back{grid-column:1;grid-row:1;align-self:start}.bs-page-header__title{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--bs-page-header-title-gap);min-width:0;grid-row:1;grid-column:-2 / -1}.bs-page-header__title--controls{min-height:var(--bs-scale-500)}.bs-page-header__back,.bs-page-header__favorite{--bs-icon-button-icon-size-sm:var(--bs-scale-250)}.bs-page-header__heading{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--bs-page-header-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h4);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-page-header__status{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-page-header__meta{grid-row:2;grid-column:-2 / -1;min-width:0;overflow-wrap:anywhere;color:var(--bs-page-header-meta-color);font-size:var(--bs-fontsize-body-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-page-header__actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:var(--bs-page-header-actions-gap)}.bs-page-header__tabs{min-width:0;padding:var(--bs-spacing-50) var(--bs-spacing-50) var(--bs-spacing-50);margin:calc(-1 * var(--bs-spacing-50)) calc(-1 * var(--bs-spacing-50)) calc(-1 * var(--bs-spacing-50));overflow-x:auto;scrollbar-width:none}.bs-page-header__tabs::-webkit-scrollbar{display:none}.bs-page-header--tabs{padding-bottom:0;gap:var(--bs-spacing-100)}.bs-page-header--tabs .bs-page-header__row{margin-bottom:var(--bs-spacing-50)}.bs-page-header__divider{margin:calc(-1 * var(--bs-spacing-50)) calc(-1 * var(--bs-page-header-padding-x)) 0;width:auto}.bs-page-header--compact{--bs-page-header-padding-y:var(--bs-spacing-250);box-shadow:var(--bs-page-header-shadow)}.bs-page-header--compact .bs-page-header__breadcrumb,.bs-page-header--compact .bs-page-header__tabs{display:none}.bs-page-header--compact .bs-page-header__main{grid-template-columns:auto minmax(0, 1fr);column-gap:var(--bs-page-header-title-gap)}.bs-page-header--compact .bs-page-header__main--back{grid-template-columns:auto auto minmax(0, 1fr)}.bs-page-header--compact .bs-page-header__back{margin-inline-end:calc(-1 * var(--bs-spacing-50))}.bs-page-header--compact .bs-page-header__title{grid-column:auto}.bs-page-header--compact .bs-page-header__meta{grid-row:1;grid-column:auto}@container (max-width: 639px){.bs-page-header{--bs-page-header-padding-x:var(--bs-spacing-200)}.bs-page-header__row{flex-direction:column;align-items:stretch}.bs-page-header__actions{flex-wrap:wrap;justify-content:flex-start}.bs-page-header__actions ::slotted(*){flex:0 0 auto;max-width:100%}.bs-page-header__actions ::slotted(bs-button){--bs-button-height-sm:var(--bs-scale-550)}.bs-page-header__actions ::slotted(bs-icon-button){--bs-icon-button-size-sm:var(--bs-scale-550)}.bs-page-header__back,.bs-page-header__favorite{--bs-icon-button-size-sm:var(--bs-scale-550)}.bs-page-header--compact .bs-page-header__main{grid-template-columns:minmax(0, 1fr)}.bs-page-header--compact .bs-page-header__main--back{grid-template-columns:auto minmax(0, 1fr)}.bs-page-header--compact .bs-page-header__back{margin-inline-end:0}.bs-page-header--compact .bs-page-header__title{grid-column:-2 / -1}.bs-page-header--compact .bs-page-header__meta{grid-row:2;grid-column:-2 / -1}}`;
 
@@ -52,7 +52,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 (h("div", { key: 'bc53e187af58ecbf3d923e4a7a4c2d6753706664', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, h("div", { key: '66d18bcfa396e4b65027e204ebe78db904c353f5', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, h("slot", { key: '7160cb117c4a9734c8975ef5dfdd0562465736e7', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), h("div", { key: '16f1c1ebf185d8900a900a262fcbbdf0b5fd9670', part: "row", class: "bs-page-header__row" }, h("div", { key: '9d97f5e3235be3c947253248c0473aa390da2892', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (h("bs-icon-button", { key: 'c9a71a1eea484c739fea7aeb00b218d10db7a30b', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, h(ArrowLeftIcon, { key: '196d12852cd144fc95411d06a06f366168733d23' }))), h("div", { key: '763d905494ae6d453a259d70bd1d80baefb7e264', 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: '0e533d399af320f3a79659f46c493b4cf1bf2b50', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, h("slot", { key: '396f0352a4c9c84a362fc2266bd69ee695b0f9aa', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (h("bs-icon-button", { key: '81b8992250fac52af9e9e2ae415aa759122acd94', 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: 'b4e5e1d5cb1d680120059455d2a69152dd0bc8d3', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, h("slot", { key: '597180318543618a258ae56f8e9d26a2dc882243', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), h("div", { key: '18296c20d248dcdf531e1ff0a9b4230c459625e8', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, h("slot", { key: 'c4ea0d5ce7c80995be1335fe62f9b76629303722', name: "actions", onSlotchange: this.onSlotChange('actions') }))), h("div", { key: '2a942c6f3bef3d546942794368ee22b4f521a4a4', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, h("slot", { key: 'd870267922ea0ffe8f5fc7503e76c038a7a47406', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && h("bs-divider", { key: '988231057dd030bd096948e6cdab39288784c8c3', part: "divider", class: "bs-page-header__divider", decorative: true })));
+        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 })));
     }
 };
 // Paths from Phosphor Icons (MIT) "arrow-left", "star" and "star-fill", regular/fill weights, 256 viewBox.

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, h } from './index-wz7B473u.js';
 
 const bsPaginationCss = () => `:host{display:inline-block;--bs-pagination-gap:var(--bs-spacing-50);--bs-pagination-size:var(--bs-spacing-550);--bs-pagination-radius:var(--bs-border-radius-100);--bs-pagination-font-size:var(--bs-font-size-md);--bs-pagination-line-height:var(--bs-line-height-body-md);--bs-pagination-color:var(--bs-text-secondary);--bs-pagination-color-disabled:var(--bs-icon-disabled);--bs-pagination-hover:var(--bs-color-neutral-container-hover);--bs-pagination-pressed:var(--bs-color-neutral-container-pressed);--bs-pagination-current-bg:var(--bs-color-primary-default);--bs-pagination-current-bg-hover:var(--bs-color-primary-hover);--bs-pagination-current-bg-pressed:var(--bs-color-primary-pressed);--bs-pagination-current-color:var(--bs-text-on-action);--bs-pagination-focus-ring-color:var(--bs-border-neutral-focus)}.bs-pagination__list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:var(--bs-pagination-gap);font-family:inherit}.bs-pagination__item{display:flex}.bs-pagination__control{position:relative;display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);padding:0;border:none;border-radius:var(--bs-pagination-radius);background:transparent;color:var(--bs-pagination-color);font-family:inherit;font-size:var(--bs-pagination-font-size);line-height:calc(var(--bs-pagination-line-height) * 1px);cursor:pointer}.bs-pagination__control svg{width:24px;height:24px}.bs-pagination__control:disabled{color:var(--bs-pagination-color-disabled);cursor:not-allowed}.bs-pagination__page:not(:disabled):hover{background:var(--bs-pagination-hover)}.bs-pagination__page:not(:disabled):active{background:var(--bs-pagination-pressed)}.bs-pagination__control:focus-visible{outline:2px solid var(--bs-pagination-focus-ring-color);outline-offset:2px}.bs-pagination__page--current{background:var(--bs-pagination-current-bg);color:var(--bs-pagination-current-color)}.bs-pagination__page--current:hover{background:var(--bs-pagination-current-bg-hover)}.bs-pagination__page--current:active{background:var(--bs-pagination-current-bg-pressed)}.bs-pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);color:var(--bs-pagination-color)}.bs-pagination__ellipsis svg{width:24px;height:24px}`;
 
@@ -72,7 +72,7 @@ const BsPagination = class {
     }
     render() {
         const pageList = this.getPageList();
-        return (h("nav", { key: '574bba698954fefe6083b1c0b46215b53cd929cc', "aria-label": this.navLabel }, h("ul", { key: 'db7a37916e2f2bb8739828936048b9b73af2c93f', part: "list", class: "bs-pagination__list" }, h("li", { key: '25fc9453e309eec5c7226fc3a2255fe20f138ebc', part: "item", class: "bs-pagination__item" }, h("button", { key: '654898cca41f9868f3780b16a01d25e39c76de06', 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: '544bddaee750f3d18519cf676fccf2788ae65b8f', part: "ripple", centered: true }), h(ChevronLeftIcon, { key: 'c8913363a09dada9765383ab59d309058b272b65' }))), 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: '8ce36f14052801aa1ef9b2f750f6d030de1ed6b1', part: "item", class: "bs-pagination__item" }, h("button", { key: 'a944585c463d4a8035b2932e1a1c881fb5ad68ee', 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: '3082d79238e9242cbfc52e08be0d53160f85bfed', part: "ripple", centered: true }), h(ChevronRightIcon, { key: 'be4c48d8075ecf6e9389546e63c8e192da50ed30' }))))));
+        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' }))))));
     }
 };
 function range(start, end) {

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

@@ -0,0 +1,221 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-wz7B473u.js';
+import { c as cancelMotion, r as readMotion, p as play } from './motion-BSt9HeTa.js';
+
+const bsPopoverCss = () => `:host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover);--bs-popover-duration:var(--bs-duration-fast);--bs-popover-easing:var(--bs-easing-standard);--bs-popover-distance:var(--bs-spacing-50)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}`;
+
+let popoverId = 0;
+const BsPopover = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsOpenChange = createEvent(this, "bsOpenChange");
+    }
+    get el() { return getElement(this); }
+    /** Whether the popup is shown. */
+    open = false;
+    /** Where the popup sits relative to the trigger. */
+    placement = 'bottom-start';
+    /** Emitted when the open state changes through user interaction, with the new value. */
+    bsOpenChange;
+    popupId = `bs-popover-${++popoverId}`;
+    triggerSlot;
+    /** True while the exit motion plays after `open` went false, so the popup stays visible for it. */
+    closing = false;
+    popupEl;
+    enterPending = false;
+    exitPending = false;
+    motionRun = 0;
+    needsFocusIn = false;
+    escaped = false;
+    onOpenChange(next) {
+        this.detach();
+        this.motionRun++;
+        cancelMotion(this.popupEl);
+        if (next) {
+            this.closing = false;
+            this.enterPending = true;
+            document.addEventListener('click', this.onDocClick, true);
+            document.addEventListener('keydown', this.onKeyDown);
+            window.addEventListener('resize', this.reposition);
+            window.addEventListener('scroll', this.reposition, true);
+            this.needsFocusIn = true;
+        }
+        else {
+            this.needsFocusIn = false;
+            if (this.popupEl && !this.popupEl.hidden && readMotion(this.el, 'bs-popover').ms > 0) {
+                // Keep the resolved (possibly flipped) placement while the popup fades out; it is reset when the motion ends.
+                this.closing = true;
+                this.exitPending = true;
+            }
+            else {
+                this.el.setAttribute('data-placement', this.placement);
+            }
+            const active = this.el.shadowRoot?.activeElement || document.activeElement;
+            const focusInside = this.el.contains(document.activeElement) && document.activeElement !== this.triggerSlot?.assignedElements()[0] && !this.isInTrigger(document.activeElement);
+            if (this.escaped || (focusInside && active))
+                this.focusTrigger();
+        }
+        this.escaped = false;
+    }
+    onPlacementChange() {
+        this.reposition();
+    }
+    componentWillLoad() {
+        this.el.setAttribute('data-placement', this.placement);
+    }
+    /** Slides toward the trigger it hangs off: a popup above its trigger rises from below, one below drops from above. */
+    offset(distance) {
+        const above = (this.el.getAttribute('data-placement') ?? this.placement).startsWith('top');
+        return `translateY(${above ? distance : -distance}px)`;
+    }
+    playEnter() {
+        const { ms, easing, distance } = readMotion(this.el, 'bs-popover');
+        if (ms === 0)
+            return;
+        play(this.popupEl, [{ opacity: 0, transform: this.offset(distance) }, { opacity: 1, transform: 'none' }], ms, easing);
+    }
+    playExit() {
+        const { ms, easing, distance } = readMotion(this.el, 'bs-popover');
+        const run = ++this.motionRun;
+        play(this.popupEl, [{ opacity: 1, transform: 'none' }, { opacity: 0, transform: this.offset(distance) }], ms, easing, 'forwards').then(() => {
+            if (run !== this.motionRun)
+                return;
+            this.closing = false;
+            this.el.setAttribute('data-placement', this.placement);
+        });
+    }
+    componentDidRender() {
+        this.syncTriggerAria();
+        if (!this.open && this.closing && this.exitPending) {
+            this.exitPending = false;
+            this.playExit();
+        }
+        if (!this.open)
+            return;
+        this.reposition();
+        if (this.enterPending) {
+            this.enterPending = false;
+            this.playEnter();
+        }
+        if (this.needsFocusIn) {
+            this.needsFocusIn = false;
+            this.focusPopup();
+        }
+    }
+    isInTrigger(node) {
+        const first = this.triggerSlot?.assignedElements() ?? [];
+        return !!node && first.some(t => t.contains(node));
+    }
+    /** Effective placement after collision flipping; mirrored on the host as `data-placement`. */
+    reposition = () => {
+        if (!this.open || !this.popupEl)
+            return;
+        const [v, h] = this.placement.split('-');
+        // Measure from the preferred placement.
+        this.el.setAttribute('data-placement', this.placement);
+        const trig = this.el.getBoundingClientRect();
+        const pop = this.popupEl.getBoundingClientRect();
+        const vh = window.innerHeight;
+        const vw = window.innerWidth;
+        let rv = v;
+        let rh = h;
+        if (v === 'bottom' && pop.bottom > vh && trig.top >= pop.height)
+            rv = 'top';
+        else if (v === 'top' && pop.top < 0 && vh - trig.bottom >= pop.height)
+            rv = 'bottom';
+        if (h === 'start' && pop.right > vw && trig.right >= pop.width)
+            rh = 'end';
+        else if (h === 'end' && pop.left < 0 && vw - trig.left >= pop.width)
+            rh = 'start';
+        this.el.setAttribute('data-placement', `${rv}-${rh}`);
+    };
+    focusPopup() {
+        const sel = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
+        const slot = this.popupEl?.querySelector('slot');
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        for (const a of assigned) {
+            const target = a.matches(sel) ? a : a.querySelector(sel);
+            if (target) {
+                target.focus();
+                return;
+            }
+        }
+        this.popupEl?.focus();
+    }
+    disconnectedCallback() {
+        this.detach();
+    }
+    componentDidLoad() {
+        if (this.open)
+            this.onOpenChange(true);
+    }
+    detach() {
+        document.removeEventListener('click', this.onDocClick, true);
+        document.removeEventListener('keydown', this.onKeyDown);
+        window.removeEventListener('resize', this.reposition);
+        window.removeEventListener('scroll', this.reposition, true);
+    }
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        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();
+    }
+    onTriggerKeyDown = (ev) => {
+        if (ev.key === 'ArrowDown' && !this.open) {
+            ev.preventDefault();
+            this.setOpen(true);
+        }
+    };
+    onTriggerClick = () => this.setOpen(!this.open);
+    onDocClick = (ev) => {
+        if (!ev.composedPath().includes(this.el))
+            this.setOpen(false);
+    };
+    onKeyDown = (ev) => {
+        if (ev.key === 'Escape' && this.open) {
+            this.escaped = true;
+            this.setOpen(false);
+        }
+    };
+    render() {
+        return (h("div", { key: 'd69fccefc43e1fbf8a2e97dce079634b2113f988', class: "bs-popover" }, h("div", { key: 'b42473957daa2f3db84c59f6da2e391b8387df23', part: "trigger", class: "bs-popover__trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '899294fecb6b2912c3c4f8865893e62ba74cc4fb', name: "trigger", ref: el => (this.triggerSlot = el), onSlotchange: this.syncTriggerAria })), h("div", { key: 'e1e6209b661a16954b9b61586624dea57efa2c08', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, h("slot", { key: '22e665b595f9dd2938919da88de45e0016f4a0e2' }))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "onOpenChange": 0
+            }],
+        "placement": [{
+                "onPlacementChange": 0
+            }]
+    }; }
+};
+BsPopover.style = bsPopoverCss();
+
+export { BsPopover as bs_popover };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-wz7B473u.js';
 
 const bsPresenceCss = () => `:host{display:block;--bs-presence-duration:var(--bs-duration-default);--bs-presence-easing:var(--bs-easing-standard);--bs-presence-distance:var(--bs-spacing-400);--bs-presence-scale:0.96}:host([duration='instant']){--bs-presence-duration:var(--bs-duration-instant)}:host([duration='fast']){--bs-presence-duration:var(--bs-duration-fast)}:host([duration='default']){--bs-presence-duration:var(--bs-duration-default)}:host([duration='slow']){--bs-presence-duration:var(--bs-duration-slow)}:host([duration='slower']){--bs-presence-duration:var(--bs-duration-slower)}:host([easing='standard']){--bs-presence-easing:var(--bs-easing-standard)}:host([easing='decelerate']){--bs-presence-easing:var(--bs-easing-decelerate)}:host([easing='accelerate']){--bs-presence-easing:var(--bs-easing-accelerate)}:host([easing='linear']){--bs-presence-easing:var(--bs-easing-linear)}@media (prefers-reduced-motion: reduce){:host{--bs-presence-duration:var(--bs-duration-instant)}}.bs-presence{display:grid;grid-template-rows:1fr}.bs-presence--closed.bs-presence--collapse{grid-template-rows:0fr}.bs-presence--collapse .bs-presence__clip{overflow:hidden}.bs-presence__clip{min-height:0;opacity:1;transform:none}.bs-presence--closed .bs-presence__clip{opacity:0;pointer-events:none}.bs-presence--slide-up.bs-presence--closed .bs-presence__clip{transform:translateY(var(--bs-presence-distance))}.bs-presence--slide-down.bs-presence--closed .bs-presence__clip{transform:translateY(calc(var(--bs-presence-distance) * -1))}.bs-presence--scale.bs-presence--closed .bs-presence__clip{transform:scale(var(--bs-presence-scale))}`;
 
@@ -73,7 +73,7 @@ const BsPresence = class {
     }
     render() {
         const preset = PRESETS.includes(this.preset) ? this.preset : 'fade';
-        return (h(Host, { key: '2defd735d80a2efdccffd600c23f1db31ef5914d', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, h("div", { key: 'bebdec566c415bcb0baa196c3f74b04adc80dfb4', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, h("div", { key: 'fac80d18429fe4aa2b00533ede5b7ae228cf142e', class: "bs-presence__clip", ref: el => (this.clip = el) }, h("slot", { key: '86fc247c13f2c64c365f8c8f9d959af6befaa89a' })))));
+        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' })))));
     }
     static get watchers() { return {
         "active": [{

package/dist/esm/bs-product-tour.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, h } from './index-wz7B473u.js';
 
 const bsProductTourCss = () => `:host{display:inline-block;--bs-product-tour-bg:var(--bs-paper-bg-base);--bs-product-tour-radius:var(--bs-border-radius-150);--bs-product-tour-color:var(--bs-text-default);--bs-product-tour-color-secondary:var(--bs-text-secondary);--bs-product-tour-art-size:64px;--bs-product-tour-art-icon-size:28px;--bs-product-tour-arrow-width:22px;--bs-product-tour-arrow-height:16px;--bs-product-tour-arrow-offset:36px;--bs-product-tour-width:400px;--bs-product-tour-padding:var(--bs-spacing-300);--bs-product-tour-gap:var(--bs-spacing-150);--bs-product-tour-shadow-color:var(--bs-elevation-medium)}:host([type='pointer']){--bs-product-tour-width:320px;--bs-product-tour-padding:var(--bs-spacing-200);--bs-product-tour-gap:var(--bs-spacing-100);--bs-product-tour-shadow-color:var(--bs-elevation-high)}.bs-product-tour{position:relative;width:var(--bs-product-tour-width);max-width:100%;color:var(--bs-product-tour-color);font-family:inherit}.bs-product-tour,.bs-product-tour__card{--bs-card-bg:var(--bs-product-tour-bg);--bs-card-radius:var(--bs-product-tour-radius);--bs-card-padding:var(--bs-product-tour-padding)}.bs-product-tour__body{display:flex;flex-direction:column;gap:var(--bs-product-tour-gap)}.bs-product-tour p{margin:0}.bs-product-tour--card{--bs-card-shadow:0 4px 8px var(--bs-product-tour-shadow-color)}.bs-product-tour--card .bs-product-tour__body{align-items:center;text-align:center}.bs-product-tour__art{--bs-icon-tile-size:var(--bs-product-tour-art-size);--bs-icon-tile-icon-size:var(--bs-product-tour-art-icon-size)}.bs-product-tour__glyph,::slotted([slot='icon']){width:var(--bs-product-tour-art-icon-size);height:var(--bs-product-tour-art-icon-size)}.bs-product-tour--card .bs-product-tour__heading{align-self:stretch;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-product-tour--card .bs-product-tour__description{align-self:stretch;color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour--card .bs-product-tour__actions{padding-top:var(--bs-spacing-100)}.bs-product-tour--card .bs-product-tour__actions bs-button{--bs-button-height-md:var(--bs-spacing-550);min-width:94px}.bs-product-tour--pointer{filter:drop-shadow(0 4px 4px var(--bs-product-tour-shadow-color))}.bs-product-tour__card{display:block;--bs-card-shadow:none}.bs-product-tour--pointer .bs-product-tour__body{min-height:calc(140px - var(--bs-product-tour-padding) * 2)}.bs-product-tour--pointer .bs-product-tour__text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding-inline-end:var(--bs-spacing-500)}.bs-product-tour--pointer .bs-product-tour__heading{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-product-tour--pointer .bs-product-tour__description{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour__close{position:absolute;top:3px;inset-inline-end:3px}.bs-product-tour__close svg{width:20px;height:20px}.bs-product-tour__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);margin-top:auto;padding-top:4px}.bs-product-tour__progress{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-product-tour--pointer .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour--pointer .bs-product-tour__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}.bs-product-tour--card .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour__arrow{position:absolute;background:var(--bs-product-tour-bg);pointer-events:none}:host([direction^='top']) .bs-product-tour__arrow,:host([direction^='bottom']) .bs-product-tour__arrow{width:var(--bs-product-tour-arrow-width);height:calc(var(--bs-product-tour-arrow-height) + 1px)}:host([direction^='top']) .bs-product-tour__arrow{bottom:calc(100% - 1px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}:host([direction^='bottom']) .bs-product-tour__arrow{top:calc(100% - 1px);clip-path:polygon(0 0, 100% 0, 50% 100%)}:host([direction='top']) .bs-product-tour__arrow,:host([direction='bottom']) .bs-product-tour__arrow{left:50%;transform:translateX(-50%)}:host([direction$='-left']) .bs-product-tour__arrow{left:var(--bs-product-tour-arrow-offset);transform:translateX(-50%)}:host([direction$='-right']) .bs-product-tour__arrow{right:var(--bs-product-tour-arrow-offset);transform:translateX(50%)}:host([direction^='left']) .bs-product-tour__arrow,:host([direction^='right']) .bs-product-tour__arrow{width:calc(var(--bs-product-tour-arrow-height) + 1px);height:var(--bs-product-tour-arrow-width)}:host([direction^='left']) .bs-product-tour__arrow{right:calc(100% - 1px);clip-path:polygon(0 50%, 100% 0, 100% 100%)}:host([direction^='right']) .bs-product-tour__arrow{left:calc(100% - 1px);clip-path:polygon(0 0, 100% 50%, 0 100%)}:host([direction='left']) .bs-product-tour__arrow,:host([direction='right']) .bs-product-tour__arrow{top:50%;transform:translateY(-50%)}:host([direction$='-top']) .bs-product-tour__arrow{top:var(--bs-product-tour-arrow-offset);transform:translateY(-50%)}:host([direction$='-bottom']) .bs-product-tour__arrow{bottom:var(--bs-product-tour-arrow-offset);transform:translateY(50%)}`;
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, a as getElement, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, a as getElement, h } from './index-wz7B473u.js';
 
-const bsProgressLinearCss = () => `:host{display:flex;--bs-progress-linear-gap:var(--bs-spacing-100);--bs-progress-linear-track:var(--bs-surface-hover);--bs-progress-linear-fill:var(--bs-color-primary-default);--bs-progress-linear-radius:120px;--bs-progress-linear-height-sm:4px;--bs-progress-linear-height-lg:8px;--bs-progress-linear-label-color:var(--bs-text-default);--bs-progress-linear-label-font-size:var(--bs-fontsize-body-md);--bs-progress-linear-label-line-height:var(--bs-line-height-body-md);--bs-progress-linear-transition-duration:0.3s;--bs-progress-linear-slide-duration:1.6s}.bs-progress-linear{display:flex;flex-direction:column;width:100%;gap:var(--bs-progress-linear-gap);font-family:inherit}.bs-progress-linear__track{position:relative;width:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-track);overflow:hidden}.bs-progress-linear__track--small{height:var(--bs-progress-linear-height-sm)}.bs-progress-linear__track--large{height:var(--bs-progress-linear-height-lg)}.bs-progress-linear__fill{height:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-fill);transition:width var(--bs-progress-linear-transition-duration) ease}.bs-progress-linear__fill--indeterminate{position:absolute;top:0;left:0;width:24%;min-width:80px;background:linear-gradient(90deg, transparent 0%, var(--bs-progress-linear-fill) 50%, transparent 100%);animation:bs-progress-linear-slide var(--bs-progress-linear-slide-duration) ease-in-out infinite}@keyframes bs-progress-linear-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion: reduce){.bs-progress-linear__fill--indeterminate{animation-duration:calc(var(--bs-progress-linear-slide-duration) * 4)}}.bs-progress-linear__label{color:var(--bs-progress-linear-label-color);font-size:var(--bs-progress-linear-label-font-size);line-height:calc(var(--bs-progress-linear-label-line-height) * 1px)}`;
+const bsProgressLinearCss = () => `:host{display:flex;--bs-progress-linear-gap:var(--bs-spacing-100);--bs-progress-linear-track:var(--bs-surface-hover);--bs-progress-linear-fill:var(--bs-color-primary-default);--bs-progress-linear-radius:120px;--bs-progress-linear-height-sm:4px;--bs-progress-linear-height-lg:8px;--bs-progress-linear-label-color:var(--bs-text-default);--bs-progress-linear-label-font-size:var(--bs-fontsize-body-md);--bs-progress-linear-label-line-height:var(--bs-line-height-body-md);--bs-progress-linear-transition-duration:0.3s;--bs-progress-linear-slide-duration:1.6s}.bs-progress-linear{display:flex;flex-direction:column;width:100%;gap:var(--bs-progress-linear-gap);font-family:inherit}.bs-progress-linear__track{position:relative;width:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-track);overflow:hidden;container-type:inline-size}.bs-progress-linear__track--small{height:var(--bs-progress-linear-height-sm)}.bs-progress-linear__track--large{height:var(--bs-progress-linear-height-lg)}.bs-progress-linear__fill{height:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-fill);transition:width var(--bs-progress-linear-transition-duration) ease}.bs-progress-linear__fill--indeterminate{position:absolute;top:0;left:0;width:24%;min-width:80px;background:linear-gradient(90deg, transparent 0%, var(--bs-progress-linear-fill) 50%, transparent 100%);animation:bs-progress-linear-slide var(--bs-progress-linear-slide-duration) ease-in-out infinite}@keyframes bs-progress-linear-slide{from{transform:translateX(-100%)}to{transform:translateX(100cqw)}}@media (prefers-reduced-motion: reduce){.bs-progress-linear__fill--indeterminate{animation-duration:calc(var(--bs-progress-linear-slide-duration) * 4)}}.bs-progress-linear__label{color:var(--bs-progress-linear-label-color);font-size:var(--bs-progress-linear-label-font-size);line-height:calc(var(--bs-progress-linear-label-line-height) * 1px)}`;
 
 const BsProgressLinear = class {
     constructor(hostRef) {
@@ -33,13 +33,13 @@ const BsProgressLinear = class {
     render() {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
-        return (h("div", { key: 'b8413e4b2007893cf2a30243eaa6018c0e7321c8', part: "container", class: "bs-progress-linear" }, h("div", { key: 'a169168b32f47f5d62a14c54a3d1fde9e2beb219', 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: '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}%` } })) : (
         // 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: 'dbde538356381fb557ec01cab90b6d8ba67a479b', part: "label", class: "bs-progress-linear__label" }, h("slot", { key: 'e9f6bced860f1147a88171fade7e3e0a6947c17e' })))));
+        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' })))));
     }
     // 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/esm/bs-progress.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, h } from './index-wz7B473u.js';
 
 const bsProgressCss = () => `:host{display:inline-flex;--bs-progress-gap:var(--bs-spacing-100);--bs-progress-track:var(--bs-neutral-200);--bs-progress-arc:var(--bs-color-primary-default);--bs-progress-label-color:var(--bs-color-primary-default);--bs-progress-label-font-size-sm:var(--bs-fontsize-caption-md);--bs-progress-label-line-height-sm:var(--bs-line-height-caption-md);--bs-progress-label-font-size-lg:var(--bs-fontsize-body-md);--bs-progress-label-line-height-lg:var(--bs-line-height-body-md);--bs-progress-label-font-weight:var(--bs-font-weight-medium);--bs-progress-spin-duration:1.4s}.bs-progress{display:inline-flex;flex-direction:column;align-items:center;gap:var(--bs-progress-gap);font-family:inherit}.bs-progress__box{position:relative;display:inline-flex}.bs-progress__ring{transform:rotate(-90deg);overflow:visible}.bs-progress__track{stroke:var(--bs-progress-track)}.bs-progress__arc{stroke:var(--bs-progress-arc);transition:stroke-dashoffset 0.3s ease}.bs-progress__spinner{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg, transparent 0deg, var(--bs-progress-arc) var(--bs-progress-spinner-sweep), transparent var(--bs-progress-spinner-sweep));-webkit-mask:radial-gradient(     farthest-side,     transparent calc(100% - var(--bs-progress-spinner-stroke-width) - 1px),     #000 calc(100% - var(--bs-progress-spinner-stroke-width))   );mask:radial-gradient(     farthest-side,     transparent calc(100% - var(--bs-progress-spinner-stroke-width) - 1px),     #000 calc(100% - var(--bs-progress-spinner-stroke-width))   );animation:bs-progress-spin var(--bs-progress-spin-duration) linear infinite}@keyframes bs-progress-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-progress__spinner{animation-duration:calc(var(--bs-progress-spin-duration) * 4)}}.bs-progress__label{color:var(--bs-progress-label-color);font-weight:var(--bs-progress-label-font-weight);text-align:center}.bs-progress__label--small,.bs-progress__label--medium{font-size:var(--bs-progress-label-font-size-sm);line-height:calc(var(--bs-progress-label-line-height-sm) * 1px)}.bs-progress__label--large{font-size:var(--bs-progress-label-font-size-lg);line-height:calc(var(--bs-progress-label-line-height-lg) * 1px)}`;
 
@@ -55,7 +55,7 @@ const BsProgress = class {
         const isDeterminate = this.type === 'determinate';
         const value = this.clampedValue;
         const dashOffset = circumference * (1 - value / 100);
-        return (h("div", { key: 'b91ecdb26db2711f65f9b35169d30f8c21c85ef0', part: "container", class: "bs-progress" }, h("div", { key: 'cafa73aaacde863f5a82185fe75454b0004d68f3', 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: '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 }))) : (
         // 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
@@ -64,7 +64,7 @@ const BsProgress = class {
         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: '3d9d1fb48f12171fe4e7bfae6ee86b5d97bc094c', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
+            } }))), isDeterminate && this.showLabel && (h("span", { key: 'be64ef0cb99048d327e42799915544cd5eff1205', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
     }
 };
 BsProgress.style = bsProgressCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, h } from './index-wz7B473u.js';
 
 const bsQrCodeCss = () => `:host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}`;
 
@@ -133,7 +133,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 (h("bs-card", { key: '4e167a1963bdcf3cfab55d45512b9a6892967863', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: '6515eda31ed66c48f751a030aac2a1e8787168bb', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '3fcb2f17e996eec1f0d7b63ce801a0c2afaa34f5', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: '2918e13d5155c393d5bcd38770f4288c4a580249', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: '9e78a07d15f1c796d5d3a95250048f792dffed66', class: "bs-qr-code__body" }, h("div", { key: 'f11274026541602224216fd1c9125ee6747fa863', part: "head", class: "bs-qr-code__head" }, h("p", { key: '2bad1953d7f5c67c92e3759999d4aa4010b016c5', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: 'abb48d14fbf8b307d4f370601cd2eb5ffc4df421', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '17af9e23f1a66d89367d9c26bb8ea551c069b2c0', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '2092115e613237a13c31243d7370f20bd3fc4c09', part: "code", class: "bs-qr-code__code" }, h("slot", { key: 'c189b0b1edf6f61489e9d1ebe8275c2685862e77', name: "code" }, this.renderMatrix()), h("div", { key: '1e082f0d8b7ee552ab35f2da7ec13c0a9c5d7d86', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: '5c305729c9771f95d3bf1877efe86de9f63054e7', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: 'd896562fc83349ada191a1956dfe8b3ffe02dfda', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '8523dd83e68c5f7af690afa71152d82a8f33280d', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: 'b558183ed05e918b49f17901c5f4a90455527c07', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: 'b2e14982c041255d561c733465ec946191f71308', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '73443e59dd874d9888b4635d25f8abfb66e2ba15', part: "expiry", size: "md" }, h(TimerIcon, { key: 'e2c8e896629106af6b6e43f5927cc40cb986c895', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'c0e4e621b7535020de664c18b156a40ebd0f9cc5', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: '7d20bfd9ef09f9f739f7c2482d4f6a460dc4380d', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: '27ea6048df80bc0882178f428ab8484d9c2d3e0c', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: '814e7b49e0b2b3d1c55042910495cb33da115210', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: '82af9fe245268df404461f9f750c61b0b4ade027', slot: "icon" }), this.copyLabel)))))));
+        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)))))));
     }
 };
 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/esm/bs-radio-group.entry.js

@@ -0,0 +1,88 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-wz7B473u.js';
+
+const bsRadioGroupCss = () => `:host{display:block;--bs-radio-group-gap:var(--bs-spacing-50);--bs-radio-group-options-gap:var(--bs-spacing-0);--bs-radio-group-label-color:var(--bs-text-default);--bs-radio-group-description-color:var(--bs-text-secondary);--bs-radio-group-error-color:var(--bs-text-error)}:host([orientation='horizontal']){--bs-radio-group-options-gap:var(--bs-spacing-300)}.bs-radio-group{display:flex;flex-direction:column;gap:var(--bs-radio-group-gap);font-family:inherit}.bs-radio-group__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-medium);color:var(--bs-radio-group-label-color)}.bs-radio-group__options{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-radio-group-options-gap)}:host([orientation='horizontal']) .bs-radio-group__options{flex-direction:row;flex-wrap:wrap;align-items:center}.bs-radio-group__description,.bs-radio-group__error{font-size:var(--bs-font-size-xs)}.bs-radio-group__description{color:var(--bs-radio-group-description-color)}.bs-radio-group__error{color:var(--bs-radio-group-error-color)}`;
+
+let uid = 0;
+const BsRadioGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsChange = createEvent(this, "bsChange");
+    }
+    get el() { return getElement(this); }
+    id = `bs-radio-group-${++uid}`;
+    /** Visible group label, also the accessible name of the group. */
+    label;
+    /** Helper text under the options. Replaced by `error` while that is set. */
+    description;
+    /** Error message. Sets `aria-invalid`, replaces the helper text and is announced with the group. */
+    error;
+    /** Layout of the radios. */
+    orientation = 'vertical';
+    /** `name` given to every radio in the group. Defaults to a generated, unique name. */
+    name;
+    /** `value` of the checked radio. Setting it checks the matching radio (and unchecks the rest). */
+    value;
+    /** Marks the group as required: sets `aria-required` and shows an asterisk after the label. */
+    required = false;
+    /** Check the first enabled radio when none is checked, so a choice is always made. Off by default so a form can start empty. */
+    selectFirst = false;
+    /** Emitted with the new `value` when the user checks a radio. Replaces the radios' own `bsChange`, which does not reach listeners outside the group. */
+    bsChange;
+    radios() {
+        return Array.from(this.el.querySelectorAll('bs-radio'));
+    }
+    onValueOrName() {
+        this.sync(true);
+    }
+    componentWillLoad() {
+        this.sync(false);
+    }
+    /** Shared name on every radio, then reconcile checked state with `value`. */
+    sync(fromValue) {
+        const radios = this.radios();
+        const name = this.name ?? this.id;
+        radios.forEach(r => (r.name = name));
+        const checked = radios.filter(r => r.checked);
+        let target;
+        if (fromValue || (this.value !== undefined && this.value !== null)) {
+            target = radios.find(r => r.value === this.value);
+        }
+        if (!target)
+            target = checked[0];
+        if (!target && this.selectFirst)
+            target = radios.find(r => !r.disabled);
+        radios.forEach(r => {
+            const should = r === target;
+            if (r.checked !== should)
+                r.checked = should;
+        });
+        const next = target?.value;
+        if (next !== this.value && (target || fromValue))
+            this.value = next;
+    }
+    onSlotchange = () => this.sync(false);
+    onRadioChange(ev) {
+        if (ev.target === this.el)
+            return; // our own event
+        ev.stopImmediatePropagation();
+        this.value = ev.detail;
+        this.bsChange.emit(ev.detail);
+    }
+    render() {
+        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))));
+    }
+    static get watchers() { return {
+        "value": [{
+                "onValueOrName": 0
+            }],
+        "name": [{
+                "onValueOrName": 0
+            }]
+    }; }
+};
+BsRadioGroup.style = bsRadioGroupCss();
+
+export { BsRadioGroup as bs_radio_group };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-wz7B473u.js';
 
 const bsRadioCss = () => `:host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}.bs-radio__ripple{border-radius:50%;--bs-ripple-color:var(--bs-color-primary-default)}`;
 
@@ -24,6 +24,10 @@ const BsRadio = class {
     /** The native radio input's `value` attribute -- read from `event.target.value`, or used when
      * wiring the group up to a form. */
     value;
+    /** Accessible name for the radio, set as `aria-label` on the native input. Use it when the radio
+     * has no slotted label text (an icon-only choice) or its visible label lives elsewhere. Same as
+     * `bs-checkbox` / `bs-switch`. */
+    ariaLabel = null;
     /** Whether the radio is checked. Mutable so clicking the label/input sets it directly. */
     checked = false;
     /** Disables the radio: sets the native `disabled` attribute, suppresses hover/focus styling, and
@@ -98,7 +102,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (h("label", { key: '45b7a8896d570c915d86a073ae624cd9d7cba26a', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '1952e33f69903cfc8b85f6e6e3a544381d8785ed', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: '5c88f70158e39dd51ce403860dd66eebaea1ddf7', class: "bs-radio__hit-area" }, h("bs-ripple", { key: '041e1e5535e9267b551d87f5fd66ccb29d7aa4d3', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), h("span", { key: '7bbdb3278e70e531fcf5b7f3f237fec299d5282e', class: "bs-radio__state-layer" }, h("span", { key: '7586e3baaeef3900c1f9676524ef69378bbdc121', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: '72a0571227b331512de1b89471aa18b909f34b84', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'c48f3a4b3acb74bb5e71eb561dba2217460af8a0', part: "label", class: "bs-radio__label" }, h("slot", { key: '48fab02676fb747aff3160ddc3cf2e0ee5cd2883' }))));
+        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' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-wz7B473u.js';
 
 const bsSearchItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}`;
 
@@ -37,7 +37,7 @@ const BsSearchItem = class {
     slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
     render() {
         const role = this.selectionRole ?? undefined;
-        return (h("div", { key: '5a3a8580e47d0c10e55db1b787b0b74e6cb3a4f3', 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: 'c8e27ae7b1e0d50f8ecff26c91bcae9c3b62950f', part: "ripple" }), h("span", { key: '81ad3c5bec85021e7276909753e4f1a3a17e4b00', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '88262df53a785c5e60b8ec3935b1d1861cf1ae6a', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '5924d34123f7889eddd068ee24a2dfc6df8f41b3', part: "content", class: "bs-search-item__content" }, h("span", { key: '671557c0b077e15450be02e5bb474c0f449dfea7', part: "label", class: "bs-search-item__label" }, h("slot", { key: '97ebaf915bcc552fd77d78e7ddb39fdc640ee023' })), h("span", { key: 'e60d0190f0c562c041d0c305917220f4a34f450f', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: 'd044cb988f1edc550a18cfe06a9258b7cae2f15f', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: 'e55b0b5c9a7fb2531f6d20667970dc587a27b140', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: 'bae1da141d180b3dbb788c19a632548d0127bd64', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+        return (h("div", { key: 'd06ef043c3fa15df8d3adf3ff62b105dcef5dc1d', 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: 'a9dbae40775340f256d9ac2dd54c43f7144dda41', part: "ripple" }), h("span", { key: '2b80eb34ad0901c6e179770807cca6cd306acd25', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '7fc3bef2ba29179b425b2f470c61b6c70dae01a2', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '67481270ed566846d87cf12325db53d44f2230d1', part: "content", class: "bs-search-item__content" }, h("span", { key: 'e5993e5796e55fcf03def1d33787fe43a8b652f6', part: "label", class: "bs-search-item__label" }, h("slot", { key: '8aab4906967341b2938a5ec5ecab5794139a4acf' })), h("span", { key: '8a9453d5303e6b89c3abef8864e536726cea9906', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: '7f2ef31966d836fbef03d5e4610263081cab87b5', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: 'fcac22f41850199ef148124f9ddbdb3b687418a9', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: '19167fcf2502d2a16f36f3620f3257a3cd5f5cf3', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
     }
 };
 BsSearchItem.style = bsSearchItemCss();