@brandsync/wc 1.14.0 → 1.15.0

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

@@ -0,0 +1,53 @@
+import { r as registerInstance, h } from './index-D3SkQJpw.js';
+
+const bsGridCss = () => `:host{display:block;min-width:0}.bs-grid{display:grid;width:100%;box-sizing:border-box}`;
+
+const SPACING_TOKENS = ['0', '25', '50', '75', '100', '150', '200', '250', '300', '350', '400', '500', '550', '600', '700', '800', '1000', '1200', '1500'];
+const ALIGNS = ['start', 'center', 'end', 'stretch'];
+const BsGrid = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** A number of equal columns (`"3"`), or a raw `grid-template-columns` value. Ignored when `minColumnWidth` is set. */
+    columns = '1';
+    /** Spacing token name for the gap on both axes, e.g. `"200"` for `--bs-spacing-200`. */
+    gap = '100';
+    /** Spacing token name for the row gap; overrides `gap` for rows. */
+    rowGap;
+    /** Spacing token name for the column gap; overrides `gap` for columns. */
+    columnGap;
+    /** CSS length (e.g. `240px`). Switches to auto-fit columns at least this wide and overrides `columns`. */
+    minColumnWidth;
+    /** Block-axis alignment of items within their cell. */
+    align = 'stretch';
+    template() {
+        const min = this.minColumnWidth?.trim();
+        if (min)
+            return `repeat(auto-fit, minmax(min(100%, ${min}), 1fr))`;
+        const cols = (this.columns ?? '1').trim();
+        if (/^\d+$/.test(cols)) {
+            const n = parseInt(cols, 10);
+            return `repeat(${n > 0 ? n : 1}, minmax(0, 1fr))`;
+        }
+        return cols || 'repeat(1, minmax(0, 1fr))';
+    }
+    token(value) {
+        const v = value?.trim();
+        return `var(--bs-spacing-${v && SPACING_TOKENS.includes(v) ? v : '100'})`;
+    }
+    render() {
+        const gapValue = `var(--bs-grid-gap, ${this.token(this.gap)})`;
+        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 (h("div", { key: 'a89d345eac5d88dd24b21606eb35b1f21e1b54dd', 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,
+            } }, h("slot", { key: 'f5676a0cc12cf0fafc04045b4fed50aee50d2995' })));
+    }
+};
+BsGrid.style = bsGridCss();
+
+export { BsGrid as bs_grid };

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

