@brandsync/wc 1.16.0 → 1.18.0

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.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}}`;
+
+const SLOT_NAMES = ['breadcrumb', 'status', 'meta', 'actions', 'tabs'];
+const BsPageHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsBack = index.createEvent(this, "bsBack");
+        this.bsFavoriteChange = index.createEvent(this, "bsFavoriteChange");
+    }
+    get el() { return index.getElement(this); }
+    /** The page title, rendered as the heading. */
+    heading;
+    /** HTML heading level for the title, 1 to 6. Use 1 unless the page already has its own `h1`. */
+    headingLevel = 1;
+    /** The line under the title, plain text, e.g. "214 invoices · 38 open". The `meta` slot overrides it. */
+    meta;
+    /** The condensed, sticky state: one row, a level 2 shadow, no breadcrumb and no tabs. Reflected. */
+    compact = false;
+    /** Shows a back button before the title. It emits `bsBack`; you navigate. */
+    back = false;
+    /** Accessible name of the back button. */
+    backLabel = 'Back';
+    /** Shows the favourite (star) toggle after the title. */
+    favoritable = false;
+    /** Whether the record is a favourite. Mutable: it follows the user's toggle unless `bsFavoriteChange` is cancelled. */
+    favorite = false;
+    /** Accessible name of the favourite toggle. It stays the same in both states; `aria-pressed` carries the state. */
+    favoriteLabel = 'Favourite';
+    /** Fires when the back button is clicked. Not cancelable: the component has no default action to cancel. */
+    bsBack;
+    /** Fires when the user toggles the favourite button, with the new value. Cancelable: `preventDefault()` keeps the old value. */
+    bsFavoriteChange;
+    slotted = { breadcrumb: false, status: false, meta: false, actions: false, tabs: false };
+    componentWillLoad() {
+        // A slot that is empty from the start never fires `slotchange`, so read the light DOM once up front.
+        this.slotted = Object.fromEntries(SLOT_NAMES.map(n => [n, !!this.el.querySelector(`:scope > [slot="${n}"]`)]));
+    }
+    onSlotChange = (name) => (ev) => {
+        const has = ev.target.assignedNodes().length > 0;
+        if (has !== this.slotted[name])
+            this.slotted = { ...this.slotted, [name]: has };
+    };
+    onFavoriteClick = () => {
+        const next = !this.favorite;
+        const e = this.bsFavoriteChange.emit({ favorite: next });
+        if (!e.defaultPrevented)
+            this.favorite = next;
+    };
+    render() {
+        const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 1));
+        const showMeta = !!this.meta || this.slotted.meta;
+        const hasTabs = this.slotted.tabs && !this.compact;
+        return (index.h("div", { key: 'c67fc2b33ae942872040751d548fb82702032f9f', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, index.h("div", { key: '032d58b0072e17bd8eeb60afb5a719899a56691b', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, index.h("slot", { key: 'baed539fafc7704bbcddf66aff9109e0d6366d67', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), index.h("div", { key: '7f001cac1f29a8dd805830df98b367cee74fd46f', part: "row", class: "bs-page-header__row" }, index.h("div", { key: 'c287bdcf1e22feb88bfbc3623cc2ff8765b798d0', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (index.h("bs-icon-button", { key: '98d23c039d1f864de2a3a814ffc66c69e613d88d', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, index.h(ArrowLeftIcon, { key: 'dd9d3aec3e3bd8e8d5423b7fbf3d899693f2a47d' }))), index.h("div", { key: '8b2c60f98bcf538bb6419d37180c87f921d3efc1', part: "title", class: { 'bs-page-header__title': true, 'bs-page-header__title--controls': this.back || this.favoritable } }, index.h(`h${level}`, { part: 'heading', class: { 'bs-page-header__heading': true } }, this.heading), index.h("span", { key: 'c2b98f908942e93bfd6c8711c7097b77fdf9c449', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, index.h("slot", { key: '7a0be9e27bd1b1b4fb5ce5122056ea1b79d85e3a', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (index.h("bs-icon-button", { key: 'be19b70ac6c5a0a560bf2d3402c146844b5bb81b', part: "favorite", class: "bs-page-header__favorite", variant: "subtle", size: "sm", ariaLabel: this.favoriteLabel, pressed: this.favorite, onClick: this.onFavoriteClick }, this.favorite ? index.h(StarFillIcon, null) : index.h(StarIcon, null)))), index.h("div", { key: '5c4c5aeb64bf508031607455f65c67a7b6fc89ce', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, index.h("slot", { key: '75d3cbe844e0ecee9ed9f2457591fd418405b931', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), index.h("div", { key: 'a8f6d7929d7c49066f987f9acc665ef42404059b', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, index.h("slot", { key: '84a69af01b82f153b965c981d80bda4561b9d8a7', name: "actions", onSlotchange: this.onSlotChange('actions') }))), index.h("div", { key: 'fdd15239c429c8800b91aac17fff8cd78bbfc589', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, index.h("slot", { key: '892ecc16b598a39b706e807c67fb8b4b7a6e7cad', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && index.h("bs-divider", { key: '7397b2cfc7faca637442ba7d0460a1ec396504a3', 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.
+const ArrowLeftIcon = () => (index.h("svg", { viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { d: "M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z" })));
+const StarIcon = () => (index.h("svg", { viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { d: "M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z" })));
+const StarFillIcon = () => (index.h("svg", { viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { d: "M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" })));
+BsPageHeader.style = bsPageHeaderCss();
+
+exports.bs_page_header = BsPageHeader;

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

@@ -74,7 +74,7 @@ const BsPagination = class {
     }
     render() {
         const pageList = this.getPageList();
-        return (index.h("nav", { key: '75dc1aebd26bfde72fc782d2a6cc90470d17300b', "aria-label": this.navLabel }, index.h("ul", { key: 'b278033a46239b2f980982acba26d07cd607588a', part: "list", class: "bs-pagination__list" }, index.h("li", { key: '23b6606829b277afcd3cf513c653c9d74aefda91', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '6c476e3baa00f2f2ed35f544b092b4d338a95070', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h(ChevronLeftIcon, { key: '410770d471173960224a52b70ec05561ad0ccec0' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), index.h("li", { key: 'aaf337dd6800ab752d99bf74d4326f49036d93cb', part: "item", class: "bs-pagination__item" }, index.h("button", { key: 'faa08c19e7b57de953c61d94acda1002046d7462', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h(ChevronRightIcon, { key: '1b6c790301b9e68b64854a8c989777d98134048a' }))))));
+        return (index.h("nav", { key: 'ea5d0b85f962dd1e92533f6995072f048b562026', "aria-label": this.navLabel }, index.h("ul", { key: 'd8bd25cb99175486a7d47b10a01dec6e84d31000', part: "list", class: "bs-pagination__list" }, index.h("li", { key: 'cb00b60f5a1b2b3b6da3e8ca8c3842694377a60d', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '567d93ab292428f0f84fa0e006d76214cfc39e22', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h(ChevronLeftIcon, { key: 'd83a3dc7a3e913a7b302bb9e5beab31c5bc2987c' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), index.h("li", { key: '4904d32b1ce60efff4810a0a47453dcf6d1a515b', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '4eb744abe27134d51fbf80bbedb3d0281afb7f71', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h(ChevronRightIcon, { key: 'e7b62fd1cbf5263c94fa3482ebc094b367f5e6ca' }))))));
     }
 };
 function range(start, end) {

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

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

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

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

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

@@ -135,7 +135,7 @@ const BsQrCode = class {
         const buttonSize = this.size === 'sm' ? 'sm' : 'md';
         // Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
         // which is what bs-button's disabled primary looks like.
-        return (index.h("bs-card", { key: '8a78a58e189863a37ac0824e84c8da50d0f82c4c', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (index.h("bs-icon-button", { key: 'e771194dc383c40cbc9b4b6e2316d787dfda9e0f', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '2ee3bc0a83ec9c44f15ad906abc40d6f88598fec', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'acb73db86f4af7c81c6aa8c71c458c3a1381c9ed', d: "M5 5L15 15M15 5L5 15" })))), index.h("div", { key: '48d25ac25dd6c3cd0b77d800cddc11b1f1a57206', class: "bs-qr-code__body" }, index.h("div", { key: '340cd0dc7d945b6b3dedd103909067d7c8e5ae91', part: "head", class: "bs-qr-code__head" }, index.h("p", { key: '022fda836023d01aee585926bfe1f227b1789bae', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (index.h("p", { key: 'f72976f2aafa5f66adf77db3ed21380ef26f3e0c', part: "description", class: "bs-qr-code__description" }, this.description))), index.h("div", { key: '865fcb97b32fea2fd3cfaa71e6fd91358906ec8f', part: "qr", class: "bs-qr-code__qr" }, index.h("div", { key: '295e823796a723e4a9ead87ab178133596920cd2', part: "code", class: "bs-qr-code__code" }, index.h("slot", { key: '26a87b0ec43d5b08dbabeb0addab57e698813918', name: "code" }, this.renderMatrix()), index.h("div", { key: 'd7355f6fc021333d12f70a2c75fc1cea1052120c', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, index.h("slot", { key: 'edecfcdc96b623d01dee5c18de4191051ea4f40b', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (index.h("div", { key: '2efac5db58bbe7bfd1dc3d42ef3ce12d85bb42a5', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && index.h("p", { key: '0765abe8467bc7a1f312b71b043f05e365f1f9b3', class: "bs-qr-code__amount-label" }, this.amountLabel), index.h("p", { key: '65f41dcaf4f167cda93ce750e072ab94a38921eb', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (index.h("div", { key: 'da32b3ac2acfaf7523c24ce11cbca43236b196dd', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (index.h("bs-chip-informative", { key: '409328cdc5859c9c8e3d2be87b90b73cfc873cc2', part: "expiry", size: "md" }, index.h(TimerIcon, { key: '3752627cec20d06f351476da803d013aae832ea6', slot: "icon" }), this.expiry)), showActions && (index.h("div", { key: 'ad00fe126c5f5dfd9e6a713aa0bdd4cd70a869ca', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (index.h("bs-button", { key: '0964029df2c3a97a561b368dd167ccf1770a251f', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, index.h(DownloadIcon, { key: 'e30c02777793dc41ea3437c58d0b229b7bb75510', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (index.h("bs-button", { key: 'c845423f9652d79a099cd4466d06aa29152636ad', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, index.h(CopyIcon, { key: '443d3070916468e1bc1b015496ecaff3311b6565', slot: "icon" }), this.copyLabel)))))));
+        return (index.h("bs-card", { key: 'c69bffccb96c2c76fabc8a68caa33598d330925c', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (index.h("bs-icon-button", { key: 'eddf5fd0434ef1d4a79c65cb76e643f5607c3690', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '04751b373bc8ccf24b0777646598f6b0b594dd1d', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'e40257103cb9c062af6806874a44cc4050b91a09', d: "M5 5L15 15M15 5L5 15" })))), index.h("div", { key: '55689fd3950bf8a52fcc13e51447b329414c846d', class: "bs-qr-code__body" }, index.h("div", { key: '7335ae0ae9f42fe3b99b1dc8096338c1b0d12fc4', part: "head", class: "bs-qr-code__head" }, index.h("p", { key: '1d6288133f9619f865782d75352e02ffbd4b3cb3', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (index.h("p", { key: '2ac5a838cc0d524b726363a5711fcfd3558e7738', part: "description", class: "bs-qr-code__description" }, this.description))), index.h("div", { key: '2412e4792a4ba605c3e8c68652600901f00fbd9c', part: "qr", class: "bs-qr-code__qr" }, index.h("div", { key: '480f7b27bdb7521592cf200fa2e8a36b89742d94', part: "code", class: "bs-qr-code__code" }, index.h("slot", { key: 'cc20adaeea528bdaddc2187fd48d8c33b6c29984', name: "code" }, this.renderMatrix()), index.h("div", { key: '98ad7405250536002da78c856fe34f29101d6b8b', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, index.h("slot", { key: 'fa3ad80018891516474a16cdc74f7c40b3ff7193', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (index.h("div", { key: '16aea140dffc0b85679923c72ff68f73496cd382', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && index.h("p", { key: '4b6c14f95fbc75fa750361bedb63e06f6cf8fbfa', class: "bs-qr-code__amount-label" }, this.amountLabel), index.h("p", { key: '23ef126293fe71e364e2fe6d8bf7e9570a0a8073', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (index.h("div", { key: '055769372c728d26f4a7b0ca15b4c1e9d9182f85', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (index.h("bs-chip-informative", { key: '2bda390d9e14ba387015619c5d51c136f344d42c', part: "expiry", size: "md" }, index.h(TimerIcon, { key: 'daa9d8dd4b9dbbc3f0a01d4c203020a7a128e3e4', slot: "icon" }), this.expiry)), showActions && (index.h("div", { key: '42fdca6de6985912a93580b60a69b06de86ab240', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (index.h("bs-button", { key: 'da9f965b3c996842c2f7c853b12baa7cd1523d0b', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, index.h(DownloadIcon, { key: 'c0ff457c873583ba21dc0ef936b5b75723170921', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (index.h("bs-button", { key: '023df4653bdbcf8440c511818a27f8363218c202', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, index.h(CopyIcon, { key: '0abdffdb59b543625340be0af0bfabd21fa57bca', slot: "icon" }), this.copyLabel)))))));
     }
 };
 const iconProps = { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true' };

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

@@ -100,7 +100,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (index.h("label", { key: '679e926d0b4d4b35ee56345d71c228d72095ad85', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '0b4f6c15143d2779b2e51f6afdd0a9a77609534f', 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 }), index.h("span", { key: 'afffc290ff5e0128f80a8dae6fa3e489ae4bb0c7', class: "bs-radio__hit-area" }, index.h("span", { key: 'f4cc5c08e21fc197391ad7fb104e9c230ed6bf45', class: "bs-radio__state-layer" }, index.h("span", { key: '7d782c0e6727450068104ab09c8dfc83416c3849', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: 'aa6c34344fc1af8c7acd99f2cf4cc1f4ed04d021', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '2abc4a24ea0220198842097e59b8223a7bb12d11', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '9fada19e76e1a11964c119bc9f0b5b9f00c09893' }))));
+        return (index.h("label", { key: '886be8e0972dcb7d918447186ac6972a9132eb02', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: 'd82e6e5d9a5a283bf3a0590add040cfb8f153fb7', 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 }), index.h("span", { key: '3844f7c165afc6c2de1b4befbe0d6aa5b89dab42', class: "bs-radio__hit-area" }, index.h("span", { key: 'd710b061715195882f889284e4b13dc872df03be', class: "bs-radio__state-layer" }, index.h("span", { key: 'd7eaa53202cfd9884ea6f890ff609e678d043fb0', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: 'c4942a1f370d7822a88e05a5d150bc5cb9cdd426', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '79b5334b22ffe48a63bff43b0a8ce3df8c57e9cb', part: "label", class: "bs-radio__label" }, index.h("slot", { key: 'f71e839a6afe980e2ef54d40c4b40d6513ff0540' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.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{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}}`;
+
+const BsSearchItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsItemSelect = index.createEvent(this, "bsItemSelect");
+    }
+    get el() { return index.getElement(this); }
+    /** Identifies the item; emitted by `bsItemSelect`. */
+    value;
+    /** Highlighted row (keyboard or hover). Set by the parent. */
+    active = false;
+    /** Dims the row and ignores clicks. */
+    disabled = false;
+    /** Trailing text shorthand. The `trailing` slot overrides it. */
+    trailing;
+    /** Set by the parent (`"option"`). Standalone rows have no role. */
+    selectionRole = null;
+    hasIcon = false;
+    hasDescription = false;
+    hasTrailingSlot = false;
+    /** Fires with `value` when the row is clicked, or when the parent selects it with Enter. */
+    bsItemSelect;
+    componentWillLoad() {
+        const has = (name) => Array.from(this.el.children).some(c => c.getAttribute('slot') === name);
+        this.hasIcon = has('icon');
+        this.hasDescription = has('description');
+        this.hasTrailingSlot = has('trailing');
+    }
+    onClick() {
+        if (this.disabled)
+            return;
+        this.bsItemSelect.emit(this.value);
+    }
+    slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
+    render() {
+        const role = this.selectionRole ?? undefined;
+        return (index.h("div", { key: 'ff15a6983c32e576c3a1475b058b8b98c7b26906', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, index.h("span", { key: 'a7d9ce608a6354301292b3a5581b598459d1e748', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '842835090311c9139a58058db8b813dd08cefe63', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '49593768f387d0c6c551a02c5a45c7f9907d48cc', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '88f041e7c4ff60001c3b29beb0b60272ac8f5ab8', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: 'd987b5809b3aa4acafe7d3fe99e477adf3ef94c1' })), index.h("span", { key: '54be04f167f1b95b0930755f33a827fe6b0be69d', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: '1f5557fe80ba24b69d9b8879be119edb4602c881', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: '5a6a5fc58a12cc02f8ab4555bc580f63af137232', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: '89514db103242c48b2d062340558aa6ded0d157b', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+    }
+};
+BsSearchItem.style = bsSearchItemCss();
+
+exports.bs_search_item = BsSearchItem;

package/dist/cjs/bs-session-timeout.cjs.entry.js

@@ -160,7 +160,7 @@ const BsSessionTimeout = class {
         const description = this.description ?? d.description;
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
-        return (index.h("bs-card", { key: '8922ea5cb968852d3ce425364278348c71c10be2', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, index.h("div", { key: 'b613354d729da81aea5d05b6c3ccb8de5e64b075', class: "bs-session-timeout__body" }, !this.hideIcon && (index.h("bs-icon-tile", { key: '852e15692bd30510cd5cb52b092868684ff8d73b', part: "art", intent: d.intent, size: "lg" }, index.h("slot", { key: '5a5b89e4c85536710217b5e3d29d87c333152472', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (index.h("p", { key: '626014fca6ecdc96934996f0a0f9aef368fb8635', part: "saved", class: "bs-session-timeout__saved" }, index.h(InfoIcon, { key: '2ba9eaeba78425078d43d2c01ade39475e779cc9' }), index.h("span", { key: '45e7fae171cc6bfe738aabf42784cfabd27eab0d' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (index.h("div", { key: '4378b0b81c299b4ace854b4f9e41c3c8da0a2936', part: "actions", class: "bs-session-timeout__actions" }, secondary && (index.h("bs-button", { key: '7c25a927573c57c1dabc905eb4ecee8d3195f0e0', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (index.h("bs-button", { key: '21a301ea8780ad05517d2f45524d6c3133dbe256', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (index.h("div", { key: 'f741f30b96c640df5f33ced255dcd5929f779e5f', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (index.h("bs-button", { key: '16d6dbe5c3cc201b8b8de2818053faedc0fd3107', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: 'a37390a6c98d099a1f50938a9d45e43483318ea2', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), index.h("div", { key: 'bcafa657342437a24caa5979299688b60d61f02e', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
+        return (index.h("bs-card", { key: '417d136aee9e7681c3f2688812551e7959afd08e', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, index.h("div", { key: '9ba89446e15520a424f57c45ef64b85096999ce7', class: "bs-session-timeout__body" }, !this.hideIcon && (index.h("bs-icon-tile", { key: '4dc5931a2592b6a8fb31a39ffd8798ec719e9507', part: "art", intent: d.intent, size: "lg" }, index.h("slot", { key: '23d73a04db2be77202d11b2fc0c8eefa35e020f8', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (index.h("p", { key: 'd3e939b8029a13b96f20b3b72065f6dc725f1644', part: "saved", class: "bs-session-timeout__saved" }, index.h(InfoIcon, { key: 'aa89f53279f9fa3db8de1374b6e9706996b0dcd6' }), index.h("span", { key: 'c2f192016e62865413684b5adf38ace82a3283ca' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (index.h("div", { key: '11fa6269c05185c4d5261416e8baa67d0474820a', part: "actions", class: "bs-session-timeout__actions" }, secondary && (index.h("bs-button", { key: '8e804826c0ebb62007a7b4235639a24d162552f8', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (index.h("bs-button", { key: '3eff5c096263d3a79e897196a04ab57584dcf78d', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (index.h("div", { key: 'b52dd407d444e940fb772b1d5db23e29d6783ce3', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (index.h("bs-button", { key: 'f226901ff4b92180cf6955dbfd3347311e5a3704', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '8a048139dd6a4211c56764388ee17dc599048725', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), index.h("div", { key: 'a9dd14df0ba32c8bfaa042ad316a3a71faed7a43', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
     }
     static get watchers() { return {
         "countdown": [{

package/dist/cjs/bs-shortcut-row.cjs.entry.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsShortcutRowCss = () => `:host{display:block;width:100%;box-sizing:border-box;--bs-shortcut-row-height:36px;--bs-shortcut-row-padding-x:var(--bs-spacing-100);--bs-shortcut-row-gap:var(--bs-spacing-100);--bs-shortcut-row-radius:var(--bs-border-radius-75);--bs-shortcut-row-color:var(--bs-text-default);--bs-shortcut-row-color-disabled:var(--bs-text-on-disabled)}.bs-shortcut-row{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-shortcut-row-gap);width:100%;height:var(--bs-shortcut-row-height);padding-inline:var(--bs-shortcut-row-padding-x);border-radius:var(--bs-shortcut-row-radius);color:var(--bs-shortcut-row-color);font-family:inherit;font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-body-sm) * 1px)}:host([disabled]) .bs-shortcut-row{color:var(--bs-shortcut-row-color-disabled)}.bs-shortcut-row__action{flex:1 1 0;min-width:0}.bs-shortcut-row__keys{display:flex;align-items:center;flex-shrink:0}`;
+
+const BsShortcutRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The action, e.g. "Save". The default slot overrides it. */
+    action;
+    /** The keys, e.g. `"Ctrl+S"`, or an array (`['Ctrl', '+']`) for a literal plus key. See `bs-key-caps`. */
+    keys;
+    /** Accessible name of the key caps, e.g. "Control plus S". Defaults to the keys joined with "plus". */
+    label;
+    /** Dims the label and the keys. */
+    disabled = false;
+    /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
+    selectionRole = null;
+    render() {
+        return (index.h("div", { key: '019d1b17a212cfc3732533c31eb45d53adcecff3', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, index.h("span", { key: '21fe3aa23547e79bdb9a9bb436f593b059ffaefc', part: "action", class: "bs-shortcut-row__action" }, index.h("slot", { key: '98e36778be62584ef1bf5f021392f978cc52cf6d' }, this.action)), index.h("span", { key: '73470e43a024637de6dbb8fcd27917247233caea', part: "keys", class: "bs-shortcut-row__keys" }, index.h("slot", { key: 'c004ffae40b85181aaf35e1d5f5e3581eb386700', name: "keys" }, index.h("bs-key-caps", { key: 'd5bea5cfc5e156cd6789950e691896b6c50a62e0', keys: this.keys, label: this.label, disabled: this.disabled })))));
+    }
+};
+BsShortcutRow.style = bsShortcutRowCss();
+
+exports.bs_shortcut_row = BsShortcutRow;

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

@@ -223,7 +223,7 @@ const BsSlider = class {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (index.h("div", { key: '27a3ea5b427fcc77b8d5e3e1ebe2e5bc4e63b7c7', class: rootClasses }, this.showLabel && (index.h("div", { key: '0d4a3457ce390dd2b05be33e46a3bd67dd6f027e', class: "bs-slider__header" }, index.h("span", { key: '21fda56ed3bfad6a7838cc6be53fe206634e35a8', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), index.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')))), index.h("div", { key: '1d8b7c5fa72467ae5a58520ad66452331c5d8e16', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: 'd45c1e0d5cfe7a66f8bd85a239148b2c13a8b3df', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: '063d2007c094ebed57e58fe0fbaa0e1f0581ed71', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (index.h("div", { key: 'd9db9ea41a0bf6b19513967b97aace0dcf8441ad', class: rootClasses }, this.showLabel && (index.h("div", { key: 'cd526f47736d86f89ef498cfdef32a0e2d6eff41', class: "bs-slider__header" }, index.h("span", { key: 'f69780fc00ed0aa8fb91612646883a9a2594cdee', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), index.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')))), index.h("div", { key: 'b010c143ed9717fd2c5de226d8f069dbf6c4d6f8', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: 'dc880f89d866fb2f32bc5a0bb3213678e9ede851', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: 'f99450e8ff78789f88b6f4eafb31d48cb623d6d6', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -47,7 +47,7 @@ const BsSnackbar = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: 'c28affe5d8731108fb850d3a748f529ee387a19b', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'fa1934bd51d1c2c9287d748c28885ca48972160f', class: "bs-snackbar__content" }, index.h("span", { key: 'b2d96ef66bc8fabf1efb19951ca2559cd17cccd6', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: 'bf425e1893ecc38f5c808589b3e4aa37377ebdc8', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: '5ad9c390508942f8d3b380de83100da30a06f02d' }))), index.h("div", { key: '84d388fa214fc995d5f0f5f3a336984b251373c8', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: 'c96e9fc2252a60a6a33aa31e3b698bf1662f7447', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: '8b0a71688b6418ebb2db2fe648334048429d7168', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: 'bcc155735db55392b049f6b5761e05341e588d35' }))))));
+        return (index.h("div", { key: 'b16a2868bd2de4cb2d1acc8e0f01ba6b2b249d07', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'cbd5c263b03734f7f43858a28d7b81abd529b06a', class: "bs-snackbar__content" }, index.h("span", { key: '8dec1eb35c2cbb9d611f84f49c0db993fb6c8d67', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '6fada5eb6ce220e4a0c19e12afc238e04f094058', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: 'c13059e6ce29b13323f2498eb4228ad8976adedc' }))), index.h("div", { key: '43128f9b4faf428b3fa2b631aaf2ee6241d85028', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: '99aa344e0e668a7867f64be05088d9ac0d509c97', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: '9ab854da28d9c5f2c3f4c001896d0bc311a6fa96', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '79d37f2641743f006e5a1fd6462e6998284c9c23' }))))));
     }
 };
 const CheckCircleIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -26,8 +26,8 @@ const BsSourceLink = class {
     };
     render() {
         const inner = [
-            index.h("span", { key: '3d00fafba4a8fde90e505901414b2f69cc357f09', class: "bs-source-link__left" }, index.h("span", { key: '3f72b63198834ab9d99e772d4299c762c5f258b1', class: "bs-source-link__filename-row" }, index.h("span", { key: 'cdf084aa7cec2d47d8a641550b791bd5321e3f75', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: 'e43bab36dd3ea255d4a8d2a06e87d6580e2e74ce', name: "icon" }, index.h(FileTextIcon, { key: 'f9aa3540274d3c9394f56db184b28a1255f70314' }))), index.h("p", { key: '9207d20bcf4f4abcd5dd4ce0c95feb2a923e5229', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'c11cecb430fb25b8fe59b56d8bdcd1e1c4d1afd1', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '9a532dc663f902d4392d09213cd9529026d36eb9', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '969374f25e3109ad92f3ba1a1b9b24477ddeaf93', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '6bdbf5854e631344e0545acb496a4f10cce914ac', part: "version", class: "bs-source-link__version" }, this.version)))),
-            index.h("span", { key: '1b1096caa42934fbd71408a7ce0b0d89ea77a554', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '0170f5d95af6e27964cb7b51c63520cd691224ed' })),
+            index.h("span", { key: '9572b79e4cd438c467f929176f8902add784daa9', class: "bs-source-link__left" }, index.h("span", { key: '4e78ee66c58ce90028f808c8dfe6e47073935dfb', class: "bs-source-link__filename-row" }, index.h("span", { key: '28fe6cb713250185200574cb84046dd81162d408', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: '539a353101091a029b9c0b719c518e20b12c328b', name: "icon" }, index.h(FileTextIcon, { key: '165fd7898e00afc33aee871a5d9bea62af150d42' }))), index.h("p", { key: '2ed7dd64c0999eb1a9f776edc0cdf3663f7144f9', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: '929373efd21a172ea8cf8364c60bf8fad750c0f0', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '4ec488047359b61b875fdfb35b051fdaaea529dd', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '2db5112b0d0d5e1f1bad743f008bcd492a88bf24', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '2ffbec44121787991c57b662a7ab3ea2b7eda848', part: "version", class: "bs-source-link__version" }, this.version)))),
+            index.h("span", { key: '4207fea42538d9da5139eb12f9441faf87555215', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '9ca2ac0f0ed7fc1b5f90ae7650620281b4a5b1ee' })),
         ];
         return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -16,7 +16,7 @@ const BsSpinner = class {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (index.h("span", { key: 'ffeef19b6e11c8bae27649f667c65be8b6b211e5', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: 'afa93c3331107ff2be423c0693ed546d1687c143', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: 'e016a9b43eb8f297f644ba9a1d4f4e2a9dc35752', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '68827930d857322dfb7480de9cc76bb18011120d', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (index.h("span", { key: '73a069aba17ae7ddd5e18e203801d367b017352f', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: '087c596109a43266ec8d3ad9aa61cacee53c9694', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: '1de135213d827e2397815890d6606dfe908c10d7', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: 'c5a6f2689dfdc3e35fe253a20dab2133fc25d4c4', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
 };
 BsSpinner.style = bsSpinnerCss();

package/dist/cjs/bs-split-pane.cjs.entry.js

@@ -185,7 +185,7 @@ const BsSplitPane = class {
                 nodes.push(index.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) }, index.h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (index.h("div", { key: '67d978089645337e56106163c6d6ac38fd6d063c', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (index.h("div", { key: '393f6696b4ee66188aba4bb9ddf3ab30b64d00e1', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
 };
 BsSplitPane.style = bsSplitPaneCss();

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

@@ -68,7 +68,7 @@ const BsStack = class {
                 parts.push(index.h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (index.h(index.Host, { key: '36539e2d556a29fffe996ae4b53d207ac39e3889', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: 'fe94e79e6ded0341d04792c9be2949c6663de5a9', onSlotchange: this.sync }), parts));
+        return (index.h(index.Host, { key: '3dd99af43522ccafcafc9104fbed43e4e2f6380e', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: 'b193f6ccb5f81420c67cf467c1163130b9e37a68', onSlotchange: this.sync }), parts));
     }
     static get watchers() { return {
         "divider": [{

package/dist/cjs/bs-stepper-step.cjs.entry.js

@@ -34,7 +34,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (index.h(index.Host, { key: 'aebeb38afde905d2b5d12f6c6218c7f6d8caa6db', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '5ce2ab43631225cabfad3d0a65724fe53475c609', class: "bs-stepper-step__top" }, index.h("span", { key: '5270d9396ce4eaae1e7f8893d28198df7f87d515', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'a2a83808311c13113d9cefa5a2bc9926be9dea97', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: 'acf704a0de2391bac5cddc3eebef1f6aa821e233' }), state === 'error' && index.h(ExclamationIcon, { key: '4fc253c6ffced8ef5eaf337e39c0912b0765f5aa' })), index.h("span", { key: '163f5b4e465c4b6b27238ceaf73d7cdd96f5b376', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'f71f15dba5235e6176dad102c4ebad976e063900', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'ae5cd8999024687a6a3631dc6887428256899479', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'a5971b572a0f1a2f602e8f888a16d6e0e5599183', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '2873a2ceb40f7abc5e543a0d50192bc42945f3e5', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (index.h(index.Host, { key: '901bffe1d0482fde0739f1b46fca7759624991ff', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '6284d29020215b566de5a74c465f97d76c75c3a5', class: "bs-stepper-step__top" }, index.h("span", { key: '1cdb4cab7e487957286b003bc937ff5f49e0eca9', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'ef00cbd4828d7f6e5428575ea8d85697d5ec5b55', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '480ca636a3d22c04dd0d8a407270efb0e4175cd1' }), state === 'error' && index.h(ExclamationIcon, { key: '30facdf35bc7f0dcd170a076650fc2cb117aa629' })), index.h("span", { key: 'a89558fd6b1677868b69512758285325890a7594', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'e0b38e517d39a8170f06f0d2fbb6b8c5453ab818', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: '2808ef00ddbcf4e3b92e0f9613760b8b82291d14', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '3cb74de8b60d2d1d86bb62b444c241e2f3208d32', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '3b9820069fea4b146ae886eca951430e34c86c71', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -44,7 +44,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (index.h(index.Host, { key: 'a7e2549511e9899efdde9adbcaacae876d12a36d', role: "list" }, index.h("slot", { key: 'e2587a0139435b5d09ef591746f03020cc01c4b7', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '26b3570657f0f1f53f8be811b6ccab12adfb6b95', role: "list" }, index.h("slot", { key: '3d50ee55ee74ca3bffccc6eb74ab4ab6228f3c65', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{

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

@@ -72,7 +72,7 @@ const BsSwitch = class {
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        return (index.h("label", { key: '8e879cda3d51659448298ad74e0cd72d6a3c7692', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '49e885f0275339b520e601eab3dd5e58e4deaf33', 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 }), index.h("span", { key: '713c1fe5e578730b3afdeff880083ca9df5f0805', part: "track", class: trackClasses }, index.h("span", { key: 'f64210e5e3c6fa2c814567921922da3a3b93dd5f', part: "knob", class: knobClasses })), index.h("span", { key: '5a5cdbdb31470bcda460412ddb6f78fa4bb37a4b', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '4d1857d66cfbed3b59805359692371decec5c374' }))));
+        return (index.h("label", { key: '853ef8cff63a735080d2dc13a3bcbf624f90adcd', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '8ac32fe72fb6284553662925482dfbca96c37875', 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 }), index.h("span", { key: '8c32a40a08cf3e16f90fda8b6c90c4d4d172b927', part: "track", class: trackClasses }, index.h("span", { key: 'c5796361aae4834d104a802ccbde22dad715af49', part: "knob", class: knobClasses })), index.h("span", { key: '3c3a97ce272cbfdc94d23477c05931696cd39ee8', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '2eb731f751e838ef577e944cc82f9df4dadc0935' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -80,7 +80,7 @@ const BsTab = class {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (index.h("button", { key: '23d18710e7c697958aa0a7b4f8248bd85541db04', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, index.h("span", { key: 'd48e487274031e23a9febc4dccec966e939420ff', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '004e5fc7c61b9d4a9813ce8a5ce21e71ff3f9bb8', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'e7d905a2daed877414e43078a2a4460486eee9a2', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '2bc379c7f2bd7a14c1864da3024773a1e392598f', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '92aff30ad4fd06d0a16c5fc40202fb4c553e80d6', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'e655135dd81a288e7428d00c0778bb2b42294258', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: 'abecf083399730cc0e84c62109f51b683bf55ac0', part: "indicator", class: "bs-tab__indicator" })));
+        return (index.h("button", { key: 'fe8218735ca725926530b81f4d24ecab9a02674a', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, index.h("span", { key: '3402d5e392bd7f564c8af40db99c6f6dc8afaf00', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '38ad5a0cd85e9f02e4b4f42ded831b9acbc4e9df', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'a10798abf3a7e42801a82589b4993a54fc0d4bd4', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '123d097e2515fc709c6e0785cb8373d97da30673', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'a44fc02f45dbebdf11cc7a57440d9b065087adf9', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: '855acb39e1ca31c0fc9de6ad2728dc83b47ea3e6', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: 'f2312b0e3dbfbcc48a02a201760f18dc4afd6e89', part: "indicator", class: "bs-tab__indicator" })));
     }
 };
 BsTab.style = bsTabCss();
@@ -200,7 +200,7 @@ const BsTabs = class {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (index.h("div", { key: '07185cefa2f1a443035e61ba13f080913ce73ca6', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '99fe98e753609bc4f594fb32dab5a7df2f4b3c0d', onSlotchange: () => this.syncRovingTabindex() })));
+        return (index.h("div", { key: 'a4d8ed9dc495a188c837bc2baaf39dc1f810d18a', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: 'd633cbbcabeb0e9e360dd0e83f4c726547770e3f', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get watchers() { return {
         "value": [{
@@ -245,7 +245,7 @@ const BsWhatsNewEntry = class {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (index.h("div", { key: '392e53167e223e1a34802bf0106d0a92e3fbce47', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'a069414465afa8d5894967c4b91c029c6ca94714', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: 'ba1c8320df4641ad9ba2e781a475ba81ab2e793e', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '90fff95b14393041ef0d2a95f9d2f1e1e4fc4824', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '72a3ed86e67fdfbe754b94431e313b4978887bc0', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: '70f8e4492c9b09f39ffb78d3d2d6d0baf8cae27c', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: '2930545aee739edac5d93ae7abc87984becbc6d6', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: 'a1ca6d788ee50e16668c50621c631b7be10128ea', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: 'bc1cc0c9ad0d4272aa0e612822200d47a9108406', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '7e0a2520c2c3bd7c753e4f3a64d7f61230bf1c7e', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: '8344b34f92c0bcd1da4e491823f8d1f2cef82ad2', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: '8941060aacc137bee4a7a9f15a9a32023dfc5390', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '0833d06eca31e2a199ff5cd4def1a408d74c4030', d: "M5 12H19" }), index.h("path", { key: 'e079ace356dc320dfde3f48d7336d2507303d1bf', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: '369d9767229d3fb57cb1a68d0bcefb03da4a953e', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (index.h("div", { key: '54a3c2784ae0599f6ab1173672f59fc65a9e7ccc', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'c82e5e5d7486828d8c8d703d3ad7afda5e84beb7', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: '570273e8af631ea919b4d7f801fb882deb1648bb', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '8e7f75b5120d29dc7b036ce0faa920f7435cfc05', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '1bcc3e4e6d09e7d4a2225f53cad4bd143b5ed766', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: '2a5b2a37d5044ee066b6d82ae09d557136acd4db', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: 'e0ef87bc59f4ac7244ae325844b871d341f01854', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: '5ede8b73d53cb3120146324567c7496d13666525', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: '483ce24be414275059e23225b43d473963e9d41e', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '15f00f081c7673153dd1e1504e238066a7492682', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: '5d39e42399197e3d58ce59d0eb10e7e47a55ad39', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: '957deb07628192f8ccc16f931f2b4ddc4dd54ea5', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: 'a4ea579ee77a8caf70c15dc3b209f7663cc77eb6', d: "M5 12H19" }), index.h("path", { key: '65e70780afab82c607d84ca242ba34c862809520', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: '04c5d9479f1844bbf1baef6c2f4e02450098b0fa', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
 };
 BsWhatsNewEntry.style = bsWhatsNewEntryCss();

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

@@ -178,14 +178,14 @@ const BsTimepicker = class {
         return (index.h("div", { part: "spinner", class: "bs-timepicker__spinner" }, index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { part: "value", class: "bs-timepicker__value", role: "spinbutton", tabindex: 0, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": n, "aria-valuetext": pad(n), onKeyDown: this.onKeyDown(col), onBlur: () => (this.typed = '') }, pad(n)), index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (index.h("bs-card", { key: 'ad3c51871ca4b0b1871944b658bae070140d1e99', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'b522d8a85e0161c4f7cd7938364919eda0585cf9', class: "bs-timepicker__body" }, index.h("div", { key: 'a3dd5ea83fa63cd9e8e6db2dfeb32b195e084f58', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '9af7c0024a4341ed1bbaccb4fb25e0e7558de93e', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: 'e18dcfcfe44a19f8dbac0737e487b23234d92fd6', class: "bs-timepicker__format" }, index.h("span", { key: '954b1579e9789c76521ba9364ed84caee882a05d' }, this.formatLabel), index.h("bs-switch", { key: '020b23405f62aa272c8af71d9071e0090bec5c30', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '283ba5ff1525c6561b7d00552dfc86ed34284f9b', class: "bs-timepicker__divider" }), index.h("div", { key: 'c2dfc0cb7b7cc0e5d106565746f3426b4065af9a', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '1d017fd059c36955ba5ba4c5da5a05b9fb18e7d2', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '6b182c00b7dbd9150640c47aee43423d20e270c5', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: '531640b6870cc87a284ac9ea64ca5b292c4f529f', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '323a4a90bebd8203b5c2f9803ffe03055991f9e2', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '3d7ec2986824358b3f1e795a9ce05b1b81d14432', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (index.h("bs-card", { key: '185b44b483c9cf247656ae469ad69f9c64c8e41c', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'b23908efe3abf9882be697f92bf457bbe6a55ec1', class: "bs-timepicker__body" }, index.h("div", { key: '61fa7ba86099a2c53963a09864f3c2ca3f027111', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '6a70e05d3aa012f5941db7212a67ed2345946c15', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: 'd2f5829e927ec0e28a4523c4a7d5b03260e8c8f0', class: "bs-timepicker__format" }, index.h("span", { key: '3354f298b48c8ec801cce4594d317e01858b8b71' }, this.formatLabel), index.h("bs-switch", { key: '0a57baeffb981e3a571d0f1822523d3b97da7988', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: 'b48f10a8c7548b25e0ff50910f64f1f02790bb76', class: "bs-timepicker__divider" }), index.h("div", { key: 'a10ba57ccd51a56ea23b6a61dfdfd2729004855e', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '16599630eb6f2d58dc190d1b094e8c243fa6659d', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '82749333115eba07a03d22e5ac9fe913160d6af8', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: '09e97173b802d10629481ea89a51f8f18b0dba20', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: 'ae5f855f4d40a2688b253d054ec3af8821beb1cb', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: 'c245dda70d5c59f6aff109a24532c6ad2e288372', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
                 { label: 'AM', value: 'AM' },
                 { label: 'PM', value: 'PM' },
             ], onBsChange: (ev) => {
                 const pm = ev.detail === 'PM';
                 if (pm !== this.isPm)
                     this.hour = (this.hour + 12) % 24;
-            } }))), index.h("div", { key: '664da910d0c1849ff6a47ca326945b37f837760a', class: "bs-timepicker__divider" }), index.h("div", { key: '852c88b44cbb5cc3f236363181920163776a4521', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'e92e26209c7ed2e45094265a54ad8347ce697f05', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '110338b7a98727089613a3eb661ca5e0d8346691', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), index.h("div", { key: '1b2357274665377d31590aa3e5561a27bfc90100', class: "bs-timepicker__divider" }), index.h("div", { key: 'cfa3b7f3c98cc732b33e0a7a2ff76ecefb029f6c', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: '0d4127041258cc0066517d4b5588307306356cda', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: 'd8b5d5867275490d03ae1741fb1795b670c72514', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -21,7 +21,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '335782bd5c8c1c721105684ee50efb71dc8a9dd8', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '77c48c6315299064a6904646f46bb787dc4dada2', class: "bs-toast__content" }, index.h("span", { key: '8aef9bc3f662320fb3d60bbfdf8d4d8672297bd4', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: 'b1501a806e5866b69fbea2073741325f65b1209c', state: this.state })), index.h("span", { key: '751407d5dc04f3f8b4e57c5b47d1639f66e673a6', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '9407fe265762817eb68e8119a40b792b53dbdb6e' }))), index.h("div", { key: '4bcd82ca67e8ce49998c7c954b3764df242e4eeb', class: "bs-toast__actions" }, index.h("button", { key: '352a9789b6f773ee385396bda80fde2ed972af30', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '5296f2811fda1f42b95087c4494fa05d3e0efff4' })))));
+        return (index.h("div", { key: '0bf6aadc817b574c07c2ed2cc00cb4a756591902', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '961e5d3223d58061e1009fa823cd6e85b90637c2', class: "bs-toast__content" }, index.h("span", { key: '7b677b94135c89a16121a5fd81ff9a2a000c2dee', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '88b0339e7b503cf2c415d1988f0aab1173b196c1', state: this.state })), index.h("span", { key: '34f3fb2f09d743405ad095251ced770a9ee790e8', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '078843c14efaa0c9a8b1949393516cc2dd456de3' }))), index.h("div", { key: '9d968f0a028c950335f5b8b3540e22a152c39645', class: "bs-toast__actions" }, index.h("button", { key: '5fe8bd9e2bdd97df7ef8909a834c321e00ae022f', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '448afe4578a31afb0b1a9316d3e035d5eadadff3' })))));
     }
 };
 const StateIcon = ({ state }) => {

package/dist/cjs/bs-tooltip-trigger.cjs.entry.js

@@ -38,7 +38,7 @@ const BsTooltipTrigger = class {
     };
     render() {
         const show = this.visible && !!this.text;
-        return (index.h("div", { key: '399a6f518855e7ba3ac3824276933d3b1ec913cc', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, index.h("slot", { key: 'bf83352404bcdf757325421b86c8c571f89bae47' }), index.h("div", { key: '44f5fed6608f49041f206e44302a22404c1b6fc2', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, index.h("bs-tooltip", { key: 'f04fab6b6e9c6fba4c0dbdfe01db5927e98227cb' }, this.text))));
+        return (index.h("div", { key: '24d2d838ba7e3ff7c7ea29da91548a2217fd78fa', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, index.h("slot", { key: 'b911c44e690a3e4dcf64ab7dc78bf18a2f39c8d4' }), index.h("div", { key: '3a8533fe8853c39f51f1808400b3e6bdf91e2576', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, index.h("bs-tooltip", { key: 'b0ab6217c11a8839c0b4fe7762ae33b0d9dc1e1a' }, this.text))));
     }
 };
 BsTooltipTrigger.style = bsTooltipTriggerCss();

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

@@ -16,7 +16,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (index.h("div", { key: 'e55b4605c7b2293c533ba267d7af4f4832079749', class: "bs-tooltip" }, index.h("span", { key: '67f361a8f7600897914b2257346f42f837103e82', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '3dba38a0960caa3ac0efded8d152c1e6c6ab0d5b', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '6b6d297440f1386d134911c1f219f441a4251d9f' }))));
+        return (index.h("div", { key: '924b224f9594aca557bc767d61cb8e1b6fd8c6d5', class: "bs-tooltip" }, index.h("span", { key: 'c97417a9d17c35e0b100f5e2c2f548abbfc23338', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '498e53eaed40ea87de2cf30d5dbe4359d24e8506', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '268d910b87e4d7b67f9288bdd16d26bfc468d9da' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

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

@@ -79,11 +79,11 @@ const BsTreeItem = class {
         const isParent = this.hasChildren;
         const managed = !!this.el.closest('bs-tree');
         const showChildren = isParent && this.expanded;
-        return (index.h(index.Host, { key: 'e0c36ce76f0250f77cd920f0e4ce4f713d5298a3', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, index.h("div", { key: '6b79b70c4688ebce60d70d42b387b106b42ae950', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: '65bf594501088b7510393ad07ecde34f0e4f2287', part: "container", class: {
+        return (index.h(index.Host, { key: '4e4e36591f3757bf89b769b79cd09096d557a961', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, index.h("div", { key: 'd6eadb88384d6c463937033e48fe301717dd9f3e', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: '66da380c06c54b824ac3a447044894c22428edf8', part: "container", class: {
                 'bs-tree-item__container': true,
                 'bs-tree-item__container--selected': this.selected,
                 'bs-tree-item__container--disabled': this.disabled,
-            }, onClick: this.onRowClick }, isParent && (index.h("span", { key: 'cfadf7e6d433b61c79055a872311f6dd5758e8df', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: '079088e9abcdb46dc95480b4abe8d51f1b0f8095' }))), index.h("span", { key: 'b3fcebd0cc01f6e00d59b7901fc9ca7c2c50b2f9', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '490160aea2ccbd3101c1a46b44615ead36318361', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: '9dd058da6a37117a5496fa28c6be1443304157ce', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '40e2a4a618ebf6e661e2208c0cfa4c0c44c1d66d', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: 'b1999984ebb958ffa3a46c281f3dde023374f4e4', name: "label" }, this.label))))), showChildren && (index.h("div", { key: 'b6e68b2c00ee98d89c8c6103f58580075b7a67ba', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: '24e53e0558b6a73f1d12f8dab3f661988dff1d85' })))));
+            }, onClick: this.onRowClick }, isParent && (index.h("span", { key: '6600cfd9aa01bf0f0a3f0458e661e8be30f9e649', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: 'c0eecda85015fa0c2dc4e8c2f0b4561fdd037305' }))), index.h("span", { key: '83bc2d33e7f7f34a1ee682bfb93a633b65257842', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '06411b06381b28c86d0332f7ec51a58b868e2ace', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: '5762de30314db63f9c262bbb84af36ea3605a8d6', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '7576371cfccb855e4fb57ced1c63c241833e4ec3', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: '4459a19608ca7d7f98fa7b84a9e1cb08573176ff', name: "label" }, this.label))))), showChildren && (index.h("div", { key: 'c7d2b82efbd0622845b95fae4e04608e13bd685d', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: '3edd6e523532400ec89928284bc73146a1bdf391' })))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M9.75 6L15.75 12L9.75 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));