@brandsync/wc 0.0.5 → 0.0.6

package/custom-elements.json

@@ -737,6 +737,80 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-chatbot-suggestion-button",
+          "name": "BsChatbotSuggestionButton",
+          "description": "A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. \"How can I help you?\").\n\nOne instance renders one chip -- to show several suggestion prompts side by side, render\nmultiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this\nlibrary doesn't ship a separate list/group component for that since a `<div>` with\n`flex-wrap: wrap` is sufficient.\n\n## When to use\n- Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.\n\n## When not to use\n- As a general-purpose button -- use `bs-button` instead, this component's pill shape and\n  tonal color treatment are specific to Genie chat suggestion prompts.",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the button and applies a reduced-opacity treatment.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "Disables the button and applies a reduced-opacity treatment.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "disabled"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsSelect",
+              "description": "Fires when the button is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the suggestion's label text."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "button",
+              "description": "The button element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsChatbotSuggestionButton",
+          "declaration": {
+            "name": "BsChatbotSuggestionButton"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-chatbot-suggestion-button",
+          "declaration": {
+            "name": "BsChatbotSuggestionButton"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-composer/bs-composer.tsx",

package/dist/brandsync-wc/brandsync-wc.esm.js

@@ -1 +1 @@
-import{p as e,g as a,b as o}from"./p-nLORuTUY.js";export{s as setNonce}from"./p-nLORuTUY.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await a(),o([["p-ab5cc7af",[[769,"bs-badge",{variant:[1]}]]],["p-2742ecef",[[785,"bs-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"],hasIcon:[32],hasEndIcon:[32],hasLabel:[32]}]]],["p-27288299",[[513,"bs-button-skeleton",{size:[1]}]]],["p-cfc3421b",[[769,"bs-card",{surface:[1]}]]],["p-b24c455f",[[769,"bs-chatbot-header",{heading:[1],expanded:[1540]}]]],["p-1dc6d7f5",[[769,"bs-chatbot-response-action",{sourcesCount:[2,"sources-count"],menuOpen:[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["p-6c1fa4da",[[785,"bs-composer",{variant:[1],placeholder:[1],value:[1],state:[1],ariaLabel:[1,"aria-label"]}]]],["p-9e5d2211",[[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32]}]]],["p-0ded3be8",[[529,"bs-input",{value:[1],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4]}]]],["p-300eea85",[[257,"bs-menu"]]],["p-cdbad27a",[[769,"bs-menu-item",{hasIcon:[32]}]]],["p-880ea3f8",[[769,"bs-modal",{open:[1540],heading:[1],size:[1],hasFooter:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]],e))));
+import{p as e,g as a,b as o}from"./p-nLORuTUY.js";export{s as setNonce}from"./p-nLORuTUY.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await a(),o([["p-ab5cc7af",[[769,"bs-badge",{variant:[1]}]]],["p-2742ecef",[[785,"bs-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"],hasIcon:[32],hasEndIcon:[32],hasLabel:[32]}]]],["p-27288299",[[513,"bs-button-skeleton",{size:[1]}]]],["p-cfc3421b",[[769,"bs-card",{surface:[1]}]]],["p-b24c455f",[[769,"bs-chatbot-header",{heading:[1],expanded:[1540]}]]],["p-1dc6d7f5",[[769,"bs-chatbot-response-action",{sourcesCount:[2,"sources-count"],menuOpen:[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["p-6648d251",[[769,"bs-chatbot-suggestion-button",{disabled:[4]}]]],["p-6c1fa4da",[[785,"bs-composer",{variant:[1],placeholder:[1],value:[1],state:[1],ariaLabel:[1,"aria-label"]}]]],["p-9e5d2211",[[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32]}]]],["p-4a0da8e9",[[529,"bs-input",{value:[1],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4]}]]],["p-4d999a8d",[[257,"bs-menu"]]],["p-518b02bf",[[769,"bs-menu-item",{hasIcon:[32]}]]],["p-880ea3f8",[[769,"bs-modal",{open:[1540],heading:[1],size:[1],hasFooter:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]],e))));

package/dist/brandsync-wc/{p-0ded3be8.entry.js → p-4a0da8e9.entry.js}

@@ -1 +1 @@
-import{r,c as s,h as t}from"./p-nLORuTUY.js";const i=class{constructor(t){r(this,t),this.bsInput=s(this,"bsInput"),this.bsChange=s(this,"bsChange")}value="";type="text";label;placeholder;description;error;disabled=!1;bsInput;bsChange;onInput=r=>{this.bsInput.emit(r.target.value)};onChange=r=>{this.bsChange.emit(r.target.value)};render(){return t("div",{key:"df12d3d7af1bdc0e0e536e6c635ee406e4043b4f",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&t("label",{key:"2e4f867d17ab691a1df1b0b5b2964c0e1e986a91",part:"label",class:"bs-input__label",htmlFor:"control"},this.label),t("input",{key:"a078574a5ffad9eafea791cf5866ac123c4d5f56",id:"control",part:"control",class:"bs-input__control",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,onInput:this.onInput,onChange:this.onChange}),this.error?t("span",{id:"description-or-error",part:"error",class:"bs-input__error"},this.error):this.description?t("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}};i.style=":host{display:block}.bs-input{display:flex;flex-direction:column;gap:var(--bs-spacing-100);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label)}.bs-input__control{height:var(--bs-spacing-600);padding:0 var(--bs-spacing-300);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-default);color:var(--bs-input-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-placeholder)}.bs-input__control:hover:not(:disabled){border-color:var(--bs-input-border-hover)}.bs-input__control:focus-visible{outline:none;border-color:var(--bs-input-border-focus)}.bs-input__control:disabled{background:var(--bs-input-bg-disabled);color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input--error .bs-input__control{border-color:var(--bs-input-border-error)}.bs-input--error .bs-input__label{color:var(--bs-input-label)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description)}.bs-input__error{font-size:var(--bs-font-size-xs);color:var(--bs-input-error)}";export{i as bs_input}
+import{r,c as s,h as t}from"./p-nLORuTUY.js";const i=class{constructor(t){r(this,t),this.bsInput=s(this,"bsInput"),this.bsChange=s(this,"bsChange")}value="";type="text";label;placeholder;description;error;disabled=!1;bsInput;bsChange;onInput=r=>{this.bsInput.emit(r.target.value)};onChange=r=>{this.bsChange.emit(r.target.value)};render(){return t("div",{key:"571583a0d1181a2e307ba86679003c6cc37e4e63",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&t("label",{key:"0a6c34ad8de3227e1264af649c1ac227e64c67bd",part:"label",class:"bs-input__label",htmlFor:"control"},this.label),t("input",{key:"de46e2c3272735160ca1773abf6fd270d042cfdd",id:"control",part:"control",class:"bs-input__control",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,onInput:this.onInput,onChange:this.onChange}),this.error?t("span",{id:"description-or-error",part:"error",class:"bs-input__error"},this.error):this.description?t("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}};i.style=":host{display:block}.bs-input{display:flex;flex-direction:column;gap:var(--bs-spacing-100);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label)}.bs-input__control{height:var(--bs-spacing-600);padding:0 var(--bs-spacing-300);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-default);color:var(--bs-input-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-placeholder)}.bs-input__control:hover:not(:disabled){border-color:var(--bs-input-border-hover)}.bs-input__control:focus-visible{outline:none;border-color:var(--bs-input-border-focus)}.bs-input__control:disabled{background:var(--bs-input-bg-disabled);color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input--error .bs-input__control{border-color:var(--bs-input-border-error)}.bs-input--error .bs-input__label{color:var(--bs-input-label)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description)}.bs-input__error{font-size:var(--bs-font-size-xs);color:var(--bs-input-error)}";export{i as bs_input}

package/dist/brandsync-wc/{p-300eea85.entry.js → p-4d999a8d.entry.js}

@@ -1 +1 @@
-import{r as s,h as a}from"./p-nLORuTUY.js";const e=class{constructor(a){s(this,a)}render(){return a("div",{key:"d4eee73bfffd1fcfd8f057e394a53fea4688748b",part:"list",class:"bs-menu",role:"menu"},a("slot",{key:"866189bfabc2798ce37b8f0f6141143d4c49081e"}))}};e.style=":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}";export{e as bs_menu}
+import{r as s,h as a}from"./p-nLORuTUY.js";const e=class{constructor(a){s(this,a)}render(){return a("div",{key:"e5008951228aa528404f810fe9ce90a5ee7298b1",part:"list",class:"bs-menu",role:"menu"},a("slot",{key:"d2e590cf51f626bd22dce58535fbea81291f9068"}))}};e.style=":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}";export{e as bs_menu}

package/dist/brandsync-wc/{p-cdbad27a.entry.js → p-518b02bf.entry.js}

@@ -1 +1 @@
-import{r as e,c as n,h as s}from"./p-nLORuTUY.js";const i=class{constructor(s){e(this,s),this.bsSelect=n(this,"bsSelect")}hasIcon=!1;bsSelect;onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.bsSelect.emit()};render(){return s("button",{key:"4d0e94afadd487e2ec44c0c6b416c27eb8f1a5f4",type:"button",part:"item",role:"menuitem",class:"bs-menu-item",onClick:this.onClick},s("span",{key:"a436154aaddddadc3944049597a87a2b52eb61cb",part:"icon",class:"bs-menu-item__icon "+(this.hasIcon?"bs-menu-item__icon--has-content":"")},s("slot",{key:"50ad9c1b78bc8ea55219ad7692d7ef7fa7e48189",name:"icon",onSlotchange:this.onIconSlotchange})),s("span",{key:"b3d1ee83556f10de5ad08d6f212ebfd9531dd54e",part:"label",class:"bs-menu-item__label"},s("slot",{key:"5fe02e9b2407c4fd9eaf699caec9ecc9c0e25575"})))}};i.style=":host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}";export{i as bs_menu_item}
+import{r as e,c as n,h as s}from"./p-nLORuTUY.js";const i=class{constructor(s){e(this,s),this.bsSelect=n(this,"bsSelect")}hasIcon=!1;bsSelect;onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.bsSelect.emit()};render(){return s("button",{key:"0fbb5f8802a2866794682b90a850d5455c86d69e",type:"button",part:"item",role:"menuitem",class:"bs-menu-item",onClick:this.onClick},s("span",{key:"810cd5b7bebf0f0f411a956fa13357b4bc3b18ae",part:"icon",class:"bs-menu-item__icon "+(this.hasIcon?"bs-menu-item__icon--has-content":"")},s("slot",{key:"683105e1dd44932ac0b569d57eccc3fb54dc1497",name:"icon",onSlotchange:this.onIconSlotchange})),s("span",{key:"2d0edd4325f535020b04bcea93db47ef60d33127",part:"label",class:"bs-menu-item__label"},s("slot",{key:"b7ca912d7ec3b5ac3a78f09eb03b8d6b0f96cc2e"})))}};i.style=":host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}";export{i as bs_menu_item}

package/dist/brandsync-wc/p-6648d251.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as s}from"./p-nLORuTUY.js";const b=class{constructor(s){t(this,s),this.bsSelect=o(this,"bsSelect")}disabled=!1;bsSelect;onClick=()=>{this.bsSelect.emit()};render(){return s("button",{key:"e19ad1fd5e95f84f6bff54cbc326e78f70ef3677",type:"button",part:"button",class:"bs-chatbot-suggestion-button",disabled:this.disabled,onClick:this.onClick},s("slot",{key:"4048fb336d69f0ca78e50ea9d5cba52921906966"}))}};b.style=":host{display:inline-block;--bs-chatbot-suggestion-button-radius:var(--bs-border-radius-full);--bs-chatbot-suggestion-button-border-color:var(--bs-border-primary);--bs-chatbot-suggestion-button-bg-default:var(--bs-color-primary-container);--bs-chatbot-suggestion-button-bg-hover:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-bg-pressed:var(--bs-brand-200);--bs-chatbot-suggestion-button-bg-focus:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-text-default:var(--bs-text-action);--bs-chatbot-suggestion-button-text-hover:var(--bs-text-action-hover);--bs-chatbot-suggestion-button-focus-ring-color:var(--bs-border-primary-focus)}.bs-chatbot-suggestion-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:var(--bs-spacing-100) var(--bs-spacing-200);border:var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);border-radius:var(--bs-chatbot-suggestion-button-radius);background:var(--bs-chatbot-suggestion-button-bg-default);color:var(--bs-chatbot-suggestion-button-text-default);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);text-align:center;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-suggestion-button:hover:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-hover);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:active:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-pressed);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:focus-visible{background:var(--bs-chatbot-suggestion-button-bg-focus);color:var(--bs-chatbot-suggestion-button-text-hover);outline:var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);outline-offset:3px}.bs-chatbot-suggestion-button:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}";export{b as bs_chatbot_suggestion_button}

package/dist/cjs/brandsync-wc.cjs.js

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input.cjs",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu.cjs",[[257,"bs-menu"]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
+  return index.bootstrapLazy([["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input.cjs",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu.cjs",[[257,"bs-menu"]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-CVh-sqA_.js');
+
+const bsChatbotSuggestionButtonCss = () => `:host{display:inline-block;--bs-chatbot-suggestion-button-radius:var(--bs-border-radius-full);--bs-chatbot-suggestion-button-border-color:var(--bs-border-primary);--bs-chatbot-suggestion-button-bg-default:var(--bs-color-primary-container);--bs-chatbot-suggestion-button-bg-hover:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-bg-pressed:var(--bs-brand-200);--bs-chatbot-suggestion-button-bg-focus:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-text-default:var(--bs-text-action);--bs-chatbot-suggestion-button-text-hover:var(--bs-text-action-hover);--bs-chatbot-suggestion-button-focus-ring-color:var(--bs-border-primary-focus)}.bs-chatbot-suggestion-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:var(--bs-spacing-100) var(--bs-spacing-200);border:var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);border-radius:var(--bs-chatbot-suggestion-button-radius);background:var(--bs-chatbot-suggestion-button-bg-default);color:var(--bs-chatbot-suggestion-button-text-default);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);text-align:center;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-suggestion-button:hover:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-hover);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:active:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-pressed);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:focus-visible{background:var(--bs-chatbot-suggestion-button-bg-focus);color:var(--bs-chatbot-suggestion-button-text-hover);outline:var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);outline-offset:3px}.bs-chatbot-suggestion-button:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}`;
+
+const BsChatbotSuggestionButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsSelect = index.createEvent(this, "bsSelect");
+    }
+    /** Disables the button and applies a reduced-opacity treatment. */
+    disabled = false;
+    /** Fires when the button is clicked. */
+    bsSelect;
+    onClick = () => {
+        this.bsSelect.emit();
+    };
+    render() {
+        return (index.h("button", { key: 'e19ad1fd5e95f84f6bff54cbc326e78f70ef3677', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: '4048fb336d69f0ca78e50ea9d5cba52921906966' })));
+    }
+};
+BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();
+
+exports.bs_chatbot_suggestion_button = BsChatbotSuggestionButton;

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

@@ -30,10 +30,10 @@ const BsInput = class {
         this.bsChange.emit(value);
     };
     render() {
-        return (index.h("div", { key: 'df12d3d7af1bdc0e0e536e6c635ee406e4043b4f', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (index.h("div", { key: '571583a0d1181a2e307ba86679003c6cc37e4e63', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
         // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
         // to this instance's own shadow root, so it can never collide with another bs-input.
-        index.h("label", { key: '2e4f867d17ab691a1df1b0b5b2964c0e1e986a91', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label)), index.h("input", { key: 'a078574a5ffad9eafea791cf5866ac123c4d5f56', id: "control", part: "control", class: "bs-input__control", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        index.h("label", { key: '0a6c34ad8de3227e1264af649c1ac227e64c67bd', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label)), index.h("input", { key: 'de46e2c3272735160ca1773abf6fd270d042cfdd', id: "control", part: "control", class: "bs-input__control", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -21,7 +21,7 @@ const BsMenuItem = class {
         this.bsSelect.emit();
     };
     render() {
-        return (index.h("button", { key: '4d0e94afadd487e2ec44c0c6b416c27eb8f1a5f4', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, index.h("span", { key: 'a436154aaddddadc3944049597a87a2b52eb61cb', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '50ad9c1b78bc8ea55219ad7692d7ef7fa7e48189', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'b3d1ee83556f10de5ad08d6f212ebfd9531dd54e', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: '5fe02e9b2407c4fd9eaf699caec9ecc9c0e25575' }))));
+        return (index.h("button", { key: '0fbb5f8802a2866794682b90a850d5455c86d69e', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, index.h("span", { key: '810cd5b7bebf0f0f411a956fa13357b4bc3b18ae', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '683105e1dd44932ac0b569d57eccc3fb54dc1497', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '2d0edd4325f535020b04bcea93db47ef60d33127', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'b7ca912d7ec3b5ac3a78f09eb03b8d6b0f96cc2e' }))));
     }
 };
 BsMenuItem.style = bsMenuItemCss();

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

@@ -9,7 +9,7 @@ const BsMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd4eee73bfffd1fcfd8f057e394a53fea4688748b', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: '866189bfabc2798ce37b8f0f6141143d4c49081e' })));
+        return (index.h("div", { key: 'e5008951228aa528404f810fe9ce90a5ee7298b1', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: 'd2e590cf51f626bd22dce58535fbea81291f9068' })));
     }
 };
 BsMenu.style = bsMenuCss();

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-CVh-sqA_.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input.cjs",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu.cjs",[[257,"bs-menu"]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
+  return index.bootstrapLazy([["bs-badge.cjs",[[769,"bs-badge",{"variant":[1]}]]],["bs-button.cjs",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton.cjs",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card.cjs",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header.cjs",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action.cjs",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-suggestion-button.cjs",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-composer.cjs",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table.cjs",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input.cjs",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu.cjs",[[257,"bs-menu"]]],["bs-menu-item.cjs",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal.cjs",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -9,6 +9,7 @@
     "components/bs-button-skeleton/bs-button-skeleton.js",
     "components/bs-chatbot-header/bs-chatbot-header.js",
     "components/bs-chatbot-response-action/bs-chatbot-response-action.js",
+    "components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js",
     "components/bs-input/bs-input.js",
     "components/bs-menu/bs-menu.js",
     "components/bs-menu-item/bs-menu-item.js"

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

@@ -0,0 +1,24 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+describe('bs-chatbot-suggestion-button', () => {
+    it('renders the default slot label content and the button part', async () => {
+        const { root } = await render(h("bs-chatbot-suggestion-button", null, "How can I help you?"));
+        expect(root).toHaveTextContent('How can I help you?');
+        const button = root.shadowRoot.querySelector('[part="button"]');
+        expect(button).not.toBeNull();
+        expect(button.tagName).toBe('BUTTON');
+    });
+    it('emits bsSelect exactly once on a normal click', async () => {
+        const { root, spyOnEvent } = await render(h("bs-chatbot-suggestion-button", null, "Suggestion"));
+        const selectSpy = spyOnEvent('bsSelect');
+        root.shadowRoot.querySelector('[part="button"]').click();
+        expect(selectSpy).toHaveReceivedEventTimes(1);
+    });
+    it('applies the native disabled attribute and does not fire bsSelect on click when disabled', async () => {
+        const { root, spyOnEvent } = await render(h("bs-chatbot-suggestion-button", { disabled: true }, "Suggestion"));
+        const selectSpy = spyOnEvent('bsSelect');
+        const button = root.shadowRoot.querySelector('[part="button"]');
+        expect(button.disabled).toBe(true);
+        button.click();
+        expect(selectSpy.length).toBe(0);
+    });
+});

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

@@ -0,0 +1,57 @@
+:host {
+  display: inline-block;
+  --bs-chatbot-suggestion-button-radius: var(--bs-border-radius-full);
+  --bs-chatbot-suggestion-button-border-color: var(--bs-border-primary);
+  --bs-chatbot-suggestion-button-bg-default: var(--bs-color-primary-container);
+  --bs-chatbot-suggestion-button-bg-hover: var(--bs-color-primary-container-hover);
+  /* No pre-built semantic "container-pressed" token matches this tonal button's lighter pressed
+   * shade progression (50 -> 100 -> 200) -- alias the primitive directly, same precedent
+   * documented in bs-button.css for its subtle/outlined/success/warning/info variants. */
+  --bs-chatbot-suggestion-button-bg-pressed: var(--bs-brand-200);
+  --bs-chatbot-suggestion-button-bg-focus: var(--bs-color-primary-container-hover);
+  --bs-chatbot-suggestion-button-text-default: var(--bs-text-action);
+  --bs-chatbot-suggestion-button-text-hover: var(--bs-text-action-hover);
+  --bs-chatbot-suggestion-button-focus-ring-color: var(--bs-border-primary-focus);
+}
+
+.bs-chatbot-suggestion-button {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  min-width: 80px;
+  padding: var(--bs-spacing-100) var(--bs-spacing-200);
+  border: var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);
+  border-radius: var(--bs-chatbot-suggestion-button-radius);
+  background: var(--bs-chatbot-suggestion-button-bg-default);
+  color: var(--bs-chatbot-suggestion-button-text-default);
+  font-family: inherit;
+  font-size: var(--bs-font-size-md);
+  line-height: calc(var(--bs-line-height-body-md) * 1px);
+  text-align: center;
+  cursor: pointer;
+  transition: background-color var(--bs-duration-fast) var(--bs-easing-standard);
+}
+
+.bs-chatbot-suggestion-button:hover:not(:disabled) {
+  background: var(--bs-chatbot-suggestion-button-bg-hover);
+  color: var(--bs-chatbot-suggestion-button-text-hover);
+}
+
+.bs-chatbot-suggestion-button:active:not(:disabled) {
+  background: var(--bs-chatbot-suggestion-button-bg-pressed);
+  color: var(--bs-chatbot-suggestion-button-text-hover);
+}
+
+.bs-chatbot-suggestion-button:focus-visible {
+  background: var(--bs-chatbot-suggestion-button-bg-focus);
+  color: var(--bs-chatbot-suggestion-button-text-hover);
+  outline: var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);
+  outline-offset: 3px;
+}
+
+.bs-chatbot-suggestion-button:disabled {
+  opacity: var(--bs-opacity-disabled);
+  cursor: not-allowed;
+}

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

@@ -0,0 +1,104 @@
+import { h } from "@stencil/core";
+/**
+ * A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. "How can I help you?").
+ *
+ * One instance renders one chip -- to show several suggestion prompts side by side, render
+ * multiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this
+ * library doesn't ship a separate list/group component for that since a `<div>` with
+ * `flex-wrap: wrap` is sufficient.
+ *
+ * ## When to use
+ * - Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.
+ *
+ * ## When not to use
+ * - As a general-purpose button -- use `bs-button` instead, this component's pill shape and
+ *   tonal color treatment are specific to Genie chat suggestion prompts.
+ *
+ * @slot - Default slot: the suggestion's label text.
+ * @part button - The button element.
+ * @prop --bs-chatbot-suggestion-button-radius - Corner radius. Aliased to `--bs-border-radius-full`.
+ * @prop --bs-chatbot-suggestion-button-border-color - Border color. Aliased to `--bs-border-primary`.
+ * @prop --bs-chatbot-suggestion-button-bg-default - Background in the default (enabled) state.
+ *   Aliased to `--bs-color-primary-container`.
+ * @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
+ *   `--bs-color-primary-container-hover`.
+ * @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased directly to
+ *   the primitive `--bs-brand-200` -- there's no pre-built semantic "container-pressed" token
+ *   matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
+ *   component aliases one locally (same situation `bs-button.css` documents for its
+ *   subtle/outlined/success/warning/info variants).
+ * @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
+ *   `--bs-color-primary-container-hover` (same as hover).
+ * @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
+ *   `--bs-text-action`.
+ * @prop --bs-chatbot-suggestion-button-text-hover - Text color on hover, pressed, and focus.
+ *   Aliased to `--bs-text-action-hover`.
+ * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
+ *   `--bs-border-primary-focus`.
+ */
+export class BsChatbotSuggestionButton {
+    /** Disables the button and applies a reduced-opacity treatment. */
+    disabled = false;
+    /** Fires when the button is clicked. */
+    bsSelect;
+    onClick = () => {
+        this.bsSelect.emit();
+    };
+    render() {
+        return (h("button", { key: 'e19ad1fd5e95f84f6bff54cbc326e78f70ef3677', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '4048fb336d69f0ca78e50ea9d5cba52921906966' })));
+    }
+    static get is() { return "bs-chatbot-suggestion-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-chatbot-suggestion-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-chatbot-suggestion-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the button and applies a reduced-opacity treatment."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bsSelect",
+                "name": "bsSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when the button is clicked."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}

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

@@ -0,0 +1,30 @@
+import { html } from "lit";
+import { componentDescription, propDescription } from "../../stories-utils";
+const meta = {
+    title: 'Genie AI Components/bs-chatbot-suggestion-button',
+    parameters: { docs: { description: { component: componentDescription('bs-chatbot-suggestion-button') } } },
+    render: args => html `
+    <bs-chatbot-suggestion-button ?disabled=${args.disabled}>${args.label}</bs-chatbot-suggestion-button>
+  `,
+    argTypes: {
+        label: { control: 'text', description: 'Default slot: the suggestion label text.' },
+        disabled: { control: 'boolean', description: propDescription('bs-chatbot-suggestion-button', 'disabled') },
+    },
+    args: {
+        label: 'How can I help you?',
+        disabled: false,
+    },
+};
+export default meta;
+export const Default = {};
+export const SuggestionRow = {
+    name: 'Multiple suggestions (flex-wrap row)',
+    render: () => html `
+    <div style="display: flex; flex-wrap: wrap; gap: 8px; max-width: 420px;">
+      <bs-chatbot-suggestion-button>How can I help you?</bs-chatbot-suggestion-button>
+      <bs-chatbot-suggestion-button>Summarize this document</bs-chatbot-suggestion-button>
+      <bs-chatbot-suggestion-button>Draft a follow-up email</bs-chatbot-suggestion-button>
+      <bs-chatbot-suggestion-button>Explain this in simple terms</bs-chatbot-suggestion-button>
+    </div>
+  `,
+};

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

@@ -36,10 +36,10 @@ export class BsInput {
         this.bsChange.emit(value);
     };
     render() {
-        return (h("div", { key: 'df12d3d7af1bdc0e0e536e6c635ee406e4043b4f', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (h("div", { key: '571583a0d1181a2e307ba86679003c6cc37e4e63', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
         // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
         // to this instance's own shadow root, so it can never collide with another bs-input.
-        h("label", { key: '2e4f867d17ab691a1df1b0b5b2964c0e1e986a91', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label)), h("input", { key: 'a078574a5ffad9eafea791cf5866ac123c4d5f56', id: "control", part: "control", class: "bs-input__control", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        h("label", { key: '0a6c34ad8de3227e1264af649c1ac227e64c67bd', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label)), h("input", { key: 'de46e2c3272735160ca1773abf6fd270d042cfdd', id: "control", part: "control", class: "bs-input__control", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
     }
     static get is() { return "bs-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ import { h } from "@stencil/core";
  */
 export class BsMenu {
     render() {
-        return (h("div", { key: 'd4eee73bfffd1fcfd8f057e394a53fea4688748b', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '866189bfabc2798ce37b8f0f6141143d4c49081e' })));
+        return (h("div", { key: 'e5008951228aa528404f810fe9ce90a5ee7298b1', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: 'd2e590cf51f626bd22dce58535fbea81291f9068' })));
     }
     static get is() { return "bs-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class BsMenuItem {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '4d0e94afadd487e2ec44c0c6b416c27eb8f1a5f4', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, h("span", { key: 'a436154aaddddadc3944049597a87a2b52eb61cb', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '50ad9c1b78bc8ea55219ad7692d7ef7fa7e48189', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'b3d1ee83556f10de5ad08d6f212ebfd9531dd54e', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '5fe02e9b2407c4fd9eaf699caec9ecc9c0e25575' }))));
+        return (h("button", { key: '0fbb5f8802a2866794682b90a850d5455c86d69e', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, h("span", { key: '810cd5b7bebf0f0f411a956fa13357b4bc3b18ae', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '683105e1dd44932ac0b569d57eccc3fb54dc1497', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '2d0edd4325f535020b04bcea93db47ef60d33127', part: "label", class: "bs-menu-item__label" }, h("slot", { key: 'b7ca912d7ec3b5ac3a78f09eb03b8d6b0f96cc2e' }))));
     }
     static get is() { return "bs-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/bs-chatbot-suggestion-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BsChatbotSuggestionButton extends Components.BsChatbotSuggestionButton, HTMLElement {}
+export const BsChatbotSuggestionButton: {
+    prototype: BsChatbotSuggestionButton;
+    new (): BsChatbotSuggestionButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{t,p as o,H as s,c as b,h as e}from"./p-BpvhHQSw.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsSelect=b(this,"bsSelect")}disabled=!1;bsSelect;onClick=()=>{this.bsSelect.emit()};render(){return e("button",{key:"e19ad1fd5e95f84f6bff54cbc326e78f70ef3677",type:"button",part:"button",class:"bs-chatbot-suggestion-button",disabled:this.disabled,onClick:this.onClick},e("slot",{key:"4048fb336d69f0ca78e50ea9d5cba52921906966"}))}static get style(){return":host{display:inline-block;--bs-chatbot-suggestion-button-radius:var(--bs-border-radius-full);--bs-chatbot-suggestion-button-border-color:var(--bs-border-primary);--bs-chatbot-suggestion-button-bg-default:var(--bs-color-primary-container);--bs-chatbot-suggestion-button-bg-hover:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-bg-pressed:var(--bs-brand-200);--bs-chatbot-suggestion-button-bg-focus:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-text-default:var(--bs-text-action);--bs-chatbot-suggestion-button-text-hover:var(--bs-text-action-hover);--bs-chatbot-suggestion-button-focus-ring-color:var(--bs-border-primary-focus)}.bs-chatbot-suggestion-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:var(--bs-spacing-100) var(--bs-spacing-200);border:var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);border-radius:var(--bs-chatbot-suggestion-button-radius);background:var(--bs-chatbot-suggestion-button-bg-default);color:var(--bs-chatbot-suggestion-button-text-default);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);text-align:center;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-suggestion-button:hover:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-hover);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:active:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-pressed);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:focus-visible{background:var(--bs-chatbot-suggestion-button-bg-focus);color:var(--bs-chatbot-suggestion-button-text-hover);outline:var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);outline-offset:3px}.bs-chatbot-suggestion-button:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}"}},[769,"bs-chatbot-suggestion-button",{disabled:[4]}]);function r(){"undefined"!=typeof customElements&&["bs-chatbot-suggestion-button"].forEach((o=>{"bs-chatbot-suggestion-button"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}r();const a=n,i=r;export{a as BsChatbotSuggestionButton,i as defineCustomElement}

package/dist/components/bs-input.js

@@ -1 +1 @@
-import{t as r,p as t,H as s,c as e,h as i}from"./p-BpvhHQSw.js";const o=t(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bsInput=e(this,"bsInput"),this.bsChange=e(this,"bsChange")}value="";type="text";label;placeholder;description;error;disabled=!1;bsInput;bsChange;onInput=r=>{this.bsInput.emit(r.target.value)};onChange=r=>{this.bsChange.emit(r.target.value)};render(){return i("div",{key:"df12d3d7af1bdc0e0e536e6c635ee406e4043b4f",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&i("label",{key:"2e4f867d17ab691a1df1b0b5b2964c0e1e986a91",part:"label",class:"bs-input__label",htmlFor:"control"},this.label),i("input",{key:"a078574a5ffad9eafea791cf5866ac123c4d5f56",id:"control",part:"control",class:"bs-input__control",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,onInput:this.onInput,onChange:this.onChange}),this.error?i("span",{id:"description-or-error",part:"error",class:"bs-input__error"},this.error):this.description?i("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}static get style(){return":host{display:block}.bs-input{display:flex;flex-direction:column;gap:var(--bs-spacing-100);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label)}.bs-input__control{height:var(--bs-spacing-600);padding:0 var(--bs-spacing-300);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-default);color:var(--bs-input-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-placeholder)}.bs-input__control:hover:not(:disabled){border-color:var(--bs-input-border-hover)}.bs-input__control:focus-visible{outline:none;border-color:var(--bs-input-border-focus)}.bs-input__control:disabled{background:var(--bs-input-bg-disabled);color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input--error .bs-input__control{border-color:var(--bs-input-border-error)}.bs-input--error .bs-input__label{color:var(--bs-input-label)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description)}.bs-input__error{font-size:var(--bs-font-size-xs);color:var(--bs-input-error)}"}},[529,"bs-input",{value:[1],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["bs-input"].forEach((t=>{"bs-input"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))}n();const a=o,b=n;export{a as BsInput,b as defineCustomElement}
+import{t as r,p as t,H as s,c as e,h as i}from"./p-BpvhHQSw.js";const o=t(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bsInput=e(this,"bsInput"),this.bsChange=e(this,"bsChange")}value="";type="text";label;placeholder;description;error;disabled=!1;bsInput;bsChange;onInput=r=>{this.bsInput.emit(r.target.value)};onChange=r=>{this.bsChange.emit(r.target.value)};render(){return i("div",{key:"571583a0d1181a2e307ba86679003c6cc37e4e63",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&i("label",{key:"0a6c34ad8de3227e1264af649c1ac227e64c67bd",part:"label",class:"bs-input__label",htmlFor:"control"},this.label),i("input",{key:"de46e2c3272735160ca1773abf6fd270d042cfdd",id:"control",part:"control",class:"bs-input__control",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,onInput:this.onInput,onChange:this.onChange}),this.error?i("span",{id:"description-or-error",part:"error",class:"bs-input__error"},this.error):this.description?i("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}static get style(){return":host{display:block}.bs-input{display:flex;flex-direction:column;gap:var(--bs-spacing-100);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label)}.bs-input__control{height:var(--bs-spacing-600);padding:0 var(--bs-spacing-300);border:1px solid var(--bs-input-border-default);border-radius:var(--bs-border-radius-100);background:var(--bs-input-bg-default);color:var(--bs-input-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-placeholder)}.bs-input__control:hover:not(:disabled){border-color:var(--bs-input-border-hover)}.bs-input__control:focus-visible{outline:none;border-color:var(--bs-input-border-focus)}.bs-input__control:disabled{background:var(--bs-input-bg-disabled);color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input--error .bs-input__control{border-color:var(--bs-input-border-error)}.bs-input--error .bs-input__label{color:var(--bs-input-label)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description)}.bs-input__error{font-size:var(--bs-font-size-xs);color:var(--bs-input-error)}"}},[529,"bs-input",{value:[1],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["bs-input"].forEach((t=>{"bs-input"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))}n();const a=o,l=n;export{a as BsInput,l as defineCustomElement}

package/dist/components/bs-menu-item.js

@@ -1 +1 @@
-import{t as e,p as t,H as n,c as s,h as i}from"./p-BpvhHQSw.js";const a=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=s(this,"bsSelect")}hasIcon=!1;bsSelect;onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.bsSelect.emit()};render(){return i("button",{key:"4d0e94afadd487e2ec44c0c6b416c27eb8f1a5f4",type:"button",part:"item",role:"menuitem",class:"bs-menu-item",onClick:this.onClick},i("span",{key:"a436154aaddddadc3944049597a87a2b52eb61cb",part:"icon",class:"bs-menu-item__icon "+(this.hasIcon?"bs-menu-item__icon--has-content":"")},i("slot",{key:"50ad9c1b78bc8ea55219ad7692d7ef7fa7e48189",name:"icon",onSlotchange:this.onIconSlotchange})),i("span",{key:"b3d1ee83556f10de5ad08d6f212ebfd9531dd54e",part:"label",class:"bs-menu-item__label"},i("slot",{key:"5fe02e9b2407c4fd9eaf699caec9ecc9c0e25575"})))}static get style(){return":host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}"}},[769,"bs-menu-item",{hasIcon:[32]}]);function o(){"undefined"!=typeof customElements&&["bs-menu-item"].forEach((t=>{"bs-menu-item"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}o();const r=a,m=o;export{r as BsMenuItem,m as defineCustomElement}
+import{t as e,p as t,H as n,c as s,h as i}from"./p-BpvhHQSw.js";const a=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=s(this,"bsSelect")}hasIcon=!1;bsSelect;onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.bsSelect.emit()};render(){return i("button",{key:"0fbb5f8802a2866794682b90a850d5455c86d69e",type:"button",part:"item",role:"menuitem",class:"bs-menu-item",onClick:this.onClick},i("span",{key:"810cd5b7bebf0f0f411a956fa13357b4bc3b18ae",part:"icon",class:"bs-menu-item__icon "+(this.hasIcon?"bs-menu-item__icon--has-content":"")},i("slot",{key:"683105e1dd44932ac0b569d57eccc3fb54dc1497",name:"icon",onSlotchange:this.onIconSlotchange})),i("span",{key:"2d0edd4325f535020b04bcea93db47ef60d33127",part:"label",class:"bs-menu-item__label"},i("slot",{key:"b7ca912d7ec3b5ac3a78f09eb03b8d6b0f96cc2e"})))}static get style(){return":host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}"}},[769,"bs-menu-item",{hasIcon:[32]}]);function o(){"undefined"!=typeof customElements&&["bs-menu-item"].forEach((t=>{"bs-menu-item"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}o();const r=a,b=o;export{r as BsMenuItem,b as defineCustomElement}

package/dist/components/bs-menu.js

@@ -1 +1 @@
-import{t as s,p as e,H as a,h as n}from"./p-BpvhHQSw.js";const r=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){return n("div",{key:"d4eee73bfffd1fcfd8f057e394a53fea4688748b",part:"list",class:"bs-menu",role:"menu"},n("slot",{key:"866189bfabc2798ce37b8f0f6141143d4c49081e"}))}static get style(){return":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}"}},[257,"bs-menu"]);function b(){"undefined"!=typeof customElements&&["bs-menu"].forEach((e=>{"bs-menu"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))}b();const u=r,d=b;export{u as BsMenu,d as defineCustomElement}
+import{t as s,p as e,H as a,h as n}from"./p-BpvhHQSw.js";const r=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){return n("div",{key:"e5008951228aa528404f810fe9ce90a5ee7298b1",part:"list",class:"bs-menu",role:"menu"},n("slot",{key:"d2e590cf51f626bd22dce58535fbea81291f9068"}))}static get style(){return":host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}"}},[257,"bs-menu"]);function b(){"undefined"!=typeof customElements&&["bs-menu"].forEach((e=>{"bs-menu"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))}b();const u=r,t=b;export{u as BsMenu,t as defineCustomElement}

package/dist/esm/brandsync-wc.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-menu-item",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
+  return bootstrapLazy([["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-menu-item",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
 });

package/dist/esm/bs-chatbot-suggestion-button.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, c as createEvent, h } from './index-nLORuTUY.js';
+
+const bsChatbotSuggestionButtonCss = () => `:host{display:inline-block;--bs-chatbot-suggestion-button-radius:var(--bs-border-radius-full);--bs-chatbot-suggestion-button-border-color:var(--bs-border-primary);--bs-chatbot-suggestion-button-bg-default:var(--bs-color-primary-container);--bs-chatbot-suggestion-button-bg-hover:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-bg-pressed:var(--bs-brand-200);--bs-chatbot-suggestion-button-bg-focus:var(--bs-color-primary-container-hover);--bs-chatbot-suggestion-button-text-default:var(--bs-text-action);--bs-chatbot-suggestion-button-text-hover:var(--bs-text-action-hover);--bs-chatbot-suggestion-button-focus-ring-color:var(--bs-border-primary-focus)}.bs-chatbot-suggestion-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:80px;padding:var(--bs-spacing-100) var(--bs-spacing-200);border:var(--bs-border-width-thin) solid var(--bs-chatbot-suggestion-button-border-color);border-radius:var(--bs-chatbot-suggestion-button-radius);background:var(--bs-chatbot-suggestion-button-bg-default);color:var(--bs-chatbot-suggestion-button-text-default);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);text-align:center;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-chatbot-suggestion-button:hover:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-hover);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:active:not(:disabled){background:var(--bs-chatbot-suggestion-button-bg-pressed);color:var(--bs-chatbot-suggestion-button-text-hover)}.bs-chatbot-suggestion-button:focus-visible{background:var(--bs-chatbot-suggestion-button-bg-focus);color:var(--bs-chatbot-suggestion-button-text-hover);outline:var(--bs-border-width-medium) solid var(--bs-chatbot-suggestion-button-focus-ring-color);outline-offset:3px}.bs-chatbot-suggestion-button:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}`;
+
+const BsChatbotSuggestionButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsSelect = createEvent(this, "bsSelect");
+    }
+    /** Disables the button and applies a reduced-opacity treatment. */
+    disabled = false;
+    /** Fires when the button is clicked. */
+    bsSelect;
+    onClick = () => {
+        this.bsSelect.emit();
+    };
+    render() {
+        return (h("button", { key: 'e19ad1fd5e95f84f6bff54cbc326e78f70ef3677', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '4048fb336d69f0ca78e50ea9d5cba52921906966' })));
+    }
+};
+BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();
+
+export { BsChatbotSuggestionButton as bs_chatbot_suggestion_button };

package/dist/esm/bs-input.entry.js

@@ -28,10 +28,10 @@ const BsInput = class {
         this.bsChange.emit(value);
     };
     render() {
-        return (h("div", { key: 'df12d3d7af1bdc0e0e536e6c635ee406e4043b4f', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
+        return (h("div", { key: '571583a0d1181a2e307ba86679003c6cc37e4e63', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
         // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
         // to this instance's own shadow root, so it can never collide with another bs-input.
-        h("label", { key: '2e4f867d17ab691a1df1b0b5b2964c0e1e986a91', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label)), h("input", { key: 'a078574a5ffad9eafea791cf5866ac123c4d5f56', id: "control", part: "control", class: "bs-input__control", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
+        h("label", { key: '0a6c34ad8de3227e1264af649c1ac227e64c67bd', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label)), h("input", { key: 'de46e2c3272735160ca1773abf6fd270d042cfdd', id: "control", part: "control", class: "bs-input__control", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/bs-menu-item.entry.js

@@ -19,7 +19,7 @@ const BsMenuItem = class {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '4d0e94afadd487e2ec44c0c6b416c27eb8f1a5f4', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, h("span", { key: 'a436154aaddddadc3944049597a87a2b52eb61cb', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '50ad9c1b78bc8ea55219ad7692d7ef7fa7e48189', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'b3d1ee83556f10de5ad08d6f212ebfd9531dd54e', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '5fe02e9b2407c4fd9eaf699caec9ecc9c0e25575' }))));
+        return (h("button", { key: '0fbb5f8802a2866794682b90a850d5455c86d69e', type: "button", part: "item", role: "menuitem", class: "bs-menu-item", onClick: this.onClick }, h("span", { key: '810cd5b7bebf0f0f411a956fa13357b4bc3b18ae', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '683105e1dd44932ac0b569d57eccc3fb54dc1497', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '2d0edd4325f535020b04bcea93db47ef60d33127', part: "label", class: "bs-menu-item__label" }, h("slot", { key: 'b7ca912d7ec3b5ac3a78f09eb03b8d6b0f96cc2e' }))));
     }
 };
 BsMenuItem.style = bsMenuItemCss();

package/dist/esm/bs-menu.entry.js

@@ -7,7 +7,7 @@ const BsMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd4eee73bfffd1fcfd8f057e394a53fea4688748b', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '866189bfabc2798ce37b8f0f6141143d4c49081e' })));
+        return (h("div", { key: 'e5008951228aa528404f810fe9ce90a5ee7298b1', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: 'd2e590cf51f626bd22dce58535fbea81291f9068' })));
     }
 };
 BsMenu.style = bsMenuCss();

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-nLORuTUY.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-menu-item",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
+  return bootstrapLazy([["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1]}]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1],"state":[1],"ariaLabel":[1,"aria-label"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32]}]]],["bs-input",[[529,"bs-input",{"value":[1],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-menu-item",[[769,"bs-menu-item",{"hasIcon":[32]}]]],["bs-modal",[[769,"bs-modal",{"open":[1540],"heading":[1],"size":[1],"hasFooter":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. "How can I help you?").
+ *
+ * One instance renders one chip -- to show several suggestion prompts side by side, render
+ * multiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this
+ * library doesn't ship a separate list/group component for that since a `<div>` with
+ * `flex-wrap: wrap` is sufficient.
+ *
+ * ## When to use
+ * - Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.
+ *
+ * ## When not to use
+ * - As a general-purpose button -- use `bs-button` instead, this component's pill shape and
+ *   tonal color treatment are specific to Genie chat suggestion prompts.
+ *
+ * @slot - Default slot: the suggestion's label text.
+ * @part button - The button element.
+ * @prop --bs-chatbot-suggestion-button-radius - Corner radius. Aliased to `--bs-border-radius-full`.
+ * @prop --bs-chatbot-suggestion-button-border-color - Border color. Aliased to `--bs-border-primary`.
+ * @prop --bs-chatbot-suggestion-button-bg-default - Background in the default (enabled) state.
+ *   Aliased to `--bs-color-primary-container`.
+ * @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
+ *   `--bs-color-primary-container-hover`.
+ * @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased directly to
+ *   the primitive `--bs-brand-200` -- there's no pre-built semantic "container-pressed" token
+ *   matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
+ *   component aliases one locally (same situation `bs-button.css` documents for its
+ *   subtle/outlined/success/warning/info variants).
+ * @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
+ *   `--bs-color-primary-container-hover` (same as hover).
+ * @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
+ *   `--bs-text-action`.
+ * @prop --bs-chatbot-suggestion-button-text-hover - Text color on hover, pressed, and focus.
+ *   Aliased to `--bs-text-action-hover`.
+ * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
+ *   `--bs-border-primary-focus`.
+ */
+export declare class BsChatbotSuggestionButton {
+    /** Disables the button and applies a reduced-opacity treatment. */
+    disabled: boolean;
+    /** Fires when the button is clicked. */
+    bsSelect: EventEmitter<void>;
+    private onClick;
+    render(): any;
+}

package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsChatbotSuggestionButtonArgs {
+    label: string;
+    disabled: boolean;
+}
+declare const meta: Meta<BsChatbotSuggestionButtonArgs>;
+export default meta;
+type Story = StoryObj<BsChatbotSuggestionButtonArgs>;
+export declare const Default: Story;
+export declare const SuggestionRow: Story;

package/dist/types/components.d.ts

@@ -190,6 +190,44 @@ export namespace Components {
          */
         "sourcesCount"?: number;
     }
+    /**
+     * A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. "How can I help you?").
+     * One instance renders one chip -- to show several suggestion prompts side by side, render
+     * multiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this
+     * library doesn't ship a separate list/group component for that since a `<div>` with
+     * `flex-wrap: wrap` is sufficient.
+     * ## When to use
+     * - Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.
+     * ## When not to use
+     * - As a general-purpose button -- use `bs-button` instead, this component's pill shape and
+     *   tonal color treatment are specific to Genie chat suggestion prompts.
+     * @prop --bs-chatbot-suggestion-button-radius - Corner radius. Aliased to `--bs-border-radius-full`.
+     * @prop --bs-chatbot-suggestion-button-border-color - Border color. Aliased to `--bs-border-primary`.
+     * @prop --bs-chatbot-suggestion-button-bg-default - Background in the default (enabled) state.
+     * Aliased to `--bs-color-primary-container`.
+     * @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
+     * `--bs-color-primary-container-hover`.
+     * @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased directly to
+     * the primitive `--bs-brand-200` -- there's no pre-built semantic "container-pressed" token
+     * matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
+     * component aliases one locally (same situation `bs-button.css` documents for its
+     * subtle/outlined/success/warning/info variants).
+     * @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
+     * `--bs-color-primary-container-hover` (same as hover).
+     * @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
+     * `--bs-text-action`.
+     * @prop --bs-chatbot-suggestion-button-text-hover - Text color on hover, pressed, and focus.
+     * Aliased to `--bs-text-action-hover`.
+     * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
+     * `--bs-border-primary-focus`.
+     */
+    interface BsChatbotSuggestionButton {
+        /**
+          * Disables the button and applies a reduced-opacity treatment.
+          * @default false
+         */
+        "disabled": boolean;
+    }
     /**
      * A chat composer input for Genie AI-style conversational interfaces: a text field
      * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -382,6 +420,10 @@ export interface BsChatbotResponseActionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsChatbotResponseActionElement;
 }
+export interface BsChatbotSuggestionButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBsChatbotSuggestionButtonElement;
+}
 export interface BsComposerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBsComposerElement;
@@ -568,6 +610,54 @@ declare global {
         prototype: HTMLBsChatbotResponseActionElement;
         new (): HTMLBsChatbotResponseActionElement;
     };
+    interface HTMLBsChatbotSuggestionButtonElementEventMap {
+        "bsSelect": void;
+    }
+    /**
+     * A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. "How can I help you?").
+     * One instance renders one chip -- to show several suggestion prompts side by side, render
+     * multiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this
+     * library doesn't ship a separate list/group component for that since a `<div>` with
+     * `flex-wrap: wrap` is sufficient.
+     * ## When to use
+     * - Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.
+     * ## When not to use
+     * - As a general-purpose button -- use `bs-button` instead, this component's pill shape and
+     *   tonal color treatment are specific to Genie chat suggestion prompts.
+     * @prop --bs-chatbot-suggestion-button-radius - Corner radius. Aliased to `--bs-border-radius-full`.
+     * @prop --bs-chatbot-suggestion-button-border-color - Border color. Aliased to `--bs-border-primary`.
+     * @prop --bs-chatbot-suggestion-button-bg-default - Background in the default (enabled) state.
+     * Aliased to `--bs-color-primary-container`.
+     * @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
+     * `--bs-color-primary-container-hover`.
+     * @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased directly to
+     * the primitive `--bs-brand-200` -- there's no pre-built semantic "container-pressed" token
+     * matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
+     * component aliases one locally (same situation `bs-button.css` documents for its
+     * subtle/outlined/success/warning/info variants).
+     * @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
+     * `--bs-color-primary-container-hover` (same as hover).
+     * @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
+     * `--bs-text-action`.
+     * @prop --bs-chatbot-suggestion-button-text-hover - Text color on hover, pressed, and focus.
+     * Aliased to `--bs-text-action-hover`.
+     * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
+     * `--bs-border-primary-focus`.
+     */
+    interface HTMLBsChatbotSuggestionButtonElement extends Components.BsChatbotSuggestionButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBsChatbotSuggestionButtonElementEventMap>(type: K, listener: (this: HTMLBsChatbotSuggestionButtonElement, ev: BsChatbotSuggestionButtonCustomEvent<HTMLBsChatbotSuggestionButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBsChatbotSuggestionButtonElementEventMap>(type: K, listener: (this: HTMLBsChatbotSuggestionButtonElement, ev: BsChatbotSuggestionButtonCustomEvent<HTMLBsChatbotSuggestionButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBsChatbotSuggestionButtonElement: {
+        prototype: HTMLBsChatbotSuggestionButtonElement;
+        new (): HTMLBsChatbotSuggestionButtonElement;
+    };
     interface HTMLBsComposerElementEventMap {
         "bsInput": string;
         "bsSubmit": void;
@@ -770,6 +860,7 @@ declare global {
         "bs-card": HTMLBsCardElement;
         "bs-chatbot-header": HTMLBsChatbotHeaderElement;
         "bs-chatbot-response-action": HTMLBsChatbotResponseActionElement;
+        "bs-chatbot-suggestion-button": HTMLBsChatbotSuggestionButtonElement;
         "bs-composer": HTMLBsComposerElement;
         "bs-data-table": HTMLBsDataTableElement;
         "bs-input": HTMLBsInputElement;
@@ -989,6 +1080,48 @@ declare namespace LocalJSX {
          */
         "sourcesCount"?: number;
     }
+    /**
+     * A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. "How can I help you?").
+     * One instance renders one chip -- to show several suggestion prompts side by side, render
+     * multiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this
+     * library doesn't ship a separate list/group component for that since a `<div>` with
+     * `flex-wrap: wrap` is sufficient.
+     * ## When to use
+     * - Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.
+     * ## When not to use
+     * - As a general-purpose button -- use `bs-button` instead, this component's pill shape and
+     *   tonal color treatment are specific to Genie chat suggestion prompts.
+     * @prop --bs-chatbot-suggestion-button-radius - Corner radius. Aliased to `--bs-border-radius-full`.
+     * @prop --bs-chatbot-suggestion-button-border-color - Border color. Aliased to `--bs-border-primary`.
+     * @prop --bs-chatbot-suggestion-button-bg-default - Background in the default (enabled) state.
+     * Aliased to `--bs-color-primary-container`.
+     * @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
+     * `--bs-color-primary-container-hover`.
+     * @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased directly to
+     * the primitive `--bs-brand-200` -- there's no pre-built semantic "container-pressed" token
+     * matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
+     * component aliases one locally (same situation `bs-button.css` documents for its
+     * subtle/outlined/success/warning/info variants).
+     * @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
+     * `--bs-color-primary-container-hover` (same as hover).
+     * @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
+     * `--bs-text-action`.
+     * @prop --bs-chatbot-suggestion-button-text-hover - Text color on hover, pressed, and focus.
+     * Aliased to `--bs-text-action-hover`.
+     * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
+     * `--bs-border-primary-focus`.
+     */
+    interface BsChatbotSuggestionButton {
+        /**
+          * Disables the button and applies a reduced-opacity treatment.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Fires when the button is clicked.
+         */
+        "onBsSelect"?: (event: BsChatbotSuggestionButtonCustomEvent<void>) => void;
+    }
     /**
      * A chat composer input for Genie AI-style conversational interfaces: a text field
      * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
@@ -1230,6 +1363,9 @@ declare namespace LocalJSX {
         "sourcesCount": number;
         "menuOpen": boolean;
     }
+    interface BsChatbotSuggestionButtonAttributes {
+        "disabled": boolean;
+    }
     interface BsComposerAttributes {
         "variant": BsComposerVariant;
         "placeholder": string;
@@ -1264,6 +1400,7 @@ declare namespace LocalJSX {
         "bs-card": Omit<BsCard, keyof BsCardAttributes> & { [K in keyof BsCard & keyof BsCardAttributes]?: BsCard[K] } & { [K in keyof BsCard & keyof BsCardAttributes as `attr:${K}`]?: BsCardAttributes[K] } & { [K in keyof BsCard & keyof BsCardAttributes as `prop:${K}`]?: BsCard[K] };
         "bs-chatbot-header": Omit<BsChatbotHeader, keyof BsChatbotHeaderAttributes> & { [K in keyof BsChatbotHeader & keyof BsChatbotHeaderAttributes]?: BsChatbotHeader[K] } & { [K in keyof BsChatbotHeader & keyof BsChatbotHeaderAttributes as `attr:${K}`]?: BsChatbotHeaderAttributes[K] } & { [K in keyof BsChatbotHeader & keyof BsChatbotHeaderAttributes as `prop:${K}`]?: BsChatbotHeader[K] };
         "bs-chatbot-response-action": Omit<BsChatbotResponseAction, keyof BsChatbotResponseActionAttributes> & { [K in keyof BsChatbotResponseAction & keyof BsChatbotResponseActionAttributes]?: BsChatbotResponseAction[K] } & { [K in keyof BsChatbotResponseAction & keyof BsChatbotResponseActionAttributes as `attr:${K}`]?: BsChatbotResponseActionAttributes[K] } & { [K in keyof BsChatbotResponseAction & keyof BsChatbotResponseActionAttributes as `prop:${K}`]?: BsChatbotResponseAction[K] };
+        "bs-chatbot-suggestion-button": Omit<BsChatbotSuggestionButton, keyof BsChatbotSuggestionButtonAttributes> & { [K in keyof BsChatbotSuggestionButton & keyof BsChatbotSuggestionButtonAttributes]?: BsChatbotSuggestionButton[K] } & { [K in keyof BsChatbotSuggestionButton & keyof BsChatbotSuggestionButtonAttributes as `attr:${K}`]?: BsChatbotSuggestionButtonAttributes[K] } & { [K in keyof BsChatbotSuggestionButton & keyof BsChatbotSuggestionButtonAttributes as `prop:${K}`]?: BsChatbotSuggestionButton[K] };
         "bs-composer": Omit<BsComposer, keyof BsComposerAttributes> & { [K in keyof BsComposer & keyof BsComposerAttributes]?: BsComposer[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `attr:${K}`]?: BsComposerAttributes[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `prop:${K}`]?: BsComposer[K] };
         "bs-data-table": Omit<BsDataTable, keyof BsDataTableAttributes> & { [K in keyof BsDataTable & keyof BsDataTableAttributes]?: BsDataTable[K] } & { [K in keyof BsDataTable & keyof BsDataTableAttributes as `attr:${K}`]?: BsDataTableAttributes[K] } & { [K in keyof BsDataTable & keyof BsDataTableAttributes as `prop:${K}`]?: BsDataTable[K] };
         "bs-input": Omit<BsInput, keyof BsInputAttributes> & { [K in keyof BsInput & keyof BsInputAttributes]?: BsInput[K] } & { [K in keyof BsInput & keyof BsInputAttributes as `attr:${K}`]?: BsInputAttributes[K] } & { [K in keyof BsInput & keyof BsInputAttributes as `prop:${K}`]?: BsInput[K] };
@@ -1381,6 +1518,38 @@ declare module "@stencil/core" {
              * @prop --bs-chatbot-response-action-sources-line-height - Aliased to `--bs-line-height-body-sm`.
              */
             "bs-chatbot-response-action": LocalJSX.IntrinsicElements["bs-chatbot-response-action"] & JSXBase.HTMLAttributes<HTMLBsChatbotResponseActionElement>;
+            /**
+             * A pill-shaped clickable suggestion chip for a Genie AI chat panel (e.g. "How can I help you?").
+             * One instance renders one chip -- to show several suggestion prompts side by side, render
+             * multiple `bs-chatbot-suggestion-button` elements inside a plain flex-wrap container; this
+             * library doesn't ship a separate list/group component for that since a `<div>` with
+             * `flex-wrap: wrap` is sufficient.
+             * ## When to use
+             * - Quick-reply/starter prompts shown above or alongside `bs-composer` in a Genie AI chat panel.
+             * ## When not to use
+             * - As a general-purpose button -- use `bs-button` instead, this component's pill shape and
+             *   tonal color treatment are specific to Genie chat suggestion prompts.
+             * @prop --bs-chatbot-suggestion-button-radius - Corner radius. Aliased to `--bs-border-radius-full`.
+             * @prop --bs-chatbot-suggestion-button-border-color - Border color. Aliased to `--bs-border-primary`.
+             * @prop --bs-chatbot-suggestion-button-bg-default - Background in the default (enabled) state.
+             * Aliased to `--bs-color-primary-container`.
+             * @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
+             * `--bs-color-primary-container-hover`.
+             * @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased directly to
+             * the primitive `--bs-brand-200` -- there's no pre-built semantic "container-pressed" token
+             * matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
+             * component aliases one locally (same situation `bs-button.css` documents for its
+             * subtle/outlined/success/warning/info variants).
+             * @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
+             * `--bs-color-primary-container-hover` (same as hover).
+             * @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
+             * `--bs-text-action`.
+             * @prop --bs-chatbot-suggestion-button-text-hover - Text color on hover, pressed, and focus.
+             * Aliased to `--bs-text-action-hover`.
+             * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
+             * `--bs-border-primary-focus`.
+             */
+            "bs-chatbot-suggestion-button": LocalJSX.IntrinsicElements["bs-chatbot-suggestion-button"] & JSXBase.HTMLAttributes<HTMLBsChatbotSuggestionButtonElement>;
             /**
              * A chat composer input for Genie AI-style conversational interfaces: a text field
              * plus an attach button, a mic/voice-recording toggle, and a single primary action button whose

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "publishConfig": {
     "access": "public"
   },
@@ -54,6 +54,7 @@
     "@stencil/vitest": "^1.8.3",
     "@storybook/addon-a11y": "^10.5.8",
     "@storybook/addon-docs": "^10.5.8",
+    "@storybook/addon-vitest": "^10.5.8",
     "@storybook/web-components-vite": "^10.5.8",
     "@types/node": "^22.13.5",
     "@vitest/browser-playwright": "^4.0.0",