@@ -47,7 +47,7 @@ const BsIconButton = class {
             form.reset();
     };
     render() {
-        return (h("button", { key: '3ac84a834ff924589ebf317bff14576905091bb7', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '2b913f9fdfa8bc0b5bbbd9ef55b2dc73718d260c', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '6cbb10e814b9b179f9a3b99fae0e662ce351c607' }))));
+        return (h("button", { key: '285e98b32bc33089125e07f14c84b8c72cdc853b', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: 'd91ec40e2d3e99ee3894e5c5c58f5b209b2ef545', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '6718a31a0f5f20bed9a5c682ddf0e6d1b703748b' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -20,8 +20,8 @@ const BsIconTile = class {
     render() {
         const labelled = !!this.label;
         return [
-            h("div", { key: 'f23caf72680e3224fc8618cbebceac30590d36ce', part: "container", class: "bs-icon-tile", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, h("span", { key: '944d594e4492b30544f935b217691ec7e53f398d', part: "icon", class: "bs-icon-tile__icon" }, h("slot", { key: 'cd62ccaf12a2ff398d506b865665eae42b2e43ff', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
-            h("span", { key: 'f33a9fa50a2db0aee33fd8346681a5f56f22f685', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, h("slot", { key: 'cb79316ee18a13c4f8d0dcb1d2271a22a6e71471', name: "text", onSlotchange: (ev) => (this.hasText = ev.target.assignedNodes().length > 0) })),
+            h("div", { key: '47586c94633cb072243559352fff92ffc178b59e', part: "container", class: "bs-icon-tile", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, h("span", { key: 'af1f942a94eed409beaaf6845eee09003ef70fd4', part: "icon", class: "bs-icon-tile__icon" }, h("slot", { key: 'be9df10596772e84a65d4de467117ea6c6a13c29', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
+            h("span", { key: '0522505b1001e511e5c2446025a05b6e80ef0176', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, h("slot", { key: '0fc0bb97e5b23a984bcd64eafc0133eb93782c2f', name: "text", onSlotchange: (ev) => (this.hasText = ev.target.assignedNodes().length > 0) })),
         ];
     }
 };

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

@@ -67,7 +67,7 @@ const BsInlineTab = class {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: 'bccfcaa980bc351de48dc6e0611614721f7e63aa', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: 'f9bb9caedc8fb34d90dd23a14e431714d2175389', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '457be6231cd41bfe12198cda4780bff83af84d52', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'dea0e6da1a85682c7e04c93bb6c07165b720e168', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '6e2c366f47f47a976cdcc667222e281306dbfc63', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '4b8df7a5f37f0aad60679cbdd3bd03cb20482ba7', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '037cdaae4331e050b5c02083d1776bb5509ff92b', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '3b67b01e65434c35545fc9f06dab7bb871362001', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd41611429e951d13df23521f938217716f2afacd', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '8ea82e8ecc120c9961b8288a1162ec03ac0223bf', onSlotchange: this.onLabelSlotchange }))));
     }
 };
 BsInlineTab.style = bsInlineTabCss();

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

@@ -366,10 +366,10 @@ const BsInput = class {
         return (h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (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) })))));
     }
     render() {
-        return (h("div", { key: 'eb166070c898f3bf1e0d994265e5ad3adc1d7172', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (h("div", { key: 'ec191e3590785654e3701c7c49b1643f671dcc16', 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.
-        h("label", { key: '1d02b7a6901c87c68ff6b91c03bc8099cfb823e6', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '8ef20b2be514160fbdf37d046b59b0009b07ece2', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        h("label", { key: '264558031d7bdf104254724ad1891c893668da60', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '225d41e84484f1f160765a9f01e49a0bd850650c', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (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; }
@@ -420,7 +420,7 @@ const BsMenu = class {
         items[next].shadowRoot?.querySelector('button')?.focus();
     }
     render() {
-        return (h("div", { key: '931d856111c209026ceecfc7292336e3ffc95348', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '773aeb60e85fd3c802da4dc9e78126f4a4543965' })));
+        return (h("div", { key: 'e886c7df63af6d741175aa81bc6390be600e371b', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '365eae17c25fd6a3cc69c9ff01a28ce81eca11f8' })));
     }
 };
 BsMenu.style = bsMenuCss();
@@ -449,7 +449,7 @@ const BsMenuItem = class {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '1e0f7b552625b10087b75d9354e9e158cda10732', 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 }, h("span", { key: '8ec17400e5157f4d34a9f67cb298912f430e4524', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '3641aa2735310ada27c68c90a42f18489e77f0e9', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '9c60cb506418e1432b594b0f2ce8f9c4cbf925f6', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '6369f08ae8797a21d498e89b701df3858e4ce575' }))));
+        return (h("button", { key: '2d4a54df61b047dab4531362aee81f5d9728818b', 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 }, h("span", { key: '5ddaa17999d79962d279b927d659f592a2dccc81', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '41033aa1950751d8565eec3d04af3570120cda58', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'eb077b5082815adee640c53fa4396cccf1d81cad', part: "label", class: "bs-menu-item__label" }, h("slot", { key: 'cfb15ca71fd157aebfb0380e2eaac791bd50b051' }))));
     }
 };
 BsMenuItem.style = bsMenuItemCss();

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

@@ -61,7 +61,7 @@ const BsMessageList = class {
         }
     };
     render() {
-        return (h("div", { key: '188f548bf2663418ebd3dcda57fbd286b10c7eeb', class: "bs-message-list" }, h("div", { key: 'f6bd80892f1b9d08215027239d6de8736b468340', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '8b7670ce5566d4eb946693e67cc57ae9ad6243b4' })), this.showScrollButton && (h("bs-icon-button", { key: '597edb7c5f81db986839e403961d9b4a274b34c3', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '5b95b7a87560b5e652834a132da9eee9b4295b59', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'd93260a40a73539d9a712bc4928d947d819b8054', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h("div", { key: '975306593610d06410c0c0c8486a4a2802c866f1', class: "bs-message-list" }, h("div", { key: 'ce773c0fafcbf5491539b05b03970c8d52263f61', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: 'fdf3265e567c3756c665d007c9117a6de0bf6a8c' })), this.showScrollButton && (h("bs-icon-button", { key: 'd7ce5fc99e25bb870eeefb2e89af2fdbb3d6e366', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: 'a38a17ec2733477935c3a3496451e6c55243b905', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '99af4b6c21da2c66f4a12f395dfaeef7df4b8557', 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/esm/bs-message.entry.js

@@ -15,7 +15,7 @@ const BsMessage = class {
     /** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
     status = 'default';
     render() {
-        return (h("div", { key: '76e0e1d307de73bca97c5a79b3ff607278311d3e', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: '00c91e1ab7a3cf9e81401e36b50b331c0d7d2735', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'a3b0577cbafcd699ecf37c3299757f76e88cd572', name: "avatar" })), h("div", { key: '10b3dc86e24ae0860fffccedb5aaa9fed78f44c5', class: "bs-message__column" }, h("bs-card", { key: '3a88a28a5e9cb9898562860daf576b4280a8e601', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: '95a9c8394c55789cbf7a976b16466d7a9593fae6', part: "content", class: "bs-message__content" }, h("slot", { key: '81c214388b65904f4e15bfae23ddbc34ed35e267' }))), h("div", { key: '27768ab59923180c6f31f7bce893fefa11c967d1', part: "footer", class: "bs-message__footer" }, h("slot", { key: '606f025032c40e01c2490b1d18441c1d2557beac', name: "footer" })), h("div", { key: '79acf174363c391a37ca1907ececf87c9c1cdb45', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: '08060d46ea218a3c9315bd2fc89165c605e54ddd', name: "timestamp" }, this.timestamp && h("time", { key: 'a9829bf9725b3c41eb5032427822a2d6fbb2cb6f', dateTime: this.datetime }, this.timestamp))))));
+        return (h("div", { key: 'ca6cc1e08eca207f6aa9ff8f6dcf469f43935e82', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: '4ca4239579648f898b88d39c73ec79d06afd1111', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'e0fee937ebe6fb105a45b4f24ceee6c14fa3c5a1', name: "avatar" })), h("div", { key: '396fbeec6646fcae8c0b442cf15930450760b44c', class: "bs-message__column" }, h("bs-card", { key: 'c39915eda480acbdc8d463e3ef709cd76843d6fa', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: '54f53b103dbef163bd7afe903ceac965bc5fb881', part: "content", class: "bs-message__content" }, h("slot", { key: '6b4bb7918c443e38e3ac2e409e4207e11a071cb2' }))), h("div", { key: 'a1145d6701c160117fc0309647f9026abe454573', part: "footer", class: "bs-message__footer" }, h("slot", { key: '9c93b91f4748756b8ce07df059c1d9bed4928e21', name: "footer" })), h("div", { key: '26da0cad53e92d380bcfeef12ad61200f015d3a1', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: 'c61bfb5fd138227897260a95bdcc9355e0668f86', name: "timestamp" }, this.timestamp && h("time", { key: '0e1a0c48657683613e9f02bd126a79471e6e9d2d', dateTime: this.datetime }, this.timestamp))))));
     }
 };
 BsMessage.style = bsMessageCss();

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

@@ -91,7 +91,7 @@ const BsNavigationDrawerItem = class {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: '1cb752ce9bcf0960e864906fbf70d6627b8352eb', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'e7ff152d751f4f8333c48b3ba4bbed10a9bcbb4b', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '91b0139bc50e6bb9dc51b30de3e0a365e3e5658b', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'cc6be4568c6e10e82412f0d9beba110e53715257', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '95e319ebf4799f86e1eb686c849ced443a6507ae', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'c2e4554f7117620100c569b6d2da2c45df9baf33' })), this.expandable && (h("span", { key: 'c262c787a9db3c6453bbfb2082c0e1677d443de4', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '7ad34ca909681f60d6c920e9304b4e653e9bbfe9' })))), this.expandable && (h("span", { key: '497d8bd4f5d2d6b03a748099ea332074f4446497', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '87c4b0489b654453eb9338f2d9b52b933366908c', name: "children" })))));
+        return (h("div", { key: '595e07689792695de104ae819850cf9fe6179221', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'a8d5ecf7545c167b43e43fc85623d4288bba640c', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '0b24f46d98af43c8d3fca48fac4236a238ebc8f7', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'a02e510672ff00c251630d7500cabd73fcf4b719', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: 'ce24ac37510ed8b0ee7e2d56fc9113855c3e0b98', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '28769ab29310980c79fde5d9b21b16365ac33b6b' })), this.expandable && (h("span", { key: 'aaf1c341a5d1b067162434a7d3d1544e02a23307', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'b15b40ce16d85fd9f5050b4815a87f0b3b1dbab3' })))), this.expandable && (h("span", { key: '51c9f7d63673e3a6ee1b8045ea88610af3b29ad5', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '7adc4d5d2f3fc79941881ddc96654c5ef357dc40', name: "children" })))));
     }
 };
 // 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per

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

@@ -178,11 +178,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 (h(Host, { key: '4ceea7fddea0092f942f3499987ee80ef4f4e8f3', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'fbc83c1f7cc93f0afe6222b6d4afe256375c6537', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '26f09c3cd1662515bf7ef69826980b70d9c142f3', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: 'e1c81adc6e4f1f0bb55d1b041ad7d38cf8f5abe9', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: '109355f0d5456ac840dad94a3524626c1c589707', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '4f88360e7b8e01b2e994a0ec2f7bc7f952268e7d', 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 && (h("div", { key: 'be5e1b6d08041b488fda977553e3c90f55ce3232', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'aa24da803069235483a36e0896a6a0b32ed8a20a', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'cda0395a72b95f6b9a7178c218d68b11dba1d768', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '53f13ca91f9e39ea89df909643102d9172bdb815', variant: "mark", background: this.logoBackground }))), h("div", { key: '7e73d0ef62745fca7cc385382e0b4335518026ce', class: "bs-navigation-drawer__title-row" }, h("span", { key: '39f056417b0cfaaa9e5cc71b612c3c109574a159', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: 'bb3e2190475ea000daaac66dfab6c1ff6fda8d40', 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 }, h(CaretLeftIcon, { key: '3f37c1b7bd9c53eec44ba751c95e4e95bf3920f6' })))), h("div", { key: '98af0d2bbec07f8520c67d4e9f102449106b6498', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '223dc57c477dfb3accdb690754d63132c562f867', name: "search" })), h("button", { key: 'dfa75a9b3b29dcda5c140905b055ff19669f7af5', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '98aed385273752c647ccef54fa380f92ae65129b' })), h("div", { key: 'cf6cc371959a7fe81ac7fed27176d78370891f09', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '0ef6002bac2fbea8430ca6e049f3ce463ba4ec71' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '92fa952e0f790312893ca7898032e5e03f6a3b40', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '998db3f0da7ff0127f9fff36cf33d8a0978193d4', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '02372bdeefe1aa3c392b98e9965e228b607d6b2a', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: 'cbe17acf68175e147b5f82fe59fe352519055eb4', variant: "mark", background: this.logoBackground }))), h("div", { key: '01d088e11a2d4d98e95a732f61b0eef7eb1710c3', class: "bs-navigation-drawer__title-row" }, h("span", { key: '44d0379c380e4b53188d84fc498495e442d2bd11', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '591cecfab387cd135ec8973f1578aff0ece7a2a8', 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 }, h(CaretLeftIcon, { key: 'e10812b18b0133022e0424771243bbcca4454367' })))), h("div", { key: '52083c066c5797cc966f028504b3076265a88e79', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '9bb6a36ffb750d2a981dfddb94a39dd008e5c5bf', name: "search" })), h("button", { key: '53df19a611aa6c0049a079af9b126b244eff1e1e', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '034ce5318ab191d4adf5fa37b91d63468e55f6cd' })), h("div", { key: 'c292064e09cc60d04b51e38596f4afbe209a2c11', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'f5d8ad27a9aab5f5d9ea83c8c99f52bc2ff5c9d5' })))));
     }
     static get watchers() { return {
         "collapsed": [{

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

@@ -34,7 +34,7 @@ const BsNavigationHeader = class {
     render() {
         const showLogo = this.alignment !== 'with-navigation-drawer';
         const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
-        return (h("header", { key: '13902b4fc78c50b646532b05b0628cd87795bbdc', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '98d3add96ab6da8f108b47ccb3317fddccf16fdd', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '3de6328cdced810f59e169adb9c894f357bb3362', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '3963c852293dd06990345d11c262eb437998b9a6', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '3d19c967ad4d6d2ac53e73623e26607ec60bc040', name: "left" })), h("div", { key: 'a4b7019e8df5d5d00163815058af7396c578e3f4', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '9e07a80b8a8e03b567e5112291f56055300e0e89', name: "right" }))));
+        return (h("header", { key: '15068c106978e045dba19165016adefaee9c639a', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '7040b0d89e0c10c62ca520cf75d5b7bdc7d2e09b', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '77c9baa735505031c3e5c2f8d784d21113a1a78e', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '1f2b44b9a8fc50c0736333bedcf91113e57bde00', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '40388c6c6d118ea1632a8aabfc5eb40504fafe42', name: "left" })), h("div", { key: '72567bab7f76ac21957a7efc57152faf27223344', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: 'c83f0b591abf7093a566571b4811011e12d1fccb', name: "right" }))));
     }
 };
 BsNavigationHeader.style = bsNavigationHeaderCss();

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

@@ -72,7 +72,7 @@ const BsPagination = class {
     }
     render() {
         const pageList = this.getPageList();
-        return (h("nav", { key: '96915c9c13aad90a4db232b78062618d99b3e48f', "aria-label": this.navLabel }, h("ul", { key: '57e51e0ab7da9ac5bfae840579195bee1d7b0642', part: "list", class: "bs-pagination__list" }, h("li", { key: '831d06deaa95f1992ee7fa80e54b672a05ca5c5c', part: "item", class: "bs-pagination__item" }, h("button", { key: '3b513f181a3f95aa39869f64eb023b27597e151d', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h(ChevronLeftIcon, { key: 'e9dc1c534f7bccb9c4e30c91a2dc7b2344e4a2dd' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: '2f24b7b2dfc20820eccf8805ae4f1036adfe4911', part: "item", class: "bs-pagination__item" }, h("button", { key: '2888093afa769f6bb9bf6b2d9c8ff111332bf7ab', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h(ChevronRightIcon, { key: 'eaed42626409dc0a5784ed6f99cdb84c8fc2e1cb' }))))));
+        return (h("nav", { key: '06cb2459f56b6e12d2c2cefcf2a1ce1124777043', "aria-label": this.navLabel }, h("ul", { key: '43d5ed118491fab134ce246b180246376f3ac682', part: "list", class: "bs-pagination__list" }, h("li", { key: 'd7f3aec6470fe62a0deabcf836d0841fd29a31eb', part: "item", class: "bs-pagination__item" }, h("button", { key: 'f14cfdc9080113c26971535eb25d56918c7a980c', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h(ChevronLeftIcon, { key: '8db797703e6a8af9e396362cb544dc106624f2b9' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: '9a7f5d781c7ba8e6403bd53e0b333943ef6df45e', part: "item", class: "bs-pagination__item" }, h("button", { key: '8f745ebaf087a8c81119fb96c74ec60fbb57c711', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h(ChevronRightIcon, { key: '1a1ca7605f8eaeda1f6728cb9936388254797c3f' }))))));
     }
 };
 function range(start, end) {

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

@@ -135,7 +135,7 @@ const BsPopover = class {
         }
     };
     render() {
-        return (h("div", { key: 'e4e96eb40953abdd3f5f9a9169cfe2b9ad87d3b5', class: "bs-popover" }, h("div", { key: '6456d7cb3cba9e243015086095534cad82716711', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '1a1d545bf0afc0a59e4f9f7f29bf359cc2264c65', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '8a1e1e3ade63f2cba665368f3bd2659ce659ee18', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: 'abdeeb2105d00487a43f23dd6021c61b533e8139' }))));
+        return (h("div", { key: '230678d7440e218c133a315f4a15f7136043fd44', class: "bs-popover" }, h("div", { key: 'dd514d3e6771a4adc2a90bbe097736db3df7e2e0', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: 'ff258cd0e061ae599371f72599599d84d2a4e8a1', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '13396ff2f4e4bd65d725dd32dd0e39c072f32a79', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: 'af116fe77709a8121e0c4bb4a3d49bd93bdc7c30' }))));
     }
     static get watchers() { return {
         "open": [{

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

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

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

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

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

@@ -133,7 +133,7 @@ const BsQrCode = class {
         const buttonSize = this.size === 'sm' ? 'sm' : 'md';
         // Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
         // which is what bs-button's disabled primary looks like.
-        return (h("bs-card", { key: '01dc0befd273aecce2437e98987fa6a76555a65c', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'b611e446cbaa4267f7cfcb6e1baa1352e316994c', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: 'c3af9b06190a8d98e80a1ba5aa32a614cf706ef8', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: 'bc86434823fabb3375bd2aa7c8382b33ed94e293', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: '95520bbba236876975ca8097f923162c9af84505', class: "bs-qr-code__body" }, h("div", { key: '1c5ab32fd408dfb874914848daf611d5ede8fc15', part: "head", class: "bs-qr-code__head" }, h("p", { key: '765b6700e9d73ad9858e7dfed25adba98d9f37a4', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: '9994b60173dfdce115ab249122f29d17f8e530da', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '9a32be6fa563ff3ed7f7825ce793cd1521989dbe', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '9aa3199f1d5dac68eb4b3d8c6e490199964715ab', part: "code", class: "bs-qr-code__code" }, h("slot", { key: 'e859ada22ca6dad597fb2d3c239662a51b43b39c', name: "code" }, this.renderMatrix()), h("div", { key: '49023d47353f7eac10d46d7be68be8691be50455', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: '53125aeb2c4891ca790268f9ef5ee3ba37cae5f0', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '2714b2a6513da5442809292f78b31141ee77ce81', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '51573f23cf8d2c3a0b7e3df2a9ff212f18c92539', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: 'dc7c005152c216ababde9282c385856e8d6b3b57', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: 'a3f3c4d1ceea0ba079ca204a1acd5447551f86f4', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '39d95354200ccf4cfbfc9dc3c15da200955fa2f5', part: "expiry", size: "md" }, h(TimerIcon, { key: '7244fd36a173052caf4db2e4f0f2ad05f3569341', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'f6c808132c0ca1d8af27b8aedf5cc5f86a3ba7e8', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: 'ff50126a297987518e4e174c08db438560671d95', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: 'e7c982907553a6607b3c941c77a4f88876c71c85', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'bc603f4ba0a2bfa12112806b2eb2a04ccec60568', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: '35e27d196c9475f5b0be1dd0e389b699d08ec7db', slot: "icon" }), this.copyLabel)))))));
+        return (h("bs-card", { key: '8a78a58e189863a37ac0824e84c8da50d0f82c4c', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'e771194dc383c40cbc9b4b6e2316d787dfda9e0f', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '2ee3bc0a83ec9c44f15ad906abc40d6f88598fec', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: 'acb73db86f4af7c81c6aa8c71c458c3a1381c9ed', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: '48d25ac25dd6c3cd0b77d800cddc11b1f1a57206', class: "bs-qr-code__body" }, h("div", { key: '340cd0dc7d945b6b3dedd103909067d7c8e5ae91', part: "head", class: "bs-qr-code__head" }, h("p", { key: '022fda836023d01aee585926bfe1f227b1789bae', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: 'f72976f2aafa5f66adf77db3ed21380ef26f3e0c', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '865fcb97b32fea2fd3cfaa71e6fd91358906ec8f', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '295e823796a723e4a9ead87ab178133596920cd2', part: "code", class: "bs-qr-code__code" }, h("slot", { key: '26a87b0ec43d5b08dbabeb0addab57e698813918', name: "code" }, this.renderMatrix()), h("div", { key: 'd7355f6fc021333d12f70a2c75fc1cea1052120c', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: 'edecfcdc96b623d01dee5c18de4191051ea4f40b', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '2efac5db58bbe7bfd1dc3d42ef3ce12d85bb42a5', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '0765abe8467bc7a1f312b71b043f05e365f1f9b3', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: '65f41dcaf4f167cda93ce750e072ab94a38921eb', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: 'da32b3ac2acfaf7523c24ce11cbca43236b196dd', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '409328cdc5859c9c8e3d2be87b90b73cfc873cc2', part: "expiry", size: "md" }, h(TimerIcon, { key: '3752627cec20d06f351476da803d013aae832ea6', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'ad00fe126c5f5dfd9e6a713aa0bdd4cd70a869ca', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: '0964029df2c3a97a561b368dd167ccf1770a251f', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: 'e30c02777793dc41ea3437c58d0b229b7bb75510', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'c845423f9652d79a099cd4466d06aa29152636ad', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: '443d3070916468e1bc1b015496ecaff3311b6565', slot: "icon" }), this.copyLabel)))))));
     }
 };
 const iconProps = { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true' };

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

@@ -98,7 +98,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (h("label", { key: '5c69e7244183b1116d44e50079371d0bf29ac058', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: 'f40a114f0e9fcb21ff0e7bb02876ded6979b7727', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: '4cca356fd757d34f24ec5d8a8a3a2517da004409', class: "bs-radio__hit-area" }, h("span", { key: '6beda905b88e822335ebf67a64eba5df86beb4a9', class: "bs-radio__state-layer" }, h("span", { key: '28e63967c2ad046f694c2097d2aec35f4ebcf843', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'cda8ba5bf3f5bf99564e6f0f1af115803e33f6c0', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'df59f8b97fb54cc037732a22412ec64464df8bdc', part: "label", class: "bs-radio__label" }, h("slot", { key: '154be3de3d6fe5aa0cb8fd7d806c28956a21e87d' }))));
+        return (h("label", { key: '1465269cf2bc9815b0c6e4600d55f7e5956485bf', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '40b159566b7d65e0262e49abe28e1edb9e48ca52', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: 'a749940d33c9278b896d6dce5afed44303001bd5', class: "bs-radio__hit-area" }, h("span", { key: 'bd6ab2f86f6e33da8c36bdae8053e739ead1da01', class: "bs-radio__state-layer" }, h("span", { key: '5397567009a5515f1173c4588ffd726e8f659406', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'b3921cef5b6d3c324cc4ab13f8f9e293e6873cfb', part: "dot", class: "bs-radio__dot" })))), h("span", { key: '5dc29a0aaeb10c5ab8bb162b8f00929576f763d3', part: "label", class: "bs-radio__label" }, h("slot", { key: 'd224abc131b4669034a8bc3018dbfaa4d976d640' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -158,7 +158,7 @@ const BsSessionTimeout = class {
         const description = this.description ?? d.description;
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
-        return (h("bs-card", { key: 'a59288c1e524507781d37b23493224c299ca697a', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { key: 'adde8ef701bc24337fe42998c9f3af0fd3b817bf', class: "bs-session-timeout__body" }, !this.hideIcon && (h("bs-icon-tile", { key: 'a3d1f87b2fcd29a319be7e119bf76c800b343e48', part: "art", intent: d.intent, size: "lg" }, h("slot", { key: '42b9193378bf88f0ea2f4e3ac48a0ff58545d21b', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (h("p", { key: 'ed78d1c152d3edcf0db93c7bb8b6d744ae8283c5', part: "saved", class: "bs-session-timeout__saved" }, h(InfoIcon, { key: '7992c624db71b1471ea62b82f5d8c90d438d7ee1' }), h("span", { key: 'a4cdc8e871083a685de65d3e785800ff6af1452e' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (h("div", { key: '756f8e8cddd87c273273621d69796be30a9daa3e', part: "actions", class: "bs-session-timeout__actions" }, secondary && (h("bs-button", { key: '525c02f57453d82e5e2105b1f28d8f7ca8e8e1bc', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (h("bs-button", { key: 'daaf10a97c4306a657fce5ec827a067659a2b2d7', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (h("div", { key: 'f1b52edae2419a8e66b08a681d2f2b917383c90e', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (h("bs-button", { key: '145f8f09b939c82eef01068bc0e849fc7f63b957', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (h("bs-button", { key: '897e5342fe89966702d2af457f9038b60e8929ec', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), h("div", { key: 'b3f242f4a8b00b52975ed66d9a72ebc98997cf29', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
+        return (h("bs-card", { key: '8922ea5cb968852d3ce425364278348c71c10be2', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, h("div", { key: 'b613354d729da81aea5d05b6c3ccb8de5e64b075', class: "bs-session-timeout__body" }, !this.hideIcon && (h("bs-icon-tile", { key: '852e15692bd30510cd5cb52b092868684ff8d73b', part: "art", intent: d.intent, size: "lg" }, h("slot", { key: '5a5b89e4c85536710217b5e3d29d87c333152472', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (h("p", { key: '626014fca6ecdc96934996f0a0f9aef368fb8635', part: "saved", class: "bs-session-timeout__saved" }, h(InfoIcon, { key: '2ba9eaeba78425078d43d2c01ade39475e779cc9' }), h("span", { key: '45e7fae171cc6bfe738aabf42784cfabd27eab0d' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (h("div", { key: '4378b0b81c299b4ace854b4f9e41c3c8da0a2936', part: "actions", class: "bs-session-timeout__actions" }, secondary && (h("bs-button", { key: '7c25a927573c57c1dabc905eb4ecee8d3195f0e0', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (h("bs-button", { key: '21a301ea8780ad05517d2f45524d6c3133dbe256', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (h("div", { key: 'f741f30b96c640df5f33ced255dcd5929f779e5f', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (h("bs-button", { key: '16d6dbe5c3cc201b8b8de2818053faedc0fd3107', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (h("bs-button", { key: 'a37390a6c98d099a1f50938a9d45e43483318ea2', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), h("div", { key: 'bcafa657342437a24caa5979299688b60d61f02e', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
     }
     static get watchers() { return {
         "countdown": [{

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

@@ -41,7 +41,7 @@ const BsSkeleton = class {
             lines.push(h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
         }
         const hasLabel = !!this.label;
-        return (h("span", { key: 'dc80e4fbb6d9da6387f5bb674595469e7566ce2c', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
+        return (h("span", { key: '7d2c9b9259f7a7402540d55cdbb66e40809eb8af', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
     }
 };
 BsSkeleton.style = bsSkeletonCss();

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

@@ -221,7 +221,7 @@ const BsSlider = class {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (h("div", { key: '24883c8b7d1f00df7a700de4e296ecdfc293bf47', class: rootClasses }, this.showLabel && (h("div", { key: 'd41690990898df937f99a5285f2f407b550d881c', class: "bs-slider__header" }, h("span", { key: '2519779a06f6bb9911be0bdb4539b36c3c16f725', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: 'd0525503f51fc1dc3f9753fce131e008db7ded54', class: "bs-slider__row" }, this.showLabel && (h("span", { key: '98ecbdd3462da354a2fb7c719b8eb48c81a0c809', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '3e1690be98b45b3f595991d5cdde35f0abfe0da3', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (h("div", { key: '27a3ea5b427fcc77b8d5e3e1ebe2e5bc4e63b7c7', class: rootClasses }, this.showLabel && (h("div", { key: '0d4a3457ce390dd2b05be33e46a3bd67dd6f027e', class: "bs-slider__header" }, h("span", { key: '21fda56ed3bfad6a7838cc6be53fe206634e35a8', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '1d8b7c5fa72467ae5a58520ad66452331c5d8e16', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'd45c1e0d5cfe7a66f8bd85a239148b2c13a8b3df', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '063d2007c094ebed57e58fe0fbaa0e1f0581ed71', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -45,7 +45,7 @@ const BsSnackbar = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '869f548001524a78fa66a0b295c177a43160531e', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'eca8a98a1ae3dff7ecadd7e370bd59c855a56025', class: "bs-snackbar__content" }, h("span", { key: 'ffba923b45ff59cd8501f7d3da9bd5260113de83', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '803f3247af157e79e2e2c2822977ae55cc058a98', part: "message", class: "bs-snackbar__message" }, h("slot", { key: 'fd66b14457361cca63be3a152003a098b56aa43e' }))), h("div", { key: 'ba808bf880cfb2f0c32a70f53ff4e0b2df05eb17', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '4e7ca40abdfd155cd064d153fee866e87ad64e26', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '89ba5909db07c9e910136e5723bb5df25d0a4b51', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '6e3f8d010cf3f234d0e199b3a5d96c8200b25bcc' }))))));
+        return (h("div", { key: 'c28affe5d8731108fb850d3a748f529ee387a19b', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'fa1934bd51d1c2c9287d748c28885ca48972160f', class: "bs-snackbar__content" }, h("span", { key: 'b2d96ef66bc8fabf1efb19951ca2559cd17cccd6', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: 'bf425e1893ecc38f5c808589b3e4aa37377ebdc8', part: "message", class: "bs-snackbar__message" }, h("slot", { key: '5ad9c390508942f8d3b380de83100da30a06f02d' }))), h("div", { key: '84d388fa214fc995d5f0f5f3a336984b251373c8', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: 'c96e9fc2252a60a6a33aa31e3b698bf1662f7447', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '8b0a71688b6418ebb2db2fe648334048429d7168', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: 'bcc155735db55392b049f6b5761e05341e588d35' }))))));
     }
 };
 const CheckCircleIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), 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/esm/bs-source-link.entry.js

@@ -24,8 +24,8 @@ const BsSourceLink = class {
     };
     render() {
         const inner = [
-            h("span", { key: '37082ba8b750f01d04cec4e437fc3d5481768f27', class: "bs-source-link__left" }, h("span", { key: '10f49ce451047e0b2656d0ec724a5841b112046a', class: "bs-source-link__filename-row" }, h("span", { key: '63b4c0dcb376053f68a5d62c6232a205451f1826', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '6df8546c36387bd130b68cda5f8aa5e3c35fd388', name: "icon" }, h(FileTextIcon, { key: '8ba49429459a63d05324e31b6994fa5f3b5c6534' }))), h("p", { key: '0b6d7826f62526c903048a25610bfed99381bce0', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'f71e6440d5fe06486d5a10493ab5c7b17e2cfd78', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'a4d97d5fd1be65d17d9dca52d30eaa9d1a022f0e', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '809b5e51e436270dd304db280f98e164f2722eda', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '5e30c00db6cf2d659c62a6fc863a7c6fd8111d12', part: "version", class: "bs-source-link__version" }, this.version)))),
-            h("span", { key: '89dcb19eec419f95ed277d729925296ecfe0e4b1', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '8d2c8521747a1f3d7cd8b6bff5385ee04b2a7923' })),
+            h("span", { key: 'e693ffb8cd5d0fc8c8f602868d17a7b41735a470', class: "bs-source-link__left" }, h("span", { key: '685b3dfbee1ece7cb3ba8cb2c593836a6b557ab6', class: "bs-source-link__filename-row" }, h("span", { key: '4888e161fef6c69a889f29dcd90577904aea81a0', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '806c2219ca588ec505a1e6ea62ebb5e171fbb1ef', name: "icon" }, h(FileTextIcon, { key: '208c43fdfe05fb6f7c987fc760bc37ab9dc7faef' }))), h("p", { key: 'bf34fc21cf242f290c0220f3fd216616f2042fed', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: '2924ba8f19ab78096a532e08946ad5047ab04387', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'b638eea6c0c05f3b5b7eb6f4c02f94910a5aa1fa', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '5d407c3a10813d7f85a1b6a99e3e869e6ce28b8b', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: 'b25df35eae4fe62bdf1e745dd8f478792adb0129', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: '263a19dd6402cba9057a543921ff669b323b58ac', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '7d2baa2d8f13fe3b6cbd2abed2c6096d5076c667' })),
         ];
         return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -14,7 +14,7 @@ const BsSpinner = class {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (h("span", { key: '31531b80418f912ded9ffabafc1ad36b48e1c4e1', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '7c820016daa154c8e8486a8d5a60505a39d37bde', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '60b8dce8ac87753a2a9d3c3521ce387bcf6e9491', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '3548aee65c89828fed57465a95b72e15c50807f4', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (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' }, h("svg", { key: 'afa93c3331107ff2be423c0693ed546d1687c143', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: 'e016a9b43eb8f297f644ba9a1d4f4e2a9dc35752', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '68827930d857322dfb7480de9cc76bb18011120d', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
 };
 BsSpinner.style = bsSpinnerCss();

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

@@ -183,7 +183,7 @@ const BsSplitPane = class {
                 nodes.push(h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (h("div", { key: '8ef79e5ccc0ac2e8d4204f82b3507bef387e95cc', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (h("div", { key: '67d978089645337e56106163c6d6ac38fd6d063c', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
 };
 BsSplitPane.style = bsSplitPaneCss();

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

@@ -0,0 +1,79 @@
+import { r as registerInstance, a as getElement, h, H as Host } from './index-D3SkQJpw.js';
+
+const bsStackCss = () => `:host{display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--bs-stack-gap, var(--bs-stack-gap-token, var(--bs-spacing-100)))}:host([direction='horizontal']){flex-direction:row}:host([wrap]){flex-wrap:wrap}:host([align='start']){align-items:flex-start}:host([align='center']){align-items:center}:host([align='end']){align-items:flex-end}:host([align='stretch']){align-items:stretch}:host([align='baseline']){align-items:baseline}:host([justify='start']){justify-content:flex-start}:host([justify='center']){justify-content:center}:host([justify='end']){justify-content:flex-end}:host([justify='between']){justify-content:space-between}:host([justify='around']){justify-content:space-around}slot{display:contents}`;
+
+const SPACING_TOKENS = ['0', '25', '50', '75', '100', '150', '200', '250', '300', '350', '400', '500', '550', '600', '700', '800', '1000', '1200', '1500'];
+const MARK = 'data-bs-stack-item';
+const BsStack = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    /** Main axis: `vertical` stacks children in a column, `horizontal` in a row. */
+    direction = 'vertical';
+    /** Spacing token name (e.g. `200` => `--bs-spacing-200`). Invalid values fall back to `100`. */
+    gap = '100';
+    /** Cross-axis alignment. */
+    align = 'stretch';
+    /** Main-axis distribution. */
+    justify = 'start';
+    /** Lets items wrap onto further lines. */
+    wrap = false;
+    /** Renders a decorative `bs-divider` between each child. */
+    divider = false;
+    itemCount = 0;
+    dividerChanged() {
+        this.sync();
+    }
+    sync = () => {
+        if (!this.divider) {
+            this.clearSlots();
+            this.itemCount = 0;
+            return;
+        }
+        // Children without a foreign `slot` attribute (ours are marked).
+        const items = Array.from(this.el.children).filter(c => !c.hasAttribute('slot') || c.hasAttribute(MARK));
+        items.forEach((c, i) => {
+            const name = `bs-stack-item-${i}`;
+            if (c.getAttribute('slot') !== name)
+                c.setAttribute('slot', name);
+            c.setAttribute(MARK, '');
+        });
+        this.itemCount = items.length;
+    };
+    clearSlots() {
+        Array.from(this.el.children)
+            .filter(c => c.hasAttribute(MARK))
+            .forEach(c => {
+            c.removeAttribute('slot');
+            c.removeAttribute(MARK);
+        });
+    }
+    componentDidLoad() {
+        this.sync();
+    }
+    disconnectedCallback() {
+        this.clearSlots();
+    }
+    render() {
+        const gap = SPACING_TOKENS.includes(String(this.gap)) ? String(this.gap) : '100';
+        const dividerOrientation = this.direction === 'horizontal' ? 'vertical' : 'horizontal';
+        const parts = [];
+        if (this.divider) {
+            for (let i = 0; i < this.itemCount; i++) {
+                if (i > 0)
+                    parts.push(h("bs-divider", { part: "divider", decorative: true, orientation: dividerOrientation }));
+                parts.push(h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
+            }
+        }
+        return (h(Host, { key: '36539e2d556a29fffe996ae4b53d207ac39e3889', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: 'fe94e79e6ded0341d04792c9be2949c6663de5a9', onSlotchange: this.sync }), parts));
+    }
+    static get watchers() { return {
+        "divider": [{
+                "dividerChanged": 0
+            }]
+    }; }
+};
+BsStack.style = bsStackCss();
+
+export { BsStack as bs_stack };

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

@@ -32,7 +32,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (h(Host, { key: 'f51401da1a777c73fa70faa5a9f05f0234f517f1', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '30a1c060295b4addfc53ab67757661c7750ca781', class: "bs-stepper-step__top" }, h("span", { key: 'c4acc0a90fe006ed779072025c0aefc30a96c43f', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '2a03c4c0b2e07a3879b7dbbcfc2022c6d753072d', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'a6492fbd22bc9659fa7e71340bab908eee807dbb' }), state === 'error' && h(ExclamationIcon, { key: '5390c086f6c8314040862b5a4f680685d67a1f86' })), h("span", { key: '535e553bca360fe96538afb4baf0063e18b88fd8', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'a04809fbdb2a47a129cf1a499bf0f9956d425e95', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'ff4b573a3f0b1bac78cabbc68d58d4ecfe330fe9', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '2cecc129a85da61efaa8c670754feca4a56fe717', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '5c06546a24247733d7df9c99c753074809272feb', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (h(Host, { key: 'aebeb38afde905d2b5d12f6c6218c7f6d8caa6db', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '5ce2ab43631225cabfad3d0a65724fe53475c609', class: "bs-stepper-step__top" }, h("span", { key: '5270d9396ce4eaae1e7f8893d28198df7f87d515', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'a2a83808311c13113d9cefa5a2bc9926be9dea97', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'acf704a0de2391bac5cddc3eebef1f6aa821e233' }), state === 'error' && h(ExclamationIcon, { key: '4fc253c6ffced8ef5eaf337e39c0912b0765f5aa' })), h("span", { key: '163f5b4e465c4b6b27238ceaf73d7cdd96f5b376', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'f71f15dba5235e6176dad102c4ebad976e063900', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'ae5cd8999024687a6a3631dc6887428256899479', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'a5971b572a0f1a2f602e8f888a16d6e0e5599183', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '2873a2ceb40f7abc5e543a0d50192bc42945f3e5', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -42,7 +42,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (h(Host, { key: '7956314c41e9add72583aa8e2bd7271e6cf1068b', role: "list" }, h("slot", { key: '0ace9928ce7f573d9202a11e489a50e976d0e351', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '974bd59785233de47d55750ede0a3d823ff11c75', role: "list" }, h("slot", { key: 'ce637c2c5631329c747897c66ec2cca9e6f738fb', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{

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

@@ -70,7 +70,7 @@ const BsSwitch = class {
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        return (h("label", { key: '11ad9e104dabafbecba8395436f4f88fff141449', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '4a6c4400f9193f481b1134517ed7d53828cca27d', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'f6dca44c46b5412135cb43220ece5a8d161018d0', part: "track", class: trackClasses }, h("span", { key: '6a06911e7f17822a4b5df219f9c564cf8d130fbb', part: "knob", class: knobClasses })), h("span", { key: '6628c4ef4e1097d5b41b0b8eaac47eb0af627722', part: "label", class: "bs-switch__label" }, h("slot", { key: 'd1ce12e2a63a3a1a067c4080bae9c7612e8dd933' }))));
+        return (h("label", { key: '8e879cda3d51659448298ad74e0cd72d6a3c7692', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, 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 }), h("span", { key: '713c1fe5e578730b3afdeff880083ca9df5f0805', part: "track", class: trackClasses }, h("span", { key: 'f64210e5e3c6fa2c814567921922da3a3b93dd5f', part: "knob", class: knobClasses })), h("span", { key: '5a5cdbdb31470bcda460412ddb6f78fa4bb37a4b', part: "label", class: "bs-switch__label" }, h("slot", { key: '4d1857d66cfbed3b59805359692371decec5c374' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }