@brandsync/wc 1.21.0 → 1.22.1

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

@@ -74,7 +74,7 @@ const BsRadioGroup = class {
         const labelId = `${this.id}-label`;
         const descId = `${this.id}-desc`;
         const note = this.error || this.description;
-        return (index.h("div", { key: 'cfc1e80a169ffcb0bed6172a23ebf764a1f0f424', part: "group", class: { 'bs-radio-group': true, 'bs-radio-group--error': !!this.error }, role: "radiogroup", "aria-labelledby": this.label ? labelId : undefined, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (index.h("span", { key: '4cac10e71108811c7138c1e0309d6faacf671e58', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && index.h("span", { key: 'f7f64cf3452d0a52a9823d1cf9db2d89941b27b3', "aria-hidden": "true" }, " *"))), index.h("div", { key: 'b6123200ba34f2507289996c995022a7cc42f26e', part: "options", class: "bs-radio-group__options" }, index.h("slot", { key: '482111d3caaec3ff0ec4dfaf7b5e951bd9052552', onSlotchange: this.onSlotchange })), note && (index.h("span", { key: 'b4c663c6fc2626a92210562ea530c8293638e266', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
+        return (index.h("div", { key: 'e39810129ecc8a71fd4d2ccd96041f0a516f9203', part: "group", class: { 'bs-radio-group': true, 'bs-radio-group--error': !!this.error }, role: "radiogroup", "aria-labelledby": this.label ? labelId : undefined, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (index.h("span", { key: '57509af8324282bc4612b79f25992fa62984e570', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && index.h("span", { key: '716bbae9380c3ba1466425988de7340b5e0734d0', "aria-hidden": "true" }, " *"))), index.h("div", { key: 'e9acf3108014adaced72941e1e0de1a15929f21f', part: "options", class: "bs-radio-group__options" }, index.h("slot", { key: '7c47355f54c43a863061821cb02deefe1126e714', onSlotchange: this.onSlotchange })), note && (index.h("span", { key: 'd5b655a580a950045010069f4bfcdbf28c106251', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -104,7 +104,7 @@ const BsRadio = class {
         }
     };
     render() {
-        return (index.h("label", { key: 'f306e00e27f679e419cfa5f4fa645ce890b5f595', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '8d531aa5fc6616bd2179e63a9ac1f801d8c5a0a0', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.ariaLabel, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), index.h("span", { key: '4b34023e14a244d775b78a0d3448abf11675df9d', class: "bs-radio__hit-area" }, index.h("bs-ripple", { key: 'a5e40330de337e361eb20f833a4a8043abe7f57e', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), index.h("span", { key: 'b2474d2435bd670c0d314af20c33c86eca87ec70', class: "bs-radio__state-layer" }, index.h("span", { key: 'fecc8416c4d534cc061f86b10e3bc471719990e6', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '24941aede8c24ed27dff8f033732d779579d08c2', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: 'b51c9ac9b90d9cc4498aeeadabf1539409649db3', part: "label", class: "bs-radio__label" }, index.h("slot", { key: 'aea76fb7e8d2330e1b02858af95e721af60dc4f1' }))));
+        return (index.h("label", { key: '26f8fa0470b6aa5249b1c2a21b7d55dcca76b768', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '4dbaa0ef0d060353aa2bf134a99f5d6212bfbd69', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.ariaLabel, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), index.h("span", { key: 'e74c82652f45ab560dba4767aea0070fa073e486', class: "bs-radio__hit-area" }, index.h("bs-ripple", { key: 'fa2c19c2caa5ffdf892c51c893570570e2ef18af', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), index.h("span", { key: '7f50a239ccaebebaaaa0cb83117a2b4798d028e6', class: "bs-radio__state-layer" }, index.h("span", { key: 'baaf9f515aaa3777dcd85bb3b8c180ed9f141e2b', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '225f8a13423e9e5b8cc6cd13cb56d85aa5051ad9', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: '7959a89f2fa7171ce9c7e2f2eddad726d571676c', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '5bf56794007d36f05a34d2ee80aa5c316bb351fd' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -39,7 +39,7 @@ const BsSearchItem = class {
     slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
     render() {
         const role = this.selectionRole ?? undefined;
-        return (index.h("div", { key: '4e893a0005ebd09facffe756cf47d393cbb19a2a', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && index.h("bs-ripple", { key: 'ed44f2b37d8c7fa740c69a5a734b2a1bb4b34ebc', part: "ripple" }), index.h("span", { key: 'c013610e802e299f8f3ac8307061e01155e9d35f', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '79bbb9cf256885b7540485d68cf1f4492a336393', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '5dc3f4f00182d13f3a79828170a9573d65f3f6ff', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '3aefdebe10cedee45b2ba83feb3ef6dddaaead8e', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: '150ad4ff3e29288b63ebdae2d456ed0f182b09be' })), index.h("span", { key: 'dc2ff7caa2f9d8313d810efb1d7ff4d7751036cc', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: 'bb7a747ce8b5a8c4c48313361fa43c009755aba9', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: '38c442550fcdeebf667a70af3105775a9b02d57e', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: 'a66b8babf306a4fb1e0aacf45caf642e843a270b', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+        return (index.h("div", { key: '8bd4f3ebead19d51a61dd1e9a4cd812b3dbf3f16', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && index.h("bs-ripple", { key: 'f60c181c97f9167cce6650002dc10e5d2fb3a4be', part: "ripple" }), index.h("span", { key: 'a1178eed50f0d398d71446ed60d2bf8790c6eb45', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, index.h("slot", { key: '59a5f005d9681ac28ef9730ab6d58ba63df56393', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), index.h("span", { key: '76ca2825dc981896ecdfce8feed5ab7b014f7ae0', part: "content", class: "bs-search-item__content" }, index.h("span", { key: '0096d93b998b9e76930423f6599d8495e847244a', part: "label", class: "bs-search-item__label" }, index.h("slot", { key: 'c9dd0aa924790611302b1275793c3f2c3f5827f2' })), index.h("span", { key: '2a746683a251781d7b4d53c4778640c4f6814088', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, index.h("slot", { key: 'c144563477a5217d3e458aa59987b27236f4be40', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), index.h("span", { key: '4925a26b5976ae6b0a885b6cb8ebfe41ca58be55', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, index.h("slot", { key: 'd215f00d94710993a6293c9db5797ad4616b326d', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
     }
 };
 BsSearchItem.style = bsSearchItemCss();

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

@@ -208,7 +208,7 @@ const BsSelect = class {
         const fieldClasses = ['bs-select__field', this.error ? 'bs-select__field--error' : '', this.disabled ? 'bs-select__field--disabled' : '', this.open ? 'bs-select__field--open' : '']
             .filter(Boolean)
             .join(' ');
-        return (index.h("div", { key: 'ebde3002856a4effa89249b70a5a51bcaa107367', class: `bs-select ${this.error ? 'bs-select--error' : ''}` }, this.label && (index.h("span", { key: 'b0b80484156f29d560901f64786988e0d0071bf7', part: "label", id: labelId, class: "bs-select__label", onClick: () => !this.disabled && this.fieldEl?.focus() }, this.label, this.required && (index.h("span", { key: 'a43acdc97df00ad5ac1b2d74903ed7e8616ce32f', class: "bs-select__required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '84eb4775e064d56644395555e5488a22d718e9bb', class: "bs-select__wrapper" }, index.h("div", { key: '5d81b1ce333fa45eda0e46f30a11f8bff21fee64', part: "field", class: fieldClasses, ref: el => (this.fieldEl = el), role: "combobox", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": listId, "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, "aria-activedescendant": this.open && this.activeIndex >= 0 ? optId(this.activeIndex) : undefined, "aria-describedby": this.error || this.description ? msgId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onFieldClick, onKeyDown: this.onKeyDown, onBlur: this.onBlur }, index.h("span", { key: '08340b9d62f1633753a6858b24a38ef49ba3d382', part: "value", class: `bs-select__value ${selected ? '' : 'bs-select__value--placeholder'}` }, selected ? selected.label : this.placeholder), index.h("svg", { key: 'df5e92b3555c508617c899ea8b597d980af3295f', part: "icon", class: "bs-select__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '991d65667ae91e25cb39a12a8066bb81288b84e5', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("ul", { key: '42256fc2bff2d31bde0347192ded1fdf56be043f', part: "listbox", id: listId, class: "bs-select__listbox", role: "listbox", "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, hidden: !this.open, ref: el => (this.listEl = el), onMouseDown: (ev) => ev.preventDefault() }, this.options.map((o, i) => (index.h("li", { part: "option", id: optId(i), key: o.value, role: "option", "aria-selected": String(o.value === this.value), "aria-disabled": o.disabled ? 'true' : undefined, class: ['bs-select__option', i === this.activeIndex ? 'bs-select__option--active' : '', o.disabled ? 'bs-select__option--disabled' : '', o.value === this.value ? 'bs-select__option--selected' : '']
+        return (index.h("div", { key: 'e8ac6945a6f9f786fc41b574e51384c30abcd776', class: `bs-select ${this.error ? 'bs-select--error' : ''}` }, this.label && (index.h("span", { key: '54c4e9b9dc67f6943e4ff4d17bd9ac85cf885e03', part: "label", id: labelId, class: "bs-select__label", onClick: () => !this.disabled && this.fieldEl?.focus() }, this.label, this.required && (index.h("span", { key: 'dbd94b0805bff1f3f826afa3d4f203c4a703353f', class: "bs-select__required", "aria-hidden": "true" }, "*")))), index.h("div", { key: '1a72f710156cd4af244015bcfe846c7a90e05b82', class: "bs-select__wrapper" }, index.h("div", { key: '4514dae9a34746dcc3c820b6119424beff02575f', part: "field", class: fieldClasses, ref: el => (this.fieldEl = el), role: "combobox", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": listId, "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, "aria-activedescendant": this.open && this.activeIndex >= 0 ? optId(this.activeIndex) : undefined, "aria-describedby": this.error || this.description ? msgId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onFieldClick, onKeyDown: this.onKeyDown, onBlur: this.onBlur }, index.h("span", { key: '98c1f4cb0e7c9a32516f87f79eaa3a26ff908ac1', part: "value", class: `bs-select__value ${selected ? '' : 'bs-select__value--placeholder'}` }, selected ? selected.label : this.placeholder), index.h("svg", { key: '4d98486b54716093d6ba6d9d607d2d8b8a59a7a9', part: "icon", class: "bs-select__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'f49edfe803c3641df79de822c5a706a988098fac', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("ul", { key: '986f8472599daaabdc00e147e5d18b36821d786e', part: "listbox", id: listId, class: "bs-select__listbox", role: "listbox", "aria-labelledby": this.label ? labelId : undefined, "aria-label": this.label ? undefined : this.ariaLabel, hidden: !this.open, ref: el => (this.listEl = el), onMouseDown: (ev) => ev.preventDefault() }, this.options.map((o, i) => (index.h("li", { part: "option", id: optId(i), key: o.value, role: "option", "aria-selected": String(o.value === this.value), "aria-disabled": o.disabled ? 'true' : undefined, class: ['bs-select__option', i === this.activeIndex ? 'bs-select__option--active' : '', o.disabled ? 'bs-select__option--disabled' : '', o.value === this.value ? 'bs-select__option--selected' : '']
                 .filter(Boolean)
                 .join(' '), onClick: () => this.commit(i), onMouseMove: () => !o.disabled && this.activeIndex !== i && (this.activeIndex = i) }, index.h("span", { class: "bs-select__option-label" }, o.label), o.value === this.value && (index.h("svg", { class: "bs-select__check", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.error ? (index.h("span", { id: msgId, part: "error", class: "bs-select__error" }, this.error)) : this.description ? (index.h("span", { id: msgId, part: "description", class: "bs-select__description" }, this.description)) : null));
     }

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

@@ -160,7 +160,7 @@ const BsSessionTimeout = class {
         const description = this.description ?? d.description;
         const primary = this.primaryLabel ?? d.primary;
         const secondary = this.secondaryLabel ?? d.secondary;
-        return (index.h("bs-card", { key: '69492b1be5aba242ffdeacd2181a9b4007c97300', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, index.h("div", { key: 'a7ad5d3d7e58f159efb282ffe0dbfd0a7c2ad120', class: "bs-session-timeout__body" }, !this.hideIcon && (index.h("bs-icon-tile", { key: '2a813414653c152354dea524d3a605c5945dee84', part: "art", intent: d.intent, size: "lg" }, index.h("slot", { key: '45b0ff33e36f2d13f9544981eefe9d54f5fff640', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (index.h("p", { key: '1a08b4612f6e4d152445b15f1ace42d039ce2716', part: "saved", class: "bs-session-timeout__saved" }, index.h(InfoIcon, { key: 'e84a18ce87b52f5bd1a6b8faf233883f005d512b' }), index.h("span", { key: 'cac0e19552062075cac38780f30f7ccea88dd9b8' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (index.h("div", { key: '927ce76f8956112938619fff025cdb80add48cb7', part: "actions", class: "bs-session-timeout__actions" }, secondary && (index.h("bs-button", { key: 'a607a2defd1ca2bfaf82dad2c493867bac123be4', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (index.h("bs-button", { key: '88357d0a2238ea9cbdf5cd03db3cc2f28cdcb322', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (index.h("div", { key: '4e7dc325d82fd193386ee1fe13afaef9308ceb2f', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (index.h("bs-button", { key: '8739ade10f09e0503a4d1d6dfc284cf23ae43e5d', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: '0b1304b18ee010519fbb5e911c52ac64379ecbcc', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), index.h("div", { key: '973d818d379dbcf34216fd8b5e6bcb1a5cfec5e5', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
+        return (index.h("bs-card", { key: 'cf0974db96c51da87d134d35e5cef4da90d3925f', part: "container", class: "bs-session-timeout", surface: "base", role: "region", "aria-labelledby": "heading" }, index.h("div", { key: 'e3095b7c690aafc215a8f39a6b6f473fe583e5f0', class: "bs-session-timeout__body" }, !this.hideIcon && (index.h("bs-icon-tile", { key: '7a895784fc719f6af76490112d16bea5314484a1', part: "art", intent: d.intent, size: "lg" }, index.h("slot", { key: 'be5b485de50c995f4979875d914dfee9a267e16a', name: "icon" }, d.glyph()))), this.renderHeading(heading, description), this.type === 'warning' && this.renderWarning(), this.type === 'warning' && this.savedMessage && (index.h("p", { key: '27ad469a56758be69230543d0fca5f5938295670', part: "saved", class: "bs-session-timeout__saved" }, index.h(InfoIcon, { key: 'c8448fc7cdf68368fd5bccc37368d2db5ef0bab0' }), index.h("span", { key: '7b48f01c04ebb7b2b9e36d15ec6a786683b2a259' }, this.savedMessage))), this.type === 'signed-out' && this.renderAccount(), this.type === 'confirm-identity' && this.renderConfirm(), this.type === 'warning' && (primary || secondary) && (index.h("div", { key: 'fe1eeb794c192abf736ddd287229106b86a42519', part: "actions", class: "bs-session-timeout__actions" }, secondary && (index.h("bs-button", { key: '8420f2abc940c289ede3c1f191ce5de9c2fd1adf', part: "secondary", variant: "outlined", onClick: () => this.bsSecondary.emit() }, secondary)), primary && (index.h("bs-button", { key: 'f925d3d6bd3cc8ad12e9d5130f52d5552c0ba691', part: "primary", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)))), this.type === 'signed-out' && (primary || secondary) && (index.h("div", { key: '235011f210dc97e6c317e72e9ebef888e01d652f', part: "actions", class: "bs-session-timeout__actions bs-session-timeout__actions--stacked" }, primary && (index.h("bs-button", { key: '69140cb99a864a6acf61540f3980ffc68963e07a', part: "primary", class: "bs-session-timeout__block-button", variant: "primary", onClick: () => this.bsPrimary.emit() }, primary)), secondary && (index.h("bs-button", { key: 'b3ce4bca3f9ddce2382d30f6a7905df47cd78af5', part: "secondary", class: "bs-session-timeout__text-button", variant: "subtle", size: "lg", onClick: () => this.bsSecondary.emit() }, secondary)))), index.h("div", { key: '3c4874232eb8105bfbe6ccf78c51132cfbe95010', class: "bs-session-timeout__sr-only", role: "status", "aria-live": "polite" }, this.announcement))));
     }
     static get watchers() { return {
         "countdown": [{

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

@@ -19,7 +19,7 @@ const BsShortcutRow = class {
     /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
     selectionRole = null;
     render() {
-        return (index.h("div", { key: 'd3956a19e61cf2de661506b116c160b5a968c139', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("span", { key: '4f1358b1536d313397b8dc9697d13bdaca77971f', part: "action", class: "bs-shortcut-row__action" }, index.h("slot", { key: 'd45777d253c65e03a9705dfe8b2f709e0b864918' }, this.action)), index.h("span", { key: '19f1f4f506b06ef59a8b0d0e65d56d4262cccdef', part: "keys", class: "bs-shortcut-row__keys" }, index.h("slot", { key: 'c5e1e282de5dad7dfebb242493de0fc5dc4213fe', name: "keys" }, index.h("bs-key-caps", { key: 'fc8618b576cba9973305e56704ad5ee31131d353', keys: this.keys, label: this.label, disabled: this.disabled })))));
+        return (index.h("div", { key: 'defe5047b4b0689cb853b22fd3ae6c14af54ad4c', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("span", { key: 'bf935f4932f94bc9c605766da7d579b4060c2000', part: "action", class: "bs-shortcut-row__action" }, index.h("slot", { key: '1ecef4d0a1fc5e6f07e4ee7cce586d3d9040f438' }, this.action)), index.h("span", { key: '9102cf9b93eb644feee936717fc59cbecd31be15', part: "keys", class: "bs-shortcut-row__keys" }, index.h("slot", { key: '0cdfcf25a8c9635f3d9bdca8a2ee819db7d50987', name: "keys" }, index.h("bs-key-caps", { key: 'ff0a64f45ecb29f5ac7f3d792689a2bd20590d92', keys: this.keys, label: this.label, disabled: this.disabled })))));
     }
 };
 BsShortcutRow.style = bsShortcutRowCss();

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

@@ -43,7 +43,7 @@ const BsSkipLink = class {
         target.focus();
     };
     render() {
-        return (index.h("a", { key: '62bea478a5a3568d18116406133c737eda387796', part: "link", class: "bs-skip-link", href: this.href, onClick: this.onClick }, index.h("slot", { key: 'ff567267fb5b12c630ece1064af6d0fc1175c44a' }, "Skip to main content")));
+        return (index.h("a", { key: '91e5791d2feeb0387e13ed4fe7068fa18756e6f0', part: "link", class: "bs-skip-link", href: this.href, onClick: this.onClick }, index.h("slot", { key: 'da0948ad605e5872c6220e01b7efa9e1bb2ae781' }, "Skip to main content")));
     }
     static get delegatesFocus() { return true; }
 };

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: 'a71c5cacc9a63c09cdaac6faa6bbc5cfdb99e320', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (index.h("div", { key: 'cb511949f7bbf953b525a55b76532da27b22f7cc', class: "bs-slider__header" }, index.h("span", { key: '14420fa4fc943caa65ef71721c25677a3ae06c69', 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: '7ece9aa9f9b4272b245f24e469cf1567db8dca23', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: 'bd2f3b9be1e38e63844e5a80b1d76dac38c59cb8', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: '2979b882e37bb2d5e72f1dfb5deeecb467856e39', 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: 'abc0dc016e3c3cb11473b87ec1c2ca3e0d263019', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '17e3c78951bfbe311cbc59298277f369eec4aa6a', class: "bs-snackbar__content" }, index.h("span", { key: 'c2b05e722a48a24f63171480674c8a5503b547cf', 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: '54970644cd45c79ceab0218eaaa699e7fd789f92', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: 'c794d5a366b65cd04cd02169574f372098b64df9' }))), index.h("div", { key: 'f642653e195e181c05fa9750f9471f043e2ec900', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("bs-button", { key: '70db297865ef7bbb88e32e11b295358a1a8c42cf', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (index.h("bs-icon-button", { key: 'ab20201c97c9b7a652330f4afe68dd049b7dcb96', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: '0df459ff13ca7774c4f9fde30d3dacf254c16ed7' }))))));
     }
 };
 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: 'a9cf4ca59a46d6850ac12623c7929a049204d7a8', part: "ripple" }),
+            index.h("span", { key: '963e723d983df529fa7275ed8911a23f14bf58d3', class: "bs-source-link__left" }, index.h("span", { key: 'c54ed1d909d06686755ee0a722a8872964eec212', class: "bs-source-link__filename-row" }, index.h("span", { key: '6b442369fff9851597e99c0511ea9f2551cdd921', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: 'f949eb3a9b4a5ad3f240122344ec5a4b72fd4112', name: "icon" }, index.h(FileTextIcon, { key: '8b268ad18772d4de2631800a78641f17172cb4c9' }))), index.h("p", { key: 'd56fe2b559722dee2316d9a647af605b3dd5d815', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'abeed4bfd0b76bcae3e3305bed71fce92e6be8c5', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: 'e72f06d12bc614ca2c326079aaa85828122db01a', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: 'b5951aa8d0d308531fb6cd5a161e88587accf5b1', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: 'eb8e816100bf6471ca4891541e8e9b4d661d0aaf', part: "version", class: "bs-source-link__version" }, this.version)))),
+            index.h("span", { key: 'de5dc9b0fcb0d574ebf18b0bbb568371f5aa115d', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: 'df061269ca5967dcfcc48b48d63f2c17b7b4d523' })),
         ];
         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: 'b92f350618650af92c99401368a9f7e92dd551b2', 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: 'b07a8e653b7689971c02dc70fe7a9c908108f85e', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '98be3029cd1bc877aa61345e44936f69dc4efdf1', 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: '99379775abe5bfa1a7ae8d04cab1e0f5c5bddf98', part: "container", class: "bs-stat", surface: this.surface }, index.h("dl", { key: '963c7c0c2074b2960b98d1fd79f5f4dc22810b20', class: "bs-stat__body" }, index.h("dt", { key: '83863febf72f6a6b0fb7fc5d4d54836af3f92b4f', class: "bs-stat__head" }, index.h("span", { key: '14b4c6e47e762b313f554211d8eed6f804081648', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, index.h("slot", { key: '5a2e4ac5f4efc068ea631e3065979b15c9b18310', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), index.h("span", { key: '7a92fc17fbbf6ba05315be93fddea9d41a6681d8', part: "label", class: "bs-stat__label" }, this.label)), index.h("dd", { key: 'cb53c1bca2e0b178df127fb6386435602422ef76', class: "bs-stat__figure" }, index.h("span", { key: '5ecaace08e3c9ef627de9721cba52c7127a45897', part: "value", class: "bs-stat__value" }, this.value), this.trend && (index.h("span", { key: '12736ee0a0c0041de051fd96e1f031fee58a3387', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), index.h("span", { key: '12065cc93349c009411cadec24adac0fbe08067f', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && index.h("span", { key: '64d8f0817eee4a093d45dec0362656e2b2f2d300', class: "bs-stat__trend-value" }, this.trendValue)))), index.h("dd", { key: 'b23d0d60e71a9701b1376d6da5bc481c558f845e', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, index.h("slot", { key: '74dafd7c89d07ec66ab2b9ea5ac41ba7180367eb', 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: '254ec9def4e9cf11e1dc72fa1af8c97a36097581', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, index.h("div", { key: 'c35996eb063c70df0f4c79dc882098ae7de6ecca', class: "bs-stepper-step__top" }, index.h("span", { key: 'd02c93b65ff3e7eeb5349d8d8ea594f00949b891', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'd98fd1d2a084f59c3f9cf1b63961e6a88e230675', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: 'be1bf786dc530015dbe164d36d022dee7b5db055' }), state === 'error' && index.h(ExclamationIcon, { key: '439fdccdbeee54449ae6e446f95bea75b684b009' })), index.h("span", { key: '9407db874e21d5871e98ef2c52af0ed7ee88a30b', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'c23941c1701d55daabee93e7124ce8e0b9623fba', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'bdfbfb685ce78768a3a9af2ae5ece69937607552', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'f3e8e99da0d0679b8d830f77b28167aa99095aca', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '0c929341027b485bc681aa0406aa323d80f6f0fe', 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: '3689910d22859e209015be08e5faf9d6c54b0c1c', role: "list" }, index.h("slot", { key: '05171784f3b9309251c1826e5f9ef174579ac7ab', 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: 'dd09d598001470a5bed9d705633e649366a5cf9e', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '8a49a0aca67c8322862cb8df026b3c3138dab957', 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: '3221302d5f6ead0d1a035b6d7d135a12246e301c', part: "track", class: trackClasses }, index.h("span", { key: '925c4f407a02cb97c31e174f0a5e90d30385d259', part: "knob", class: knobClasses }, index.h("bs-ripple", { key: '3fe6447c46e2af73b46db16f9cb2331ef869b6e1', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), index.h("span", { key: '958fb448e07bf4d2af8820fa88497435c9adf150', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '5399072696520fe3b0f92609c557a45e3ff86188' }))));
     }
     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: '8fd98c4f12fe25984c07e953a1607b3e4c0a7d17', 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: '896f94565aea13c576dd2ebc028fcaf5bfe6b69a', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'e88a94ed2b764ae78d2d3a5bbf2aaa95bd9106e2', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: 'c611fc1cc9b6b092372c1b2aec47bfe0ed9acb7f', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'c1197f3bbd0a537f6e0a9fd2441bfe1b0e09d760', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: 'e47b3a7aa890599bfacaaa579115427732099c3a', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '9f6dfee9154141ea72bd0f199cfb104b5f78d194', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'c1125351dc7815d59e8cd24db946965e5425975f', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '0ffa3e25e57d3e5f4fddc995229e160dd7545a16', 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: '7900adcba506bbd084bfd8c095d0344306faff69', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: 'ab5b17dfe5d662bd46b573c919728c04b56425f3', 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: '78f440157ecd378f356e7dc12a9d6f5ed67e2944', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'a4f1b14e954834bf26c8bf8d3deec3e8b592fb29', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: '32de43b3d59a01e90d36556d1f251eab82ebb484', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: 'b00b471a43845edfd1fd52c11cd8ca08759cb009', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '4337e70ebb891bde768e0b93c5b8771e68f89ebf', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: 'c43e5b4d9ef4d92548995eefd04dda4b7434ddc4', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: 'bd8e13b97f08e2ec67fda12b72ec31ed39e6e5cd', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: '14f9ff016d3d00b2e318e6fe4d8e31778def1d42', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: 'd049d8f741d55982c30a6da5e36c8156847f4ad9', 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: 'be19eb78f17a6f854ff49b11c46147968bd79270', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: '26373c79bf757343ea9355f2e3a5577fc3ec279a', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: 'd609f9cfd202fa5ec5a770a1aab96f5cf6fc9e75', 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: '3f36d0f047e7ef1a983888cca47b98939624253d', d: "M5 12H19" }), index.h("path", { key: '0ac54ae018f1fd73821d46130b55352a6673e4f3', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: 'd9a5fd0e5fae620d56790755aa257d81f9b5c793', 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: '47d775adeb323c4a5c21279d33a20810cbac29da', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (index.h("p", { key: '9d63c49490aa41184a00d88ab025d1779bfeb166', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), index.h("slot", { key: 'e9fda6e655d776fb90f19f958066dcc1777b713d', 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: '50e70f1c1f279933d1766ec93e7a88bc2ad7503a', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (index.h(index.Host, { key: '29b956ecaf134c660b3ab769e99234727ee5e130' }, index.h("span", { key: '8e82315255d1c9a7c39c74431c6d41ea230bd34f', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, index.h("span", { key: 'dd751bc6feb2f46e421dce234ea8baf2d9cba82b', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, index.h("slot", { key: '503096f32e4426d7a4c6c5a0d11f807d7e668348', 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: 'b1d89e519ec61a444526adf831137f5d6b01f909', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, index.h("svg", { key: '8ee1ffffe815823101e45420e443900c02ab0792', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '4d7cccc12c65ec89735294da8e1aaad0ca545c7d', 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: 'e23cdacde6c2dd10a6e0c603cd76fa60cc999ba0', part: "text", class: `bs-text bs-text--${this.variant}` }, index.h("slot", { key: '34008aa9788b5e4401cff92d5e7152da91c0d6f5' })));
     }
 };
 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: 'dab57e27c56dfa5423148a310367724d053632da', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: '8abc6031e58d31819cf81cf2c91d5d18f58a68a8', class: "bs-timepicker__body" }, index.h("div", { key: '79853face4f30bce97fe1350108166ab00090989', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '0085cc1b6a3395adbd7ffabf700917417add80f7', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: 'a1e597fd56d312412e1abdab7df413c421fb126d', class: "bs-timepicker__format" }, index.h("span", { key: '5d93f11e944478341ccaf54331f2af21c370b690' }, this.formatLabel), index.h("bs-switch", { key: '08faec46e401574e7e5ccb4f577248ea4c274a22', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: 'ef7560455a1849f94a698dc4d14b48e51299cb0d', class: "bs-timepicker__divider" }), index.h("div", { key: '29ae72b663dc9ca61ac1c5a75503b4b33d19817e', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '91ddda51be264b0f332e3068ac1ac8fbe546c91d', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '91a220300dc5bca693fb5e5ca1f8ad790200256b', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: '4a265c532717e4db04a9e4aa57ae7a4a62db4938', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '4285240f0542ca07eca43d6165ab57079828ec00', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '85d78c3c1569bd699ef0a4b65066d25e9cd88a2a', 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: 'd5bb646ad75742995e9b31202621b1e7c88b9796', class: "bs-timepicker__divider" }), index.h("div", { key: '315e6733a984ef99ad0aa998abbfcb5455725ff5', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'f2160b644174d14dfe81d9f84938ad2f29ae9072', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '5131d29cf88ccf5effee5145b85e292229d48247', 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: '0cd3f84b1bc4233de0e60d80feda8e0baa543ff3', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '24cd4dd77e0a0113a2852151442e35067e8e0316', class: "bs-toast__content" }, index.h("span", { key: '8d6b7e4cb48d352dc1f35c4be4a027abe2678463', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: 'e61563ae68b3f6258b724d41627abbffaec4aa00', state: this.state })), index.h("span", { key: '85d42a6ebb5ffeb43f1a269267b24b5692470e8d', part: "message", class: "bs-toast__message" }, index.h("slot", { key: 'c4bbab246538f6bd855f81dda35378e412c677e9' }))), index.h("div", { key: 'e5dd7640b6c49406fa3fa68e57ecf6073163f373', class: "bs-toast__actions" }, index.h("button", { key: '483face90818e9db0f75be4a3e188656ce3ce5f4', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '549982d389e2a7b3d767e67f9249cfa68b4f0be8' })))));
     }
 };
 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: 'a1fb653e8c7832d1eab642e80b34cf5e8cf4078f', 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: '7d505f52b0f7f0652a2ef048b5c1cc1e4ef9eba6', 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: '1fed8ac2570a4d23c34d992fe7bc957a2010edf3', 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: '88641d9ed9ab22c439e48654a68570f8bdc46c53', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: 'd82620a97c11371cbc2f036fca76a2b8ccf0b7ce', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, index.h("slot", { key: '67ecb03e648a577b4fbdbd98c2ee11ed7803a4ad', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '3b069c34f76d2979382fcee5d31982efa01ff9e9', part: "label", class: "bs-toggle-button__label" }, index.h("slot", { key: '4ba7842ada798bb5aba6e0329e6f6379f0636797', 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: '2119fb19d47742c12b8ce49fea2b25e01e28379a', 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: 'e661f3213a74332abb4b403dfe38ba285a704fa0', part: "left", class: "bs-toolbar__group bs-toolbar__group--left" }, index.h("slot", { key: '001cb133cb863eb0608cadaa9e379cadeec54d27', name: "left", onSlotchange: this.syncItems })), index.h("div", { key: '4a6dce1b5f7dbd391ef87a26eecf1f1fab8bfe5c', part: "right", class: "bs-toolbar__group bs-toolbar__group--right" }, index.h("slot", { key: 'e13f5368d85ea5380f05864a2d06e7ce62654789', name: "right", onSlotchange: this.syncItems })), showOverflow && (index.h("bs-popover", { key: '05452ef4340d1cee8804d392af66f28281997030', 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: 'f1fdef279b8a20010b4322f37ac5ec1ba2e49ca8', slot: "trigger", variant: "subtle", size: "md", ariaLabel: this.overflowLabel, title: this.overflowLabel, ref: el => (this.triggerEl = el) }, index.h(MoreIcon, { key: 'eab078debd8e45abddc6beecf7312468c3c11f1f' })), index.h("bs-menu", { key: 'ffc47ef5f0a8f13f90e51b2f43f0af5e39d44d90' }, 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: '76e0b4bbcc5f85d0f85c77d194699aa85e86281c', 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: '81b48eb6915d22be4aeaf2bd79ff9ca0ec6a85cc' }), index.h("div", { key: '0efb945538a63dcabceeec6d6379e8ce2ce81cf6', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show, ref: el => (this.tipEl = el) }, index.h("bs-tooltip", { key: '6b8658a15351b026583ef45586bbf2eac1bb5cb0', 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: 'c5364e52ebaff77a115cf7522d107b2d51853b63', class: "bs-tooltip" }, index.h("span", { key: '602e79e4662fcf732830db570862d6dcdffdce69', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: 'f9ee16af12a7ad5a48c618caf1a0a45971b5ccc4', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: 'e2883988567d1936ba490fdbb281d6eb2e5c06cc' }))));
     }
 };
 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: 'dd21f66716a2afc3593fd3c0f5baaad497ebc250', 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: '028aeebb6d63b514bfe07d6d7f79937c2ad4fd75', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: 'fe3f6c66112ad63f9909ebf48ee70b5cb5bb16da', 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: '7ceaef289a15bdc61883a9c66406957fd5d21270', part: "ripple" }), isParent && (index.h("span", { key: '7540a9e31a84a9e45d04b2f7b1fff37bb8ed28a4', 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: '168f34a932df5243cae547ca229850b88ee88e94' }))), index.h("span", { key: '1cbc51f972feaac7b8957fbacce6dae84fc38815', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '216d3c0c8466f000cfe953e8c8bb9a629ee90206', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: 'fbb5820015bd82ca62f0476739d23c8f2a990fd1', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '9a570a3cd13d0d407625f51fca22d927a8b6cff2', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: 'f8354a327e96178d99dd35ba62650ac1a772155b', name: "label" }, this.label))))), showChildren && (index.h("div", { key: '71a2cbf0f9de487547a45d5b4a6dd16b14e3afa0', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: 'e25f94249bb7251524b61001228fcb7fdbfad93d' })))));
     }
 };
 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: '44803a6bc398dbec26ddc07b2a176f604874fb9d', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: 'c45c0e0f69f48e0b9dfa93cf7bc2ebdf883c8113' })));
     }
     static get watchers() { return {
         "value": [{