@brandsync/wc 1.21.0 → 1.22.0

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

@@ -223,7 +223,7 @@ const BsSlider = class {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (index.h("div", { key: '84aea3221c41e19ffa310a2d17c0385ea11041df', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (index.h("div", { key: 'f26d63ea2bbd9e47b7c30c9ee03cdeff6f7280b8', class: "bs-slider__header" }, index.h("span", { key: 'df0996ae3e6a3548f7b6da584179f118b4eb4da9', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: '6f96cd1cde58d5c6988b7271fc5d6fdfa133b29a', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: '34204ca12f519b9be931cf54a96f3da8756d5430', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: 'ff16e9ed98447d8211a5a5d22749ec801cabebd4', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (index.h("div", { key: '453a65b49b780806ed2d9a1ead9a8d6a2934f7d5', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (index.h("div", { key: 'add1883ea1990fec07b3b50c3a910dc7c38f9ffd', class: "bs-slider__header" }, index.h("span", { key: 'b85fcbb0798aac73a8ae003abe68fa42e2fe905d', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: '528e5766856c1cddb4379089cf206c500171e381', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: '17db3029eed38bb3759f6307f08f16bb477ff14c', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: 'bc80bd2268e3faf4bc2abbd62337f5fb88fe0700', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -47,7 +47,7 @@ const BsSnackbar = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '853522bb5eb39a46e30e5ac18fe16ee55755afff', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '73b6b2cc350a90f32aa143aab3be2b85ba73eeae', class: "bs-snackbar__content" }, index.h("span", { key: 'f3880db1b2b6eca4661ee5bb3e0c96d1e6da8e6f', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: 'a56e5d22939edede5949bcf1340d59065fc694b0', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: '46357548d5af22e4f72d20a99ba566067c3c1fa0' }))), index.h("div", { key: '1e2a66b55bd06dc152956004430159a0c2370939', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: '563ead50e48142407812caf3727b4bf290e02b86', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: '84506a32eef3551b4fc560d899913e792cdfeba0', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '55d3e926776e980e18bf77c08e2912f2424afd41' }))))));
+        return (index.h("div", { key: 'd5766c577a0f6ca53c1d26406888d79140400133', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'd42f65e798ccdf73da5a01e297b67794daa1101c', class: "bs-snackbar__content" }, index.h("span", { key: '50eb509bdfbc800e18c705ac9bbfb5868180dd87', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '546badfb1dfffcc51736b20991cc0629e450e244', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: 'd7d91d944100ea1beb5a8693506db34a293e0594' }))), index.h("div", { key: 'fbcf2cda2619546ae1b8a5b771f05e32326690b6', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: '41b81763fc38ff533cb3729d90bbd6855a378baa', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: '1d7adc41ceeaabb43340089db37fa273ed411535', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: 'f93ef4c3b53a1eb00a80d3c52c66cc213067ec55' }))))));
     }
 };
 const CheckCircleIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -26,9 +26,9 @@ const BsSourceLink = class {
     };
     render() {
         const inner = [
-            index.h("bs-ripple", { key: '2a875265b65f749466162d903f923e1433c7d397', part: "ripple" }),
-            index.h("span", { key: '62e74329531e0917670e0d480603692f422c7acc', class: "bs-source-link__left" }, index.h("span", { key: 'e639ffac289dbc1aed0aa6a2caecb16d326aa11a', class: "bs-source-link__filename-row" }, index.h("span", { key: 'fe01cfd760152e6bf81fb40d7ec4d77dbbef6ee4', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: '358a3c7acc24b9c4d40bd60d6c076e8047f80023', name: "icon" }, index.h(FileTextIcon, { key: 'e15554ec81c33fa58dd4d06dbac35f322f890c2b' }))), index.h("p", { key: '0f90eff6d1999a7512a510d1c07817bc1682f85c', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'f510d7ae0610604f09c01fe9e05c7973d5152283', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: 'de22c00cf119569ed2ed6f7eb483813431214237', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '3f8262d1d3b9e8403b58d244fb25e12db353599c', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '02ab1216020d9cd0de5f02b2b50d1d1c2cf18cb8', part: "version", class: "bs-source-link__version" }, this.version)))),
-            index.h("span", { key: 'eea76db4a9167aa545ef296f82819c04b6f1a21b', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: 'f9b21efca8e16963e110bf5f35034582fe616034' })),
+            index.h("bs-ripple", { key: '64724c67ba2ef27787a2e85bb1084ef1f3c6a916', part: "ripple" }),
+            index.h("span", { key: 'd8fefb50b0740a65cac0fb918672b1593d07a716', class: "bs-source-link__left" }, index.h("span", { key: 'f5cf73cbf855bca76a5dd476013cfbd4fd13b77b', class: "bs-source-link__filename-row" }, index.h("span", { key: 'e204449475ce6d95a3ce0346cb3e92578f8bf155', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: 'f19c4375744c58f9ac87cdd74016b6b0a21d1acb', name: "icon" }, index.h(FileTextIcon, { key: '75a6c2bc7b228c6dca2dcb4d27739d8cbb3dca1a' }))), index.h("p", { key: 'e8cf5752fad06b84310093f6de56a101226ddb52', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'b9c631fe47d4bd480d231cc33de98064c14b525e', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '705510aa4dd8567a3d1a2136842c04c4f4776393', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '362b50a97cc2de79c89058c607862703c29c347a', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '7c628efdff57c8a95c5ff0f74409e485f2efc286', part: "version", class: "bs-source-link__version" }, this.version)))),
+            index.h("span", { key: '9fe18a62a7a49d4a68c120e7972299dbde6b22dd', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: 'd637cfe57cf0501f521c94d42df8fb587fdfd85f' })),
         ];
         return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -31,6 +31,7 @@ const BsSplitPane = class {
     sizes = [];
     draggingIndex = -1;
     observer;
+    sizeObserver;
     dragStart;
     /** Toggles `collapsed` and emits `bsCollapsedChange`. */
     async toggleCollapsed() {
@@ -46,7 +47,31 @@ const BsSplitPane = class {
     }
     disconnectedCallback() {
         this.observer?.disconnect();
-    }
+        this.sizeObserver?.disconnect();
+    }
+    componentDidRender() {
+        // Re-observe after every render: panes come and go with `paneCount`, and a pane's slotted content
+        // is what grows past it, so watch both.
+        this.sizeObserver?.disconnect();
+        this.sizeObserver = new ResizeObserver(this.updateScrollable);
+        this.el.shadowRoot?.querySelectorAll('.bs-split-pane__pane').forEach(pane => {
+            this.sizeObserver.observe(pane);
+            pane.querySelector('slot')?.assignedElements().forEach(child => this.sizeObserver.observe(child));
+        });
+        this.updateScrollable();
+    }
+    // A scrollable region must be keyboard-reachable, so a pane whose content overflows gets tabindex=0.
+    // Written straight to the DOM (not via render state) so it is in place as soon as the first render
+    // finishes, rather than a re-render later. Stencil leaves attributes it doesn't manage alone.
+    updateScrollable = () => {
+        this.el.shadowRoot?.querySelectorAll('.bs-split-pane__pane').forEach(pane => {
+            const overflows = pane.scrollHeight > pane.clientHeight + 1 || pane.scrollWidth > pane.clientWidth + 1;
+            if (overflows)
+                pane.setAttribute('tabindex', '0');
+            else
+                pane.removeAttribute('tabindex');
+        });
+    };
     countPanes() {
         let count = 1;
         for (let i = 1; i <= MAX_PANES; i++) {
@@ -185,7 +210,7 @@ const BsSplitPane = class {
                 nodes.push(index.h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, index.h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (index.h("div", { key: '57afdf0fbed93930a76aae2dab8faddacbc8e6e7', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (index.h("div", { key: '59361ae67d4d5c41c55be27500f43b6cea70ce8c', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
 };
 BsSplitPane.style = bsSplitPaneCss();

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

@@ -68,7 +68,7 @@ const BsStack = class {
                 parts.push(index.h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (index.h(index.Host, { key: '4761db31dd50f134e1d8b35775a69ff9a177bcfa', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '5714b01e0b05429fae91067b05143b677db998e8', onSlotchange: this.sync }), parts));
+        return (index.h(index.Host, { key: '8fa4ffade10cbe8f2bc0288f9f075df45067ab21', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: 'f6f49b162fbbd0d6ca052781aa94ebff370e9df7', onSlotchange: this.sync }), parts));
     }
     static get watchers() { return {
         "divider": [{

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

@@ -45,7 +45,7 @@ const BsStat = class {
         return (index.h("svg", { part: "trend-icon", class: "bs-stat__trend-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { d: d, stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     render() {
-        return (index.h("bs-card", { key: '6230f6e7164d99fb94e79a37d6301d514bf1c75c', part: "container", class: "bs-stat", surface: this.surface }, index.h("dl", { key: 'dc1688f2e20f4133c516e7f57ffc5d7b8a4de477', class: "bs-stat__body" }, index.h("dt", { key: '4772333b022fd6b95655209f7a7775eab653c6e0', class: "bs-stat__head" }, index.h("span", { key: '7aef50daa2c87b811b1e242753e081416df25b0d', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, index.h("slot", { key: '2ad02c5fffb58d31a4cf4ffb57fd58257fab0280', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), index.h("span", { key: 'b6b2d089a0b03da7aaad4447dd4291bf916964d3', part: "label", class: "bs-stat__label" }, this.label)), index.h("dd", { key: '2ccfdbcc3000d8448b2bac965efc23c14fdab5a4', class: "bs-stat__figure" }, index.h("span", { key: '6f6afb174d960a414fc3f95f862f70d3cd17105a', part: "value", class: "bs-stat__value" }, this.value), this.trend && (index.h("span", { key: '6887872c440d88f5269f39d65492c54589133d7d', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), index.h("span", { key: '0efad11fe74ac272c4f6d8f84cbf77fb45bf44f3', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && index.h("span", { key: 'de6eb28c4f20210ad7f9f9f4b2bbc02c5db1af78', class: "bs-stat__trend-value" }, this.trendValue)))), index.h("dd", { key: 'afc35315402059068afd3caf5bff330e73ab099d', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, index.h("slot", { key: '18280f7d6d2866b76307a1a651c2a21e55fd4c75', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
+        return (index.h("bs-card", { key: '5f6b9075f385608f80e241fa098ec2b7c41e0e68', part: "container", class: "bs-stat", surface: this.surface }, index.h("dl", { key: '0cf96c923a21917d2d3896e63da754d385fabbce', class: "bs-stat__body" }, index.h("dt", { key: '5c91ee3aa9976c7c2389723b87566e7f1890ec6b', class: "bs-stat__head" }, index.h("span", { key: 'c7c6552c10e951f6ebf13ee5bd77500a2f3d2fae', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, index.h("slot", { key: '0273ec7aec05787bb319e914fbcabee6a80e7468', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), index.h("span", { key: 'a21e688823f26c01ee444dd57fd502a9505557be', part: "label", class: "bs-stat__label" }, this.label)), index.h("dd", { key: '246ec9052be7f754776eb60f49dd012ebe350200', class: "bs-stat__figure" }, index.h("span", { key: '8bb7924706fcf3bf22dc0ce4bb8c5d213693b17c', part: "value", class: "bs-stat__value" }, this.value), this.trend && (index.h("span", { key: 'b335cc04264ac21d217c6bcb16032cecbcde70cb', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), index.h("span", { key: 'a850986d7f5b920b603f70cef688cf2e00647527', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && index.h("span", { key: '85228d88fe1d96ff94d712a94f448b135a571edd', class: "bs-stat__trend-value" }, this.trendValue)))), index.h("dd", { key: '0c2eebe7c40245de0090345e2884c8b2dcbcd1b9', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, index.h("slot", { key: '75723e31ac5595c062ef8661afd8b42dc7dc6a5c', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
     }
 };
 BsStat.style = bsStatCss();

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

@@ -34,7 +34,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (index.h(index.Host, { key: 'e4cedd89e79fe57ae5dee2bce70502dcf245eded', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, index.h("div", { key: '9505c6283fd3058f1acaf733e8c393a8e38f5a87', class: "bs-stepper-step__top" }, index.h("span", { key: '01d9efbed7ea81d3d24da21c3676d619925a4c5f', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: '643ecb7b48f6dc08107e1d1a63a6abb4f9b9256b', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: 'a51c760d0ad168574ab87969b1f5838106f4a474' }), state === 'error' && index.h(ExclamationIcon, { key: 'd3d7c06a38e04440a4cbe6ffc6f8b039e331f835' })), index.h("span", { key: '905c43488affd27c328457f9158f61e6aa89d219', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: '734591eb91413fd6fcf7f9a0c9454544ed953ab4', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: '89d06195df7aba3b00883a4a104f59a0585a99af', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '5ec9219bddf35ff96578262a07e163993a0a7a50', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '72d1542b56bd129d89b29c2e81b03ec4778eaf02', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (index.h(index.Host, { key: 'b585c4ce677e7600da944ef54bc2392b1de0ff0e', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, index.h("div", { key: '29e40d651026a757eb042a6421704ed0b32d9e31', class: "bs-stepper-step__top" }, index.h("span", { key: 'cb033a3ebb0bab094faa03088bb9ed3e99b7b3d2', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: '3be9f56a6541d903d0c0d7e36a837c31ee3e99ab', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: 'd9d704f3c03d4e98be52aca9378e4662dc916990' }), state === 'error' && index.h(ExclamationIcon, { key: 'b20da59b195ec4e7914c92218520070f1fbda2cb' })), index.h("span", { key: 'a2a3c05a900a84e4038995d19ecedfdba8e2ff81', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: '57ae3b403b2ae8e626afbd23dd2127a700fa75f0', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: '742d48ec8606bb7012377d3331c604d1b77a2618', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '6b1e4fa784433c33a2674dab2998b5ff20b40e82', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: 'ab56d0905142ee0f29ae37280f74aea0a133b438', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -44,7 +44,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (index.h(index.Host, { key: '247099bad82070cc039de6602c9556df019d66e0', role: "list" }, index.h("slot", { key: '9243fd55edfbce9ee460f38580951e951eb2e48e', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '4848554ab39b7722394d94da0125940d78e3d68a', role: "list" }, index.h("slot", { key: '665709822f40bf4c3105cbcbbf7d795527c6472f', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{

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

@@ -65,7 +65,7 @@ const BsSwitch = class {
             .filter(Boolean)
             .join(' ');
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : ''].filter(Boolean).join(' ');
-        return (index.h("label", { key: '30e18dccef0481bd8859ecf0771246719508c622', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: 'bc94d02e313578cef43fe39b3a490f3f8cecbeec', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: 'b7a6bf92d5fe4ca044c0ad790a57a4c3ef52d0be', part: "track", class: trackClasses }, index.h("span", { key: '8fd97319f4eccd6ae4ab24253dcc72ddb4eb7378', part: "knob", class: knobClasses }, index.h("bs-ripple", { key: '6e574549b8d85273d36d6526216dba51a04b86bf', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), index.h("span", { key: '092ca9f47fb1be8af3aff85d3d8a8e0d17f8d49d', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '5356de3f833020a83a1aef15cb049a14ebee939c' }))));
+        return (index.h("label", { key: '980c1ae91a474119f5f80e334333aeeec7f9ca9a', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '39dadbfc6e242947268cca62b5a220662fd1f509', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: '604d30b69702c27dff09af51c3700fdfb2aed5b5', part: "track", class: trackClasses }, index.h("span", { key: '6c7fcc721db39058e95e39dad5ee5f85cbda3ecc', part: "knob", class: knobClasses }, index.h("bs-ripple", { key: '2016d5a40eb077b6e37ab9a65b46fa1bce61e861', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), index.h("span", { key: 'c2fde21c14553f82dadba7013aad090ad3af67a9', part: "label", class: "bs-switch__label" }, index.h("slot", { key: 'a26df0fb49ded9f531292dbc21918f34a33e1ab6' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -80,7 +80,7 @@ const BsTab = class {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (index.h("button", { key: '654e4473493ad7523de424a459eb5ef019060e69', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, index.h("bs-ripple", { key: '6de73aa7bd4aef7f835bcba421af52a8dbe84c12', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'b700ddfae91f06999435633b874e7a5c36f421a8', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '9bcbf714ecc276aaf17b85f6a15821d7b1e5ad82', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'aecb0faa30a561eec6190e892c1c3efe83c01e36', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: 'a8a593d9df938d59af43dec2639d7a55a190e83a', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '35d29f0572a84b49d4909532aa0a3c4087db1bfb', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: '12caeca4d914f1ecc59331e8ce96b6424876c916', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '5ca57ce091c8ee9e4bcc453ee2163e98a87e2b01', part: "indicator", class: "bs-tab__indicator" })));
+        return (index.h("button", { key: 'a74abcd56b3dbe37c84543b6f9c7ffca1e5519d6', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, index.h("bs-ripple", { key: 'c0d7e7a0612ca60facde0d07345406148d43dd89', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '0decf034c01ec42325d55e071405c2ab9d84180e', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '9bfad6e083a8df7afde382e6db551b0d59201f82', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd9376434f2c2780dcc4f7f0fba92bec00bc8b31c', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '6be3d55acf8e2da19d32f2c821d2f2d956cb0e0c', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '9fc2c317d7dcd5fc66225b56619105897c974bf6', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: '6174f294d93d4102f21dbff094d505b7e929cae9', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '0723083e4b00d00111b0f0cade36de63b805185d', part: "indicator", class: "bs-tab__indicator" })));
     }
 };
 BsTab.style = bsTabCss();
@@ -207,7 +207,7 @@ const BsTabs = class {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (index.h("div", { key: '34e3ebfc19d97609fce90bda304107bd966534a0', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '12db22c05fbed6277beb93761b71021594b32a1d', onSlotchange: () => this.syncRovingTabindex() })));
+        return (index.h("div", { key: 'a48d2ee16e78ca21fce532f10c009d092d889dbb', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: 'd4a32f7486fdc2c86bbf6cdd9f5bb79197878d9b', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get watchers() { return {
         "value": [{
@@ -252,7 +252,7 @@ const BsWhatsNewEntry = class {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (index.h("div", { key: '84feaae60753eae3c9ed85a2e73be9e663813c50', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'aa57aaed80480b544f9fb4063530d20507c88e42', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: '77c6e8343bb8b2861cc269a84391e71c6326c2d3', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '7da15d5f57d1b16e09f5fdaf0554ac7a15721736', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '998272ae71c247c2ce37aa51f64deba6e5504b18', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: 'f68bad8ebff25260f3f0ef46427588b7402ace2d', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: 'd4d73a1b0965fe19694b4a91b356e2b356ff2b1c', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: '2fbd8b4f5314a3d4e805cbe9c4f6d9dee2df77b3', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: '8a1223ca6e9504e22c4da3da7baf255377c2f9cb', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '0a01cb48cba1868e0ee812a81aa51beaefbe0fc3', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: '90af1787ba0e553e3f67454928cb9f72ed86a3be', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: 'fe06d8fa3ede2e14c68138539c124b97c70a6b30', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '4135e8a848a40ae92d881253573285ff84854721', d: "M5 12H19" }), index.h("path", { key: '3d244f4ef7a4510d601f186c171afc5764af07e4', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: 'f2edb7bbef5a462a5d51c7e4025f82e59514476c', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (index.h("div", { key: '9588791a73ea1dc3dd59f255127022bc8e7ca84f', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'ef7933c404e9369fa575bba61c93b9c6d0fc137f', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: 'e14464ce12f087fe6e7cc9c22c1ca0cde6f13d87', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '1fa80cbc1f289ddd570622dd4e888ccff056280e', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '2375dddb04e4cf90c6ae0f39cf43dcb53f7e2916', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: 'c71150186bfe44d01f32736c21ea0b381d01874a', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: '59fe2922cdae6e40b8f14f4507977c9f763d24b4', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: '3f7be28fa279ee63967012cc50a74390a0d2854e', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: '8e5c05f312216a68fc48fba7dd92271c443e2a65', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '5699f4c1088fa2aab962cb4f966dc2ed0f45f067', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: 'a003e06ec25ac21075d77050fdc0a072717688f0', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: '487886a08b44220904edced24176aea518e8d284', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: '10c8b2f40b39386f9f06a1b91a6e6d0f4a5006c9', d: "M5 12H19" }), index.h("path", { key: '30bffa1e6b136e035d57ad1d539b6d53ee03ef2a', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: '7cb0b59588e494d376a631138b5d077b3e6aaaa3', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
 };
 BsWhatsNewEntry.style = bsWhatsNewEntryCss();

package/dist/cjs/bs-table-of-contents.cjs.entry.js

@@ -152,7 +152,7 @@ const BsTableOfContents = class {
     }
     render() {
         const nodes = this.tree();
-        return (index.h("nav", { key: '268a5805f66e15beedc713f655c17c53c0bf4e49', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (index.h("p", { key: '40eae36371714f3d34c43eff90d7ee6e3a63722c', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), index.h("slot", { key: '56d428adfb4370bca0f674d018fb3844cd31a4a1', onSlotchange: this.readSlotted })));
+        return (index.h("nav", { key: 'd804da8cde3c5e97f62ce8c9d7bfba30d6a493b0', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (index.h("p", { key: 'f797d4a7cb59639cede25a91b5ad3074dda98774', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), index.h("slot", { key: '06732b5cf28a816e4a504b3f64a699ec29c2697c', onSlotchange: this.readSlotted })));
     }
     static get watchers() { return {
         "items": [{

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

@@ -42,8 +42,8 @@ const BsTag = class {
     };
     render() {
         const rel = this.href && this.target === '_blank' ? 'noopener noreferrer' : undefined;
-        const label = index.h("slot", { key: '23fda868497edb8f251ed3e0ffb72a0b60b1674b', onSlotchange: () => (this.labelText = this.readLabel()) });
-        return (index.h(index.Host, { key: 'e0083836e1bd71f9c976f6ede368e2af7036965f' }, index.h("span", { key: 'cf6951fbeb6402757317d2fff194f0812184f1ba', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, index.h("span", { key: '6922fb233c612ac5b6bdedbb21f50d0487cb6458', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, index.h("slot", { key: 'fbacf7c7549cbc31b6a41c9a345aeed5cfc2cdd5', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), this.href ? (index.h("a", { part: "label", class: "bs-tag__label bs-tag__label--link", href: this.href, target: this.target, rel: rel }, label)) : (index.h("span", { part: "label", class: "bs-tag__label" }, label)), this.removable && (index.h("bs-icon-button", { key: '75f28012c090cdb4ee5817f4fdde2ac0716b7e1d', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, index.h("svg", { key: 'f621174e822ac00907dbed900e245d581ab61af5', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'd7e90796fb3eac85e4c71ab267937143ebfd03ff', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        const label = index.h("slot", { key: '9f9ee0444b576ad3e258c942222580112acf9278', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (index.h(index.Host, { key: '0e7e0b30816237f8b1ff4e188989bf5494ebe5b2' }, index.h("span", { key: '71a97a157c57a9e4bae9f2606f8670913d92f1e2', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, index.h("span", { key: '870efd02cc59cc348465aee33f1232660353cc25', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, index.h("slot", { key: '6b44752833f018db3b2c4efe72fab6db9742e017', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), this.href ? (index.h("a", { part: "label", class: "bs-tag__label bs-tag__label--link", href: this.href, target: this.target, rel: rel }, label)) : (index.h("span", { part: "label", class: "bs-tag__label" }, label)), this.removable && (index.h("bs-icon-button", { key: '4cf3c5b4f886806d56fbfe453221130186ac9130', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, index.h("svg", { key: '0c3313fdfd20098b98f9d864ac3143dcd647d10a', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'eecaf5e9b0880265a5eb64973c1b9b7b5c02ab56', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
 };
 BsTag.style = bsTagCss();

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

@@ -16,7 +16,7 @@ const BsText = class {
     tone = 'default';
     render() {
         const Tag = this.as;
-        return (index.h(Tag, { key: 'a15f1ac4c4bd9bd2f1518046fb6297d6669fa834', part: "text", class: `bs-text bs-text--${this.variant}` }, index.h("slot", { key: '58682202f777666c9c454441b8f9cd279df1547b' })));
+        return (index.h(Tag, { key: '39b932702ac56ba72165816fefadecc19899b302', part: "text", class: `bs-text bs-text--${this.variant}` }, index.h("slot", { key: '10c274f769fdc64b6994c967eb517997f6a00742' })));
     }
 };
 BsText.style = bsTextCss();

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

@@ -178,14 +178,14 @@ const BsTimepicker = class {
         return (index.h("div", { part: "spinner", class: "bs-timepicker__spinner" }, index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { part: "value", class: "bs-timepicker__value", role: "spinbutton", tabindex: 0, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": n, "aria-valuetext": pad(n), onKeyDown: this.onKeyDown(col), onBlur: () => (this.typed = '') }, pad(n)), index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (index.h("bs-card", { key: '6c39211476895cba77bd0d71720707de71a7ca77', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'bd0f8c5d6ecedc015e513385579d7a0bac411e28', class: "bs-timepicker__body" }, index.h("div", { key: 'f23edc581c8e9f8e71ffdeb0308b31024df9c903', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '59f19ab0dcafe6b9e88753d51a775e5858908521', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: 'f893f5004b80d81c4d24e80650c421b9a3693ee2', class: "bs-timepicker__format" }, index.h("span", { key: 'ab25241558e5bfb13272d3dcf988b932734ad088' }, this.formatLabel), index.h("bs-switch", { key: '1a10a8c9dadb2685c69f6fe8eb9f1a2a99da9947', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '2d28fa7cbc6ffd8a5571b465ebb08725721a1562', class: "bs-timepicker__divider" }), index.h("div", { key: 'd76698067c871ff65541c80af059361af2df6bd9', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '1fb97bb0ec1304c850ed29d43043afb998de7a85', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '4394c594a84e89b7eee6cdc99924e37cccb972d5', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: 'd49adf2c12c3f306e0f391e9f9ceafde48816bc0', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '28a40a7892cee72c14b544dbecd3876e39122978', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '6ab743da6d258633490dee94730d0aa660020546', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (index.h("bs-card", { key: '57964e003d5d7d6abccb13a17e759721e2aa272e', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: '664469ea766475d939684231e4c1c5f01afe824a', class: "bs-timepicker__body" }, index.h("div", { key: '75aa6484e5fd2735ef972f3a29ebba5ce89838d4', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '06978e8b2b3f245d723bbf8099bc542a1ffcce78', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: '69154fd6015f1d945adcdf954841da6bf2d4d539', class: "bs-timepicker__format" }, index.h("span", { key: 'f8dadb20d719f379e5f47a888706af6b2ab0202b' }, this.formatLabel), index.h("bs-switch", { key: '5411272d1141e5c0c9d3742c81df88f78eb113ed', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '3cb6c8ccad07ec88afab6f9f40a1115f82ed477e', class: "bs-timepicker__divider" }), index.h("div", { key: '54f473f57a0c498a3267cabf84db3c1a8ba285ab', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '92e9520755d52e58fe4412a073748e9928b3cff7', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: 'cd55a6677dd695e5e93d296302cc429d84e01887', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: 'ef746f64ebb5a49ee0f56c0c50b167316aec5053', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '65852107527c34a4aaec9c00fca8d5be4ef2d5aa', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '9d17f6c9401969e52ff99a4b84560617c2525300', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
                 { label: 'AM', value: 'AM' },
                 { label: 'PM', value: 'PM' },
             ], onBsChange: (ev) => {
                 const pm = ev.detail === 'PM';
                 if (pm !== this.isPm)
                     this.hour = (this.hour + 12) % 24;
-            } }))), index.h("div", { key: '59c34d3ba15c1603262c8d3c08b2a6891477252d', class: "bs-timepicker__divider" }), index.h("div", { key: '7629f6b868857d48947f74e63991c8370e5e6431', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'c96e079ba9d3103db5e0d5e361491bbf2098486c', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '6157268548b8facf83a2efa81a85dab8d2063aef', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), index.h("div", { key: '914705bd05bf0a3d1a8d85c671241325cc564369', class: "bs-timepicker__divider" }), index.h("div", { key: '1c1849dde9807f507dc0c7b1446f725f8e5971a0', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: '2e3bd483d598b9539b28742fba2a2dbff56a38ea', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '667c14ac6847e9d27439ea0637038deb019f0ccc', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -21,7 +21,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '709a8a42f030c927c032eadefbfe2e9f62a01f86', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '2895b376ebe8e35ef4ae0fe6b0a943c02e2c5c83', class: "bs-toast__content" }, index.h("span", { key: '2b90fe16b40215eac33d92b7a05e5c86d5ed3a16', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: 'ef1016e3d1035b73110e0fe5728b41f6d2992787', state: this.state })), index.h("span", { key: '6c63a7d4d38fc71c66336cd1d9bbfa21b8608e7f', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '5ba3c4fa6b524c466e0d825df6a74bb776d179ef' }))), index.h("div", { key: '5fdc3cb4c8b1c9c4fb9e34265e13e32ced2666d1', class: "bs-toast__actions" }, index.h("button", { key: 'cc647daec4eeca19cf674e72fae642cabb03ed05', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '95828c7c5248a65beaf13ffad4fd55c7530999ff' })))));
+        return (index.h("div", { key: '5bc681de86bd983ebe893b9ea8ed94b473896982', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '4842f349978fedfcceb535da81e90029d98b3432', class: "bs-toast__content" }, index.h("span", { key: 'c396041be59b6088c2a50ef156b218c7c2cc70d0', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '33342d2bab947b9144e2bee18abb8292c75fe339', state: this.state })), index.h("span", { key: 'c6b2840d95a518e5d91dc281a81a83e6442bab1b', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '1505051e3ce412f7b6bcefd82183717f870418b5' }))), index.h("div", { key: '50e3f96e3f7b325b97d3cf90771374f60aa87f24', class: "bs-toast__actions" }, index.h("button", { key: '69962e5d154c55372b562b45e06c07b8e16ce306', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '96d3547e268179d3f4799d43bf2d71abfbe8dc07' })))));
     }
 };
 const StateIcon = ({ state }) => {

package/dist/cjs/bs-toggle-button-group.cjs.entry.js

@@ -86,7 +86,7 @@ const BsToggleButtonGroup = class {
             btn?.click();
     }
     render() {
-        return (index.h("div", { key: '1ca052e150356a59c2a6341a8de13a8b6a99a868', part: "group", class: "bs-toggle-button-group", role: this.multiple ? 'group' : 'radiogroup', "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("slot", { key: 'e31c4ee55e0501bee85e3772e86f1e3fd326ad2a', onSlotchange: () => this.sync() })));
+        return (index.h("div", { key: '61d043efa2ecdf437d48bc2ca0b3d75f17a00b43', part: "group", class: "bs-toggle-button-group", role: this.multiple ? 'group' : 'radiogroup', "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("slot", { key: '4b1c8e64b23cd54607c19b214b938e44dee99fef', onSlotchange: () => this.sync() })));
     }
     static get watchers() { return {
         "value": [{

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

@@ -27,6 +27,14 @@ const BsToggleButton = class {
     bsChange;
     hasLabel = false;
     hasIcon = false;
+    // Seed from the light DOM so the first render is already correct. Waiting for `slotchange` leaves
+    // a frame where a labelled button is styled icon-only (label hidden, so no accessible name).
+    componentWillLoad() {
+        const children = Array.from(this.el.childNodes);
+        const slotOf = (n) => (n.nodeType === 1 ? n.getAttribute('slot') : null);
+        this.hasIcon = children.some(n => slotOf(n) === 'icon');
+        this.hasLabel = children.some(n => slotOf(n) === null && (n.nodeType === 1 || !!n.textContent?.trim()));
+    }
     onIconSlotchange = (ev) => {
         this.hasIcon = ev.target.assignedNodes().length > 0;
     };
@@ -48,7 +56,7 @@ const BsToggleButton = class {
     };
     render() {
         const radio = this.mode === 'radio';
-        return (index.h("button", { key: '444c2161afae1af1e82ee454014c61b938ef2b23', type: "button", part: "button", class: `bs-toggle-button ${this.pressed ? 'bs-toggle-button--pressed' : ''} ${this.hasLabel ? '' : 'bs-toggle-button--icon-only'}`, role: radio ? 'radio' : undefined, "aria-pressed": radio ? undefined : String(this.pressed), "aria-checked": radio ? String(this.pressed) : undefined, "aria-label": this.ariaLabel, disabled: this.disabled, tabindex: this.tabbable ? undefined : -1, onClick: this.onClick }, index.h("bs-ripple", { key: '392b1d00b0d5dda96d0eb7161989579830e31cf9', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'b59e51d2bf13a3ea0a4eedab7dc120d07e812bc2', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, index.h("slot", { key: '34c7b4c9830b479b57aaef951423c19b551c026f', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '402c92bcd76b444df01aee9f42dfbc765fc8ec96', part: "label", class: "bs-toggle-button__label" }, index.h("slot", { key: 'de6cbdf862a8dbb028733e25c58312b4a707f827', onSlotchange: this.onLabelSlotchange }))));
+        return (index.h("button", { key: 'f0d0b857c75ded029be27ec9adb00d5f181a3d50', type: "button", part: "button", class: `bs-toggle-button ${this.pressed ? 'bs-toggle-button--pressed' : ''} ${this.hasLabel ? '' : 'bs-toggle-button--icon-only'}`, role: radio ? 'radio' : undefined, "aria-pressed": radio ? undefined : String(this.pressed), "aria-checked": radio ? String(this.pressed) : undefined, "aria-label": this.ariaLabel, disabled: this.disabled, tabindex: this.tabbable ? undefined : -1, onClick: this.onClick }, index.h("bs-ripple", { key: '4aec0e3eee4ae6a5a407833de52533fc03f6b8f3', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '3917ef305cf87dbbda33c4770cf86e6892423b39', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, index.h("slot", { key: '4bd9d1e4da1a7a37efa980e36a07266911c04afe', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'e33eeb741ebda53df820aaec814892082fb1076d', part: "label", class: "bs-toggle-button__label" }, index.h("slot", { key: 'ab303182f9bcc5bb6330f59e4a1d7e2fef698db8', onSlotchange: this.onLabelSlotchange }))));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -178,7 +178,7 @@ const BsToolbar = class {
     }
     render() {
         const showOverflow = this.overflowActive();
-        return (index.h("div", { key: 'ca305772db802c2c868857c29b03f0b90dfad46f', part: "container", role: "toolbar", "aria-label": this.label, "aria-orientation": this.orientation, class: `bs-toolbar bs-toolbar--${this.orientation}`, ref: el => (this.containerEl = el) }, index.h("div", { key: '91ddd8a5b79473d01de05c0880f74a0b4dbc9a70', part: "left", class: "bs-toolbar__group bs-toolbar__group--left" }, index.h("slot", { key: '57107d0c02dad6082ddb708a5184ab1f32b792e7', name: "left", onSlotchange: this.syncItems })), index.h("div", { key: '3877575130450cfadd5f48087cd5bc74fc0d97d2', part: "right", class: "bs-toolbar__group bs-toolbar__group--right" }, index.h("slot", { key: '9aa0176cbb57c372bf4c8ffaf92fbf1bfcab2aee', name: "right", onSlotchange: this.syncItems })), showOverflow && (index.h("bs-popover", { key: '33481714df4a931d2bb5f902d81ed11f242c53b1', part: "overflow", class: "bs-toolbar__overflow", placement: "bottom-end", hidden: this.overflowed.length === 0, ref: el => (this.popoverEl = el) }, index.h("bs-icon-button", { key: '5919b7506e2edcdc4af2c80fc676607a55e79d6c', slot: "trigger", variant: "subtle", size: "md", ariaLabel: this.overflowLabel, title: this.overflowLabel, ref: el => (this.triggerEl = el) }, index.h(MoreIcon, { key: '4f377ac2af7eb805645164df5f79d9b0ecdfb498' })), index.h("bs-menu", { key: '238caa865b1755ab45a9c2694c535f72199e9ebc' }, this.overflowed.map(entry => (index.h("bs-menu-item", { onBsSelect: () => this.activate(entry) }, entry.label))))))));
+        return (index.h("div", { key: 'f868afcd242c835df7455e1a299b7b4eeb259fac', part: "container", role: "toolbar", "aria-label": this.label, "aria-orientation": this.orientation, class: `bs-toolbar bs-toolbar--${this.orientation}`, ref: el => (this.containerEl = el) }, index.h("div", { key: '7fabc6343f6eac5bea9199493c86a0d6d0a36823', part: "left", class: "bs-toolbar__group bs-toolbar__group--left" }, index.h("slot", { key: 'f05d2cbfbe92dd3d367f05a63c2f74435e434b14', name: "left", onSlotchange: this.syncItems })), index.h("div", { key: '3abe008852778989a32e7b5f427fc721e19a5d3b', part: "right", class: "bs-toolbar__group bs-toolbar__group--right" }, index.h("slot", { key: '99f09d60839240ca98daafd867c0df55e1f1b7be', name: "right", onSlotchange: this.syncItems })), showOverflow && (index.h("bs-popover", { key: '03cb9fab4b0dbb951d3691e3b3adbaf579b97027', part: "overflow", class: "bs-toolbar__overflow", placement: "bottom-end", hidden: this.overflowed.length === 0, ref: el => (this.popoverEl = el) }, index.h("bs-icon-button", { key: 'bb379ad418223d25c65bfb3c6217f7812bae39d0', slot: "trigger", variant: "subtle", size: "md", ariaLabel: this.overflowLabel, title: this.overflowLabel, ref: el => (this.triggerEl = el) }, index.h(MoreIcon, { key: '934a48b6148a20f62e409a89202e33dbeaa6a0b0' })), index.h("bs-menu", { key: 'b00b7aeed798883576dd8241c4a83a2604861526' }, this.overflowed.map(entry => (index.h("bs-menu-item", { onBsSelect: () => this.activate(entry) }, entry.label))))))));
     }
     static get watchers() { return {
         "orientation": [{

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

@@ -91,7 +91,7 @@ const BsTooltipTrigger = class {
     };
     render() {
         const show = (this.visible && !!this.text) || (this.closing && !!this.text);
-        return (index.h("div", { key: '011fa829af16715e0c5d85014e9545382e535238', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, index.h("slot", { key: '7ea208deb719672d9e81c09b589d1a603647a30d' }), index.h("div", { key: '9219573ef6b0b65a4ec044a1e225fdeb13c5e702', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show, ref: el => (this.tipEl = el) }, index.h("bs-tooltip", { key: '1ae3d77cec6055cfbd308ffc6b6638331fb1ee9e', ref: el => (this.bubbleEl = el) }, this.text))));
+        return (index.h("div", { key: '23dc0d2d778acade15e99d7a1ecafecafc8aeea1', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, index.h("slot", { key: 'b51a6b71ca1f656b3e3a3a07c5bcc788bdb4abf9' }), index.h("div", { key: '7fa243b2d8513bb47e42c7bd3a42a68d38f9f835', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show, ref: el => (this.tipEl = el) }, index.h("bs-tooltip", { key: 'dad6fac056f96ce2e64d731b5c477aee6b1bea64', ref: el => (this.bubbleEl = el) }, this.text))));
     }
     static get watchers() { return {
         "visible": [{

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

@@ -16,7 +16,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (index.h("div", { key: 'b873cd9f8733295d91bf062563c085225742e284', class: "bs-tooltip" }, index.h("span", { key: '811f91b8d71169e5646c6a7676596f5353fc05ab', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '680f7ca007f4dfa868ee18371ab8829524ea2e64', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: 'dd6d3e478e8d244f7050ac6c52cc248abe8b5889' }))));
+        return (index.h("div", { key: 'caf2503c9f387f7c66e438cec848daa77fb1b750', class: "bs-tooltip" }, index.h("span", { key: 'eecef927ed27fa9f4fb46eae25adc3314439ae70', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: '5dab353dad2f1c0c09451971f9e435c63298ba0c', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: 'bfe731316620db86b129e64df6a0eb0671d79fa4' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

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

@@ -79,11 +79,11 @@ const BsTreeItem = class {
         const isParent = this.hasChildren;
         const managed = !!this.el.closest('bs-tree');
         const showChildren = isParent && this.expanded;
-        return (index.h(index.Host, { key: '03682589cf5a34887e061889d758bd99fe44af7e', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, index.h("div", { key: 'd939fe6d91686205bf41ededec514871959c0962', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: 'a20a86ad078cdd6ad9ad453e295e939d05e1cb33', part: "container", class: {
+        return (index.h(index.Host, { key: 'b11ed915ade513d084c9d45d41ccc6a74ac030ec', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, index.h("div", { key: '35f5ea00e89ba7972a7e1dd17fb0d8bda2edfbe6', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: 'a48c3d314f1ba8d2caaeaf94427952de3889f96d', part: "container", class: {
                 'bs-tree-item__container': true,
                 'bs-tree-item__container--selected': this.selected,
                 'bs-tree-item__container--disabled': this.disabled,
-            }, onClick: this.onRowClick }, !this.disabled && index.h("bs-ripple", { key: '7f4d48b4fa71d17e26b2cd3a0f90e866ace4c89d', part: "ripple" }), isParent && (index.h("span", { key: 'ace4fc43cb4713e9bce6e6b52e06d1b0d5593d1b', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: 'fdc8560db355733d451dc39cc3f180bd74503428' }))), index.h("span", { key: 'fb5d33b63f60c2a9a7cc818eab4f246976cf712a', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '445d9e91bc0fde1520818727a749ff6202f2a72c', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: '2ed3eec4ca215c78f7ed0b43c836267e3cbe9676', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '8930c00196136ed661de224d0efa75df44684069', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: '98b93991c6cf28a2f8d0892699fa9e0f66c94114', name: "label" }, this.label))))), showChildren && (index.h("div", { key: '84a4ae3903553b0b53e3ae7e6a9bc10e30a78878', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: '2215b424caf9817a165bad25bb85625aa7fd40f3' })))));
+            }, onClick: this.onRowClick }, !this.disabled && index.h("bs-ripple", { key: 'f4a3412c475a136d8cbb1992f3e72d2599e51220', part: "ripple" }), isParent && (index.h("span", { key: '157b2dd21a6e2e9b5442b0751b280fd2a6d5aeca', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: 'cfc6494cf35d532fdcae854f7cb248f4ad530ec5' }))), index.h("span", { key: 'cf1792c53d54257b23710a4c1c5f42f3aa5f7a16', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '0c140478f7f4d4e4fc33386efa010ee7e3459cf8', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: '5413186d19d7b11e26bd7ac04c36e41ffd4abfcb', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: 'cbbdf25c5c4dac64991cd5b59ee7d0c32f30e2d9', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: 'cf863304a5041e080e09607cff921016a9435ae5', name: "label" }, this.label))))), showChildren && (index.h("div", { key: 'e0a16b7ca65e562d902b0b059329e7ce0c701f4e', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: 'f77d21abe579e32b2d44f912db90ba6501e820f5' })))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M9.75 6L15.75 12L9.75 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -184,7 +184,7 @@ const BsTree = class {
         e.preventDefault();
     }
     render() {
-        return (index.h("div", { key: '136cc1baec52b088edfc88dbf65391b6553cb41d', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: '8d056b0f524d3dadea4f03b81c5e7b2637a94ae6' })));
+        return (index.h("div", { key: 'a44ab667d778f523810e576f64c9b859932c40d1', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: '2b9aae53d7cdd5cf276d6fea7d806337a2247842' })));
     }
     static get watchers() { return {
         "value": [{