@brandsync/wc 0.1.0 → 1.1.0

package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js

@@ -123,7 +123,7 @@ export class BsChatbotFeedback {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: '81d4b297593509fc8dd189f6f793f779e74257a9', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '0354e90dafc04230f5ff232a41ef833be53109da', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: 'bb7dbb0f779ae0c6ed97d89de9daeb273cb95891' })), h("div", { key: 'a08af9ead8ff286a6dbf0cd447c59d5daa985b2e', class: "bs-chatbot-feedback__top" }, h("div", { key: 'ec2566d3fa1b69296e834292718f64f8cdc4de7a', class: "bs-chatbot-feedback__text" }, h("p", { key: 'f93002e0eb4d23247e879910f1f04062eda3445a', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: '49bc3b0849d622b719dcc8b003c7b19d478e29fe', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '4b94ee7207c95f78dd3fa2d3660647f553dda8a8', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '390dc5a2d4073f89ac90fb6f753d9cd6072cc8e1', class: "bs-chatbot-feedback__field" }, h("label", { key: '4ade9e346c7c5af11ea66f7a491d99f76ba4de8d', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: '8ef6e3fa14f5ebdc060e34b8b73ef08b3ed07396', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: '6b2c93b3e8c494a8a24d2592163497b41c2eab26', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: 'a38c0b8ad956c56dc9d6f53152744e3e1f4bf049', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'b93d7d561dd3bf253c1a04b30ea61b8a27f65d37', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: '48cdda204d0d4855d7ec75b9be4715acfc9ad738' }), "Submit feedback")), h("button", { key: '40b3568e4aabf7a4e274b52c26e0216af539ed9f', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '53804fd03520aefc0d88b5d35b6078c5488c121a' }), "Start new chat"))));
+        return (h("div", { key: 'd006bb1ca76efdcf06bae35e3525003a68386421', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: 'c288a911fe59b201dc7a9f888c6cd4e85c6e28a0', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: '2b989f0ff28ddc59b3b1821e6c3288bf30dac4b6' })), h("div", { key: '84b2274b2cb5da5040d2762173305c49ae4ef66e', class: "bs-chatbot-feedback__top" }, h("div", { key: '692b5724537886c9597a3889a1342343d7809d21', class: "bs-chatbot-feedback__text" }, h("p", { key: 'bd4f0e67a9c9b47660d3b0974434ca6eae6a0abf', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: '5e305ef80903253dfc3ae2e57f65ad35f7ebb56d', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '9cf3adc518948acf2cc1b51f61ba2ced66e5c9c6', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '9de7ba54587ea9cef1c0167ca54ea47a800b199f', class: "bs-chatbot-feedback__field" }, h("label", { key: '2ade2e0ccacce7ecf13a28f584cddab5891a0d05', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: '765dfe11db1978017aa66f03029bd43161853920', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: '30428029a4bede383a160646e77669ce781aa309', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: 'ac853cce4db151b43e22bb671e14b4bb43f4b86e', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '0ac1bcae1b176e04500d7c1a9893a2156e118ef7', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'ab682fd1f41b2edf85f48517713d50d1e2e8c2d9' }), "Submit feedback")), h("button", { key: '349a69e6510793552b439f1091e1bedbba64c87a', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '9c0e9890952b3d7e89c95c53a5b173867acce1e4' }), "Start new chat"))));
     }
     static get is() { return "bs-chatbot-feedback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js

@@ -74,7 +74,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: 'e0ea19eeb010af536dba9981ed9859181445dfe3', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'b2e9ebadd61e80ad1f4559dd0e0130d6b36f625c', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '51a96ee8e2c456e00d090ef329a0a7625e8a22dd', class: "bs-chatbot-header__actions" }, h("span", { key: '26f392cb56b496da1e4c26fe378246bb47f0a7e9', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '7418cea294cc509323049494464fc292c643d881', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '510a66d1d0cc7baccf0f2d9f2dc6b26acfc76d0b', name: "new-chat-icon" }, h(NewChatIcon, { key: 'b135187338a185bda4f145f2311c7ea3b21839d5' }))), h("bs-tooltip", { key: '55605b4ec0d3c51fc5fc5546676e240a64bb5278', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: 'bab4c50dcf6d0931f90de7a1c45249559149aa9c', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a70f0acd00a29476800e0cc1367a1f11ab159c75', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: 'dfbd816dee51c428359509c4d9fc97efbd290a0e', name: "history-icon" }, h(HistoryIcon, { key: '5550515b799ab3d494d812aa9567781f86c7381a' }))), h("bs-tooltip", { key: '66cc280bc34b411b4ad8d0640acafbc14259bfab', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '21bd18c8221473430d5afa844d0a8fd6072fabe4', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'fe794fafeb13f4aa5ae1f228b8b28eeb82317631', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Collapse' : 'Expand', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: '457d0ca096b2f44aee67db3ca6cae24d440b9bb0', name: "expand-icon" }, h(ExpandIcon, { key: '207caae0afda63b8ddc55b13c9de0abf991a5650' }))), h("bs-tooltip", { key: '12251a2b24cd651f0ee91307d62f7179e67fb066', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: '25d6e11049392522aa8a0b1b9bc6327850a10084', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'ed9df95ed3922f23d135980ffc2e1306c3d09da2', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '73fbf236b91e874ebc40a51b565b772d8b4f65fd', name: "close-icon" }, h(CloseIcon, { key: '26ab31c650988a86860790fd9591b5cd2d0daf3c' }))), h("bs-tooltip", { key: 'f51ce61c93ba84116545d95c6ce89b21e791dc4c', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
+        return (h("div", { key: '19defcf3ef6bab001fc70969fe6ae7e43e620772', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '455979628f49722589abe9a472dd0d43e27c1d57', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '123327fd2ac302f1e0c97becfe2b4026db0a463c', class: "bs-chatbot-header__actions" }, h("span", { key: '4dec5a38d3586c98a3827e744132b35155c754cb', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '6d205052018910e3b0b188f1250a3e06b3134d3d', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '7f02991d13abc79cb779037e61493e277a5f8af1', name: "new-chat-icon" }, h(NewChatIcon, { key: '95caf87255a959b0569536f5ba8574680a2157c8' }))), h("bs-tooltip", { key: '80bee6f77434b05a469819474fe21824f67f8398', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: 'b1f92ec3d067d6087bc23407022645915d91bda5', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '89343546b8a911e69c11ce1658c387c77175bb2f', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: '8be5b498d86d3b8eb02443c2b5f4ace29d7dd242', name: "history-icon" }, h(HistoryIcon, { key: '3b06808d71e2ee7ef148eb5b5f37831a74a3cdbd' }))), h("bs-tooltip", { key: '3ae97c6ac032e00cf8dc1b885cd09fe9dc522eda', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: 'b863e64938643b958e9cdf2b821401da24b22237', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b13aeced1938d418dfc78325087dd2e6769b6373', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Collapse' : 'Expand', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: '7ee525ea7bb0a95996071bf20d3f87fbf25bd4d2', name: "expand-icon" }, h(ExpandIcon, { key: 'dbe3535acdacfdcb76fd2c336359c62126c9bdd8' }))), h("bs-tooltip", { key: '0f0896b3b71e16a590f91324f13f0bd8a606a001', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: '0238181d5fbfe40a8581412004476ebfa3d0beb6', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd29269294c457586f2f5dae90ef28de747bab7d9', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: 'dbc9fdc1cbef4ae59ba3d41e59488b91de549a37', name: "close-icon" }, h(CloseIcon, { key: '0c2b8d8efaa5baf448e3de948feff76c71cc03ef' }))), h("bs-tooltip", { key: '2fc96a3ae618c3e0214a7dd3f329e8b676e9b6b9', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js

@@ -105,7 +105,7 @@ export class BsChatbotResponseAction {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: '6f0fe6d237fa76a44aebc5452d77619f8a6f3e07', class: "bs-chatbot-response-action" }, h("button", { key: 'e46a78f8a28c8b23780d86ea52618bb96003bbc6', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: 'cf59ea0115e99fef5e5398f8101ecd4702f6d13c', name: "like-icon" }, h(ThumbsUpIcon, { key: '0597457db34f2e4677f63a7253dd59015bbcbaf5' }))), h("button", { key: '9dd6db57941126a2b50f3c1c45653e35cc4e9113', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: '8ab78179e979275461cd420e1ab7919396e6126e', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '5f9eeeb87c3bb3f635468dfcdddb323069c20c6f' }))), h("button", { key: '6bf0a37024846ababcfc0c1593f6d9fd4bd2b6af', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: '68c68be3274b3bf2c0f59178640e6009ec5869da', name: "copy-icon" }, h(CopyIcon, { key: '229bd54acaad25cc05da69361142be1588c723f9' }))), h("button", { key: '1cc152937d132b179b72daf1342f63cbabcc67f2', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: '407f9527d50f75d0063b92a6f68ed6a4364b72bc', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'f1d5fca176ef8f90c167a62307bda06bdc86b4a6' }))), h("div", { key: '2fe454900888c46dc17d24ce28c3af1d2d9afcf6', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '3046ca6507dd70c734a37e6aed89613167ce5e29', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": "More options", "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("slot", { key: '3e6814659655c0ba61bc84a3eacae0a13b2c9cd6', name: "menu-icon" }, h(MenuIcon, { key: '70a898b1158a284f1c8e07a6d92ce11de1265844' }))), this.menuOpen && (h("div", { key: '95bc1e4c5a8e8d160a6b59c36bf3485ecfdc8505', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '80dd0220745586c213c4372ded2f2138c4e3dadb', name: "menu" })))), hasSources && (h("button", { key: '4f1036874d1a02347820bb0d19a77c18f5d33bc0', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '11c4b6b5399ffd011bb60da19265e19bc4407061', name: "sources-icon" }, h(SourcesIcon, { key: 'fd64afb252fb5b32332cc46ff664fc947df22ea5' })), h("span", { key: 'ef47e93369d033e3306e7006516470d5b1c9c13f', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
+        return (h("div", { key: '24c68fc03ccb44936dd1d432496960b8dfcee7b5', class: "bs-chatbot-response-action" }, h("button", { key: 'f11c68b55809d7883985216509f8c0212a82e238', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: 'dd0f1a8551fb5ee988e2b4a00f1229b4f4243e5c', name: "like-icon" }, h(ThumbsUpIcon, { key: 'e5f2b60558c6bb19d57bc19166659f9861d8a168' }))), h("button", { key: '77faba07ee823f265dd96c928719d998775a90c6', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: 'a2c1a4bec00e0e4955003f5bb0c6e05d0ae90b7d', name: "dislike-icon" }, h(ThumbsDownIcon, { key: 'ec84d052150d71a60378d6b706116360db2694e0' }))), h("button", { key: '43791f3aa3f21ee44641da14bf62f1e3d83f97c5', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: 'b8ee7f9dbed2b5d4014ef4f2d5d5e2737baf67f6', name: "copy-icon" }, h(CopyIcon, { key: 'd91f9da3cf09a0d760dbf28b3d05d65cd4be0149' }))), h("button", { key: 'fcbbae5cec2ebbb40792afd234459278121fd760', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: '13897ba124350a7e793059d22abaed93be7ae40a', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'c13ed7f8452cc16e2cbbb865c16bef71714a42c0' }))), h("div", { key: 'f3d82e7dd0b338fb0095a6b6c54578b20c89fc72', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'a42f4457e72ee4585e7f85262597537f7002b46c', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": "More options", "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("slot", { key: '559e8cecfc7a726e1a5bc43211eaee7464087590', name: "menu-icon" }, h(MenuIcon, { key: 'cb768ecba1be7f49dcea247128af0efc5170463d' }))), this.menuOpen && (h("div", { key: 'd98ad7f49789c6ed72c4fea4548ebfa2761346b4', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'c2c05b8440def40997971b1b464b31ce2f032da4', name: "menu" })))), hasSources && (h("button", { key: '5b813a1f660fb42d0304bc0dda29399f893cd0fd', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'cee378ade6c52f1ae285320c59e4ddc1c66f924a', name: "sources-icon" }, h(SourcesIcon, { key: 'f18aa44186faa2ab584c129eede0cff65201db85' })), h("span", { key: '89639777df4d3bc6a1c8418887fadb0774ab324e', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
     }
     static get is() { return "bs-chatbot-response-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js

@@ -57,7 +57,7 @@ export class BsChatbotSourcesDrawer {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (h("div", { key: '4f5ba818b20615f14f05744f7da90293687fb571', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'e42b0c3ea3c33da5ab3c5aff08a27dfdf91f9213', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: '47364bc1d824a102c63a8f3fbca310c3c50996db', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'ad91fd640f31ad585438ed0da4fa6964321d0839', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'c46163c92ba3d15e384101d5e37d72c1e2034534', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: 'f82bf6ec52abb532b3fd5f4b6d7d4405d71685a0', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: 'f7e7edab6658cbf745f06fa18931d9522e488723', name: "collapse-icon" }, h(CaretRightIcon, { key: '6e3ac570d6a5ca716b39c611b2f6d0c15078cbbf' })))), h("div", { key: '5006ed497dec22fb534a8805edbf24a8196e3cbc', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'f32856392781219b2f0102181cbcfb768a331cea', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: 'd457067b704c7df5a763ec8ada13f02595e9a450', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '7bed0625e25444d49cb2bc2d85bda4b08f242672', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'b55ce1be49393360840caa2ed824ae2d3eafab59', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'fe97457121b810e09792581e07864c366e5d9121', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '41a116982438e62d6d6a870f4eaf8f68d8ff758b', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '5026bcd60e49776abff2305793c9d0424fce8cbb', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: 'f9ca644ea20b7d9b440d766ae93e1ee01a5b451b', name: "collapse-icon" }, h(CaretRightIcon, { key: 'ffa427ee1e25cac7e197c5fb1c44edefb45d328e' })))), h("div", { key: '67b518bd9c1da897d44f607d08200ad0ffca067e', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '34f904ce8cc9f0924d0c2012fff054faab4cb306', onSlotchange: this.onSlotchange }))));
     }
     static get is() { return "bs-chatbot-sources-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js

@@ -45,7 +45,7 @@ export class BsChatbotSuggestionButton {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '6382d81881701ca9363c0031e8db634812f233f7', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'cc6a6586b36c70f5420f08ebc44db5452fe184bc' })));
+        return (h("button", { key: '7e2678988fe2cb407e75e275e51ff11d816dd25a', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'fba2c8b032a6952df37c644129875d44d884603b' })));
     }
     static get is() { return "bs-chatbot-suggestion-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js

@@ -33,7 +33,7 @@ export class BsCheckboxSkeleton {
      * (unusual) default `bs-checkbox` itself uses. */
     size = 'lg';
     render() {
-        return (h("span", { key: '3ce0fec776997d16edcb84d3fe46c461721230b1', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, h("span", { key: 'b59ec36ba925cb95545a4836bfa3b631a5ac54f6', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '847024bd9c5d30157fe2e2cf3ef7421c8741dc21', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: '37e97e41981813fcb9afed02c2f9b8dada09c71a', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, h("span", { key: '65de48f7ab1695fb5f1aa5c3d95948024ca05f3a', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '72dbe80d166c54bc7bd39d05f790b89a29f31887', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
     static get is() { return "bs-checkbox-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class BsCheckbox {
                     "references": {
                         "BsCheckboxSize": {
                             "location": "local",
-                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-checkbox/bs-checkbox.tsx",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-checkbox/bs-checkbox.tsx",
                             "id": "src/components/bs-checkbox/bs-checkbox.tsx::BsCheckboxSize"
                         }
                     }

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.cmp.test.js

@@ -0,0 +1,99 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+describe('bs-chip-filter', () => {
+    it('renders an unselected chip by default', async () => {
+        const { root } = await render(h("bs-chip-filter", null, "Label"));
+        const button = root.shadowRoot.querySelector('button');
+        expect(button).toEqualAttribute('aria-pressed', 'false');
+        expect(button).not.toHaveClass('bs-chip-filter--selected');
+    });
+    it('reflects the selected prop to the host attribute and the button', async () => {
+        const { root } = await render(h("bs-chip-filter", { selected: true }, "Label"));
+        expect(root).toEqualAttribute('selected', '');
+        const button = root.shadowRoot.querySelector('button');
+        expect(button).toEqualAttribute('aria-pressed', 'true');
+        expect(button).toHaveClass('bs-chip-filter--selected');
+    });
+    it('clicking toggles selected and emits bsChange with the new value', async () => {
+        const { root, waitForChanges, spyOnEvent } = await render(h("bs-chip-filter", null, "Label"));
+        const bsChangeSpy = spyOnEvent('bsChange');
+        const button = root.shadowRoot.querySelector('button');
+        button.click();
+        await waitForChanges();
+        expect(root.selected).toBe(true);
+        expect(bsChangeSpy).toHaveReceivedEventTimes(1);
+        expect(bsChangeSpy).toHaveReceivedEventDetail(true);
+        button.click();
+        await waitForChanges();
+        expect(root.selected).toBe(false);
+        expect(bsChangeSpy).toHaveReceivedEventTimes(2);
+        expect(bsChangeSpy).toHaveReceivedEventDetail(false);
+    });
+    describe('disabled', () => {
+        it('sets the disabled attribute on the native button', async () => {
+            const { root } = await render(h("bs-chip-filter", { disabled: true }, "Label"));
+            const button = root.shadowRoot.querySelector('button');
+            expect(button).toHaveAttribute('disabled');
+        });
+        it('prevents toggling via click', async () => {
+            const { root, waitForChanges, spyOnEvent } = await render(h("bs-chip-filter", { disabled: true }, "Label"));
+            const bsChangeSpy = spyOnEvent('bsChange');
+            const button = root.shadowRoot.querySelector('button');
+            button.click();
+            await waitForChanges();
+            expect(root.selected).toBe(false);
+            expect(bsChangeSpy).toHaveReceivedEventTimes(0);
+        });
+    });
+    ['md', 'lg'].forEach(size => {
+        it(`renders size="${size}" with the matching modifier class`, async () => {
+            const { root } = await render(h("bs-chip-filter", { size: size }, "Label"));
+            const button = root.shadowRoot.querySelector('button');
+            expect(button).toHaveClass(`bs-chip-filter--${size}`);
+        });
+    });
+    describe('dropdown caret', () => {
+        it('does not render a caret by default', async () => {
+            const { root } = await render(h("bs-chip-filter", null, "Label"));
+            expect(root.shadowRoot.querySelector('[part="caret"]')).toBeNull();
+        });
+        it('renders a caret when dropdown is set', async () => {
+            const { root } = await render(h("bs-chip-filter", { dropdown: true }, "Label"));
+            expect(root.shadowRoot.querySelector('[part="caret"]')).not.toBeNull();
+        });
+    });
+    describe('icon slot and padding variant', () => {
+        it('has no icon and the text-only padding variant by default', async () => {
+            const { root } = await render(h("bs-chip-filter", null, "Label"));
+            const button = root.shadowRoot.querySelector('button');
+            expect(root.shadowRoot.querySelector('[part="icon"]')).not.toHaveClass('bs-chip-filter__icon--visible');
+            expect(button).toHaveClass('bs-chip-filter--text-only');
+        });
+        it('marks the icon visible and picks the icon-only padding variant when the icon slot has content', async () => {
+            const { root, waitForChanges } = await render(h("bs-chip-filter", null, h("svg", { slot: "icon" }), "Label"));
+            await waitForChanges();
+            const button = root.shadowRoot.querySelector('button');
+            expect(root.shadowRoot.querySelector('[part="icon"]')).toHaveClass('bs-chip-filter__icon--visible');
+            expect(button).toHaveClass('bs-chip-filter--icon-only');
+        });
+        it('picks the dropdown-only padding variant with a caret but no icon', async () => {
+            const { root } = await render(h("bs-chip-filter", { dropdown: true }, "Label"));
+            const button = root.shadowRoot.querySelector('button');
+            expect(button).toHaveClass('bs-chip-filter--dropdown-only');
+        });
+        it('picks the icon-dropdown padding variant with both an icon and a caret', async () => {
+            const { root, waitForChanges } = await render(h("bs-chip-filter", { dropdown: true }, h("svg", { slot: "icon" }), "Label"));
+            await waitForChanges();
+            const button = root.shadowRoot.querySelector('button');
+            expect(button).toHaveClass('bs-chip-filter--icon-dropdown');
+        });
+    });
+    it('reflects ariaLabel to the native button', async () => {
+        const { root } = await render(h("bs-chip-filter", { ariaLabel: "Filter by status" }, "Label"));
+        const button = root.shadowRoot.querySelector('button');
+        expect(button).toEqualAttribute('aria-label', 'Filter by status');
+    });
+    it('renders label slot content', async () => {
+        const { root } = await render(h("bs-chip-filter", null, "Active users"));
+        expect(root).toHaveTextContent('Active users');
+    });
+});

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.css

@@ -0,0 +1,156 @@
+/**
+ * @prop --bs-chip-filter-height-md: Height at size="md". Aliased to --bs-spacing-300.
+ * @prop --bs-chip-filter-height-lg: Height at size="lg". Aliased to --bs-spacing-400.
+ * @prop --bs-chip-filter-gap: Gap between icon/label/caret. Aliased to --bs-spacing-50.
+ * @prop --bs-chip-filter-icon-size: Icon/caret glyph size. 16px, matching Figma exactly --
+ * constant across both sizes, only the chip's own height changes.
+ * @prop --bs-chip-filter-padding-x-glyph-side: Horizontal padding on an edge adjacent to the icon
+ * or the caret. Aliased to --bs-spacing-100.
+ * @prop --bs-chip-filter-padding-x-plain-side: Horizontal padding on a label-only edge, when the
+ * opposite edge has a glyph. Aliased to --bs-spacing-150.
+ * @prop --bs-chip-filter-padding-x-text-only: Horizontal padding on both edges, when neither has
+ * a glyph. Aliased to --bs-spacing-200 -- deliberately not the same as
+ * --bs-chip-filter-padding-x-plain-side; verified against Figma that a plain-text chip (no icon,
+ * no dropdown) uses a bigger value on both sides rather than the smaller one-sided compensating
+ * value used when only one edge lacks a glyph.
+ * @prop --bs-chip-filter-font-size: Aliased to --bs-font-size-sm.
+ * @prop --bs-chip-filter-line-height: Aliased to --bs-line-height-body-sm.
+ * @prop --bs-chip-filter-font-weight: Aliased to --bs-font-weight-regular.
+ *
+ * Color (background/text per selected/hover/focus/pressed/disabled state) comes directly from
+ * brandsync-tokens' own pre-built chip token set (--bs-chip-bg-..., --bs-chip-text-...,
+ * --bs-chip-border-...) below -- those are shared across the whole bs-chip family, not local to
+ * this component, so they're consumed directly rather than re-aliased under a
+ * bs-chip-filter-specific name.
+ */
+:host {
+  display: inline-flex;
+
+  --bs-chip-filter-height-md: var(--bs-spacing-300);
+  --bs-chip-filter-height-lg: var(--bs-spacing-400);
+  --bs-chip-filter-gap: var(--bs-spacing-50);
+  --bs-chip-filter-icon-size: 16px;
+  --bs-chip-filter-padding-x-glyph-side: var(--bs-spacing-100);
+  --bs-chip-filter-padding-x-plain-side: var(--bs-spacing-150);
+  --bs-chip-filter-padding-x-text-only: var(--bs-spacing-200);
+  --bs-chip-filter-font-size: var(--bs-font-size-sm);
+  --bs-chip-filter-line-height: var(--bs-line-height-body-sm);
+  --bs-chip-filter-font-weight: var(--bs-font-weight-regular);
+}
+
+.bs-chip-filter {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--bs-chip-filter-gap);
+  box-sizing: border-box;
+  border: none;
+  border-radius: var(--bs-border-radius-full);
+  font-family: inherit;
+  font-size: var(--bs-chip-filter-font-size);
+  font-weight: var(--bs-chip-filter-font-weight);
+  line-height: calc(var(--bs-chip-filter-line-height) * 1px);
+  white-space: nowrap;
+  cursor: pointer;
+  background: var(--bs-chip-bg-primary-container);
+  color: var(--bs-chip-text-primary);
+  transition: background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease);
+}
+
+.bs-chip-filter--md {
+  height: var(--bs-chip-filter-height-md);
+}
+
+.bs-chip-filter--lg {
+  height: var(--bs-chip-filter-height-lg);
+}
+
+.bs-chip-filter--icon-dropdown {
+  padding: 0 var(--bs-chip-filter-padding-x-glyph-side);
+}
+
+.bs-chip-filter--icon-only {
+  padding-left: var(--bs-chip-filter-padding-x-glyph-side);
+  padding-right: var(--bs-chip-filter-padding-x-plain-side);
+}
+
+.bs-chip-filter--dropdown-only {
+  padding-left: var(--bs-chip-filter-padding-x-plain-side);
+  padding-right: var(--bs-chip-filter-padding-x-glyph-side);
+}
+
+.bs-chip-filter--text-only {
+  padding: 0 var(--bs-chip-filter-padding-x-text-only);
+}
+
+.bs-chip-filter__icon {
+  display: none;
+  flex-shrink: 0;
+  width: var(--bs-chip-filter-icon-size);
+  height: var(--bs-chip-filter-icon-size);
+}
+
+.bs-chip-filter__icon--visible {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.bs-chip-filter__icon ::slotted(*) {
+  display: block;
+  width: var(--bs-chip-filter-icon-size);
+  height: var(--bs-chip-filter-icon-size);
+}
+
+.bs-chip-filter__label {
+  display: flex;
+  align-items: center;
+}
+
+.bs-chip-filter__caret {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--bs-chip-filter-icon-size);
+  height: var(--bs-chip-filter-icon-size);
+}
+
+/* Unselected (default): the light "container" background set. */
+.bs-chip-filter:hover:not(:disabled) {
+  background: var(--bs-chip-bg-primary-container-hover);
+}
+
+.bs-chip-filter:active:not(:disabled) {
+  background: var(--bs-chip-bg-primary-container-pressed);
+}
+
+.bs-chip-filter:focus-visible {
+  background: var(--bs-chip-bg-primary-container-focused);
+  outline: 2px solid var(--bs-chip-border-focus);
+  outline-offset: 2px;
+}
+
+/* Selected: the dark "primary" background set, inverse (white) text -- swaps every state above
+   to its --primary-* (not --primary-container-*) counterpart. */
+.bs-chip-filter--selected {
+  background: var(--bs-chip-bg-primary);
+  color: var(--bs-chip-text-inverse);
+}
+
+.bs-chip-filter--selected:hover:not(:disabled) {
+  background: var(--bs-chip-bg-primary-hover);
+}
+
+.bs-chip-filter--selected:active:not(:disabled) {
+  background: var(--bs-chip-bg-primary-pressed);
+}
+
+.bs-chip-filter--selected:focus-visible {
+  background: var(--bs-chip-bg-primary-focused);
+}
+
+.bs-chip-filter:disabled {
+  background: var(--bs-chip-bg-disabled);
+  color: var(--bs-chip-text-disabled);
+  cursor: not-allowed;
+}

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js

@@ -0,0 +1,222 @@
+import { h } from "@stencil/core";
+/**
+ * A pill-shaped, selectable toggle used to filter a list or dataset (e.g. a "Filter chip" row
+ * above a table or search results), optionally paired with a leading icon and/or a dropdown caret
+ * that signals it opens a menu of further options.
+ *
+ * ## When to use
+ * - Letting a user toggle a filter on/off, or open a menu of filter options (pair `dropdown` with
+ *   your own `bs-menu` -- this component only renders the caret affordance, it doesn't manage a
+ *   menu itself).
+ *
+ * ## When not to use
+ * - A static, non-interactive status/category label -- use `bs-badge` instead.
+ * - A single primary action -- use `bs-button`.
+ *
+ * @slot - Default slot: the chip's label content.
+ * @slot icon - Optional leading icon, rendered before the label.
+ * @part icon - The icon wrapper element.
+ * @part label - The text label element.
+ * @part caret - The dropdown caret wrapper element, when `dropdown` is set.
+ */
+export class BsChipFilter {
+    el;
+    /** Sizing scale. Controls the chip's height only -- icon size, gap, and font size stay
+     * constant across sizes, matching the Figma spec exactly. */
+    size = 'lg';
+    /** Whether the chip reads as toggled on. Mutable so clicking it toggles directly, and
+     * reflected so consumers can target `bs-chip-filter[selected]` via CSS. */
+    selected = false;
+    /** Shows a trailing dropdown caret, signaling this chip opens a menu of further options.
+     * Purely a visual affordance -- wire up the actual menu (e.g. `bs-menu`) yourself. */
+    dropdown = false;
+    /** Disables the chip: sets the native `disabled` attribute, suppresses hover/focus/pressed
+     * styling, and prevents toggling. */
+    disabled = false;
+    /**
+     * Accessible name override. The visible label (default slot) already gives the native button
+     * an accessible name, so this is only needed if that text isn't sufficient on its own (e.g. it
+     * doesn't convey that activating the chip toggles a filter).
+     */
+    ariaLabel = null;
+    /** Tracks whether the `icon` slot has assigned content, so the icon/label gap only applies
+     * when there's actually a leading icon. */
+    hasIcon = false;
+    /** Emitted when `selected` changes via user interaction, with the new value. */
+    bsChange;
+    /** Same reasoning as bs-button's identical method: computes the initial state directly from
+     * the host's light DOM children, since a slot that starts (and stays) empty never fires
+     * `slotchange`. */
+    componentWillLoad() {
+        this.hasIcon = this.hasSlottedContent('icon');
+    }
+    hasSlottedContent(slotName) {
+        return Array.from(this.el.childNodes).some(node => node.nodeType === Node.ELEMENT_NODE && node.getAttribute('slot') === slotName);
+    }
+    onIconSlotchange = (ev) => {
+        this.hasIcon = ev.target.assignedNodes().length > 0;
+    };
+    onClick = () => {
+        this.selected = !this.selected;
+        this.bsChange.emit(this.selected);
+    };
+    render() {
+        // Matches the four Icon x Dropdown combinations verified against Figma (node 1905:9151):
+        // whichever edge is adjacent to a glyph (icon and/or caret) gets tighter padding, and a
+        // label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
+        // third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
+        const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
+        return (h("button", { key: 'c585746cca27a4d60d2a0c242e26e19ba8b41677', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: 'f62eda39d506b130e5cfe0881bfa80dd0241e1cf', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: '233f80cba2500aa4fed6e1ccdb6d19f14fb64384', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '74d101de8d1dd20bda1fbc789733282ae1a3784a', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '15db7eea134a9d3eac56a159c920141daed4e467' })), this.dropdown && (h("span", { key: 'e070c37932fa4bdc4f494472f361870e2f3d6b22', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '642401f2ddc833731875cfdd3b7d5d96f2272167' })))));
+    }
+    static get is() { return "bs-chip-filter"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-chip-filter.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-chip-filter.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsChipFilterSize",
+                    "resolved": "\"lg\" | \"md\"",
+                    "references": {
+                        "BsChipFilterSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/Brandsync-web-components/Brandsync-web-components/packages/wc/src/components/bs-chip/bs-chip-filter/bs-chip-filter.tsx",
+                            "id": "src/components/bs-chip/bs-chip-filter/bs-chip-filter.tsx::BsChipFilterSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sizing scale. Controls the chip's height only -- icon size, gap, and font size stay\nconstant across sizes, matching the Figma spec exactly."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'lg'"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the chip reads as toggled on. Mutable so clicking it toggles directly, and\nreflected so consumers can target `bs-chip-filter[selected]` via CSS."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selected",
+                "defaultValue": "false"
+            },
+            "dropdown": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows a trailing dropdown caret, signaling this chip opens a menu of further options.\nPurely a visual affordance -- wire up the actual menu (e.g. `bs-menu`) yourself."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dropdown",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the chip: sets the native `disabled` attribute, suppresses hover/focus/pressed\nstyling, and prevents toggling."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name override. The visible label (default slot) already gives the native button\nan accessible name, so this is only needed if that text isn't sufficient on its own (e.g. it\ndoesn't convey that activating the chip toggles a filter)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label",
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasIcon": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsChange",
+                "name": "bsChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when `selected` changes via user interaction, with the new value."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+// Same icon already established for this exact "expand/collapse" affordance in
+// bs-navigation-drawer-item -- reused verbatim rather than pulling in Figma's own CaretDown
+// asset, per this library's existing icon for this purpose.
+const ChevronDownIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));