@brandsync/wc 0.0.9 → 0.0.11

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: 'e509feb04a65ee7908c9021befe43ddb0727fd00', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '3c1e7f84bb1a2e0e6f89323f2c45102c3714c0f6', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: '30202380a79f55d4187ff6f50fc0a11d7a282b81' })), h("div", { key: '228f8195087f1d6d3ec6ba53f954ab722cae2971', class: "bs-chatbot-feedback__top" }, h("div", { key: 'd7fb1f58d21aed4fa9b0e5da83a5506e8082c5ff', class: "bs-chatbot-feedback__text" }, h("p", { key: '7e275ebb91562a2f3b4eaf8076a7238f82260bcf', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: '0bd022e0594dee0a084a83fcce90abeb2b8c8a98', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '0c54cd7cfc1b14c4feac0859e1ad2dd3ee2af8a1', 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: '4e00821d17646c1d71d9893a7459557f9fcf24d2', class: "bs-chatbot-feedback__field" }, h("label", { key: '11d31fb2ff6897e97e2ec4196ead7269d60cec7b', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: 'd6228e4d737e90ab61cca91d633e36ac69f1c172', 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: 'bb5fdd240b07a6051cb784077b3476af1e1217fb', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '0d262521f8f13b464f4cbfa746ce49bd330986c6', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'a5e8cc2a7bdd290cc95afeefe5d1fc5a1dde86ce', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: '163b0c11e0038ae01d7bc61ae1f8c50930b7f8f2' }), "Submit feedback")), h("button", { key: '3cf2d4b2cd6b9043d4194a991cc0e33fa09c69e4', 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: 'a0fddede710c06b60302e4cb12b7affe9ed8afec' }), "Start new chat"))));
+        return (h("div", { key: '278496768d42fffdf8df4d4688ecb2a845b709f0', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '29507aa7b8d4047c49360eebe9705c04f5cf635a', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: '598403a5f96cb5e3b242da19c67f888f6e5442b5' })), h("div", { key: '44de5b26f1e9dd202ba55d71c4ef831608a9b7e2', class: "bs-chatbot-feedback__top" }, h("div", { key: '2ab88191c765a53cf72b1edd3ebfe22aa5ac6bee', class: "bs-chatbot-feedback__text" }, h("p", { key: '9f60601413f81b5120516197e239ce1baf42dad4', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'd2a7c2b250c5ca5d9e46c52e534d38ab2efb96c5', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '1c4564a3a48f483b6285ffabea8b2cd875154907', 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: '92c3340c38bf2c4f0b54e3a9ea67403c6f4155e1', class: "bs-chatbot-feedback__field" }, h("label", { key: '87d7a0faeb236d72ddc066d2d390c8ad77a346c2', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: 'd8a424d825fbac92a98475e496bfc5186a4adeb9', 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: 'd9fda026f57448ebc537967e5a8bbab5faa96dd1', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '5fa34ac127e5525a0f3279c240ca57288329ce56', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '9165d3f98cbb39974ffdc3831c27bef0abd55b4d', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: '69c0c8a74e7d3fbb1c06d7c05be4f9766ea141ea' }), "Submit feedback")), h("button", { key: '97634f47527312fdc6752a203fc0781a0e88c79f', 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: '55699b3a298e25f3e0584e05d3f751f3d6bfbb9a' }), "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: 'b1f536775af30bea47474dbcf41f444e9361fabd', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '1e650269ff177b26e1dce30d9e04b4fab9de9698', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '6a35a216f3bbda37ebd14ba801bf83f1f4941616', class: "bs-chatbot-header__actions" }, h("span", { key: 'af2b8a3eeafd27a946e1dd1c51c326c6f7e73531', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '2928c845fd3737d68d672305437d9edd76d1deb3', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: 'bdab9f84e61bc92e16abcb7a9019300291690387', name: "new-chat-icon" }, h(NewChatIcon, { key: 'c61ddb8d3b8f9945f9986253cbe16e462c836f28' }))), h("bs-tooltip", { key: '3edbc3aae276ad91d2e70d21040efaffef101381', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: 'ef3bc303486fea9088b3855ac211baf6e1acae8b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '60e2787be7401832a29f806723414b361c480c47', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: '2bbf8e675aa150740a23d59015446e012adbcb05', name: "history-icon" }, h(HistoryIcon, { key: '55badb6fc7cf1a17abbdae74896789cf2802be01' }))), h("bs-tooltip", { key: 'd4fd6cffbff586949b9357605cf23362a09fbd86', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: 'e2aa88c87d900d581b5a353cb2a4d014818b238b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'aa5357f502a32b586b2d5c4837b37364f00d344a', 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: '312e8c17f49c84672533e37989c73072038ca07f', name: "expand-icon" }, h(ExpandIcon, { key: 'a0b666ae7b3660d4eb892407a82a84a0d8c8607b' }))), h("bs-tooltip", { key: '3c43e4d14ef4cdedaaecebed43927eb8f59e3391', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: '1e252dcc382c0f2c5ae89a8dcf96e9d76c086b01', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b95104b5dc629e70c43f0eb01f34fd0ba57db670', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '7c24bb86799528bc1e1bcc6419217b2048f70835', name: "close-icon" }, h(CloseIcon, { key: 'c53e2028c86264bac5082e9e145deb79eca3156d' }))), h("bs-tooltip", { key: 'f132fa96cc7942a3c4574403da1f2a0d586c0068', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
+        return (h("div", { key: 'b67eb065f0bacc73cea6cfba97f95db26d939fef', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '14495ee7659e6d9198799b19fe2482996acd9cb1', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '4f90a6351c004327440e92ca32a7d5f16dc10f35', class: "bs-chatbot-header__actions" }, h("span", { key: '77a7a55d92a4844778cd2f9e968e497b6f6dc3ec', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '5e7e9ad3beb2a74d05178fb3b847994284b84078', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '71fdc53fdb397fdb45a1e05d4ecf4505f2ee6546', name: "new-chat-icon" }, h(NewChatIcon, { key: '1ca210d70f3a16869092cf681d737c698b136e52' }))), h("bs-tooltip", { key: 'ec6e597102a7bccfbe82f3d4cdd24f6e9939671c', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '5ab09f2170faa1e820ae43034e8d2c28263c8f9b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '457c6b31a93bc8afb9f6140283332f1e9cece997', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: 'cec925b6dc90978e447ac2abe519fd39299f719d', name: "history-icon" }, h(HistoryIcon, { key: 'aec4f574f79fc80266cadb78d4db3a5e5a791af7' }))), h("bs-tooltip", { key: '76a28dd05c9648a27cb47d843a48c71b2a4736a1', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: 'f77e9dfc1640fd0820f1afdc47692767307793ed', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd6c09ae435f7c43141990ac411bbfdd48be2746d', 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: 'd98d678009f56c298289527c505eb9863a783155', name: "expand-icon" }, h(ExpandIcon, { key: 'b5717154a53b3d6745a20de74f2e2a51497f1718' }))), h("bs-tooltip", { key: 'ee742bdb2e8f948756ea1f9b13ee2a1c35d0597d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: '7a19e71b35be8052f206beff78531f17ff080dab', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '758ddf35814919c575699bd27fdc303a80ef7307', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: 'c545d1a724431ccff6593ba3047462bd9bfaefeb', name: "close-icon" }, h(CloseIcon, { key: '4ed2a585be65e2c77200ceeb2b99329afda177a3' }))), h("bs-tooltip", { key: '9ce32d5f9772d91fea7a937341a5866938d87ac5', 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: 'bae036e0fce39e91ad77e048e6c169ea72ce78e4', class: "bs-chatbot-response-action" }, h("button", { key: 'aadfb92da35ba7b5b105cfdc3ad506c7a7fd78e7', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: 'f61c62fa761d277b3ef1b6c7a1bf4b8077ac340b', name: "like-icon" }, h(ThumbsUpIcon, { key: 'a95b09db3fee703c4d2e31a5efa590feb777f3b5' }))), h("button", { key: '37bdacfab99f444ae215b0da5a7b11912562baf7', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: 'b948f912ce5cd82c570bfcf7fe69f01f4bf993b0', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '59e901ec41273c235fb0e484e53d23e529a1f429' }))), h("button", { key: '5f0f954f0cadcfda62d0493ebbf07651dc9c43c3', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: 'a965380a2c3af43ba49b735c19c7b4afb5ec9c9f', name: "copy-icon" }, h(CopyIcon, { key: 'c9e7d8ef53a14728bced9c753aba3529ac97152f' }))), h("button", { key: 'e06f0c60698dea9a17005d6b233e59e5389c2c11', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: '9a5aad36b3f1e217b2ab1718c25d451bc4f0b326', name: "regenerate-icon" }, h(RegenerateIcon, { key: '02aa85caf9c69a84fab24fd97361fa0a2a42c784' }))), h("div", { key: '6c48442ee1c32fcdecab2521c7e7773aae413c61', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '749474386109e0c6bf3d0c18396ab75514a84db5', 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: 'a48edebb1eb697e7ebb80ceee8b674ad28ae760b', name: "menu-icon" }, h(MenuIcon, { key: '3bc463d9d8882ae373221b754d234938bd47f7de' }))), this.menuOpen && (h("div", { key: 'b1217dd05886155d65b6c6e52933b23ddfbeda4e', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '5a22ff4ffe417bbd25dfddbf18a943862b499f24', name: "menu" })))), hasSources && (h("button", { key: '35d6be1ee305a8549ebc1bed28884c0c5dc83220', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'af5a033146160fc90eb9ad3d28eb0ecc3628347c', name: "sources-icon" }, h(SourcesIcon, { key: '908029587106b710ddcee80fe207dddc8f77723c' })), h("span", { key: 'aa64462f7f5f4d96adfdf7172a5c2ac18cb1e608', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
+        return (h("div", { key: '7d97251380f7e6b002eaafb3699ea981d5068555', class: "bs-chatbot-response-action" }, h("button", { key: 'd05f73b0f1d1f9f03a452397ef3206a866abcefc', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: '30b7a9da1dd2c317ac7c4ecbdda76c0f146a3495', name: "like-icon" }, h(ThumbsUpIcon, { key: 'b5bf2e9915a5c1263e18304f4b487807cc256879' }))), h("button", { key: 'f601202a175a47978595d080d938ce48be1715d8', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: 'c141f978f453abc6062e8274a4fdb6e1f80ac5b2', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '158799c27d18b62152937e7485cec5a23598d177' }))), h("button", { key: 'cdb6b1ab5f2bb12e43ae3ab0fa73a81e24ba1f16', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: '8e9387d18ed444da1b7d20f4a6b60e7c2fae32bc', name: "copy-icon" }, h(CopyIcon, { key: '7c1cfede4ef084babd7aeeb3a2a3817ca4346663' }))), h("button", { key: 'f4e190de92eb4936594f4701c406c3b2bc1f84c8', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: 'c52e03dc83f047125a5bd1c73cafba8b71a21fed', name: "regenerate-icon" }, h(RegenerateIcon, { key: '1564599695557eea663d770779301c34e815cbf5' }))), h("div", { key: '90a6b3c75e169be71c217ac8b711bb2ca001ee49', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '2d8d25c6e183638233ef9287360bc0969f2fa2ac', 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: 'f992794d9e964c830e1780078ea83abec1be471b', name: "menu-icon" }, h(MenuIcon, { key: '4b75676316bc826b3a7cd19cba8f46b8ceacf19c' }))), this.menuOpen && (h("div", { key: 'f24430ebab56eda589f19f7cb9f3f1c31d7185cb', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '2978dee3a0d5521e805a4496d6e33c6b31b52fc6', name: "menu" })))), hasSources && (h("button", { key: '1ab402dd2ef3c97b5b30d86e4f1e3db4f879baf9', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'f2cf31ff9311d8c888f2b8a0130a9f82161c4b8f', name: "sources-icon" }, h(SourcesIcon, { key: '333dae604a7eb80319b8e822c332067076e4a04d' })), h("span", { key: '04929996660675c23f1a02fc1d756d6735b58b8d', 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: '54cb56455b630d5ed30dd2a925728f2803143b17', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'd24eabd0ac2c36ec4033a9b5c361aa32225fa78a', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: '0bec3fb848552496e1884b4731c5e1964570c70d', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '955389bd4f3ba1950c9af404e5880a6837298384', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '40d83288bbd257504ef814247c7bd4664df9e169', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '56a15c64faea80790387d4918843c806b684268b', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: 'c321f53482f0265357a6a29fc40e0ff3766f0b74', name: "collapse-icon" }, h(CaretRightIcon, { key: 'c3d4c17bebd2611b27c3e7f87d359e4b46c41d4f' })))), h("div", { key: 'd6c4b8e3660f765112f0c33dd72021af118332d9', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '19759a01d921ed2517cbca2b01ea53741a207b8b', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: 'e71c8b6f4856092a6fd43fd6dcd8cda04d3a103e', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'f46a1383d8e95aeb83541b2620647839fbe4d3f9', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: '62663736cb4f9e56a5b837da27b4d7d8915c1838', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '765954b929796005966efaf5aa23ca68053a894e', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '562cfc14be64d938879fad31ab185a2f3a441e63', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '8e538aa2aa31b54c8845c9c5d8ffd581cbf1028b', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: '53b12abc52c217d3264ece6cf26daf8c5e01f84e', name: "collapse-icon" }, h(CaretRightIcon, { key: '90b61c4694fd1d908d74e47a19124327a001ce53' })))), h("div", { key: 'a7fc0ceb5b280867237ac3ce6c3bd314c7809075', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'db40db9dad7f4e24c8eb0665e2286870f0800843', 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: '2a5213dc81a29dd68f99717b93e6f5396db5c5da', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '28b5ac8ddcdab80fb377a897dc1af62257473385' })));
+        return (h("button", { key: 'ec0d9d02fe71438dc564a36d4e57bcf465b4395d', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '443a388996b21359df334af0319244f4c736e259' })));
     }
     static get is() { return "bs-chatbot-suggestion-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,107 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+describe('bs-checkbox', () => {
+    it('renders an unchecked native checkbox by default', async () => {
+        const { root } = await render(h("bs-checkbox", null));
+        const input = root.shadowRoot.querySelector('input');
+        expect(input).toEqualAttribute('type', 'checkbox');
+        expect(input.checked).toBe(false);
+        expect(root.shadowRoot.querySelector('[part="box"] [part="icon"]')).toBeNull();
+    });
+    it('reflects the checked prop to the native input and shows the check icon', async () => {
+        const { root } = await render(h("bs-checkbox", { checked: true }));
+        const input = root.shadowRoot.querySelector('input');
+        expect(input.checked).toBe(true);
+        expect(root.shadowRoot.querySelector('[part="box"]')).toHaveClass('bs-checkbox__box--selected');
+        expect(root.shadowRoot.querySelector('[part="icon"]')).not.toBeNull();
+    });
+    it('clicking the input toggles checked and emits bsChange with the new value', async () => {
+        const { root, waitForChanges, spyOnEvent } = await render(h("bs-checkbox", null));
+        const bsChangeSpy = spyOnEvent('bsChange');
+        const input = root.shadowRoot.querySelector('input');
+        input.click();
+        await waitForChanges();
+        expect(input.checked).toBe(true);
+        expect(bsChangeSpy).toHaveReceivedEventTimes(1);
+        expect(bsChangeSpy).toHaveReceivedEventDetail(true);
+        input.click();
+        await waitForChanges();
+        expect(input.checked).toBe(false);
+        expect(bsChangeSpy).toHaveReceivedEventTimes(2);
+        expect(bsChangeSpy).toHaveReceivedEventDetail(false);
+    });
+    describe('indeterminate', () => {
+        it('sets the native input .indeterminate JS property, not an HTML attribute', async () => {
+            const { root } = await render(h("bs-checkbox", { indeterminate: true }));
+            const input = root.shadowRoot.querySelector('input');
+            expect(input.indeterminate).toBe(true);
+            expect(input).not.toHaveAttribute('indeterminate');
+        });
+        it('takes visual precedence over checked, showing the minus icon', async () => {
+            const { root } = await render(h("bs-checkbox", { checked: true, indeterminate: true }));
+            const box = root.shadowRoot.querySelector('[part="box"]');
+            expect(box).toHaveClass('bs-checkbox__box--selected');
+            const icon = root.shadowRoot.querySelector('[part="icon"]');
+            expect(icon.querySelector('path')).not.toBeNull();
+            // Minus icon is a single horizontal line; check icon has two line segments in its path data.
+            expect(icon.innerHTML).toContain('M3 8H13');
+        });
+        it('updates the native .indeterminate property when the prop changes after initial render', async () => {
+            const { root, waitForChanges } = await render(h("bs-checkbox", null));
+            const input = root.shadowRoot.querySelector('input');
+            expect(input.indeterminate).toBe(false);
+            root.indeterminate = true;
+            await waitForChanges();
+            expect(input.indeterminate).toBe(true);
+        });
+        it('clears indeterminate when the user toggles the checkbox', async () => {
+            const { root, waitForChanges } = await render(h("bs-checkbox", { indeterminate: true }));
+            const input = root.shadowRoot.querySelector('input');
+            input.click();
+            await waitForChanges();
+            expect(input.indeterminate).toBe(false);
+            expect(root.indeterminate).toBe(false);
+        });
+    });
+    describe('disabled', () => {
+        it('sets the disabled attribute on the native input', async () => {
+            const { root } = await render(h("bs-checkbox", { disabled: true }));
+            const input = root.shadowRoot.querySelector('input');
+            expect(input).toHaveAttribute('disabled');
+        });
+        it('prevents toggling via click', async () => {
+            const { root, waitForChanges, spyOnEvent } = await render(h("bs-checkbox", { disabled: true }));
+            const bsChangeSpy = spyOnEvent('bsChange');
+            const input = root.shadowRoot.querySelector('input');
+            input.click();
+            await waitForChanges();
+            expect(input.checked).toBe(false);
+            expect(bsChangeSpy).toHaveReceivedEventTimes(0);
+        });
+    });
+    describe('error', () => {
+        it('applies the error class to the box', async () => {
+            const { root } = await render(h("bs-checkbox", { error: true }));
+            const box = root.shadowRoot.querySelector('[part="box"]');
+            expect(box).toHaveClass('bs-checkbox__box--error');
+        });
+    });
+    ['sm', 'md', 'lg'].forEach(size => {
+        it(`renders size="${size}" with the matching box modifier class`, async () => {
+            const { root } = await render(h("bs-checkbox", { size: size }));
+            const box = root.shadowRoot.querySelector('[part="box"]');
+            if (size === 'lg') {
+                expect(box).not.toHaveClass('bs-checkbox__box--sm');
+                expect(box).not.toHaveClass('bs-checkbox__box--md');
+            }
+            else {
+                expect(box).toHaveClass(`bs-checkbox__box--${size}`);
+            }
+        });
+    });
+    it('renders label slot content', async () => {
+        const { root } = await render(h("bs-checkbox", null, "Accept terms"));
+        expect(root).toHaveTextContent('Accept terms');
+        const label = root.shadowRoot.querySelector('[part="label"]');
+        expect(label.querySelector('slot')).not.toBeNull();
+    });
+});

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

@@ -0,0 +1,193 @@
+/**
+ * @prop --bs-checkbox-radius: Corner radius of the box, constant across all sizes. Aliased to --bs-border-radius-50.
+ * @prop --bs-checkbox-gap: Gap between the box and the label text. Aliased to --bs-spacing-100.
+ * @prop --bs-checkbox-size-sm: Box width/height at size="sm". Aliased to --bs-spacing-200.
+ * @prop --bs-checkbox-size-md: Box width/height at size="md". Aliased to --bs-spacing-250.
+ * @prop --bs-checkbox-size-lg: Box width/height at size="lg". Aliased to --bs-spacing-300.
+ * @prop --bs-checkbox-border-width-sm: Border width at size="sm".
+ * @prop --bs-checkbox-border-width-md: Border width at size="md".
+ * @prop --bs-checkbox-border-width-lg: Border width at size="lg".
+ * @prop --bs-checkbox-border-default: Border color, deselected/enabled. Aliased to --bs-border-default.
+ * @prop --bs-checkbox-bg-hover: Box background, deselected/hovered. Aliased to --bs-surface-hover.
+ * @prop --bs-checkbox-border-hover: Border color, deselected/hovered. Aliased to --bs-border-neutral-hover.
+ * @prop --bs-checkbox-bg-focus: Box background, deselected/focused. Aliased to --bs-surface-raised.
+ * @prop --bs-checkbox-border-focus: Border color, deselected/focused. Aliased to --bs-border-neutral-hover.
+ * @prop --bs-checkbox-focus-ring-color: Focus ring color, drawn outside the box. Aliased to --bs-border-neutral-focus.
+ * @prop --bs-checkbox-bg-disabled: Box background, disabled. Aliased to --bs-surface-action-disabled.
+ * @prop --bs-checkbox-border-disabled: Border color, disabled. Aliased to --bs-border-neutral-disabled.
+ * @prop --bs-checkbox-border-error: Border color, deselected/error. Aliased to --bs-border-error.
+ * @prop --bs-checkbox-bg-selected: Box background, selected or indeterminate/enabled. Aliased to --bs-color-primary-default.
+ * @prop --bs-checkbox-border-selected: Border color, selected or indeterminate/enabled. Aliased to --bs-color-primary-default.
+ * @prop --bs-checkbox-bg-selected-hover: Box background, selected or indeterminate/hovered. Aliased to --bs-color-primary-hover.
+ * @prop --bs-checkbox-border-selected-hover: Border color, selected or indeterminate/hovered. Aliased to --bs-color-primary-hover.
+ * @prop --bs-checkbox-bg-selected-error: Box background, selected or indeterminate/error. Aliased to --bs-icon-error.
+ * @prop --bs-checkbox-border-selected-error: Border color, selected or indeterminate/error. Aliased to --bs-icon-error.
+ * @prop --bs-checkbox-icon-color: Check/minus icon color. Aliased to --bs-icon-static-white.
+ * @prop --bs-checkbox-icon-color-disabled: Check/minus icon color, disabled. Aliased to --bs-icon-disabled.
+ * @prop --bs-checkbox-label-color: Label text color. Aliased to --bs-text-default.
+ * @prop --bs-checkbox-label-color-disabled: Label text color, disabled. Aliased to --bs-text-on-disabled.
+ * @prop --bs-checkbox-label-color-error: Label text color, error. Aliased to --bs-text-error.
+ */
+:host {
+  display: inline-block;
+
+  --bs-checkbox-radius: var(--bs-border-radius-50);
+  --bs-checkbox-gap: var(--bs-spacing-100);
+
+  --bs-checkbox-size-sm: var(--bs-spacing-200);
+  --bs-checkbox-size-md: var(--bs-spacing-250);
+  --bs-checkbox-size-lg: var(--bs-spacing-300);
+
+  --bs-checkbox-border-width-sm: 1.333px;
+  --bs-checkbox-border-width-md: 1.667px;
+  --bs-checkbox-border-width-lg: 2px;
+
+  --bs-checkbox-border-default: var(--bs-border-default);
+  --bs-checkbox-bg-hover: var(--bs-surface-hover);
+  --bs-checkbox-border-hover: var(--bs-border-neutral-hover);
+  --bs-checkbox-bg-focus: var(--bs-surface-raised);
+  --bs-checkbox-border-focus: var(--bs-border-neutral-hover);
+  --bs-checkbox-focus-ring-color: var(--bs-border-neutral-focus);
+  --bs-checkbox-bg-disabled: var(--bs-surface-action-disabled);
+  --bs-checkbox-border-disabled: var(--bs-border-neutral-disabled);
+  --bs-checkbox-border-error: var(--bs-border-error);
+
+  --bs-checkbox-bg-selected: var(--bs-color-primary-default);
+  --bs-checkbox-border-selected: var(--bs-color-primary-default);
+  --bs-checkbox-bg-selected-hover: var(--bs-color-primary-hover);
+  --bs-checkbox-border-selected-hover: var(--bs-color-primary-hover);
+  --bs-checkbox-bg-selected-error: var(--bs-icon-error);
+  --bs-checkbox-border-selected-error: var(--bs-icon-error);
+
+  --bs-checkbox-icon-color: var(--bs-icon-static-white);
+  --bs-checkbox-icon-color-disabled: var(--bs-icon-disabled);
+
+  --bs-checkbox-label-color: var(--bs-text-default);
+  --bs-checkbox-label-color-disabled: var(--bs-text-on-disabled);
+  --bs-checkbox-label-color-error: var(--bs-text-error);
+}
+
+.bs-checkbox {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--bs-checkbox-gap);
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.bs-checkbox--disabled {
+  cursor: not-allowed;
+}
+
+/* The native input is visually hidden but stays in the layout/focus/keyboard chain -- opacity: 0
+   (not display: none) so it can still receive and show focus. */
+.bs-checkbox__input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.bs-checkbox__input:disabled {
+  cursor: not-allowed;
+}
+
+.bs-checkbox__box {
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--bs-checkbox-size-lg);
+  height: var(--bs-checkbox-size-lg);
+  border: var(--bs-checkbox-border-width-lg) solid var(--bs-checkbox-border-default);
+  border-radius: var(--bs-checkbox-radius);
+  background: transparent;
+  color: var(--bs-checkbox-icon-color);
+}
+
+.bs-checkbox__box--md {
+  width: var(--bs-checkbox-size-md);
+  height: var(--bs-checkbox-size-md);
+  border-width: var(--bs-checkbox-border-width-md);
+}
+
+.bs-checkbox__box--sm {
+  width: var(--bs-checkbox-size-sm);
+  height: var(--bs-checkbox-size-sm);
+  border-width: var(--bs-checkbox-border-width-sm);
+}
+
+.bs-checkbox__box--selected {
+  background: var(--bs-checkbox-bg-selected);
+  border-color: var(--bs-checkbox-border-selected);
+}
+
+/* Hover/focus -- keyed off the hidden native input's pseudo-classes, since it sits on top of and
+   is the same size as the box, so it always reflects the user's actual pointer/keyboard target. */
+.bs-checkbox__input:hover:not(:disabled) ~ .bs-checkbox__box {
+  background: var(--bs-checkbox-bg-hover);
+  border-color: var(--bs-checkbox-border-hover);
+}
+
+.bs-checkbox__input:hover:not(:disabled) ~ .bs-checkbox__box--selected {
+  background: var(--bs-checkbox-bg-selected-hover);
+  border-color: var(--bs-checkbox-border-selected-hover);
+}
+
+.bs-checkbox__input:focus-visible ~ .bs-checkbox__box {
+  background: var(--bs-checkbox-bg-focus);
+  border-color: var(--bs-checkbox-border-focus);
+  outline: 2px solid var(--bs-checkbox-focus-ring-color);
+  outline-offset: 2px;
+}
+
+.bs-checkbox__input:focus-visible ~ .bs-checkbox__box--selected {
+  background: var(--bs-checkbox-bg-selected-hover);
+  border-color: var(--bs-checkbox-border-selected-hover);
+}
+
+.bs-checkbox__box--error {
+  border-color: var(--bs-checkbox-border-error);
+}
+
+.bs-checkbox__box--error.bs-checkbox__box--selected {
+  background: var(--bs-checkbox-bg-selected-error);
+  border-color: var(--bs-checkbox-border-selected-error);
+}
+
+.bs-checkbox__box--disabled {
+  background: var(--bs-checkbox-bg-disabled);
+  border-color: var(--bs-checkbox-border-disabled);
+  color: var(--bs-checkbox-icon-color-disabled);
+}
+
+.bs-checkbox__box--disabled.bs-checkbox__box--selected {
+  background: var(--bs-checkbox-bg-disabled);
+  border-color: var(--bs-checkbox-border-disabled);
+}
+
+.bs-checkbox__icon {
+  width: 80%;
+  height: 80%;
+}
+
+.bs-checkbox__label {
+  font-size: var(--bs-font-size-sm);
+  color: var(--bs-checkbox-label-color);
+}
+
+.bs-checkbox--disabled .bs-checkbox__label {
+  color: var(--bs-checkbox-label-color-disabled);
+}
+
+.bs-checkbox:not(.bs-checkbox--disabled) .bs-checkbox__box--error ~ .bs-checkbox__label {
+  color: var(--bs-checkbox-label-color-error);
+}

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

