@brandsync/wc 1.20.1 → 1.22.0

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

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

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

@@ -314,7 +314,7 @@ const BsDatepicker = class {
             : this.defaultTabbable(days);
         const isInRange = (iso) => !!selectedStart && !!previewEnd && iso > selectedStart && iso < previewEnd;
         const weekdays = this.weekdays();
-        return (index.h("bs-card", { key: '92780338a3445e50b007a7cb5e3a1c828b4940fc', part: "container", class: "bs-datepicker", surface: "raised" }, index.h("div", { key: 'b10133e7e8118883ceb26f966374c496c69532a2', class: "bs-datepicker__body" }, this.renderHeader(), index.h("div", { key: '63b1c50d661dfef4dc08d74ac8755e987a0df351', part: "nav", class: "bs-datepicker__nav" }, index.h("button", { key: '892a09a63a605846793249823b2665786a861fe8', part: "prev", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.previousLabel, onClick: () => this.moveView(-1) }, index.h("svg", { key: 'ceca34bacadf2f85807fcdbb232b1cfc8454596e', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '3e5216c57b9766af6b59d24b5839cfa8ee33ede8', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '6d3903664523fad5a42d166192ffbbca6859fc8b', part: "title", class: "bs-datepicker__title", "aria-live": "polite" }, this.titleText()), index.h("button", { key: '9c0ea361806f4b3bfd41039d3aa67d454f87756f', part: "next", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.nextLabel, onClick: () => this.moveView(1) }, index.h("svg", { key: 'f2b4a787273c279c7ddc29be6400d862d4bf7f7f', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '6d9ef54bc661fe49524d0aadb14f5c390f682066', d: "M9 18L15 12L9 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '92f08374522cdcfcf3becc286e1d6db5b057c0e2', part: "grid", class: "bs-datepicker__grid", role: "grid", "aria-label": this.titleText() }, index.h("div", { key: 'afe8522de3a56479bd2ca64a4f492564391ede74', class: "bs-datepicker__row", role: "row" }, weekdays.map(w => (index.h("div", { part: "weekday", class: "bs-datepicker__weekday", role: "columnheader" }, w)))), Array.from({ length: 6 }, (_, r) => {
+        return (index.h("bs-card", { key: '5dfa1f91fce2714fbaa120c0c159858dd1f22f77', part: "container", class: "bs-datepicker", surface: "raised" }, index.h("div", { key: 'd5683ce23acd1f07a9c382254d0e39cb7caf0d9a', class: "bs-datepicker__body" }, this.renderHeader(), index.h("div", { key: 'da658aaa5410916b223708890e3f0d012c297d08', part: "nav", class: "bs-datepicker__nav" }, index.h("button", { key: '99df9c289bb4a6e5901aabc9ad294122297ecd05', part: "prev", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.previousLabel, onClick: () => this.moveView(-1) }, index.h("svg", { key: 'db686789ae2ca6a9600bd6477e9b56a50adf722e', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '99d27b25366ee163c9dda8caeed0630f1c6c6157', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '297710ca625a8163abca541ca11b858e61431ee0', part: "title", class: "bs-datepicker__title", "aria-live": "polite" }, this.titleText()), index.h("button", { key: '26e5b15959adcea0a842f59e85b5bca6bb7ec6a7', part: "next", type: "button", class: "bs-datepicker__nav-button", "aria-label": this.nextLabel, onClick: () => this.moveView(1) }, index.h("svg", { key: 'bef119a10f7e01e8c58e8fd3690417442528d071', viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'd6566754ab7cf16f2e82127c594675c906ce6397', d: "M9 18L15 12L9 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'c9f559c3ba6c929160801ece12d7ed61cb3cbe4b', part: "grid", class: "bs-datepicker__grid", role: "grid", "aria-label": this.titleText() }, index.h("div", { key: '214302e6ea6693ba9e4a2e908fa982f0df0d926a', class: "bs-datepicker__row", role: "row" }, weekdays.map(w => (index.h("div", { part: "weekday", class: "bs-datepicker__weekday", role: "columnheader" }, w)))), Array.from({ length: 6 }, (_, r) => {
             const row = days.slice(r * 7, r * 7 + 7);
             return (index.h("div", { class: "bs-datepicker__row", role: "row" }, row.map((d, c) => {
                 const iso = toIso(d);

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

@@ -15,7 +15,7 @@ const BsDescriptionItem = class {
     /** Set by the parent `bs-description-list`: `stacked` (term above detail) or `horizontal` (side by side). */
     layout = 'stacked';
     render() {
-        return (index.h("dl", { key: '024107fb73e46aab14097d62e5d9622bf830b5ff', part: "container", class: "bs-description-item" }, index.h("div", { key: '792dec31c23ba91f2ecb4813b6d8bff44c1fbfb2', class: "bs-description-item__group" }, index.h("dt", { key: 'c50c7e36dd1c614783cabd10c5b3c41119aff870', part: "term", class: "bs-description-item__term" }, index.h("slot", { key: '45f3a3f19e0eb5e0a7c6e7b3216a6e97bdd9a021', name: "term" }, this.term)), index.h("dd", { key: '40fcd3edb99b6239e745bf7ca52a445a01e3630b', part: "description", class: "bs-description-item__description" }, index.h("slot", { key: '5163c715defebb9a0a124fb915e509d47d870ddc' }, this.description)))));
+        return (index.h("dl", { key: '40c0899a000b225ecb5332902e9a9f74f54a8caf', part: "container", class: "bs-description-item" }, index.h("div", { key: '524e64c9808a3aa172854c96466f23719637723e', class: "bs-description-item__group" }, index.h("dt", { key: '1f7b417f6422fe49b537ce57881a094092e177da', part: "term", class: "bs-description-item__term" }, index.h("slot", { key: '6f7893e2ca851a7d55aa82cc4f19593db16e9110', name: "term" }, this.term)), index.h("dd", { key: '861794158a281145f885c5f3990db4506257a4fe', part: "description", class: "bs-description-item__description" }, index.h("slot", { key: 'ab3ead012e9cd01c5377af5ab05fbf932ffdb0c9' }, this.description)))));
     }
 };
 BsDescriptionItem.style = bsDescriptionItemCss();

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

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

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

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

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

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

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

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

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

@@ -46,7 +46,7 @@ const BsErrorPage = class {
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 1));
-        return (index.h("bs-card", { key: '587457fde4a8a9e0485a88905d9ca9aed7822b13', part: "container", class: "bs-error-page", surface: "base" }, index.h("div", { key: '902640ac8d0645646fcd75d9bae72f0adb96d2ee', class: "bs-error-page__body" }, index.h("div", { key: '161a5ec1c4af4fad776f8fb70b4ba36e57e652f8', class: "bs-error-page__art-group" }, index.h("bs-icon-tile", { key: '129fc2c5d79f48d74aa619052df56e4af880e956', part: "art", class: `bs-error-page__art ${d.info ? 'bs-error-page__art--info' : ''}`, intent: d.intent, size: "lg" }, index.h("slot", { key: 'af0d768b53efd2cc8ab4c4bc3390c9edf896c573', name: "icon" }, d.glyph())), code && (index.h("span", { key: '819358ee0eacb2d378b049970eca9e845c891317', part: "code", class: "bs-error-page__code" }, code))), index.h(`h${level}`, { part: 'heading', class: { 'bs-error-page__heading': true } }, heading), description && (index.h("p", { key: '701eb1787e0beedb193ea73de528bde3a53104bb', part: "description", class: "bs-error-page__description" }, description)), (primary || secondary) && (index.h("div", { key: 'fe1e33d40cfc18493851ec9f244c81472e4a3a27', part: "actions", class: "bs-error-page__actions" }, primary && (index.h("bs-button", { key: '567627956a37daa24bc9ac571505370dcc2c05a6', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '4190ca2af4469e31d15c3487d29da438b16f64cd', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)))), this.reference && (index.h("p", { key: '1dde6d7782f1d74ded03accbc04f6799790653c4', part: "reference", class: "bs-error-page__reference" }, this.reference)))));
+        return (index.h("bs-card", { key: '8aff9c8d96ef4b11da092a77ebf5825d15927352', part: "container", class: "bs-error-page", surface: "base" }, index.h("div", { key: '19257d7f087c9e129a100a233f2b347f91bf94e3', class: "bs-error-page__body" }, index.h("div", { key: '626069ac9658d54560ff3b7fe1ee33d4e61d2120', class: "bs-error-page__art-group" }, index.h("bs-icon-tile", { key: '906074042657ea36412905e28db696beb48fca20', part: "art", class: `bs-error-page__art ${d.info ? 'bs-error-page__art--info' : ''}`, intent: d.intent, size: "lg" }, index.h("slot", { key: '08e00c6308418f3de6cee8574bf59b59c7749853', name: "icon" }, d.glyph())), code && (index.h("span", { key: '927bc4a8cb649c62dae21c512d444b6bc5c5bae8', part: "code", class: "bs-error-page__code" }, code))), index.h(`h${level}`, { part: 'heading', class: { 'bs-error-page__heading': true } }, heading), description && (index.h("p", { key: '213c0da80e469597d3964b8b91d643dbcc11caf3', part: "description", class: "bs-error-page__description" }, description)), (primary || secondary) && (index.h("div", { key: '85c062187fab0d14c29a826649fe84b515caf791', part: "actions", class: "bs-error-page__actions" }, primary && (index.h("bs-button", { key: 'c884d4cb3a054b1be6b53cdefba6219ad47a577b', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '3e36ee75d488483d9d9a5385cf6ff6d632e8fee3', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)))), this.reference && (index.h("p", { key: '7bf4f351eda32d20c2529e166b02b1da66851c64', part: "reference", class: "bs-error-page__reference" }, this.reference)))));
     }
 };
 const icon = (children) => () => (index.h("svg", { class: "bs-error-page__glyph", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, children));

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

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

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

@@ -100,7 +100,7 @@ const BsFileUpload = class {
             this.handleFiles(files);
     };
     render() {
-        return (index.h("div", { key: 'b444692d61263c742166a4a436e8fe0999ba2410', part: "dropzone", class: `bs-file-upload bs-file-upload--${this.direction} ${this.dragging ? 'bs-file-upload--dragging' : ''} ${this.disabled ? 'bs-file-upload--disabled' : ''}`, onDragEnter: this.onDragOver, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, index.h("div", { key: 'b0d5e476e0489b7fe598f9933076cfa43d4e6757', part: "icon", class: "bs-file-upload__icon" }, index.h("slot", { key: 'c0a42996503983e8bd899fd0f582d69df5ef6fbe', name: "icon" }, index.h(UploadIcon, { key: '0c00aec36659e9ddaebcb2fc544be85011cad571' }))), index.h("div", { key: 'f9b691faa0c924cf8d0f055c4f3bc5aaa1db70f1', class: "bs-file-upload__content" }, index.h("div", { key: 'dd15e2cdd12785a070cc4d0d4e53eb0e0e2cde1e', class: "bs-file-upload__text" }, this.heading && (index.h("span", { key: 'd02aafd376d43de1853f4aef16a53b6cabf96f59', part: "heading", class: "bs-file-upload__heading" }, this.heading)), this.description && (index.h("span", { key: '2d1b2195352c65a01a18e914f89e8bb84d7d8e68', part: "description", id: "description", class: "bs-file-upload__description" }, this.description))), index.h("bs-button", { key: '34608882d553c6a8d8f7f3cf16157e0164b6c087', part: "browse", variant: "neutral", size: "sm", disabled: this.disabled, onClick: this.onBrowse }, this.buttonLabel)), index.h("input", { key: '48f5bf76a00bd12fe2f2f3f25e639d0fa7eeeb78', ref: el => (this.inputEl = el), class: "bs-file-upload__input", type: "file", hidden: true, tabindex: -1, accept: this.accept, multiple: this.multiple, disabled: this.disabled, "aria-describedby": this.description ? 'description' : undefined, onChange: this.onInputChange })));
+        return (index.h("div", { key: 'a36d673f20523d6384240fa4cabac8389b57b29f', part: "dropzone", class: `bs-file-upload bs-file-upload--${this.direction} ${this.dragging ? 'bs-file-upload--dragging' : ''} ${this.disabled ? 'bs-file-upload--disabled' : ''}`, onDragEnter: this.onDragOver, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onDrop: this.onDrop }, index.h("div", { key: 'c769eb48169ccdea3d9b2ec461fc131be8deec6e', part: "icon", class: "bs-file-upload__icon" }, index.h("slot", { key: 'e09c8fe53baaf4a42171799ce3c26595fc214321', name: "icon" }, index.h(UploadIcon, { key: 'e7687bf38d08a9d650c424efecf4ab1cee2fdbbd' }))), index.h("div", { key: 'c437654a93b2d8bca60b1bf5e9d883cba66b9514', class: "bs-file-upload__content" }, index.h("div", { key: '36c4fa07235bdaf27401d23d064b53910505bb3b', class: "bs-file-upload__text" }, this.heading && (index.h("span", { key: '232df19561f275bd62c9829ebe70c1e6155a8ce0', part: "heading", class: "bs-file-upload__heading" }, this.heading)), this.description && (index.h("span", { key: '493bb2708692a92b669d75d1f0ab075e9fb41355', part: "description", id: "description", class: "bs-file-upload__description" }, this.description))), index.h("bs-button", { key: '7f2955d2054a30efeec35252f776028b06a390df', part: "browse", variant: "neutral", size: "sm", disabled: this.disabled, onClick: this.onBrowse }, this.buttonLabel)), index.h("input", { key: '367b7d2fbbbf7ddfe0ebc063d0cef22c8510e713', ref: el => (this.inputEl = el), class: "bs-file-upload__input", type: "file", hidden: true, tabindex: -1, accept: this.accept, multiple: this.multiple, disabled: this.disabled, "aria-describedby": this.description ? 'description' : undefined, onChange: this.onInputChange })));
     }
 };
 // Figma's "UploadSimple" icon (3272:50330), exported SVG, recolored via currentColor.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -86,6 +86,9 @@ const BsInput = class {
     countryLabel = 'Country';
     /** Number of cells for `type="pin"`. */
     length = 4;
+    /** `type="pin"`: accessible name of each cell, with `{n}` replaced by its 1-based position and `{total}` by `length`. The
+     * first cell keeps the field's visible `label` as its name when there is one. */
+    pinCellLabel = 'Digit {n} of {total}';
     /** `type="combobox"`: shows a loading indicator and, while no options match, a loading message
      * in the popup instead of "no results". Use while fetching `options` asynchronously. */
     loading = false;
@@ -678,13 +681,13 @@ const BsInput = class {
         this.pinInputs = [];
         const errorClass = this.error ? 'bs-input__field--error' : '';
         const disabledClass = this.disabled ? 'bs-input__field--disabled' : '';
-        return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
+        return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, "aria-label": i === 0 && this.label ? undefined : this.pinCellLabel.replace('{n}', String(i + 1)).replace('{total}', String(this.length)), value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
     }
     render() {
-        return (index.h("div", { key: '9eea22c2c7cbcbdcb2c37403b89c10efc145228d', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (index.h("div", { key: '2607d492f534549e07c0f03474452e57ee8d1e62', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
         // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
         // to this instance's own shadow root, so it can never collide with another bs-input.
-        index.h("label", { key: 'cbd4e5f0cd8fb0f004f7bc9f7e0dc3433d25e8dc', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: 'bcd1fb8d607e87c204cb7d93506aa1c648478f34', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.type === 'country' ? this.renderCountryField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        index.h("label", { key: '6c8d72b986a0ca92360778318c66dc66753737b5', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '2a37224b19126d5de000592dec29f366a0298630', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.type === 'country' ? this.renderCountryField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -735,7 +738,7 @@ const BsMenu = class {
         items[next].shadowRoot?.querySelector('button')?.focus();
     }
     render() {
-        return (index.h("div", { key: 'c14d9bedef9bcb0bef69c739c8f477d7390af729', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: '6e26c1a053dee4b7ad91e603b82609ac1fee1abb' })));
+        return (index.h("div", { key: '1661d57a19b11cb3dc3217ff2e3c9b5990240e0f', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: 'f8534652090ba02a20e2429d4be04ff300e96e6c' })));
     }
 };
 BsMenu.style = bsMenuCss();
@@ -764,7 +767,7 @@ const BsMenuItem = class {
         this.bsSelect.emit();
     };
     render() {
-        return (index.h("button", { key: 'c52e126d6150c7814a0d53cc260b3c5ab8aa3c5e', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("bs-ripple", { key: 'f9da7fdf2cfb591562764f67a84c4c4b511bb348', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'a91da1d5500117b6d67a5c6a7398ad8b40064385', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '3fa07f929ac18f5aab4ceb26c9712f79379c5f4a', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '2e7e80d88803abc7a6cb54c1eb18df53d49f85a9', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'ad8413c282494014160497635cec1f5efaf44e12' }))));
+        return (index.h("button", { key: 'a969a082bd83d038db27827975e43e8b0e7b1657', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("bs-ripple", { key: 'cd7f6fd09f9a6922e352f319f827aa16bba89ec7', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '35f79184bdeab4a3234bd2379f866a774382f16a', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '1df32c3926df82957599d444f4ab4261a25a724d', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '02101db2f542e7b0b5fa9417f01606a3f4c7d504', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'c66e294bf3ad3bc9433ac7c6718207a4f2837229' }))));
     }
 };
 BsMenuItem.style = bsMenuItemCss();
@@ -783,7 +786,7 @@ const BsSpinner = class {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (index.h("span", { key: '536b5a9eeee4583c4a6e513deb458baa0c2351c7', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: '2daa95caf00c24adfbb181b54c510262494b51ae', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: '27f9997a334a11d735a42ff72a5d6b2293f45087', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '3d82ac0c874c564dc6383161c0b6b1b293370b88', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (index.h("span", { key: 'f7225e3f094164ee522d45c87ead3194f4ec3a00', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: 'a0e36d1125301b81ecfad237d76f87ac7ccb4194', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: 'b1d345f1ab09ad745b9549b149a2abbb17d48358', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '15d0989159c4e747d9c0d71a4530af7f7a63767c', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
 };
 BsSpinner.style = bsSpinnerCss();

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

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

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

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

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

@@ -101,10 +101,10 @@ const BsKeyboardShortcuts = class {
         const headId = `${this.id}-heading`;
         const noResults = count === 0 && (this.query ?? '').trim() !== '';
         let gi = 0;
-        return (index.h("bs-card", { key: '4adbaa6128cadae5243d72c7664cc96bb8763170', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, index.h("div", { key: 'ced6be76eb5edf1f2ed715538ace0a90f1899088', class: "bs-keyboard-shortcuts__body" }, index.h("div", { key: '63396fd9922f5fd22dfd8a6f7703e732423d0406', part: "head", class: "bs-keyboard-shortcuts__head" }, index.h("svg", { key: '2b48b0537ad8c49966a33c15d3bd7642c61afaa1', class: "bs-keyboard-shortcuts__icon", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("rect", { key: 'd1575e1a4caadd811d7738a97590b33772d09a3e', x: "2", y: "5", width: "20", height: "14", rx: "2" }), index.h("path", { key: '8396b0c4a04aa05015745191f5fffb8c9171b624', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), index.h("h4", { key: 'edc9090eeec79b8f9c4a732bcc307a3d64598180', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, index.h("slot", { key: '845c9ee4429df39222cb4dc384bfa4d67f9fb32d', name: "heading" }, this.heading)), index.h("bs-icon-button", { key: 'a9920ff3ebdf761fcbcff5437883a0aa018b0515', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '1ba14bac88cb1e0b71c26920606926e04647b3f3', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: 'a5bf2da4c4e046fbf47fcabfc9a359cc2f9e8af5', d: "M6 6l12 12M18 6 6 18" })))), index.h("bs-input", { key: '1494c19d015297481024fb24880129def85a5bf4', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (index.h("div", { key: '021639f4a4aabd1a1e93bfa74005e748f10af296', part: "switch", class: "bs-keyboard-shortcuts__switch" }, index.h("div", { key: '7038f274d674816a895538f29ed49893dfe73d71', class: "bs-keyboard-shortcuts__switch-text" }, index.h("span", { key: 'c478c63c210bf77c9b579d8be475e40807a3f794', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), index.h("span", { key: '0be8befdcf52d17e267ad00cc21582a470f3355b', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), index.h("bs-switch", { key: '413e6394239c8ae95db6dda07f3239dc371271dc', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), index.h("span", { key: '49ebad833d4086b6e9063cca321183050294974e', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (index.h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (index.h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (index.h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
+        return (index.h("bs-card", { key: 'a5053480ccd41dd6d915a47cb7745b3932ba9931', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, index.h("div", { key: '8b6e9c7bf16a6cb0e2d81243ae60106cb52c49a4', class: "bs-keyboard-shortcuts__body" }, index.h("div", { key: 'fbdb6317e9c0e8a270bc5f9fb713654f68796b8f', part: "head", class: "bs-keyboard-shortcuts__head" }, index.h("svg", { key: '16342385b62757c866386cf0b692ec15cf8dc28c', class: "bs-keyboard-shortcuts__icon", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("rect", { key: '6337f691c61999614a84f501c056aae96c6d5d08', x: "2", y: "5", width: "20", height: "14", rx: "2" }), index.h("path", { key: 'adfff1e7dbff765e0b14b3676119fa6c4be3b159', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), index.h("h4", { key: 'f5cb2b86082b0e8c50d19da03f398767889a39ba', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, index.h("slot", { key: '3839ba626c94bada3ba752e0cbacf96d8a5f0738', name: "heading" }, this.heading)), index.h("bs-icon-button", { key: '70a67f9f43899e59fff392968335fec6d1cf4b2d', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, index.h("svg", { key: '186d78eca1df5cac3c80a8dcfbf66d2301f3165b', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, index.h("path", { key: '8099ce12121ea5340cb578f1f2e338af2f909087', d: "M6 6l12 12M18 6 6 18" })))), index.h("bs-input", { key: 'dd0a5e9f35849c13499e18d458ddeb1153a9bb2a', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (index.h("div", { key: '88584be755995426dfa0c33a81f8c68dc4f0b65d', part: "switch", class: "bs-keyboard-shortcuts__switch" }, index.h("div", { key: '7a530f7760d6593a5ab031636b6ed93bfdf3e9bf', class: "bs-keyboard-shortcuts__switch-text" }, index.h("span", { key: '992e5d015f9195d7577e38f18ffeaf169b626d7d', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), index.h("span", { key: 'f6f29ec213290f68aaa5a09f7b1e4f00eb77b3b4', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), index.h("bs-switch", { key: '9e9531d7bebf08f84c8d5d238ab90072683a9172', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), index.h("span", { key: '4c9bbb0b4f6fadec2c63c5b8b4ec1ad7dea9f000', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (index.h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (index.h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (index.h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
             const tid = `${this.id}-g${gi++}`;
             return (index.h("div", { part: "group", class: "bs-keyboard-shortcuts__group", role: "group", "aria-labelledby": tid }, index.h("div", { part: "group-title", id: tid, class: "bs-keyboard-shortcuts__group-title" }, g.title), index.h("div", { class: "bs-keyboard-shortcuts__rows", role: "list" }, g.shortcuts.map(s => (index.h("bs-shortcut-row", { part: "row", action: s.action, keys: s.keys, selectionRole: "listitem", disabled: !!s.disabled || (!this.singleKeyEnabled && isSingleKey(s)) }))))));
-        })))))), this.showFooterHint && (index.h("div", { key: 'c4664361e37fe30fedb7ad4fe70d563158f1b8b4', part: "footer", class: "bs-keyboard-shortcuts__footer" }, index.h("slot", { key: 'b3e9725588c19ed229c4b0ef41d5af770b9a254f', name: "footer" }, index.h("span", { key: '4777b862d716e32dbaf52648b1657888a2edf469' }, this.footerPrefix), index.h("bs-key", { key: '2181a463c533548e1248ac29935f44324f730aae', label: this.footerKey }), index.h("span", { key: 'a768e533df52cca4e6576e9ec6824a9fc80bb3f3' }, this.footerText)))))));
+        })))))), this.showFooterHint && (index.h("div", { key: '021ae63bd1633851bc032eb5f22eecfa468a5c68', part: "footer", class: "bs-keyboard-shortcuts__footer" }, index.h("slot", { key: 'cff2d6f675a885c11b47a3d8fa742397f3c20003', name: "footer" }, index.h("span", { key: '531c8be2c0afddf6b2aa038b79983f0299baaec9' }, this.footerPrefix), index.h("bs-key", { key: 'e4a4c98c0cebd3c7436e095a86225e7aa31e492c', label: this.footerKey }), index.h("span", { key: 'bc4cb7dec5d3c24b2a7058b5da2c8ad2c62e056d' }, this.footerText)))))));
     }
 };
 BsKeyboardShortcuts.style = bsKeyboardShortcutsCss();

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

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

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

@@ -60,7 +60,7 @@ const BsListItem = class {
         const role = this.selectionRole === 'option' ? 'option' : this.selectionRole === 'listitem' ? 'listitem' : this.interactive ? 'button' : undefined;
         const standaloneFocusable = this.interactive && !this.selectionRole && !this.disabled;
         const showTrailing = this.showArrow || this.hasTrailing;
-        return (index.h(index.Host, { key: 'b2cf244c2795882e80d9d0de8e450089f31096ec', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, index.h("div", { key: '9c803a23b4b7857e3486d73a082703ae980bcfc1', part: "container", class: "bs-list-item" }, interactive && !this.disabled && index.h("bs-ripple", { key: 'c7cf9815786dd62cd2b2048b1b698d76bd75c13d', part: "ripple" }), this.marker && (index.h("span", { key: '891fe2a184b721b68467872b18785e1af4246c99', part: "marker", class: "bs-list-item__marker", "aria-hidden": "true" }, this.marker)), index.h("div", { key: '0aaf314ca2fe62569e687ae960edfed7dc00f4c4', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, index.h("slot", { key: 'cef319ce4b0ca1b8a8b7d5b375c3507375354a95', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), index.h("div", { key: '441781f53d2b1e73ffd3a1eccf0769716e7da628', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (index.h("div", { key: '2348b17d9f0d5da77e4481b2c26b7b39ef9525ab', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (index.h("div", { key: '4b8931a5c9e36ac4c3bfa4f376bbd6e23604f0f9', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (index.h("div", { key: '1f63bcbce2b0b30f28f9c90a50443a6d78d15242', part: "support-text", class: "bs-list-item__support" }, this.supportText)), index.h("slot", { key: 'e1d67c08ad98d76619f4ad3171689cf79ebe565d', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), index.h("div", { key: '5e1fbe9de74e62b54a2c67debcef1228a434a6a0', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, index.h("slot", { key: 'c2dbc64f61a448dc13adfe7642be0fa398453427', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (index.h("svg", { key: '2dce987756aed8aa5eac4949473d3a30022b3792', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'f79e5c78fb72b30b29248e4a47048312d3779a2f', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (index.h(index.Host, { key: 'a83772eaf4984154c79368244bdb0132f2a61292', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, index.h("div", { key: '9e32856f6c9ba224c2dc560d9e184af3d6826349', part: "container", class: "bs-list-item" }, interactive && !this.disabled && index.h("bs-ripple", { key: 'f0132b98663f07bd209a85e25ca1aa73e5ba79ef', part: "ripple" }), this.marker && (index.h("span", { key: '7030b2bc2968a4cb86bdc31ca07b0b175a49d2c4', part: "marker", class: "bs-list-item__marker", "aria-hidden": "true" }, this.marker)), index.h("div", { key: '78f9b066a5f65fe807c26661930e7f81993380fb', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, index.h("slot", { key: '0f0b7bd65e809e9d4f2210831554228d6c0ab3ac', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), index.h("div", { key: '1281075bcedd3c19c910cb5ad8a95b29c1b25693', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (index.h("div", { key: '58255d974d1652d40d341168a062de1c91d41cca', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (index.h("div", { key: 'f906a96348e4bf453e89bc1a7f05acc663959619', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (index.h("div", { key: '5bab72a6f2334ad2efb8821501049e5363104176', part: "support-text", class: "bs-list-item__support" }, this.supportText)), index.h("slot", { key: '1baffcbdbd56cba0f07ab2c3e04383a05660fe00', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), index.h("div", { key: '371a502c89bf8113e45fb63b4a11dfffa75d98b0', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, index.h("slot", { key: '8e2f738727a5a7eafe35e354aa422bfbd31dc2c4', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (index.h("svg", { key: 'c371e14d29fecdb1509a83465460eb0c01326cd1', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '088e1ab871e1c8386a0c7196c4c66c8a8c180951', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
 };
 BsListItem.style = bsListItemCss();

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

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

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

@@ -107,7 +107,7 @@ const BsMegaMenu = class {
         const hasFeatured = !!this.featured || !!this.el.querySelector(':scope > [slot="featured"]');
         const tracks = this.columns.length + (hasFeatured ? 1 : 0);
         const removed = this.open === false && !this.closing;
-        return (index.h(index.Host, { key: '4e1ca5f61433cf2bb6c19b4ba62c6b936932401e', "data-closed": removed ? '' : undefined }, index.h("bs-card", { key: '4858dba5bafae10221a4acbaa03b0ebe6a2bdc1a', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, index.h("div", { key: 'ccecfe4344c62e17e987a3d9d12ac3d2444bcbd6', part: "columns", class: "bs-mega-menu__columns", style: { '--bs-mega-menu-tracks': String(Math.max(tracks, 1)) } }, this.columns.map(col => this.renderColumn(col)), hasFeatured && this.renderFeatured()), index.h("bs-divider", { key: 'ce7d19d9bf5c5a8afaae6be8a28cc80ff91644a3', decorative: true }), index.h("div", { key: '1dfb2400b86b11b6fd2bdd0deb856d3610d13e13', part: "footer", class: "bs-mega-menu__footer" }, index.h("span", { key: 'ab18853838c0e412b3f5e6d7d146e61150355569', class: "bs-mega-menu__footer-start" }, index.h("slot", { key: '7edae96d3388a26b2c6d52a1a0e2719a816d1a47', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), index.h("span", { key: 'f67686ddb8f5eac6c58ba7ab5d9386c38b306ae1', class: "bs-mega-menu__footer-end" }, index.h("slot", { key: 'd3ec0812f016f8fc1639013212e4f804d050a591', name: "footer-end" }, index.h("span", { key: '58235b6c41e41c541b79c55108fa7f0f24c40cdf', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, index.h("bs-key-caps", { key: '1d2d4a53a33ac046af88b78b59bc83e7b925ad56', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
+        return (index.h(index.Host, { key: '4832adcf0042dc4e9a3fe440b97659b953069507', "data-closed": removed ? '' : undefined }, index.h("bs-card", { key: '9ff246ab840b03384b682729ee548c1daad8b455', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, index.h("div", { key: '95aacf86956b74daf5d5ac09e5c9f89e017a81c8', part: "columns", class: "bs-mega-menu__columns", style: { '--bs-mega-menu-tracks': String(Math.max(tracks, 1)) } }, this.columns.map(col => this.renderColumn(col)), hasFeatured && this.renderFeatured()), index.h("bs-divider", { key: '3da7484d4e7738fa84139e5bf742dfdd76c2a062', decorative: true }), index.h("div", { key: '56c6a6eb9412079ac41c460038dbd31ff45ddc8e', part: "footer", class: "bs-mega-menu__footer" }, index.h("span", { key: '4e7ce483d8d849e0dbd3d21c7d79aef657bcd881', class: "bs-mega-menu__footer-start" }, index.h("slot", { key: '359bd9f163c92557cd9466a808b10f98fccbe522', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), index.h("span", { key: '689361415321b6bd4c5eb9f30e8396a12c38863b', class: "bs-mega-menu__footer-end" }, index.h("slot", { key: '9a39392d5f2ba62797929ed9a8afd1ec5ab41175', name: "footer-end" }, index.h("span", { key: '89e2764e2359818c07a7241717ac59c0f1ff289c', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, index.h("bs-key-caps", { key: '472ab949a7a6182adff32d0d954e83c1f59cb0c6', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
     }
     static get watchers() { return {
         "open": [{

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

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

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

@@ -17,7 +17,7 @@ const BsMessage = class {
     /** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
     status = 'default';
     render() {
-        return (index.h("div", { key: 'f80d1149391aef141fdcabfcc1a0c1fd0537cbf9', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, index.h("div", { key: 'd640f5a34fc67643da3755aaed1d0cdc8a39d628', part: "avatar", class: "bs-message__avatar" }, index.h("slot", { key: '961d1226493b04581259b1e445afabc82f90a7a9', name: "avatar" })), index.h("div", { key: '742e803b174a31f2c5db3c35315e62bc108cec02', class: "bs-message__column" }, index.h("bs-card", { key: '09f5449eb4d01309597301b516dc31a0fd008786', part: "container", class: "bs-message__bubble", surface: "base" }, index.h("div", { key: 'eda71ddcc2a3b0546919b78119bc7c70c3c3be07', part: "content", class: "bs-message__content" }, index.h("slot", { key: '790751ff09be551fe5b6fcbe7d1fb67522d86944' }))), index.h("div", { key: '30ccab14d2c8348c5ccd23298ad102ef39409847', part: "footer", class: "bs-message__footer" }, index.h("slot", { key: '869e264a07fdd6926e7740717bf98183f437b0ed', name: "footer" })), index.h("div", { key: 'c5d5da384993775c18a0edd4f2658331b12835ce', part: "timestamp", class: "bs-message__timestamp" }, index.h("slot", { key: 'd157e9a0467ab7dc9105c348960a3b890d5055b1', name: "timestamp" }, this.timestamp && index.h("time", { key: '7bef51f7106b6fe82e991a46a43cf271cafef448', dateTime: this.datetime }, this.timestamp))))));
+        return (index.h("div", { key: 'd40a50874c4336c07e68e1113b69f7cf1f201dda', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, index.h("div", { key: 'a1e25df59ff3080fb4d35ebcf4ad02c620decdb4', part: "avatar", class: "bs-message__avatar" }, index.h("slot", { key: '89af0b568aa96d390277b0d8132e0c189b02d34c', name: "avatar" })), index.h("div", { key: 'e2acecd9ae7820e1e3424fe33a89e2dce43b360e', class: "bs-message__column" }, index.h("bs-card", { key: 'aa435f285ea9301a331168108039a14841f7171c', part: "container", class: "bs-message__bubble", surface: "base" }, index.h("div", { key: '30553499b79c236c74800190e3aca2f6e43b1ae5', part: "content", class: "bs-message__content" }, index.h("slot", { key: 'da5f656f9d2436a3c12dbd67fa34f5e28d5626aa' }))), index.h("div", { key: '98525da85571288f502755eea863ff117a31c42f', part: "footer", class: "bs-message__footer" }, index.h("slot", { key: '42ac8fcc4dd4e23c657d68b0398974acb37a478f', name: "footer" })), index.h("div", { key: '2bf6597ed48e6f3c252ff42d75eee48129b1a3d7', part: "timestamp", class: "bs-message__timestamp" }, index.h("slot", { key: 'd57875d2b2e86b7c5115eae8f26a80852537bdc2', name: "timestamp" }, this.timestamp && index.h("time", { key: 'ec840e7a0c5c525f501919b743e1dc79a45363d3', dateTime: this.datetime }, this.timestamp))))));
     }
 };
 BsMessage.style = bsMessageCss();

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

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

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

@@ -180,11 +180,11 @@ const BsNavigationDrawer = class {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (index.h(index.Host, { key: 'f95176f9c590fde2d2d6a9dcade6b921510ce653', "data-overlay": this.mobile ? '' : undefined }, this.mobile && index.h("div", { key: '2d9bdef1463962ca2e2f1f5aee7024636904c5c7', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), index.h("nav", { key: 'b527d2a521652628c5b4dfda7004be716dba3b2e', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (index.h(index.Host, { key: '7b07abf28504f339351b55602257214274139f4d', "data-overlay": this.mobile ? '' : undefined }, this.mobile && index.h("div", { key: '3bcf1f5e936e8ad1e90966ea70c4041f1e5ed622', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), index.h("nav", { key: 'b03c07bbe26d62789f7aa753e69ccd40e87edc9e', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
             // Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
             // (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
             // scrimmed, Escape closes -- rather than announced through aria-modal.
-            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (index.h("div", { key: '14dcefaf6fac6349b44dfd0cfeaf0f8b28d48014', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: 'f76b740e5f9378c19f9ca933c0f7910075c473b3', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: '1978885ce2cfca859118159384e093e70bc8c2d9', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '5087b539af51e373703256b9913b4a074e2917f4', variant: "mark", background: this.logoBackground }))), index.h("div", { key: '31b5f080ce98b4ba96aad0f9ba9df7b31ecfd5b9', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: 'bf2880d7b095a6ca46d38782b0f9de8aa7cedbb8', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: 'cf6f2d98894c664e38d97563a616912e9d6fef3e', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, index.h(CaretLeftIcon, { key: 'c89adbac8d05ae9d3367683b960d8d35d0422e76' })))), index.h("div", { key: 'b018a42d16190db2bd6f95365fe36d38eb627300', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '1d217d7ad3c67d1b5e8a8655fd94bdbc77149b4f', name: "search" })), index.h("button", { key: '2b1bc189a5474dfc76e3d73e9c1623105002fd22', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '634ab26e0bf8c38c9e4ba97305a94003112450b4' })), index.h("div", { key: 'df8559db4c5c25ff5d98b858759d142b1639fdc3', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: 'b643a037ec21cc62d3ae60491028d26cb19e099c' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (index.h("div", { key: '7404af0b1b6c2d3763cdb753bae716c4f01b7d6b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: 'df613081072a5329ead4bea8aff55038015a24fd', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: 'c96945a4ff8f1fcab7bf18d4afe799d782a9711d', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '9942c8a61c17618ae2ec7e75015754b3f47ca9eb', variant: "mark", background: this.logoBackground }))), index.h("div", { key: '13b7941e965cd35f02d802c54323697ab11f7874', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: 'bc8597651504dbb69c5042e3ca9f8ab5610b300f', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: '8b4b09d267509eaa5c30cb1a074fa71620ee7563', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, index.h(CaretLeftIcon, { key: '6db216fe74f8df40ce383fd3fcce6fb45de332d9' })))), index.h("div", { key: '9a7a427aff7ab9ad186790d6e95b6c2a25bd8c9f', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '483b570d647ede378ae9c5fa765f48c09d4bf149', name: "search" })), index.h("button", { key: 'a67818a27eeb2a3de81a31c57c5e80978e13b873', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: '9af8a772869ae0f87ee571556cb24adae922c142' })), index.h("div", { key: '840732ec91730a642040fd8eb47a2c85651ce503', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: '2546a9541a19321c0af9c577734097736a17394c' })))));
     }
     static get watchers() { return {
         "collapsed": [{

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

@@ -37,8 +37,8 @@ const BsNavigationHeader = class {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
         return [
-            index.h("header", { key: 'a7fcffa2ec464842b2e6aad19fa9a21e85796b7d', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: '21432a41f971e607c5df6c846d869912682a56cc', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: '6803c29fd5a3ede2f4a644da7829fee45e2b8fa2', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: 'e42b7b5efce1b19d59d230dbad95b1f271db679e', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: 'a5e06ce8b39f8b58bdda0309f6c83e6c3cdb1875', name: "left" })), index.h("div", { key: '77e37e7c843f836abfa17bba7d7f0faba6a8d77d', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '093e569c6288ccf3012dfdd9c802777c1c30a9f2', name: "right" }))),
-            index.h("div", { key: 'a236363d6d749ef4a65b2a027146958a7d104913', part: "menu", class: "bs-navigation-header__menu" }, index.h("slot", { key: 'd1b13e21f13dc901b937a77792986ead352f47eb', name: "menu" })),
+            index.h("header", { key: '5e6a72beb4ccbfaea0d65a226f2f7e6684054eb1', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: '2cba79275f7c5fb057686a63d51348575f527472', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: '889f955dff7952b64a8e1431c4aa9d54d807d3b3', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: '803d14a22fc7f263c1cf25c7dab24cbe3ee20468', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: '3489f089da825c6a6a0675d70072fa5fb36a9c44', name: "left" })), index.h("div", { key: 'bfbabc05b516ee4eb3ea40c041ebcd6fc4a15293', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '1c3d7966774f12888c273792addf28bc42beab07', name: "right" }))),
+            index.h("div", { key: 'cd0030d321514f08ddfc979b8e3f37818eda541a', part: "menu", class: "bs-navigation-header__menu" }, index.h("slot", { key: '9c314aacef6afb60842261cf9dc4c3b9c78a4ce6', name: "menu" })),
         ];
     }
 };