@brandsync/wc 1.16.0 → 1.17.0

package/dist/collection/components/bs-message/bs-message.js

@@ -45,7 +45,7 @@ export class BsMessage {
     /** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
     status = 'default';
     render() {
-        return (h("div", { key: 'ca6cc1e08eca207f6aa9ff8f6dcf469f43935e82', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: '4ca4239579648f898b88d39c73ec79d06afd1111', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'e0fee937ebe6fb105a45b4f24ceee6c14fa3c5a1', name: "avatar" })), h("div", { key: '396fbeec6646fcae8c0b442cf15930450760b44c', class: "bs-message__column" }, h("bs-card", { key: 'c39915eda480acbdc8d463e3ef709cd76843d6fa', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: '54f53b103dbef163bd7afe903ceac965bc5fb881', part: "content", class: "bs-message__content" }, h("slot", { key: '6b4bb7918c443e38e3ac2e409e4207e11a071cb2' }))), h("div", { key: 'a1145d6701c160117fc0309647f9026abe454573', part: "footer", class: "bs-message__footer" }, h("slot", { key: '9c93b91f4748756b8ce07df059c1d9bed4928e21', name: "footer" })), h("div", { key: '26da0cad53e92d380bcfeef12ad61200f015d3a1', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: 'c61bfb5fd138227897260a95bdcc9355e0668f86', name: "timestamp" }, this.timestamp && h("time", { key: '0e1a0c48657683613e9f02bd126a79471e6e9d2d', dateTime: this.datetime }, this.timestamp))))));
+        return (h("div", { key: '86285bfd68e06327c2d2afbb0f2c24974303093e', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: 'd82b3e6fe9d3863269600ef1a3ccc2feac0423b6', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'c6832f12575eaf2e16c7eb65040ea799501f97ce', name: "avatar" })), h("div", { key: '0fc91e323599e56c4f61c12cec0b7ce7bdddc00f', class: "bs-message__column" }, h("bs-card", { key: '72de58c03aff4643103f8bedf1e699c31fcabe18', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: 'd71851df11559320977e3597bc30d7833940194c', part: "content", class: "bs-message__content" }, h("slot", { key: '956564ce3766240c7e75c8fdf83b5471c7804965' }))), h("div", { key: '09d2d29c20ce847fa06ac91048212ed14cebcfa1', part: "footer", class: "bs-message__footer" }, h("slot", { key: 'e2a7a23597b0ac6d6c9ba7c1eb26ef865746b5f8', name: "footer" })), h("div", { key: '9ce9ef000dcc68f5c2b8e3254dbd3ad37a59e930', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: '3d906d1c18bbc6b1cffb7fba18bcc74324f6dd5d', name: "timestamp" }, this.timestamp && h("time", { key: '6f04b8166126cd7d1543c4211bace9caaac99571', dateTime: this.datetime }, this.timestamp))))));
     }
     static get is() { return "bs-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-message-list/bs-message-list.js

@@ -75,7 +75,7 @@ export class BsMessageList {
         }
     };
     render() {
-        return (h("div", { key: 'a45bbcfbce995eedba2fafe705a98d4c972cf1a3', class: "bs-message-list" }, h("div", { key: 'b4cec2bee1ada6b76545b2445ba3e63be67203de', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '43fe188e8b0d1f7f3d45b9739a09036e2aa5731e' })), this.showScrollButton && (h("bs-icon-button", { key: 'b1e695d0ce230ec1c1af4509b3db07bb1a7d0a8f', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '5e7ce1017e94b41f5f7f558ecba16ae1d29e5827', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '8ab498f7fec4e09442a2b4e2bec74aafc16435fb', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h("div", { key: '027f7d1e7a442e3c669cc5ce5a798c64f9f1239e', class: "bs-message-list" }, h("div", { key: '6b428190b1fadeacfa0e090d6d17e2455da816aa', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '947524fe3d132633bffd151bb7aecb316aadf382' })), this.showScrollButton && (h("bs-icon-button", { key: '17069d19e0e931a14dbeb71ae09bc521a697eabf', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '7ee28b01218310357a7102cd9eee7cc207101813', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '5880bf08092901ad03ee071c6ea4a4401d9517d9', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get is() { return "bs-message-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-pagination/bs-pagination.js

@@ -91,7 +91,7 @@ export class BsPagination {
     }
     render() {
         const pageList = this.getPageList();
-        return (h("nav", { key: '75dc1aebd26bfde72fc782d2a6cc90470d17300b', "aria-label": this.navLabel }, h("ul", { key: 'b278033a46239b2f980982acba26d07cd607588a', part: "list", class: "bs-pagination__list" }, h("li", { key: '23b6606829b277afcd3cf513c653c9d74aefda91', part: "item", class: "bs-pagination__item" }, h("button", { key: '6c476e3baa00f2f2ed35f544b092b4d338a95070', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h(ChevronLeftIcon, { key: '410770d471173960224a52b70ec05561ad0ccec0' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: 'aaf337dd6800ab752d99bf74d4326f49036d93cb', part: "item", class: "bs-pagination__item" }, h("button", { key: 'faa08c19e7b57de953c61d94acda1002046d7462', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h(ChevronRightIcon, { key: '1b6c790301b9e68b64854a8c989777d98134048a' }))))));
+        return (h("nav", { key: '8f88672d0c1402df24990f7632d4f2180627a624', "aria-label": this.navLabel }, h("ul", { key: '3b1359e867cfab58a215c521f4d46df75d3b9e0a', part: "list", class: "bs-pagination__list" }, h("li", { key: '462c761e4cd0938802ef0ede5e8fdcf072bed7dc', part: "item", class: "bs-pagination__item" }, h("button", { key: '01c0f0eeee2644def4f41aaec427bc77b0a3d948', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h(ChevronLeftIcon, { key: '6c4587384f3b0a6ff8431d6a6f637bdebf134707' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: 'cb2ac831de208292505cf53c7c4c1baedb639e1c', part: "item", class: "bs-pagination__item" }, h("button", { key: '3cf295a9a8457013da89db054e863f8bc9fcdf75', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h(ChevronRightIcon, { key: 'ead52f0b11ae9253828f41def167536914b3ac90' }))))));
     }
     static get is() { return "bs-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-popover/bs-popover.js

@@ -152,7 +152,7 @@ export class BsPopover {
         }
     };
     render() {
-        return (h("div", { key: '230678d7440e218c133a315f4a15f7136043fd44', class: "bs-popover" }, h("div", { key: 'dd514d3e6771a4adc2a90bbe097736db3df7e2e0', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: 'ff258cd0e061ae599371f72599599d84d2a4e8a1', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '13396ff2f4e4bd65d725dd32dd0e39c072f32a79', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: 'af116fe77709a8121e0c4bb4a3d49bd93bdc7c30' }))));
+        return (h("div", { key: 'da517e23c7a7028088ce255b01d7e1a2e6517804', class: "bs-popover" }, h("div", { key: '6acca226b72b7c22f77e7e507c26a56d5e5d56a3', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '877e07422f0e85bfe3b85d0029b1df425516aaf2', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: 'f9da851d41e4bdbf6bcd41dcf2e3de7a6f2c61b6', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: 'd3dc628e79868aab472a6cd6e074e2d7d880ffb0' }))));
     }
     static get is() { return "bs-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-progress/bs-progress.js

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

package/dist/collection/components/bs-progress-linear/bs-progress-linear.js

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

package/dist/collection/components/bs-qr-code/bs-qr-code.js

@@ -168,7 +168,7 @@ export class BsQrCode {
         const buttonSize = this.size === 'sm' ? 'sm' : 'md';
         // Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
         // which is what bs-button's disabled primary looks like.
-        return (h("bs-card", { key: '8a78a58e189863a37ac0824e84c8da50d0f82c4c', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'e771194dc383c40cbc9b4b6e2316d787dfda9e0f', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '2ee3bc0a83ec9c44f15ad906abc40d6f88598fec', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: 'acb73db86f4af7c81c6aa8c71c458c3a1381c9ed', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: '48d25ac25dd6c3cd0b77d800cddc11b1f1a57206', class: "bs-qr-code__body" }, h("div", { key: '340cd0dc7d945b6b3dedd103909067d7c8e5ae91', part: "head", class: "bs-qr-code__head" }, h("p", { key: '022fda836023d01aee585926bfe1f227b1789bae', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: 'f72976f2aafa5f66adf77db3ed21380ef26f3e0c', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '865fcb97b32fea2fd3cfaa71e6fd91358906ec8f', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '295e823796a723e4a9ead87ab178133596920cd2', part: "code", class: "bs-qr-code__code" }, h("slot", { key: '26a87b0ec43d5b08dbabeb0addab57e698813918', name: "code" }, this.renderMatrix()), h("div", { key: 'd7355f6fc021333d12f70a2c75fc1cea1052120c', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: 'edecfcdc96b623d01dee5c18de4191051ea4f40b', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '2efac5db58bbe7bfd1dc3d42ef3ce12d85bb42a5', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '0765abe8467bc7a1f312b71b043f05e365f1f9b3', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: '65f41dcaf4f167cda93ce750e072ab94a38921eb', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: 'da32b3ac2acfaf7523c24ce11cbca43236b196dd', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '409328cdc5859c9c8e3d2be87b90b73cfc873cc2', part: "expiry", size: "md" }, h(TimerIcon, { key: '3752627cec20d06f351476da803d013aae832ea6', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'ad00fe126c5f5dfd9e6a713aa0bdd4cd70a869ca', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: '0964029df2c3a97a561b368dd167ccf1770a251f', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: 'e30c02777793dc41ea3437c58d0b229b7bb75510', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'c845423f9652d79a099cd4466d06aa29152636ad', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: '443d3070916468e1bc1b015496ecaff3311b6565', slot: "icon" }), this.copyLabel)))))));
+        return (h("bs-card", { key: '4e5a86e053974ebdd585f6a378c4b2c9dfe80b92', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'e320cf76ecac7018040488ac27dbf74eb57fe46b', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '92792abcf2ec2df4c9cd916947ffd3e9f11db2e6', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: 'fd6ad7be66a5c4f0eb34838fb259a4f85626205a', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: 'a466aa00a2cc54d8b24e39cf77b8a29af6a0eb10', class: "bs-qr-code__body" }, h("div", { key: '420d6f114ef12648082c5639b76e79511529ec8f', part: "head", class: "bs-qr-code__head" }, h("p", { key: '95226c84a8a6fa9e69366dcafa469a86e7e2e915', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: 'b3c8ac38d020d2ba3b33471ea75cd818671f794b', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '5cfc86b8a5070a055e14a37a2c8f0903efa928f1', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: 'ca3698846a9360e944206062a7f557a235966ffc', part: "code", class: "bs-qr-code__code" }, h("slot", { key: '77c2abe0217050d736029c899d8da67de3a9a77b', name: "code" }, this.renderMatrix()), h("div", { key: 'd9f29820aeca8366b7e2a58b66952b2cdce93aa4', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: '0cb7978ca6481ad25e3b7f597c632f6cffcc7c3a', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '4ccc499546fa09ff29b4f518069eb8220e0aec54', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '3f7a6799cd4a76fe985a2e4e6c3852c670443802', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: 'd3f49278308cd98b5c39fcee779335d0c565c424', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: '55a59da6ba6c147b317d4e54fdf866887947abe4', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: 'b84c9a68ab60a4d0f0a5b844eba4b24d7ad3557a', part: "expiry", size: "md" }, h(TimerIcon, { key: 'cde3b75e0116fa9d8f7e90cc7aebe6aa799650a2', slot: "icon" }), this.expiry)), showActions && (h("div", { key: '1007f98a49a793775512c9d57ea44951a1294bf9', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: '1da4900056da20ee071ef9421e2d4c003b957955', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: '8f2011be9477c936f939e7150e3332af4c827d0d', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'a47912896e8d99fe05847c332c164e8d63be63f6', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: '7a78f3459c29d3b190dba3385adb3b1c61d7e0d5', slot: "icon" }), this.copyLabel)))))));
     }
     static get is() { return "bs-qr-code"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-radio/bs-radio.js

@@ -104,7 +104,7 @@ export class BsRadio {
         }
     };
     render() {
-        return (h("label", { key: '679e926d0b4d4b35ee56345d71c228d72095ad85', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '0b4f6c15143d2779b2e51f6afdd0a9a77609534f', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: 'afffc290ff5e0128f80a8dae6fa3e489ae4bb0c7', class: "bs-radio__hit-area" }, h("span", { key: 'f4cc5c08e21fc197391ad7fb104e9c230ed6bf45', class: "bs-radio__state-layer" }, h("span", { key: '7d782c0e6727450068104ab09c8dfc83416c3849', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'aa6c34344fc1af8c7acd99f2cf4cc1f4ed04d021', part: "dot", class: "bs-radio__dot" })))), h("span", { key: '2abc4a24ea0220198842097e59b8223a7bb12d11', part: "label", class: "bs-radio__label" }, h("slot", { key: '9fada19e76e1a11964c119bc9f0b5b9f00c09893' }))));
+        return (h("label", { key: '4d0c326eeabe7ff540141333960c42a606afbb11', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: '0557c4f8f3b083030eb84b0a59f9c5e7ab303cfa', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: '8a07e63e2906cac056bbe88c9fe112ec63f4ad06', class: "bs-radio__hit-area" }, h("span", { key: '338774c223b44fcd1a069526e749cb799a30528b', class: "bs-radio__state-layer" }, h("span", { key: '3ca6898923889a6456c606e7ce4f155d90ca1db3', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'b9bf173b97ab3427aec2826c158a2e107ec5a119', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'ce86e8e4383192061180c7fc13893f3b6e125618', part: "label", class: "bs-radio__label" }, h("slot", { key: 'e06df7e503176701ee266d77fd908ae021367277' }))));
     }
     static get is() { return "bs-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-search-item/bs-search-item.cmp.test.js

@@ -0,0 +1,147 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+import { userEvent } from "vitest/browser";
+import { assertShadowParts, runAxeCheck } from "../../test/helpers/conventions";
+const row = (host) => host.shadowRoot.querySelector('[part="container"]');
+const part = (host, p) => host.shadowRoot.querySelector(`[part="${p}"]`);
+const tokenColor = (token, prop = 'backgroundColor') => {
+    const p = document.createElement('div');
+    p.style[prop === 'color' ? 'color' : 'background'] = `var(${token})`;
+    document.body.appendChild(p);
+    const c = getComputedStyle(p)[prop];
+    p.remove();
+    return c;
+};
+const bg = (host) => getComputedStyle(row(host)).backgroundColor;
+const settle = () => new Promise(r => setTimeout(r, 250));
+describe('bs-search-item', () => {
+    it('has the Figma geometry', async () => {
+        const { root } = await render(h("bs-search-item", { value: "a" }, "Label"));
+        const cs = getComputedStyle(row(root));
+        expect(cs.minHeight).toBe('48px');
+        expect(Math.round(row(root).getBoundingClientRect().height)).toBe(48);
+        expect(cs.paddingTop).toBe('8px');
+        expect(cs.paddingLeft).toBe('12px');
+        expect(cs.columnGap).toBe('8px');
+        expect(cs.borderRadius).toBe('8px');
+        expect(cs.cursor).toBe('pointer');
+        expect(cs.alignItems).toBe('center');
+        const label = getComputedStyle(part(root, 'label'));
+        expect(label.fontSize).toBe('16px');
+        expect(label.lineHeight).toBe('24px');
+        expect(label.fontWeight).toBe('400');
+        assertShadowParts(root.shadowRoot, ['container', 'icon', 'content', 'label', 'description', 'trailing']);
+    });
+    it('styles slotted description, trailing text and strong matches', async () => {
+        const { root, waitForChanges } = await render(h("bs-search-item", { value: "a" }, h("svg", { slot: "icon", viewBox: "0 0 24 24" }), h("strong", null, "Nor"), "dic", h("span", { slot: "description" }, "Customer"), h("span", { slot: "trailing" }, "Order")));
+        await waitForChanges();
+        const d = getComputedStyle(part(root, 'description'));
+        expect(d.fontSize).toBe('14px');
+        expect(d.lineHeight).toBe('20px');
+        expect(d.color).toBe(tokenColor('--bs-text-muted', 'color'));
+        const t = getComputedStyle(part(root, 'trailing'));
+        expect(t.whiteSpace).toBe('nowrap');
+        expect(t.flexShrink).toBe('0');
+        expect(t.color).toBe(tokenColor('--bs-text-muted', 'color'));
+        expect(getComputedStyle(root.querySelector('strong')).fontWeight).toBe('600');
+        expect(Math.round(part(root, 'icon').getBoundingClientRect().width)).toBe(24);
+    });
+    it('hides empty icon, description and trailing wrappers', async () => {
+        const { root } = await render(h("bs-search-item", null, "Label"));
+        expect(getComputedStyle(part(root, 'icon')).display).toBe('none');
+        expect(getComputedStyle(part(root, 'description')).display).toBe('none');
+        expect(getComputedStyle(part(root, 'trailing')).display).toBe('none');
+    });
+    it('shows the trailing prop as shorthand and lets the slot override it', async () => {
+        const { root, waitForChanges } = await render(h("bs-search-item", { trailing: "1,284" }, "Customers"));
+        expect(part(root, 'trailing').textContent).toBe('1,284');
+        expect(getComputedStyle(part(root, 'trailing')).display).not.toBe('none');
+        const span = document.createElement('span');
+        span.slot = 'trailing';
+        span.textContent = 'Slotted';
+        root.appendChild(span);
+        await waitForChanges();
+        const slot = part(root, 'trailing').querySelector('slot');
+        expect(slot.assignedNodes()[0]).toBe(span);
+    });
+    it('has no role standalone and option semantics when the parent sets selectionRole', async () => {
+        const { root, waitForChanges } = await render(h("bs-search-item", null, "Label"));
+        expect(row(root).hasAttribute('role')).toBe(false);
+        expect(root.hasAttribute('role')).toBe(false);
+        root.selectionRole = 'option';
+        await waitForChanges();
+        expect(row(root)).toEqualAttribute('role', 'option');
+        expect(row(root)).toEqualAttribute('aria-selected', 'false');
+        root.setAttribute('active', '');
+        await waitForChanges();
+        expect(row(root)).toEqualAttribute('aria-selected', 'true');
+        root.setAttribute('disabled', '');
+        await waitForChanges();
+        expect(row(root)).toEqualAttribute('aria-disabled', 'true');
+    });
+    it('resolves resting, active, hover and pressed backgrounds from tokens', async () => {
+        const { root, waitForChanges } = await render(h("bs-search-item", { value: "a" }, "Label"));
+        await userEvent.unhover(row(root));
+        await settle();
+        expect(bg(root)).toBe('rgba(0, 0, 0, 0)');
+        root.setAttribute('active', '');
+        await waitForChanges();
+        await settle();
+        expect(bg(root)).toBe(tokenColor('--bs-surface-hover'));
+        root.removeAttribute('active');
+        await waitForChanges();
+        await settle();
+        expect(bg(root)).toBe('rgba(0, 0, 0, 0)');
+        await userEvent.hover(root);
+        await settle();
+        expect(bg(root)).toBe(tokenColor('--bs-surface-hover'));
+    });
+    it('wires the pressed background to the surface-pressed token', async () => {
+        const { root } = await render(h("bs-search-item", { value: "a" }, "Label"));
+        // Rule check: the stylesheet carries an :active rule using --bs-search-item-bg-pressed.
+        const sheets = root.shadowRoot.adoptedStyleSheets;
+        const text = [...(sheets ?? []), ...Array.from(root.shadowRoot.styleSheets)].map(s => Array.from(s.cssRules).map(r => r.cssText).join('')).join('');
+        expect(text).toContain(':active');
+        expect(text).toContain('--bs-search-item-bg-pressed');
+        const probe = document.createElement('div');
+        probe.style.background = 'var(--bs-surface-pressed)';
+        root.shadowRoot.appendChild(probe);
+        const pressedToken = getComputedStyle(probe).backgroundColor;
+        probe.remove();
+        const holder = document.createElement('div');
+        holder.style.background = getComputedStyle(root).getPropertyValue('--bs-search-item-bg-pressed');
+        document.body.appendChild(holder);
+        expect(getComputedStyle(holder).backgroundColor).toBe(pressedToken);
+        holder.remove();
+    });
+    it('dims and ignores clicks while disabled', async () => {
+        const { root } = await render(h("bs-search-item", { value: "a", disabled: true }, "Label"));
+        let n = 0;
+        root.addEventListener('bsItemSelect', () => n++);
+        root.click();
+        expect(n).toBe(0);
+        expect(getComputedStyle(row(root)).color).toBe(tokenColor('--bs-text-on-disabled', 'color'));
+    });
+    it('emits bsItemSelect with the value on click', async () => {
+        const { root } = await render(h("bs-search-item", { value: "orders" }, "Orders"));
+        const got = [];
+        root.addEventListener('bsItemSelect', (e) => got.push(e.detail));
+        root.click();
+        expect(got).toEqual(['orders']);
+    });
+    it('uses the light and dark text colour from tokens', async () => {
+        const { root } = await render(h("bs-search-item", null, "Label"));
+        const light = getComputedStyle(part(root, 'label')).color;
+        document.documentElement.setAttribute('data-theme', 'dark');
+        try {
+            await new Promise(r => setTimeout(r, 100));
+            expect(getComputedStyle(part(root, 'label')).color).not.toBe(light);
+        }
+        finally {
+            document.documentElement.removeAttribute('data-theme');
+        }
+    });
+    it('passes axe standalone', async () => {
+        const { root } = await render(h("bs-search-item", { value: "a", trailing: "x" }, "Label"));
+        await runAxeCheck(root);
+    });
+});

package/dist/collection/components/bs-search-item/bs-search-item.css

@@ -0,0 +1,112 @@
+:host {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  --bs-search-item-min-height: var(--bs-spacing-600);
+  --bs-search-item-padding-y: var(--bs-spacing-100);
+  --bs-search-item-padding-x: var(--bs-spacing-150);
+  --bs-search-item-gap: var(--bs-spacing-100);
+  --bs-search-item-radius: var(--bs-border-radius-100);
+  --bs-search-item-bg: transparent;
+  --bs-search-item-bg-active: var(--bs-surface-hover);
+  --bs-search-item-bg-pressed: var(--bs-surface-pressed);
+  --bs-search-item-color: var(--bs-text-default);
+  --bs-search-item-color-muted: var(--bs-text-muted);
+  --bs-search-item-color-disabled: var(--bs-text-on-disabled);
+  --bs-search-item-icon-color: var(--bs-icon-default);
+}
+
+.bs-search-item {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: var(--bs-search-item-gap);
+  width: 100%;
+  min-height: var(--bs-search-item-min-height);
+  padding: var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);
+  border-radius: var(--bs-search-item-radius);
+  background: var(--bs-search-item-bg);
+  color: var(--bs-search-item-color);
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color 120ms ease;
+}
+
+:host([active]) .bs-search-item,
+.bs-search-item:hover {
+  background: var(--bs-search-item-bg-active);
+}
+
+.bs-search-item:active {
+  background: var(--bs-search-item-bg-pressed);
+}
+
+:host([disabled]) .bs-search-item {
+  background: var(--bs-search-item-bg);
+  color: var(--bs-search-item-color-disabled);
+  cursor: default;
+}
+
+.bs-search-item__icon {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--bs-search-item-icon-color);
+}
+
+.bs-search-item__icon--hidden,
+.bs-search-item__description--hidden,
+.bs-search-item__trailing--hidden {
+  display: none;
+}
+
+.bs-search-item__icon ::slotted(svg) {
+  width: 24px;
+  height: 24px;
+}
+
+.bs-search-item__content {
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.bs-search-item__label {
+  font-size: var(--bs-font-size-md);
+  font-weight: var(--bs-font-weight-regular);
+  line-height: 24px;
+}
+
+.bs-search-item__label ::slotted(b),
+.bs-search-item__label ::slotted(strong) {
+  font-weight: var(--bs-font-weight-semibold);
+}
+
+.bs-search-item__description {
+  color: var(--bs-search-item-color-muted);
+  font-size: var(--bs-font-size-sm);
+  line-height: 20px;
+}
+
+.bs-search-item__trailing {
+  flex: 0 0 auto;
+  color: var(--bs-search-item-color-muted);
+  font-size: var(--bs-font-size-sm);
+  line-height: 20px;
+  white-space: nowrap;
+}
+
+:host([disabled]) .bs-search-item__description,
+:host([disabled]) .bs-search-item__trailing {
+  color: var(--bs-search-item-color-disabled);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bs-search-item {
+    transition: none;
+  }
+}

package/dist/collection/components/bs-search-item/bs-search-item.js

@@ -0,0 +1,222 @@
+import { h } from "@stencil/core";
+/**
+ * One result or suggestion row of a search dropdown: a leading icon, a primary line, an optional
+ * description line and trailing text. Static, not focusable -- focus stays in the search field and the
+ * parent (`bs-global-search`) marks the highlighted row with `active`.
+ *
+ * Standalone it has no role. `bs-global-search` sets `selectionRole="option"` (and an `id`) on its rows,
+ * the same pattern as `bs-list-item` and `bs-shortcut-row`.
+ *
+ * ## When to use
+ * - A suggestion, recent search or result inside `bs-global-search`.
+ *
+ * ## When not to use
+ * - A row in a generic list -- use `bs-list-item`.
+ * - A command in a popup menu -- use `bs-menu-item`.
+ *
+ * @slot icon - A leading glyph (24px, `currentColor`).
+ * @slot - The primary text. Wrap the matched part in `<strong>` or `<b>` to show it semibold.
+ * @slot description - An optional second line.
+ * @slot trailing - Trailing text (overrides the `trailing` prop).
+ * @part container - The row.
+ * @part icon - The icon wrapper.
+ * @part content - The text column.
+ * @part label - The primary line.
+ * @part description - The description line.
+ * @part trailing - The trailing text wrapper.
+ * @prop --bs-search-item-min-height - Aliased to `--bs-spacing-600` (48px).
+ * @prop --bs-search-item-padding-y - Aliased to `--bs-spacing-100`.
+ * @prop --bs-search-item-padding-x - Aliased to `--bs-spacing-150`.
+ * @prop --bs-search-item-gap - Aliased to `--bs-spacing-100`.
+ * @prop --bs-search-item-radius - Aliased to `--bs-border-radius-100`.
+ * @prop --bs-search-item-bg - Resting background. `transparent`.
+ * @prop --bs-search-item-bg-active - Active (highlighted) and hover background. Aliased to `--bs-surface-hover`.
+ * @prop --bs-search-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+ * @prop --bs-search-item-color - Primary text. Aliased to `--bs-text-default`.
+ * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
+ * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+ * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+ */
+export class BsSearchItem {
+    el;
+    /** Identifies the item; emitted by `bsItemSelect`. */
+    value;
+    /** Highlighted row (keyboard or hover). Set by the parent. */
+    active = false;
+    /** Dims the row and ignores clicks. */
+    disabled = false;
+    /** Trailing text shorthand. The `trailing` slot overrides it. */
+    trailing;
+    /** Set by the parent (`"option"`). Standalone rows have no role. */
+    selectionRole = null;
+    hasIcon = false;
+    hasDescription = false;
+    hasTrailingSlot = false;
+    /** Fires with `value` when the row is clicked, or when the parent selects it with Enter. */
+    bsItemSelect;
+    componentWillLoad() {
+        const has = (name) => Array.from(this.el.children).some(c => c.getAttribute('slot') === name);
+        this.hasIcon = has('icon');
+        this.hasDescription = has('description');
+        this.hasTrailingSlot = has('trailing');
+    }
+    onClick() {
+        if (this.disabled)
+            return;
+        this.bsItemSelect.emit(this.value);
+    }
+    slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
+    render() {
+        const role = this.selectionRole ?? undefined;
+        return (h("div", { key: '0c570b63e05b1fc0294329710fbf88b2fc21e1ff', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": role && this.disabled ? 'true' : undefined }, h("span", { key: '5dd4eebb10183d38704ac1669c024ef863846c00', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '4c1b4f5d589201f1fa98081cc432d630950311e0', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '0908a9fc5a42c00e6bae6e5f69fe1f3224a73147', part: "content", class: "bs-search-item__content" }, h("span", { key: '817216a76634be9b203bb324c8ee5cb54505f44f', part: "label", class: "bs-search-item__label" }, h("slot", { key: '7ee0d2da1dc6e2ddd9dc25e5a3d2238c87b223b1' })), h("span", { key: '765a7dae7761d72b1b3a5571549a044420c88a05', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: '8d1da1dc91b3133b10a17f711227031daa40e5ee', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: '33fcb4ab13f5ab8659249c70626699ee831a008d', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: '21cd86383493354482304367794e557c1b20bf17', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
+    }
+    static get is() { return "bs-search-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-search-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-search-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Identifies the item; emitted by `bsItemSelect`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Highlighted row (keyboard or hover). Set by the parent."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "active",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dims the row and ignores clicks."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "trailing": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Trailing text shorthand. The `trailing` slot overrides it."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "trailing"
+            },
+            "selectionRole": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'option' | null",
+                    "resolved": "\"option\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set by the parent (`\"option\"`). Standalone rows have no role."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "selection-role",
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasIcon": {},
+            "hasDescription": {},
+            "hasTrailingSlot": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsItemSelect",
+                "name": "bsItemSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires with `value` when the row is clicked, or when the parent selects it with Enter."
+                },
+                "complexType": {
+                    "original": "string | undefined",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "onClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}