@@ -0,0 +1,234 @@
+import { h } from "@stencil/core";
+/**
+ * A single checkbox with its label, for a binary choice or one item within a group of independent
+ * choices.
+ *
+ * ## When to use
+ * - A single standalone binary setting (e.g. "Remember me", "I agree to the terms").
+ * - One item within a set of independent, non-exclusive choices (a checkbox group/list).
+ * - `indeterminate` for a "select all" checkbox representing a partially-selected group.
+ *
+ * ## When not to use
+ * - A single mutually-exclusive choice from a set -- use a radio group instead.
+ * - An on/off setting that takes effect immediately (no explicit form submission) -- use `bs-switch`.
+ *
+ * @slot - Default slot: the label text.
+ * @part box - The visual checkbox square.
+ * @part icon - The check/minus icon shown inside the box when `checked` or `indeterminate`.
+ * @part label - The label text wrapper.
+ */
+// Note: this component's CSS Custom Properties (--bs-checkbox-*) are documented via @prop comments
+// in bs-checkbox.css, not here -- Stencil's docs generator only parses @prop out of CSS file
+// comments, not the class-level JSDoc (see bs-input.tsx's equivalent note).
+export class BsCheckbox {
+    el;
+    inputEl;
+    /** Sizing scale. Controls the box's width/height and border width; corner radius is constant
+     * across all sizes. */
+    size = 'lg';
+    /** Whether the checkbox is checked. Mutable so clicking the label/input toggles it directly.
+     * When `indeterminate` is also true, `indeterminate` wins visually (shows the minus icon)
+     * regardless of this value -- same as native checkboxes. */
+    checked = false;
+    /** Whether the checkbox is in the indeterminate ("partially selected") state -- shows a minus
+     * icon instead of a check, and takes visual precedence over `checked`. Unlike `checked`, native
+     * checkboxes have no `indeterminate` HTML attribute; it can only be set as a JS property on the
+     * element. This `@Prop` still works as an attribute for the *host* (`<bs-checkbox>`) since that's
+     * this component's own reflected state, not the native control's -- the native `<input>` inside
+     * has its `.indeterminate` property set imperatively in `componentDidLoad`/`componentDidUpdate`. */
+    indeterminate = false;
+    /** Disables the checkbox: sets the native `disabled` attribute, suppresses hover/focus styling,
+     * and prevents toggling. */
+    disabled = false;
+    /** Applies the error border/label-color treatment. This component's spec has no error message
+     * text of its own (unlike `bs-input`'s `error: string`), so it's a plain boolean. */
+    error = false;
+    /** Emitted when the checked state changes via user interaction, with the new `checked` value. */
+    bsChange;
+    /** Keeps the native input's `.indeterminate` JS property in sync -- this can't be expressed as a
+     * JSX attribute in Stencil, it must be set imperatively on the element. */
+    onIndeterminateChange() {
+        if (this.inputEl) {
+            this.inputEl.indeterminate = this.indeterminate;
+        }
+    }
+    componentDidLoad() {
+        if (this.inputEl) {
+            this.inputEl.indeterminate = this.indeterminate;
+        }
+    }
+    componentDidUpdate() {
+        if (this.inputEl) {
+            this.inputEl.indeterminate = this.indeterminate;
+        }
+    }
+    onChange = (ev) => {
+        const checked = ev.target.checked;
+        this.checked = checked;
+        // Clicking a native checkbox always clears indeterminate, regardless of what it was before --
+        // match that here so the visual state (icon) tracks the real native behavior.
+        this.indeterminate = false;
+        this.bsChange.emit(checked);
+    };
+    render() {
+        const showIcon = this.checked || this.indeterminate;
+        const boxClasses = [
+            'bs-checkbox__box',
+            `bs-checkbox__box--${this.size}`,
+            showIcon ? 'bs-checkbox__box--selected' : '',
+            this.disabled ? 'bs-checkbox__box--disabled' : '',
+            this.error ? 'bs-checkbox__box--error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        return (h("label", { key: 'a5cae53f4a82545ce4f9146891ad3a24c90ad2cf', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: 'b9e40a9c3347bcb8517474209febd048bd853e25', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), onChange: this.onChange }), h("span", { key: '60af78d14456f4cb65d6e9e7aa54f4b4bce84cfe', part: "box", class: boxClasses }, showIcon && (h("svg", { key: '5c64f14f979b866a71290584931f994fc485fb70', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: 'd0993da246362d50fc924e8e6e9e9465cbec631f', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '719bb1f6c842f9a482f2672490f5df1025090d87' }))));
+    }
+    static get is() { return "bs-checkbox"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-checkbox.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BsCheckboxSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "BsCheckboxSize": {
+                            "location": "local",
+                            "path": "/Users/vivka/brandsync-web-components/src/components/bs-checkbox/bs-checkbox.tsx",
+                            "id": "src/components/bs-checkbox/bs-checkbox.tsx::BsCheckboxSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sizing scale. Controls the box's width/height and border width; corner radius is constant\nacross all sizes."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'lg'"
+            },
+            "checked": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the checkbox is checked. Mutable so clicking the label/input toggles it directly.\nWhen `indeterminate` is also true, `indeterminate` wins visually (shows the minus icon)\nregardless of this value -- same as native checkboxes."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "checked",
+                "defaultValue": "false"
+            },
+            "indeterminate": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the checkbox is in the indeterminate (\"partially selected\") state -- shows a minus\nicon instead of a check, and takes visual precedence over `checked`. Unlike `checked`, native\ncheckboxes have no `indeterminate` HTML attribute; it can only be set as a JS property on the\nelement. This `@Prop` still works as an attribute for the *host* (`<bs-checkbox>`) since that's\nthis component's own reflected state, not the native control's -- the native `<input>` inside\nhas its `.indeterminate` property set imperatively in `componentDidLoad`/`componentDidUpdate`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "indeterminate",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the checkbox: sets the native `disabled` attribute, suppresses hover/focus styling,\nand prevents toggling."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "error": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Applies the error border/label-color treatment. This component's spec has no error message\ntext of its own (unlike `bs-input`'s `error: string`), so it's a plain boolean."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "error",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsChange",
+                "name": "bsChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the checked state changes via user interaction, with the new `checked` value."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "indeterminate",
+                "methodName": "onIndeterminateChange"
+            }];
+    }
+}