@brandsync/wc 1.12.1 → 1.13.0

package/custom-elements.json

@@ -267,6 +267,70 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-accordion-group/bs-accordion-group.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-accordion-group",
+          "name": "BsAccordionGroup",
+          "description": "Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child\nrequests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children\nare left independent.\n\nBecause `bs-accordion` is a controlled component, the group applies the requested value to the\nchild's `expanded` property itself.\n\n## When to use\n- A stack of FAQ-style sections where one open at a time keeps the page short.\n\n## When not to use\n- A single section (use `bs-accordion` directly).",
+          "attributes": [
+            {
+              "name": "multiple",
+              "description": "Allow several accordions to be expanded at once.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "multiple"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "multiple",
+              "description": "Allow several accordions to be expanded at once.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "multiple"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "`bs-accordion` elements."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "group",
+              "description": "The stacking wrapper."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsAccordionGroup",
+          "declaration": {
+            "name": "BsAccordionGroup"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-accordion-group",
+          "declaration": {
+            "name": "BsAccordionGroup"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-ai-disclaimer/bs-ai-disclaimer.tsx",
@@ -504,6 +568,15 @@
               "default": "true",
               "fieldName": "removable"
             },
+            {
+              "name": "remove-label",
+              "description": "Prefix of the remove button's accessible name (\"Remove attachment: {fileName}\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Remove attachment'",
+              "fieldName": "removeLabel"
+            },
             {
               "name": "type",
               "description": "Which kind of attachment preview to render.",
@@ -517,6 +590,15 @@
               },
               "default": "'image'",
               "fieldName": "type"
+            },
+            {
+              "name": "uploading-label",
+              "description": "Accessible name of the upload spinner while `loading`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Uploading'",
+              "fieldName": "uploadingLabel"
             }
           ],
           "members": [
@@ -569,6 +651,16 @@
               "default": "true",
               "attribute": "removable"
             },
+            {
+              "kind": "field",
+              "name": "removeLabel",
+              "description": "Prefix of the remove button's accessible name (\"Remove attachment: {fileName}\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Remove attachment'",
+              "attribute": "remove-label"
+            },
             {
               "kind": "field",
               "name": "type",
@@ -583,6 +675,16 @@
               },
               "default": "'image'",
               "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "uploadingLabel",
+              "description": "Accessible name of the upload spinner while `loading`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Uploading'",
+              "attribute": "uploading-label"
             }
           ],
           "events": [
@@ -1716,6 +1818,15 @@
           "name": "BsButtonSkeleton",
           "description": "A shape-matched loading placeholder for `bs-button`, shown while the real label/action isn't\nknown yet (e.g. still being fetched from an API). Sized to match `bs-button`'s `sm`/`md`/`lg`\nheights so layout doesn't shift once the real button renders.\n\nThis is not a submit-in-progress spinner — that's a different concern (a button that's\nalready rendered but waiting on an async action it triggered). Use this component only when\nthe button itself doesn't exist yet.\n\n## When to use\n- In place of a `bs-button` whose label/visibility depends on data that hasn't loaded yet.\n\n## When not to use\n- While a button's own click handler is running (e.g. a submit request in flight) — render the\n  real `bs-button` and show its own busy/spinner state instead.",
           "attributes": [
+            {
+              "name": "loading-label",
+              "description": "Accessible name announced for the loading placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "fieldName": "loadingLabel"
+            },
             {
               "name": "size",
               "description": "Sizing scale, matching the `bs-button` size it stands in for.",
@@ -1733,6 +1844,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "loadingLabel",
+              "description": "Accessible name announced for the loading placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "attribute": "loading-label"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -2271,6 +2392,15 @@
           "name": "BsChatbotFeedback",
           "description": "A star-rating feedback card shown at the end of a Genie AI chat: a heading/subtitle, a 5-star\nrating, an optional comment, and either \"Submit feedback\" + \"Start new chat\" (before\nsubmitting) or just \"Start new chat\" (after).\n\n## When to use\n- Prompting for feedback on a Genie response or chat session, typically after the user ends or\n  restarts a conversation.\n\n## When not to use\n- A generic star-rating input elsewhere in the product -- this component's copy and layout are\n  purpose-built for the Genie feedback flow, not a reusable rating control.\n\nThe heading and subtitle are not freeform props: before submitting, they're always the fixed\n\"How was your experience...\" copy; after submitting, they're determined entirely by `rating`\n(1-2 stars reads apologetic, 3 neutral, 4-5 positive), matching the Figma source exactly. Use\n`heading`/`subtitle` only if a consuming app genuinely needs to override that copy.",
           "attributes": [
+            {
+              "name": "close-label",
+              "description": "Accessible name of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "fieldName": "closeLabel"
+            },
             {
               "name": "comment",
               "description": "The comment text.",
@@ -2280,14 +2410,40 @@
               "default": "''",
               "fieldName": "comment"
             },
+            {
+              "name": "comment-label",
+              "description": "Label above the optional comment field.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Tell us what you think'",
+              "fieldName": "commentLabel"
+            },
+            {
+              "name": "comment-placeholder",
+              "description": "Placeholder of the optional comment field.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'e.g.The response was helpful ....'",
+              "fieldName": "commentPlaceholder"
+            },
             {
               "name": "heading",
-              "description": "Overrides the computed heading (see the class doc for why this is computed by default).",
               "type": {
                 "text": "string"
               },
               "fieldName": "heading"
             },
+            {
+              "name": "new-chat-label",
+              "description": "Text of the \"new chat\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Start new chat'",
+              "fieldName": "newChatLabel"
+            },
             {
               "name": "rating",
               "description": "Current star rating, 0-5. 0 means no rating has been given yet.",
@@ -2297,6 +2453,42 @@
               "default": "0",
               "fieldName": "rating"
             },
+            {
+              "name": "rating-label",
+              "description": "Accessible name of the star rating group.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Rating'",
+              "fieldName": "ratingLabel"
+            },
+            {
+              "name": "star-label",
+              "description": "Singular star noun used in each star's accessible name (\"1 star\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'star'",
+              "fieldName": "starLabel"
+            },
+            {
+              "name": "stars-label",
+              "description": "Plural star noun used in each star's accessible name (\"3 stars\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'stars'",
+              "fieldName": "starsLabel"
+            },
+            {
+              "name": "submit-label",
+              "description": "Text of the submit button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Submit feedback'",
+              "fieldName": "submitLabel"
+            },
             {
               "name": "submitted",
               "description": "Whether feedback has been submitted. Switches the card from the editable form to the\nread-only \"thanks\" view.",
@@ -2316,6 +2508,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "closeLabel",
+              "description": "Accessible name of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "attribute": "close-label"
+            },
             {
               "kind": "field",
               "name": "comment",
@@ -2326,15 +2528,44 @@
               "default": "''",
               "attribute": "comment"
             },
+            {
+              "kind": "field",
+              "name": "commentLabel",
+              "description": "Label above the optional comment field.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Tell us what you think'",
+              "attribute": "comment-label"
+            },
+            {
+              "kind": "field",
+              "name": "commentPlaceholder",
+              "description": "Placeholder of the optional comment field.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'e.g.The response was helpful ....'",
+              "attribute": "comment-placeholder"
+            },
             {
               "kind": "field",
               "name": "heading",
-              "description": "Overrides the computed heading (see the class doc for why this is computed by default).",
               "type": {
                 "text": "string"
               },
               "attribute": "heading"
             },
+            {
+              "kind": "field",
+              "name": "newChatLabel",
+              "description": "Text of the \"new chat\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Start new chat'",
+              "attribute": "new-chat-label"
+            },
             {
               "kind": "field",
               "name": "rating",
@@ -2346,6 +2577,46 @@
               "attribute": "rating",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "ratingLabel",
+              "description": "Accessible name of the star rating group.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Rating'",
+              "attribute": "rating-label"
+            },
+            {
+              "kind": "field",
+              "name": "starLabel",
+              "description": "Singular star noun used in each star's accessible name (\"1 star\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'star'",
+              "attribute": "star-label"
+            },
+            {
+              "kind": "field",
+              "name": "starsLabel",
+              "description": "Plural star noun used in each star's accessible name (\"3 stars\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'stars'",
+              "attribute": "stars-label"
+            },
+            {
+              "kind": "field",
+              "name": "submitLabel",
+              "description": "Text of the submit button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Submit feedback'",
+              "attribute": "submit-label"
+            },
             {
               "kind": "field",
               "name": "submitted",
@@ -2472,6 +2743,33 @@
           "name": "BsChatbotHeader",
           "description": "The header bar that sits above `bs-composer` in a Genie AI chat panel: the Genie brand mark on\nthe left and four fixed actions (new chat, history, expand, close) on the right.\n\n## When to use\n- The top bar of a Genie AI chat panel, directly above a `bs-composer`.\n\n## When not to use\n- A generic app/page header — this component's layout and actions are purpose-built for the\n  Genie chat panel, not a general navigation bar.\n\nEach action button shows a `bs-tooltip` (placement=\"top\", i.e. positioned below the button with\nits arrow pointing up toward it -- fits naturally since this header sits at the top of a panel)\non hover/focus, driven by plain CSS (`:hover`/`:focus-within` on a wrapper, no extra JS state).\nThe tooltip is `aria-hidden` since it's a purely visual reinforcement of each button's existing\n`aria-label` -- screen readers already get the accessible name from the button itself, so the\ntooltip doesn't need to be (and shouldn't be) announced a second time.",
           "attributes": [
+            {
+              "name": "close-label",
+              "description": "Accessible name and tooltip text of the \"Close\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "fieldName": "closeLabel"
+            },
+            {
+              "name": "collapse-label",
+              "description": "Accessible name and tooltip text of the expand button while `expanded`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Exit fullscreen'",
+              "fieldName": "collapseLabel"
+            },
+            {
+              "name": "expand-label",
+              "description": "Accessible name and tooltip text of the expand button while collapsed.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Fullscreen'",
+              "fieldName": "expandLabel"
+            },
             {
               "name": "expanded",
               "description": "Whether the chat panel is currently expanded (e.g. to full viewport width/height). This\ncomponent has no visibility into the surrounding layout, so it does not resize anything\nitself -- it only tracks and reflects the toggle state (via the `expanded` attribute, for CSS\nhooks, and `aria-pressed`/`aria-label` on the expand button) and emits `bsExpand` with the new\nvalue. The consuming app is responsible for actually resizing its own chat panel container in\nresponse to that event, since only the app knows what that container is.",
@@ -2489,62 +2787,210 @@
               },
               "default": "'Genie'",
               "fieldName": "heading"
-            }
-          ],
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "expanded",
-              "description": "Whether the chat panel is currently expanded (e.g. to full viewport width/height). This\ncomponent has no visibility into the surrounding layout, so it does not resize anything\nitself -- it only tracks and reflects the toggle state (via the `expanded` attribute, for CSS\nhooks, and `aria-pressed`/`aria-label` on the expand button) and emits `bsExpand` with the new\nvalue. The consuming app is responsible for actually resizing its own chat panel container in\nresponse to that event, since only the app knows what that container is.",
+              "name": "hide-close",
+              "description": "Removes the \"Close\" button from the DOM.",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "expanded",
-              "reflects": true
+              "fieldName": "hideClose"
             },
             {
-              "kind": "field",
-              "name": "heading",
-              "description": "Accessible label for the header landmark, and alt text context for the logo image.",
+              "name": "hide-expand",
+              "description": "Removes the expand/fullscreen button from the DOM.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Genie'",
-              "attribute": "heading"
-            }
-          ],
-          "events": [
+              "default": "false",
+              "fieldName": "hideExpand"
+            },
             {
-              "name": "bsClose",
-              "description": "Fires when the \"Close\" button is clicked.",
+              "name": "hide-history",
+              "description": "Removes the \"History\" button from the DOM.",
               "type": {
-                "text": "CustomEvent<void>"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideHistory"
             },
             {
-              "name": "bsExpand",
-              "description": "Fires when the \"Expand\"/\"Collapse\" button is clicked, with the new `expanded` value.",
+              "name": "hide-new-chat",
+              "description": "Removes the \"New chat\" button from the DOM.",
               "type": {
-                "text": "CustomEvent<boolean>"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideNewChat"
             },
             {
-              "name": "bsHistory",
-              "description": "Fires when the \"History\" button is clicked.",
+              "name": "history-label",
+              "description": "Accessible name and tooltip text of the \"History\" button.",
               "type": {
-                "text": "CustomEvent<void>"
-              }
+                "text": "string"
+              },
+              "default": "'History'",
+              "fieldName": "historyLabel"
             },
             {
-              "name": "bsNewChat",
-              "description": "Fires when the \"New chat\" button is clicked.",
+              "name": "new-chat-label",
+              "description": "Accessible name and tooltip text of the \"New chat\" button.",
               "type": {
-                "text": "CustomEvent<void>"
-              }
+                "text": "string"
+              },
+              "default": "'New chat'",
+              "fieldName": "newChatLabel"
             }
           ],
-          "slots": [
+          "members": [
+            {
+              "kind": "field",
+              "name": "closeLabel",
+              "description": "Accessible name and tooltip text of the \"Close\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "attribute": "close-label"
+            },
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "description": "Accessible name and tooltip text of the expand button while `expanded`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Exit fullscreen'",
+              "attribute": "collapse-label"
+            },
+            {
+              "kind": "field",
+              "name": "expandLabel",
+              "description": "Accessible name and tooltip text of the expand button while collapsed.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Fullscreen'",
+              "attribute": "expand-label"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "description": "Whether the chat panel is currently expanded (e.g. to full viewport width/height). This\ncomponent has no visibility into the surrounding layout, so it does not resize anything\nitself -- it only tracks and reflects the toggle state (via the `expanded` attribute, for CSS\nhooks, and `aria-pressed`/`aria-label` on the expand button) and emits `bsExpand` with the new\nvalue. The consuming app is responsible for actually resizing its own chat panel container in\nresponse to that event, since only the app knows what that container is.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "description": "Accessible label for the header landmark, and alt text context for the logo image.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Genie'",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "hideClose",
+              "description": "Removes the \"Close\" button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-close"
+            },
+            {
+              "kind": "field",
+              "name": "hideExpand",
+              "description": "Removes the expand/fullscreen button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-expand"
+            },
+            {
+              "kind": "field",
+              "name": "hideHistory",
+              "description": "Removes the \"History\" button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-history"
+            },
+            {
+              "kind": "field",
+              "name": "hideNewChat",
+              "description": "Removes the \"New chat\" button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-new-chat"
+            },
+            {
+              "kind": "field",
+              "name": "historyLabel",
+              "description": "Accessible name and tooltip text of the \"History\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'History'",
+              "attribute": "history-label"
+            },
+            {
+              "kind": "field",
+              "name": "newChatLabel",
+              "description": "Accessible name and tooltip text of the \"New chat\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'New chat'",
+              "attribute": "new-chat-label"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsClose",
+              "description": "Fires when the \"Close\" button is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsExpand",
+              "description": "Fires when the \"Expand\"/\"Collapse\" button is clicked, with the new `expanded` value.",
+              "type": {
+                "text": "CustomEvent<boolean>"
+              }
+            },
+            {
+              "name": "bsHistory",
+              "description": "Fires when the \"History\" button is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsNewChat",
+              "description": "Fires when the \"New chat\" button is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "actions",
+              "description": "Extra consumer-supplied controls (e.g. a language selector) rendered before the built-in buttons."
+            },
             {
               "name": "close-icon",
               "description": "Overrides the default \"Close\" button icon."
@@ -2614,6 +3060,69 @@
           "name": "BsChatbotResponseAction",
           "description": "The row of action buttons that appears below an AI response message in a Genie chat panel:\nlike, dislike, copy, regenerate, and more-options icon buttons, plus an optional \"N sources\"\nbutton.\n\n## When to use\n- Directly below an AI-generated response message in a Genie chat panel.\n\n## When not to use\n- Below a user's own message -- these actions (regenerate, like/dislike a response, etc.) only\n  make sense for AI-generated content.",
           "attributes": [
+            {
+              "name": "copy-label",
+              "description": "Accessible name of the Copy button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Copy'",
+              "fieldName": "copyLabel"
+            },
+            {
+              "name": "dislike-label",
+              "description": "Accessible name of the Dislike button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dislike'",
+              "fieldName": "dislikeLabel"
+            },
+            {
+              "name": "disliked",
+              "description": "Marks the response as disliked: sets `aria-pressed` on the Dislike button and applies the\npressed background. Consumer-controlled -- the component never toggles it itself.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disliked"
+            },
+            {
+              "name": "hide-regenerate",
+              "description": "Removes the \"Regenerate\" button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideRegenerate"
+            },
+            {
+              "name": "like-label",
+              "description": "Accessible name (and visible text, where applicable) of the Like button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Like'",
+              "fieldName": "likeLabel"
+            },
+            {
+              "name": "liked",
+              "description": "Marks the response as liked: sets `aria-pressed` on the Like button and applies the pressed\nbackground. Consumer-controlled -- the component never toggles it itself.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "liked"
+            },
+            {
+              "name": "menu-label",
+              "description": "Accessible name of the \"More options\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'More options'",
+              "fieldName": "menuLabel"
+            },
             {
               "name": "menu-open",
               "description": "Whether the \"more options\" popup menu (the `menu` slot) is currently open. Mutable + reflected\nso the component can track/close itself (kebab click, click outside, Escape) the same way\n`bs-chatbot-header`'s `expanded` prop tracks its own toggle state, while still emitting\n`bsMenuOpen` for the consumer to react to.",
@@ -2623,6 +3132,24 @@
               "default": "false",
               "fieldName": "menuOpen"
             },
+            {
+              "name": "regenerate-label",
+              "description": "Accessible name of the Regenerate button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Regenerate'",
+              "fieldName": "regenerateLabel"
+            },
+            {
+              "name": "source-label",
+              "description": "Label for a single source; rendered as \"1 {sourceLabel}\".",
+              "type": {
+                "text": "string"
+              },
+              "default": "'source'",
+              "fieldName": "sourceLabel"
+            },
             {
               "name": "sources-count",
               "description": "Number of sources backing the response. When set to a positive number, renders the \"N\nsources\" button (singular \"1 source\" / plural \"N sources\"). When unset or `0`, the button is\nnot rendered at all.",
@@ -2630,9 +3157,90 @@
                 "text": "number"
               },
               "fieldName": "sourcesCount"
+            },
+            {
+              "name": "sources-label",
+              "description": "Label for multiple sources; rendered as \"N {sourcesLabel}\".",
+              "type": {
+                "text": "string"
+              },
+              "default": "'sources'",
+              "fieldName": "sourcesLabel"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "copyLabel",
+              "description": "Accessible name of the Copy button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Copy'",
+              "attribute": "copy-label"
+            },
+            {
+              "kind": "field",
+              "name": "dislikeLabel",
+              "description": "Accessible name of the Dislike button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dislike'",
+              "attribute": "dislike-label"
+            },
+            {
+              "kind": "field",
+              "name": "disliked",
+              "description": "Marks the response as disliked: sets `aria-pressed` on the Dislike button and applies the\npressed background. Consumer-controlled -- the component never toggles it itself.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disliked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideRegenerate",
+              "description": "Removes the \"Regenerate\" button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-regenerate"
+            },
+            {
+              "kind": "field",
+              "name": "likeLabel",
+              "description": "Accessible name (and visible text, where applicable) of the Like button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Like'",
+              "attribute": "like-label"
+            },
+            {
+              "kind": "field",
+              "name": "liked",
+              "description": "Marks the response as liked: sets `aria-pressed` on the Like button and applies the pressed\nbackground. Consumer-controlled -- the component never toggles it itself.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "liked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "menuLabel",
+              "description": "Accessible name of the \"More options\" button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'More options'",
+              "attribute": "menu-label"
+            },
             {
               "kind": "field",
               "name": "menuOpen",
@@ -2644,6 +3252,26 @@
               "attribute": "menu-open",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "regenerateLabel",
+              "description": "Accessible name of the Regenerate button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Regenerate'",
+              "attribute": "regenerate-label"
+            },
+            {
+              "kind": "field",
+              "name": "sourceLabel",
+              "description": "Label for a single source; rendered as \"1 {sourceLabel}\".",
+              "type": {
+                "text": "string"
+              },
+              "default": "'source'",
+              "attribute": "source-label"
+            },
             {
               "kind": "field",
               "name": "sourcesCount",
@@ -2652,6 +3280,16 @@
                 "text": "number"
               },
               "attribute": "sources-count"
+            },
+            {
+              "kind": "field",
+              "name": "sourcesLabel",
+              "description": "Label for multiple sources; rendered as \"N {sourcesLabel}\".",
+              "type": {
+                "text": "string"
+              },
+              "default": "'sources'",
+              "attribute": "sources-label"
             }
           ],
           "events": [
@@ -2784,9 +3422,17 @@
           "name": "BsChatbotSourcesDrawer",
           "description": "The \"Sources\" panel shown alongside a Genie AI chat response -- a header with a title, a count\nbadge, and a collapse chevron, above a stack of `bs-source-link` citation rows.\n\n## When to use\n- Displaying the documents/sources a Genie response cited, typically opened from a \"view\n  sources\" action on a `bs-chatbot-response-action` bar.\n\n## When not to use\n- A generic list container -- this component's header (title + count + collapse) is\n  purpose-built for the sources use case.",
           "attributes": [
+            {
+              "name": "collapse-label",
+              "description": "Accessible name of the collapse button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Collapse sources'",
+              "fieldName": "collapseLabel"
+            },
             {
               "name": "count",
-              "description": "Overrides the auto-detected count badge. By default the badge reflects the number of slotted\n`bs-source-link` children, so most consumers don't need to set this.",
               "type": {
                 "text": "number"
               },
@@ -2803,10 +3449,19 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "description": "Accessible name of the collapse button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Collapse sources'",
+              "attribute": "collapse-label"
+            },
             {
               "kind": "field",
               "name": "count",
-              "description": "Overrides the auto-detected count badge. By default the badge reflects the number of slotted\n`bs-source-link` children, so most consumers don't need to set this.",
               "type": {
                 "text": "number"
               },
@@ -3323,8 +3978,17 @@
           "description": "A shape-matched loading placeholder for `bs-checkbox`, shown while the real label text isn't\nknown yet (e.g. still being fetched from an API). Renders a small square (matching the\ncheckbox's own box) beside a text-bar placeholder (standing in for the label), both pulsing\ntogether, sized to match `bs-checkbox`'s `sm`/`md`/`lg` box dimensions so layout doesn't shift\nonce the real checkbox renders.\n\n## When to use\n- In place of a `bs-checkbox` whose label/checked state depends on data that hasn't loaded yet.\n\n## When not to use\n- While a checkbox's own change handler is running (e.g. a save request in flight) -- render the\n  real `bs-checkbox` itself; this component is not a saving-in-progress spinner.",
           "attributes": [
             {
-              "name": "size",
-              "description": "Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same\n(unusual) default `bs-checkbox` itself uses.",
+              "name": "loading-label",
+              "description": "Accessible name announced for the loading placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "fieldName": "loadingLabel"
+            },
+            {
+              "name": "size",
+              "description": "Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same\n(unusual) default `bs-checkbox` itself uses.",
               "type": {
                 "text": "\"lg\" | \"md\" | \"sm\"",
                 "references": [
@@ -3339,6 +4003,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "loadingLabel",
+              "description": "Accessible name announced for the loading placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "attribute": "loading-label"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -3808,6 +4482,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "remove-label",
+              "description": "Prefix of the remove button's accessible name (\"Remove {label}\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Remove'",
+              "fieldName": "removeLabel"
+            },
             {
               "name": "selected",
               "description": "Whether the chip reads as toggled on. Mutable so clicking the body toggles directly, and\nreflected so consumers can target `bs-chip-input[selected]` via CSS.",
@@ -3844,6 +4527,16 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "removeLabel",
+              "description": "Prefix of the remove button's accessible name (\"Remove {label}\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Remove'",
+              "attribute": "remove-label"
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -3970,171 +4663,92 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/bs-composer/bs-composer.tsx",
+      "path": "src/components/bs-citation-preview/bs-citation-preview.tsx",
       "declarations": [
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "bs-composer",
-          "name": "BsComposer",
-          "description": "A chat composer input for Genie AI-style conversational interfaces: a text field\nplus an attach button, a mic/voice-recording toggle, and a single primary action button whose\nicon and behavior change with `state` (send, stop generating, or confirm a voice recording).\n\n## When to use\n- The message-entry bar for an AI chat/assistant or human support conversation.\n\n## When not to use\n- A general-purpose text field — use `bs-input` instead; this component's layout and states are\n  purpose-built for a chat composer, not a generic form field.\n\n## Focus\nUses `shadow: { delegatesFocus: true }`, so calling `.focus()` on the `<bs-composer>` host\nelement itself (not just its internal `<input>`) moves focus into the shadow-DOM text field --\nuseful for e.g. focusing the composer after a parent view mounts, without reaching into its\nshadow root.",
+          "tagName": "bs-citation-preview",
+          "name": "BsCitationPreview",
+          "description": "Presentational card previewing a cited source: file name, originating system, page number and a\nsnippet of the cited text. It does no fetching -- the consumer supplies content through slots.\nWhen `href` is set, the header becomes a link action.\n\nComposed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and\nopen action).\n\n## When to use\n- Showing the passage a chat answer was grounded in, e.g. on citation hover/click.\n\n## When not to use\n- As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.",
           "attributes": [
             {
-              "name": "aria-label",
-              "description": "Accessible name for the text field. This component has no visible `<label>` (chat composers\ndon't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an\naccessible name -- set it in every real usage.",
+              "name": "file-name",
+              "description": "The cited document's file name.",
               "type": {
                 "text": "string"
               },
-              "default": "null",
-              "fieldName": "ariaLabel"
+              "default": "'Source'",
+              "fieldName": "fileName"
             },
             {
-              "name": "placeholder",
-              "description": "Overrides the variant's default placeholder.",
+              "name": "href",
+              "description": "If set, the header becomes a link that opens this URL.",
               "type": {
                 "text": "string"
               },
-              "fieldName": "placeholder"
+              "fieldName": "href"
             },
             {
-              "name": "state",
-              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).\n\nReflects to a `state` attribute on the host, so a consumer can target a specific state from\noutside via a CSS attribute selector (e.g. `bs-composer[state=\"recording\"]`) or by querying\nfor it in JS, the same way `bs-input`'s `open` prop reflects.",
+              "name": "page",
+              "description": "Page (or page range) of the citation, shown as \"Page N\".",
               "type": {
-                "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
-                "references": [
-                  {
-                    "name": "BsComposerState"
-                  }
-                ]
+                "text": "number | string"
               },
-              "default": "'idle'",
-              "fieldName": "state"
+              "fieldName": "page"
             },
             {
-              "name": "value",
-              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.\n\nMutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),\nnot pushed one-way from the outside only. Without this, typing alone never updates this prop,\nso a consumer re-setting `value` to e.g. `''` after the user had typed something would be a\nno-op (same as the never-updated internal value) and silently fail to clear the field.",
+              "name": "source-name",
+              "description": "The system/app the document came from.",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "fieldName": "value"
-            },
-            {
-              "name": "variant",
-              "description": "Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`\ndirectly to override it) and, per the Figma design, renders the container border dashed\ninstead of solid for `'human'` -- a deliberate visual cue distinguishing a human-support\ncomposer from the AI one, not a layout/token difference.",
-              "type": {
-                "text": "\"ai\" | \"human\"",
-                "references": [
-                  {
-                    "name": "BsComposerVariant"
-                  }
-                ]
-              },
-              "default": "'ai'",
-              "fieldName": "variant"
+              "fieldName": "sourceName"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "ariaLabel",
-              "description": "Accessible name for the text field. This component has no visible `<label>` (chat composers\ndon't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an\naccessible name -- set it in every real usage.",
+              "name": "fileName",
+              "description": "The cited document's file name.",
               "type": {
                 "text": "string"
               },
-              "default": "null",
-              "attribute": "aria-label"
+              "default": "'Source'",
+              "attribute": "file-name"
             },
             {
               "kind": "field",
-              "name": "placeholder",
-              "description": "Overrides the variant's default placeholder.",
+              "name": "href",
+              "description": "If set, the header becomes a link that opens this URL.",
               "type": {
                 "text": "string"
               },
-              "attribute": "placeholder"
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "state",
-              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).\n\nReflects to a `state` attribute on the host, so a consumer can target a specific state from\noutside via a CSS attribute selector (e.g. `bs-composer[state=\"recording\"]`) or by querying\nfor it in JS, the same way `bs-input`'s `open` prop reflects.",
+              "name": "page",
+              "description": "Page (or page range) of the citation, shown as \"Page N\".",
               "type": {
-                "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
-                "references": [
-                  {
-                    "name": "BsComposerState"
-                  }
-                ]
+                "text": "number | string"
               },
-              "default": "'idle'",
-              "attribute": "state",
-              "reflects": true
+              "attribute": "page"
             },
             {
               "kind": "field",
-              "name": "value",
-              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.\n\nMutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),\nnot pushed one-way from the outside only. Without this, typing alone never updates this prop,\nso a consumer re-setting `value` to e.g. `''` after the user had typed something would be a\nno-op (same as the never-updated internal value) and silently fail to clear the field.",
+              "name": "sourceName",
+              "description": "The system/app the document came from.",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "description": "Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`\ndirectly to override it) and, per the Figma design, renders the container border dashed\ninstead of solid for `'human'` -- a deliberate visual cue distinguishing a human-support\ncomposer from the AI one, not a layout/token difference.",
-              "type": {
-                "text": "\"ai\" | \"human\"",
-                "references": [
-                  {
-                    "name": "BsComposerVariant"
-                  }
-                ]
-              },
-              "default": "'ai'",
-              "attribute": "variant"
+              "attribute": "source-name"
             }
           ],
           "events": [
             {
-              "name": "bsAttach",
-              "description": "Fires when the \"+\" attach button is clicked.",
-              "type": {
-                "text": "CustomEvent<void>"
-              }
-            },
-            {
-              "name": "bsInput",
-              "description": "Fires on every keystroke in the text field, with the current value.",
-              "type": {
-                "text": "CustomEvent<string>"
-              }
-            },
-            {
-              "name": "bsMicToggle",
-              "description": "Fires when the mic/stop-recording button is clicked. The consumer decides what that means\n(e.g. start recording when idle/generating, or stop recording when `state=\"recording\"`).",
-              "type": {
-                "text": "CustomEvent<void>"
-              }
-            },
-            {
-              "name": "bsStop",
-              "description": "Fires when the primary action button is clicked while `state=\"generating\"`.",
-              "type": {
-                "text": "CustomEvent<void>"
-              }
-            },
-            {
-              "name": "bsSubmit",
-              "description": "Fires when the primary action button is clicked while `state=\"idle\"`.",
-              "type": {
-                "text": "CustomEvent<void>"
-              }
-            },
-            {
-              "name": "bsVoiceConfirm",
-              "description": "Fires when the primary action button is clicked while `state=\"recording\"`.",
+              "name": "bsOpen",
+              "description": "Fires when the header action is activated (whether or not `href` is set).",
               "type": {
                 "text": "CustomEvent<void>"
               }
@@ -4142,34 +4756,30 @@
           ],
           "slots": [
             {
-              "name": "actions-end",
-              "description": "Extra consumer-supplied controls appended after the primary action button\nin the controls row (e.g. a product-specific \"Tools\" button). Slotted content is placed\ninline in the same flex row as attach/mic/action, so a slotted element should size itself to\nroughly match `--bs-composer-button-size` to align visually."
+              "name": "",
+              "description": "The snippet / preview content (text, highlighted excerpt, image)."
             },
             {
-              "name": "attachments",
-              "description": "A `bs-attachment-list` (or other content) rendered inside the composer's own\nbordered container, above the text field -- only takes up space/padding when it has assigned\ncontent, so leaving it empty renders identically to not having the slot at all."
+              "name": "footer",
+              "description": "Overrides the default footer (page label)."
             }
           ],
           "cssParts": [
             {
-              "name": "action",
-              "description": "The primary circular action button (send, stop, or confirm depending on `state`)."
-            },
-            {
-              "name": "attach",
-              "description": "The \"+\" attach button."
+              "name": "container",
+              "description": "The card surface (`bs-card`)."
             },
             {
-              "name": "attachments",
-              "description": "The wrapper around the `attachments` slot."
+              "name": "header",
+              "description": "The `bs-source-link` header."
             },
             {
-              "name": "input",
-              "description": "The native text `<textarea>`."
+              "name": "page",
+              "description": "The page label."
             },
             {
-              "name": "mic",
-              "description": "The secondary icon button (microphone, or the stop-recording square while `state=\"recording\"`)."
+              "name": "snippet",
+              "description": "The snippet wrapper."
             }
           ]
         }
@@ -4177,115 +4787,564 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BsComposer",
+          "name": "BsCitationPreview",
           "declaration": {
-            "name": "BsComposer"
+            "name": "BsCitationPreview"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bs-composer",
+          "name": "bs-citation-preview",
           "declaration": {
-            "name": "BsComposer"
+            "name": "BsCitationPreview"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/bs-composer-status-banner/bs-composer-status-banner.tsx",
+      "path": "src/components/bs-composer/bs-composer.tsx",
       "declarations": [
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "bs-composer-status-banner",
-          "name": "BsComposerStatusBanner",
-          "description": "A full-width status banner for use directly above `bs-composer`, surfacing a message about the\ncomposer's current state (e.g. a send failure, an informational notice) with an optional\n\"Continue\"-style action button and an optional close button.\n\n## When to use\n- A message tied to the composer itself (send failed, rate-limited, draft restored, etc.) that\n  needs to sit directly above it, not a general-purpose alert -- see `CONVENTIONS.md` if this\n  library gains a generic banner/alert component later, and prefer that instead once it exists.\n\n## When not to use\n- A toast/snackbar notification unrelated to the composer -- this component is not\n  self-dismissing and has no positioning of its own (it's a static block, not an overlay).\n\n## Accessibility\nSets `role=\"status\"` for `type=\"info\"`/`type=\"neutral\"` and `role=\"alert\"` for\n`type=\"error\"`/`type=\"warning\"` on its own root element automatically -- no opt-in prop needed.\nBoth roles carry implicit ARIA live-region semantics (`status` is polite, `alert` is assertive),\nso a screen reader announces the message as soon as this banner is inserted into the DOM,\nwithout a consumer having to remember to add `role`/`aria-live` themselves.",
+          "tagName": "bs-composer",
+          "name": "BsComposer",
+          "description": "A chat composer input for Genie AI-style conversational interfaces: a text field\nplus an attach button, a mic/voice-recording toggle, and a single primary action button whose\nicon and behavior change with `state` (send, stop generating, or confirm a voice recording).\n\n## When to use\n- The message-entry bar for an AI chat/assistant or human support conversation.\n\n## When not to use\n- A general-purpose text field — use `bs-input` instead; this component's layout and states are\n  purpose-built for a chat composer, not a generic form field.\n\n## Focus\nUses `shadow: { delegatesFocus: true }`, so calling `.focus()` on the `<bs-composer>` host\nelement itself (not just its internal `<input>`) moves focus into the shadow-DOM text field --\nuseful for e.g. focusing the composer after a parent view mounts, without reaching into its\nshadow root.",
           "attributes": [
             {
-              "name": "action-label",
-              "description": "Label for the action button, only rendered when `showButton` is true.",
+              "name": "aria-label",
+              "description": "Accessible name for the text field. This component has no visible `<label>` (chat composers\ndon't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an\naccessible name -- set it in every real usage.",
               "type": {
                 "text": "string"
               },
-              "default": "'Continue'",
-              "fieldName": "actionLabel"
+              "default": "null",
+              "fieldName": "ariaLabel"
             },
             {
-              "name": "allow-close",
-              "description": "Whether the close button is rendered.",
+              "name": "attach-label",
+              "description": "Accessible name of the attach button.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "fieldName": "allowClose"
+              "default": "'Attach'",
+              "fieldName": "attachLabel"
             },
             {
-              "name": "message",
-              "description": "The message text.",
+              "name": "confirm-label",
+              "description": "Accessible name of the primary action button while `state=\"recording\"`.",
               "type": {
                 "text": "string"
               },
-              "default": "'This is a message'",
-              "fieldName": "message"
+              "default": "'Confirm'",
+              "fieldName": "confirmLabel"
             },
             {
-              "name": "show-button",
-              "description": "Whether the \"Continue\"-style action button is rendered.",
+              "name": "hide-attach",
+              "description": "Removes the attach (\"+\") button from the DOM.",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "showButton"
+              "fieldName": "hideAttach"
             },
             {
-              "name": "show-icon",
-              "description": "Whether the leading icon (default: clock) is rendered.",
+              "name": "hide-mic",
+              "description": "Removes the mic button from the DOM.",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "fieldName": "showIcon"
+              "default": "false",
+              "fieldName": "hideMic"
             },
             {
-              "name": "type",
-              "description": "Which severity/style to render. Drives background, text/icon color, and the action button's color.",
+              "name": "loading",
+              "description": "Waiting state (e.g. the request was sent but no token has streamed in yet): replaces the send\nicon with a spinner, sets `aria-busy`, and makes the primary action inert so a second submit\ncan't fire. Only has an effect while `state=\"idle\"`; use `state=\"generating\"` once streaming\nstarts so the Stop button appears.",
               "type": {
-                "text": "\"error\" | \"info\" | \"neutral\" | \"warning\"",
-                "references": [
-                  {
-                    "name": "BsComposerStatusBannerType"
-                  }
-                ]
+                "text": "boolean"
               },
-              "default": "'error'",
-              "fieldName": "type"
-            }
-          ],
-          "members": [
+              "default": "false",
+              "fieldName": "loading"
+            },
             {
-              "kind": "field",
-              "name": "actionLabel",
-              "description": "Label for the action button, only rendered when `showButton` is true.",
+              "name": "max-length",
+              "description": "Maximum number of characters the text field accepts (native `maxlength`). Unset = unlimited.",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'Continue'",
-              "attribute": "action-label"
+              "fieldName": "maxLength"
             },
             {
-              "kind": "field",
-              "name": "allowClose",
-              "description": "Whether the close button is rendered.",
+              "name": "mic-label",
+              "description": "Accessible name of the mic button while not recording.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "attribute": "allow-close"
+              "default": "'Start voice input'",
+              "fieldName": "micLabel"
             },
             {
-              "kind": "field",
-              "name": "message",
+              "name": "placeholder",
+              "description": "Overrides the variant's default placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "send-label",
+              "description": "Accessible name of the primary action button in `idle` / `disabled` state.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Send'",
+              "fieldName": "sendLabel"
+            },
+            {
+              "name": "state",
+              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).\n\nReflects to a `state` attribute on the host, so a consumer can target a specific state from\noutside via a CSS attribute selector (e.g. `bs-composer[state=\"recording\"]`) or by querying\nfor it in JS, the same way `bs-input`'s `open` prop reflects.",
+              "type": {
+                "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
+                "references": [
+                  {
+                    "name": "BsComposerState"
+                  }
+                ]
+              },
+              "default": "'idle'",
+              "fieldName": "state"
+            },
+            {
+              "name": "stop-label",
+              "description": "Accessible name of the primary action button while `state=\"generating\"`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Stop'",
+              "fieldName": "stopLabel"
+            },
+            {
+              "name": "stop-recording-label",
+              "description": "Accessible name of the mic button while `state=\"recording\"`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Stop recording'",
+              "fieldName": "stopRecordingLabel"
+            },
+            {
+              "name": "value",
+              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.\n\nMutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),\nnot pushed one-way from the outside only. Without this, typing alone never updates this prop,\nso a consumer re-setting `value` to e.g. `''` after the user had typed something would be a\nno-op (same as the never-updated internal value) and silently fail to clear the field.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "variant",
+              "description": "Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`\ndirectly to override it) and, per the Figma design, renders the container border dashed\ninstead of solid for `'human'` -- a deliberate visual cue distinguishing a human-support\ncomposer from the AI one, not a layout/token difference.",
+              "type": {
+                "text": "\"ai\" | \"human\"",
+                "references": [
+                  {
+                    "name": "BsComposerVariant"
+                  }
+                ]
+              },
+              "default": "'ai'",
+              "fieldName": "variant"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "description": "Accessible name for the text field. This component has no visible `<label>` (chat composers\ndon't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an\naccessible name -- set it in every real usage.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "attachLabel",
+              "description": "Accessible name of the attach button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Attach'",
+              "attribute": "attach-label"
+            },
+            {
+              "kind": "field",
+              "name": "confirmLabel",
+              "description": "Accessible name of the primary action button while `state=\"recording\"`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Confirm'",
+              "attribute": "confirm-label"
+            },
+            {
+              "kind": "field",
+              "name": "hideAttach",
+              "description": "Removes the attach (\"+\") button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-attach"
+            },
+            {
+              "kind": "field",
+              "name": "hideMic",
+              "description": "Removes the mic button from the DOM.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-mic"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "description": "Waiting state (e.g. the request was sent but no token has streamed in yet): replaces the send\nicon with a spinner, sets `aria-busy`, and makes the primary action inert so a second submit\ncan't fire. Only has an effect while `state=\"idle\"`; use `state=\"generating\"` once streaming\nstarts so the Stop button appears.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "maxLength",
+              "description": "Maximum number of characters the text field accepts (native `maxlength`). Unset = unlimited.",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "max-length"
+            },
+            {
+              "kind": "field",
+              "name": "micLabel",
+              "description": "Accessible name of the mic button while not recording.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Start voice input'",
+              "attribute": "mic-label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "description": "Overrides the variant's default placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "sendLabel",
+              "description": "Accessible name of the primary action button in `idle` / `disabled` state.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Send'",
+              "attribute": "send-label"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).\n\nReflects to a `state` attribute on the host, so a consumer can target a specific state from\noutside via a CSS attribute selector (e.g. `bs-composer[state=\"recording\"]`) or by querying\nfor it in JS, the same way `bs-input`'s `open` prop reflects.",
+              "type": {
+                "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
+                "references": [
+                  {
+                    "name": "BsComposerState"
+                  }
+                ]
+              },
+              "default": "'idle'",
+              "attribute": "state",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "stopLabel",
+              "description": "Accessible name of the primary action button while `state=\"generating\"`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Stop'",
+              "attribute": "stop-label"
+            },
+            {
+              "kind": "field",
+              "name": "stopRecordingLabel",
+              "description": "Accessible name of the mic button while `state=\"recording\"`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Stop recording'",
+              "attribute": "stop-recording-label"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.\n\nThe field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to\n`--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead\nof growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,\nso e.g. programmatically clearing the field after submit correctly shrinks it back down.\n\nMutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),\nnot pushed one-way from the outside only. Without this, typing alone never updates this prop,\nso a consumer re-setting `value` to e.g. `''` after the user had typed something would be a\nno-op (same as the never-updated internal value) and silently fail to clear the field.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`\ndirectly to override it) and, per the Figma design, renders the container border dashed\ninstead of solid for `'human'` -- a deliberate visual cue distinguishing a human-support\ncomposer from the AI one, not a layout/token difference.",
+              "type": {
+                "text": "\"ai\" | \"human\"",
+                "references": [
+                  {
+                    "name": "BsComposerVariant"
+                  }
+                ]
+              },
+              "default": "'ai'",
+              "attribute": "variant"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsAttach",
+              "description": "Fires when the \"+\" attach button is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsInput",
+              "description": "Fires on every keystroke in the text field, with the current value.",
+              "type": {
+                "text": "CustomEvent<string>"
+              }
+            },
+            {
+              "name": "bsMicToggle",
+              "description": "Fires when the mic/stop-recording button is clicked. The consumer decides what that means\n(e.g. start recording when idle/generating, or stop recording when `state=\"recording\"`).",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsStop",
+              "description": "Fires when the primary action button is clicked while `state=\"generating\"`.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsSubmit",
+              "description": "Fires when the primary action button is clicked while `state=\"idle\"` and `value` is non-empty\n(whitespace-only counts as empty).",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsVoiceConfirm",
+              "description": "Fires when the primary action button is clicked while `state=\"recording\"`.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "actions-end",
+              "description": "Extra consumer-supplied controls appended after the primary action button\nin the controls row (e.g. a product-specific \"Tools\" button). Slotted content is placed\ninline in the same flex row as attach/mic/action, so a slotted element should size itself to\nroughly match `--bs-composer-button-size` to align visually."
+            },
+            {
+              "name": "attachments",
+              "description": "A `bs-attachment-list` (or other content) rendered inside the composer's own\nbordered container, above the text field -- only takes up space/padding when it has assigned\ncontent, so leaving it empty renders identically to not having the slot at all."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "action",
+              "description": "The primary circular action button (send, stop, or confirm depending on `state`)."
+            },
+            {
+              "name": "attach",
+              "description": "The \"+\" attach button."
+            },
+            {
+              "name": "attachments",
+              "description": "The wrapper around the `attachments` slot."
+            },
+            {
+              "name": "input",
+              "description": "The native text `<textarea>`."
+            },
+            {
+              "name": "mic",
+              "description": "The secondary icon button (microphone, or the stop-recording square while `state=\"recording\"`)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsComposer",
+          "declaration": {
+            "name": "BsComposer"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-composer",
+          "declaration": {
+            "name": "BsComposer"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-composer-status-banner/bs-composer-status-banner.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-composer-status-banner",
+          "name": "BsComposerStatusBanner",
+          "description": "A full-width status banner for use directly above `bs-composer`, surfacing a message about the\ncomposer's current state (e.g. a send failure, an informational notice) with an optional\n\"Continue\"-style action button and an optional close button.\n\n## When to use\n- A message tied to the composer itself (send failed, rate-limited, draft restored, etc.) that\n  needs to sit directly above it, not a general-purpose alert -- see `CONVENTIONS.md` if this\n  library gains a generic banner/alert component later, and prefer that instead once it exists.\n\n## When not to use\n- A toast/snackbar notification unrelated to the composer -- this component is not\n  self-dismissing and has no positioning of its own (it's a static block, not an overlay).\n\n## Accessibility\nSets `role=\"status\"` for `type=\"info\"`/`type=\"neutral\"` and `role=\"alert\"` for\n`type=\"error\"`/`type=\"warning\"` on its own root element automatically -- no opt-in prop needed.\nBoth roles carry implicit ARIA live-region semantics (`status` is polite, `alert` is assertive),\nso a screen reader announces the message as soon as this banner is inserted into the DOM,\nwithout a consumer having to remember to add `role`/`aria-live` themselves.",
+          "attributes": [
+            {
+              "name": "action-label",
+              "description": "Label for the action button, only rendered when `showButton` is true.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Continue'",
+              "fieldName": "actionLabel"
+            },
+            {
+              "name": "allow-close",
+              "description": "Whether the close button is rendered.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "allowClose"
+            },
+            {
+              "name": "close-label",
+              "description": "Accessible name of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dismiss'",
+              "fieldName": "closeLabel"
+            },
+            {
+              "name": "loading",
+              "description": "Shows a spinner in place of the default leading icon (a custom `icon` slot still wins) and\nsets `aria-busy` on the banner. Use for in-progress states such as \"Continuing...\".",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "loading"
+            },
+            {
+              "name": "message",
+              "description": "The message text.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'This is a message'",
+              "fieldName": "message"
+            },
+            {
+              "name": "show-button",
+              "description": "Whether the \"Continue\"-style action button is rendered.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "showButton"
+            },
+            {
+              "name": "show-icon",
+              "description": "Whether the leading icon (default: clock) is rendered.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "showIcon"
+            },
+            {
+              "name": "type",
+              "description": "Which severity/style to render. Drives background, text/icon color, and the action button's color.",
+              "type": {
+                "text": "\"error\" | \"info\" | \"neutral\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "BsComposerStatusBannerType"
+                  }
+                ]
+              },
+              "default": "'error'",
+              "fieldName": "type"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "actionLabel",
+              "description": "Label for the action button, only rendered when `showButton` is true.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Continue'",
+              "attribute": "action-label"
+            },
+            {
+              "kind": "field",
+              "name": "allowClose",
+              "description": "Whether the close button is rendered.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "allow-close"
+            },
+            {
+              "kind": "field",
+              "name": "closeLabel",
+              "description": "Accessible name of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dismiss'",
+              "attribute": "close-label"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "description": "Shows a spinner in place of the default leading icon (a custom `icon` slot still wins) and\nsets `aria-busy` on the banner. Use for in-progress states such as \"Continuing...\".",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "message",
               "description": "The message text.",
               "type": {
                 "text": "string"
@@ -4889,6 +5948,15 @@
           "name": "BsDataTable",
           "description": "A sortable, optionally row-selectable table for tabular data.\n\n`columns`, `rows`, and `cellRenderer` are JS-property-only — HTML attributes can only carry\nstrings, so arrays/objects/functions must be set via `element.rows = [...]` etc., not as\nattributes. See CONVENTIONS.md.\n\n## When to use\n- Comparing structured records across the same set of fields (a list of people, bookings, etc.).\n\n## When not to use\n- A handful of unrelated key/value pairs — a simple list or card is lighter-weight.\n- Deeply nested/hierarchical data — this component renders one flat row per record.",
           "attributes": [
+            {
+              "name": "select-all-label",
+              "description": "Accessible name of the select-all checkbox in the header (when `selectable`).",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select all rows'",
+              "fieldName": "selectAllLabel"
+            },
             {
               "name": "selectable",
               "type": {
@@ -4958,6 +6026,16 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "selectAllLabel",
+              "description": "Accessible name of the select-all checkbox in the header (when `selectable`).",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select all rows'",
+              "attribute": "select-all-label"
+            },
             {
               "kind": "field",
               "name": "selectable",
@@ -5595,6 +6673,15 @@
               "default": "false",
               "fieldName": "centered"
             },
+            {
+              "name": "close-label",
+              "description": "Accessible name of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "fieldName": "closeLabel"
+            },
             {
               "name": "heading",
               "type": {
@@ -5637,6 +6724,16 @@
               "attribute": "centered",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "closeLabel",
+              "description": "Accessible name of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "attribute": "close-label"
+            },
             {
               "kind": "field",
               "name": "heading",
@@ -7492,6 +8589,15 @@
               "default": "''",
               "fieldName": "country"
             },
+            {
+              "name": "decrement-label",
+              "description": "Accessible name of the number stepper's decrement button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Decrement'",
+              "fieldName": "decrementLabel"
+            },
             {
               "name": "description",
               "type": {
@@ -7514,6 +8620,24 @@
               },
               "fieldName": "error"
             },
+            {
+              "name": "hide-password-label",
+              "description": "Accessible name of the password toggle while the password is visible.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Hide password'",
+              "fieldName": "hidePasswordLabel"
+            },
+            {
+              "name": "increment-label",
+              "description": "Accessible name of the number stepper's increment button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Increment'",
+              "fieldName": "incrementLabel"
+            },
             {
               "name": "initials-title",
               "description": "Current selected title for `type=\"initials\"`. Named `initialsTitle` rather than `title` --\n`title` is a reserved standard HTML attribute (tooltip text) inherited by every element, and\nStencil warns against shadowing it with a component `@Prop`.",
@@ -7597,6 +8721,15 @@
               "default": "3",
               "fieldName": "rows"
             },
+            {
+              "name": "show-password-label",
+              "description": "Accessible name of the password toggle while the password is hidden.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show password'",
+              "fieldName": "showPasswordLabel"
+            },
             {
               "name": "step",
               "description": "Step size for `type=\"number\"`'s increment/decrement stepper buttons.",
@@ -7653,6 +8786,16 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "decrementLabel",
+              "description": "Accessible name of the number stepper's decrement button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Decrement'",
+              "attribute": "decrement-label"
+            },
             {
               "kind": "field",
               "name": "description",
@@ -7663,21 +8806,41 @@
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "hidePasswordLabel",
+              "description": "Accessible name of the password toggle while the password is visible.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "'Hide password'",
+              "attribute": "hide-password-label"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "incrementLabel",
+              "description": "Accessible name of the number stepper's increment button.",
               "type": {
                 "text": "string"
               },
-              "attribute": "error"
+              "default": "'Increment'",
+              "attribute": "increment-label"
             },
             {
               "kind": "field",
@@ -7783,6 +8946,16 @@
               "default": "3",
               "attribute": "rows"
             },
+            {
+              "kind": "field",
+              "name": "showPasswordLabel",
+              "description": "Accessible name of the password toggle while the password is hidden.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show password'",
+              "attribute": "show-password-label"
+            },
             {
               "kind": "field",
               "name": "step",
@@ -8182,69 +9355,321 @@
               "description": "The background=\"auto\" counterpart to --bs-logo-asset-light-display above -- see that entry."
             },
             {
-              "name": "--bs-logo-asset-light-display",
-              "description": "Only read when background=\"auto\" (the default). Defined in src/global/base.css, not here -- that's this library's own bridge from the ambient [data-theme=\"dark\"] attribute to which full-wordmark asset shows, not a per-component override point most consumers need to touch directly."
+              "name": "--bs-logo-asset-light-display",
+              "description": "Only read when background=\"auto\" (the default). Defined in src/global/base.css, not here -- that's this library's own bridge from the ambient [data-theme=\"dark\"] attribute to which full-wordmark asset shows, not a per-component override point most consumers need to touch directly."
+            },
+            {
+              "name": "--bs-logo-height-custom",
+              "description": "Height of the rendered image when variant=\"custom\". Width is `auto` (not a fixed custom property) so a consumer's own logo keeps its natural aspect ratio -- only the height is constrained, matching `full`/`mark`'s shared 44px height. Defaults to 44px."
+            },
+            {
+              "name": "--bs-logo-height-full",
+              "description": "Height of the rendered logo when variant=\"full\". 44px."
+            },
+            {
+              "name": "--bs-logo-height-mark",
+              "description": "Height of the rendered logo when variant=\"mark\". 44px."
+            },
+            {
+              "name": "--bs-logo-width-full",
+              "description": "Width of the rendered logo when variant=\"full\". 190.977px -- the light asset's natural width after its icon-to-wordmark gap was tightened from Figma's own exported spacing (see brandsync-logo-full-light.ts) -- a literal size, not a brandsync-tokens alias, since this is a fixed asset's natural dimensions rather than a themeable design token."
+            },
+            {
+              "name": "--bs-logo-width-mark",
+              "description": "Width of the rendered logo when variant=\"mark\". 44px."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsLogo",
+          "declaration": {
+            "name": "BsLogo"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-logo",
+          "declaration": {
+            "name": "BsLogo"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-menu/bs-menu.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-menu",
+          "name": "BsMenu",
+          "description": "A generic dropdown/popup menu container: a rounded, elevated list of items (typically\n`bs-menu-item` elements).\n\n## When to use\n- A popup list of actions/options triggered by another control (e.g. a \"more options\" kebab\n  button), such as `bs-chatbot-response-action`'s `menu` slot.\n\n## When not to use\n- A persistent, always-visible list of options -- this component is purpose-built as a popup\n  surface (rounded corners, elevation shadow), not a plain list.",
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the menu's items (typically `bs-menu-item` elements, though anything can\nbe slotted in -- this component doesn't restrict slot content via JS)."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "list",
+              "description": "The rounded, elevated box wrapping the slotted items."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsMenu",
+          "declaration": {
+            "name": "BsMenu"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-menu",
+          "declaration": {
+            "name": "BsMenu"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-menu-item/bs-menu-item.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-menu-item",
+          "name": "BsMenuItem",
+          "description": "A single selectable row inside a `bs-menu`: an optional icon plus a text label, rendered as a\nreal `<button>` for correct keyboard/click semantics.\n\n## When to use\n- As a child of `bs-menu`, one per selectable action/option.\n\n## When not to use\n- Outside of `bs-menu` -- this component's sizing/hover treatment is designed to sit inside the\n  menu's rounded, padded list box.",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by\nkeyboard tabbing, and clicking it does not emit `bsSelect`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by\nkeyboard tabbing, and clicking it does not emit `bsSelect`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsSelect",
+              "description": "Fires when the item is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the item's text label."
+            },
+            {
+              "name": "icon",
+              "description": "Optional leading icon (24x24). When left empty, no icon space is reserved."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "icon",
+              "description": "The icon wrapper."
+            },
+            {
+              "name": "item",
+              "description": "The button element."
+            },
+            {
+              "name": "label",
+              "description": "The label wrapper."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsMenuItem",
+          "declaration": {
+            "name": "BsMenuItem"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-menu-item",
+          "declaration": {
+            "name": "BsMenuItem"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-message/bs-message.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-message",
+          "name": "BsMessage",
+          "description": "A single chat message bubble. User messages align to the end with a primary-tinted bubble;\nassistant messages align to the start on a neutral bubble. The consumer renders the content\n(e.g. markdown) into the default slot.\n\nComposed from: `bs-card` (the bubble surface).\n\n## When to use\n- One entry per turn in a chat transcript, usually inside `bs-message-list`.\n\n## When not to use\n- For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.",
+          "attributes": [
+            {
+              "name": "datetime",
+              "description": "Machine-readable value for the `<time>` element's `datetime` attribute.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "datetime"
+            },
+            {
+              "name": "role",
+              "description": "Who sent the message. Controls alignment and colour.",
+              "type": {
+                "text": "\"assistant\" | \"user\"",
+                "references": [
+                  {
+                    "name": "BsMessageRole"
+                  }
+                ]
+              },
+              "default": "'assistant'",
+              "fieldName": "role"
+            },
+            {
+              "name": "status",
+              "description": "Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`.",
+              "type": {
+                "text": "\"default\" | \"error\" | \"pending\"",
+                "references": [
+                  {
+                    "name": "BsMessageStatus"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "fieldName": "status"
+            },
+            {
+              "name": "timestamp",
+              "description": "Human-readable timestamp text shown inside a `<time>` element. Omit to render none.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "timestamp"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "datetime",
+              "description": "Machine-readable value for the `<time>` element's `datetime` attribute.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "datetime"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "description": "Who sent the message. Controls alignment and colour.",
+              "type": {
+                "text": "\"assistant\" | \"user\"",
+                "references": [
+                  {
+                    "name": "BsMessageRole"
+                  }
+                ]
+              },
+              "default": "'assistant'",
+              "attribute": "role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "description": "Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`.",
+              "type": {
+                "text": "\"default\" | \"error\" | \"pending\"",
+                "references": [
+                  {
+                    "name": "BsMessageStatus"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "attribute": "status",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "timestamp",
+              "description": "Human-readable timestamp text shown inside a `<time>` element. Omit to render none.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "timestamp"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The message content. The consumer renders markdown/rich content here."
             },
             {
-              "name": "--bs-logo-height-custom",
-              "description": "Height of the rendered image when variant=\"custom\". Width is `auto` (not a fixed custom property) so a consumer's own logo keeps its natural aspect ratio -- only the height is constrained, matching `full`/`mark`'s shared 44px height. Defaults to 44px."
+              "name": "avatar",
+              "description": "Optional avatar (e.g. `bs-avatar`) beside the bubble."
             },
             {
-              "name": "--bs-logo-height-full",
-              "description": "Height of the rendered logo when variant=\"full\". 44px."
+              "name": "footer",
+              "description": "Optional content below the bubble (e.g. `bs-chatbot-response-action`)."
             },
             {
-              "name": "--bs-logo-height-mark",
-              "description": "Height of the rendered logo when variant=\"mark\". 44px."
+              "name": "timestamp",
+              "description": "Overrides the default `<time>` element rendered from `timestamp`."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "avatar",
+              "description": "The avatar wrapper."
             },
             {
-              "name": "--bs-logo-width-full",
-              "description": "Width of the rendered logo when variant=\"full\". 190.977px -- the light asset's natural width after its icon-to-wordmark gap was tightened from Figma's own exported spacing (see brandsync-logo-full-light.ts) -- a literal size, not a brandsync-tokens alias, since this is a fixed asset's natural dimensions rather than a themeable design token."
+              "name": "container",
+              "description": "The bubble (`bs-card`)."
             },
             {
-              "name": "--bs-logo-width-mark",
-              "description": "Width of the rendered logo when variant=\"mark\". 44px."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BsLogo",
-          "declaration": {
-            "name": "BsLogo"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bs-logo",
-          "declaration": {
-            "name": "BsLogo"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/bs-menu/bs-menu.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "customElement": true,
-          "tagName": "bs-menu",
-          "name": "BsMenu",
-          "description": "A generic dropdown/popup menu container: a rounded, elevated list of items (typically\n`bs-menu-item` elements).\n\n## When to use\n- A popup list of actions/options triggered by another control (e.g. a \"more options\" kebab\n  button), such as `bs-chatbot-response-action`'s `menu` slot.\n\n## When not to use\n- A persistent, always-visible list of options -- this component is purpose-built as a popup\n  surface (rounded corners, elevation shadow), not a plain list.",
-          "slots": [
+              "name": "content",
+              "description": "The message content wrapper."
+            },
             {
-              "name": "",
-              "description": "Default slot: the menu's items (typically `bs-menu-item` elements, though anything can\nbe slotted in -- this component doesn't restrict slot content via JS)."
-            }
-          ],
-          "cssParts": [
+              "name": "footer",
+              "description": "The footer wrapper."
+            },
             {
-              "name": "list",
-              "description": "The rounded, elevated box wrapping the slotted items."
+              "name": "timestamp",
+              "description": "The timestamp wrapper."
             }
           ]
         }
@@ -8252,57 +9677,73 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BsMenu",
+          "name": "BsMessage",
           "declaration": {
-            "name": "BsMenu"
+            "name": "BsMessage"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bs-menu",
+          "name": "bs-message",
           "declaration": {
-            "name": "BsMenu"
+            "name": "BsMessage"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/bs-menu-item/bs-menu-item.tsx",
+      "path": "src/components/bs-message-list/bs-message-list.tsx",
       "declarations": [
         {
           "kind": "class",
           "customElement": true,
-          "tagName": "bs-menu-item",
-          "name": "BsMenuItem",
-          "description": "A single selectable row inside a `bs-menu`: an optional icon plus a text label, rendered as a\nreal `<button>` for correct keyboard/click semantics.\n\n## When to use\n- As a child of `bs-menu`, one per selectable action/option.\n\n## When not to use\n- Outside of `bs-menu` -- this component's sizing/hover treatment is designed to sit inside the\n  menu's rounded, padded list box.",
+          "tagName": "bs-message-list",
+          "name": "BsMessageList",
+          "description": "Scrollable chat transcript container (`role=\"log\"`, `aria-live=\"polite\"`) for `bs-message`\nchildren. It keeps itself pinned to the newest message while the user is near the bottom; when\nthe user has scrolled up and new content arrives, it shows a \"scroll to latest\" button instead\nof yanking the viewport.\n\nComposed from: `bs-icon-button` (the scroll-to-latest control).\n\n## When to use\n- Holding the messages of a chat conversation.\n\n## When not to use\n- For generic scrollable lists -- this is built around append-at-the-bottom transcripts.",
           "attributes": [
             {
-              "name": "disabled",
-              "description": "Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by\nkeyboard tabbing, and clicking it does not emit `bsSelect`.",
+              "name": "scroll-to-latest-label",
+              "description": "Accessible name of the scroll-to-latest button.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "default": "'Scroll to latest message'",
+              "fieldName": "scrollToLatestLabel"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "disabled",
-              "description": "Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by\nkeyboard tabbing, and clicking it does not emit `bsSelect`.",
+              "name": "scrollToLatestLabel",
+              "description": "Accessible name of the scroll-to-latest button.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "disabled"
+              "default": "'Scroll to latest message'",
+              "attribute": "scroll-to-latest-label"
+            },
+            {
+              "kind": "method",
+              "name": "scrollToLatest",
+              "description": "Scrolls to the newest message and re-enables auto-follow.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
             }
           ],
           "events": [
             {
-              "name": "bsSelect",
-              "description": "Fires when the item is clicked.",
+              "name": "bsScrollToLatest",
+              "description": "Fires when the scroll-to-latest button is activated or `scrollToLatest()` is called.",
               "type": {
                 "text": "CustomEvent<void>"
               }
@@ -8311,25 +9752,17 @@
           "slots": [
             {
               "name": "",
-              "description": "Default slot: the item's text label."
-            },
-            {
-              "name": "icon",
-              "description": "Optional leading icon (24x24). When left empty, no icon space is reserved."
+              "description": "`bs-message` elements."
             }
           ],
           "cssParts": [
             {
-              "name": "icon",
-              "description": "The icon wrapper."
-            },
-            {
-              "name": "item",
-              "description": "The button element."
+              "name": "scroll-to-latest",
+              "description": "The scroll-to-latest `bs-icon-button`."
             },
             {
-              "name": "label",
-              "description": "The label wrapper."
+              "name": "viewport",
+              "description": "The scrollable region."
             }
           ]
         }
@@ -8337,16 +9770,16 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BsMenuItem",
+          "name": "BsMessageList",
           "declaration": {
-            "name": "BsMenuItem"
+            "name": "BsMessageList"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bs-menu-item",
+          "name": "bs-message-list",
           "declaration": {
-            "name": "BsMenuItem"
+            "name": "BsMessageList"
           }
         }
       ]
@@ -8362,6 +9795,15 @@
           "name": "BsNavigationDrawer",
           "description": "A left-side persistent navigation sidebar: the BrandSync logo, a \"Main Menu\" title with a\ncollapse toggle, a reserved slot for a search field, and a scrollable list of nav items.\n\n## When to use\n- The primary in-app navigation, shown alongside `bs-navigation-header` (typically that\n  header's `with-navigation-drawer` alignment, which omits its own logo since this component\n  already renders one -- or the reverse pairing, this drawer's own `showLogo={false}` alongside\n  a header that keeps its logo instead, see that prop's own docs).\n\n## When not to use\n- The top navigation bar itself -- use `bs-navigation-header` instead.\n\nThis component renders a real `<nav>` landmark (no explicit `role` needed -- `<nav>` already\ncarries the implicit `navigation` role), labeled via `aria-label={heading}` so the landmark\nstill has a name even when collapsed (see below).\n\n`collapsed` narrows the drawer to a 96px icon-only rail, per Figma node 8028:135374\n(\"Type=Collapsed\"): the title text disappears, the logo swaps from the full \"EG BrandSync\"\nwordmark (`bs-logo variant=\"full\"`) to the real icon-only mark (`bs-logo variant=\"mark\"` -- a\nsecond, properly-designed asset, not a CSS crop of the full one) via CSS visibility toggling on\nboth, the same `:host([collapsed])` attribute-selector pattern already used for the\n`search`/`search-trigger` swap below, the `search` slot is replaced by a compact built-in\nsearch-trigger button (this component can't meaningfully shrink arbitrary slotted search-field\ncontent down to icon size itself, so it emits `bsSearchClick` instead -- e.g. to open a full\nsearch overlay), and every top-level\n`bs-navigation-drawer-item`'s layout switches from icon-beside-label to icon-above-caption.\nThat last part is real prop propagation, not a CSS trick: this component keeps each direct-child\nitem's own `collapsed` prop in sync with its own (see `syncItemsCollapsed` below), the same\ndirect-children-prop-sync approach `bs-tabs` already uses for coordinating `selected` across its\n`bs-tab` children. Clicking the toggle self-toggles `collapsed` (simple local UI state, not\nsomething needing cross-component coordination -- closer to `bs-switch`'s self-toggling\n`checked` than `bs-tab`'s non-self-toggling `selected`) and emits `bsCollapse` with the new\nvalue. The toggle's own caret icon does NOT rotate when collapsed -- Figma's collapsed mock\nreuses the identical left-pointing \"CaretLeft\" asset unchanged, confirmed by directly inspecting\nthat state, so this deliberately does not add the same \"flip on toggle\" idiom the drawer item's\nown disclosure chevron does (that one really is an unconfirmed addition; this one was checked).\n\n**Small screens (768px and below)** switch to an off-canvas overlay instead of a permanent rail:\nthe drawer is hidden until `open` is set, then slides in over the page with a backdrop, fully\nexpanded (labels visible, nested items reachable). Escape or a click on the backdrop closes it and\nemits `bsClose`; focus moves into it on open and back to whatever opened it on close. The\ncollapse toggle and the compact search trigger are not shown in this mode (nothing sits behind\nthem). The drawer has no trigger of its own -- put a button in your header and set `open` from it.\nOn wider screens `open` is ignored and nothing changes.",
           "attributes": [
+            {
+              "name": "collapse-label",
+              "description": "Accessible name of the collapse toggle while the drawer is expanded.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Collapse'",
+              "fieldName": "collapseLabel"
+            },
             {
               "name": "collapsed",
               "description": "Narrows the drawer to a 96px icon-only rail (Figma node 8028:135374). Mutable and reflected\n-- clicking the collapse toggle toggles this directly (self-toggling, see the class doc above\nfor why), and this component keeps every direct-child `bs-navigation-drawer-item`'s own\n`collapsed` prop synced to match (see `syncItemsCollapsed`).",
@@ -8380,6 +9822,15 @@
               "default": "true",
               "fieldName": "collapsible"
             },
+            {
+              "name": "expand-label",
+              "description": "Accessible name of the collapse toggle while the drawer is collapsed.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Expand'",
+              "fieldName": "expandLabel"
+            },
             {
               "name": "heading",
               "description": "Heading text shown next to the collapse toggle, and used as the `<nav>` landmark's\n`aria-label` (so the landmark keeps a name even when `collapsed` hides the visible text).",
@@ -8407,6 +9858,15 @@
               "default": "false",
               "fieldName": "open"
             },
+            {
+              "name": "search-label",
+              "description": "Accessible name of the search trigger.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search'",
+              "fieldName": "searchLabel"
+            },
             {
               "name": "show-logo",
               "description": "Whether to render the BrandSync logo at all. Defaults to `true`. This drawer is normally the\none that owns the logo when paired with a `bs-navigation-header` (that header's own\n`with-navigation-drawer` alignment omits its logo for exactly this reason) -- but the reverse\npairing works too: a header that keeps its own logo (`alignment=\"default\"`) paired with this\ndrawer set to `showLogo={false}`, so the brand mark only ever appears once.",
@@ -8418,6 +9878,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "description": "Accessible name of the collapse toggle while the drawer is expanded.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Collapse'",
+              "attribute": "collapse-label"
+            },
             {
               "kind": "field",
               "name": "collapsed",
@@ -8439,6 +9909,16 @@
               "default": "true",
               "attribute": "collapsible"
             },
+            {
+              "kind": "field",
+              "name": "expandLabel",
+              "description": "Accessible name of the collapse toggle while the drawer is collapsed.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Expand'",
+              "attribute": "expand-label"
+            },
             {
               "kind": "field",
               "name": "heading",
@@ -8470,6 +9950,16 @@
               "attribute": "open",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "searchLabel",
+              "description": "Accessible name of the search trigger.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Search'",
+              "attribute": "search-label"
+            },
             {
               "kind": "field",
               "name": "showLogo",
@@ -9768,6 +11258,15 @@
               "default": "1",
               "fieldName": "currentPage"
             },
+            {
+              "name": "nav-label",
+              "description": "Accessible name of the pagination landmark.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Pagination'",
+              "fieldName": "navLabel"
+            },
             {
               "name": "next-label",
               "description": "Accessible name for the next-page button.",
@@ -9777,6 +11276,15 @@
               "default": "'Next page'",
               "fieldName": "nextLabel"
             },
+            {
+              "name": "page-label",
+              "description": "Prefix of each page button's accessible name (\"Go to page 3\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Go to page'",
+              "fieldName": "pageLabel"
+            },
             {
               "name": "previous-label",
               "description": "Accessible name for the previous-page button.",
@@ -9817,6 +11325,16 @@
               "attribute": "current-page",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "navLabel",
+              "description": "Accessible name of the pagination landmark.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Pagination'",
+              "attribute": "nav-label"
+            },
             {
               "kind": "field",
               "name": "nextLabel",
@@ -9827,6 +11345,16 @@
               "default": "'Next page'",
               "attribute": "next-label"
             },
+            {
+              "kind": "field",
+              "name": "pageLabel",
+              "description": "Prefix of each page button's accessible name (\"Go to page 3\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Go to page'",
+              "attribute": "page-label"
+            },
             {
               "kind": "field",
               "name": "previousLabel",
@@ -9974,6 +11502,118 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-popover/bs-popover.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-popover",
+          "name": "BsPopover",
+          "description": "A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.\n\nThe popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side\nwhen it would overflow the viewport; the effective placement is mirrored on the host as\n`data-placement`. Focus moves into the popup on open and back to the trigger on close. The popup content is slotted, so it is typically a `bs-menu` or a list.\n\n## When to use\n- A menu, language list or small set of options revealed from a button.\n\n## When not to use\n- A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Whether the popup is shown.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
+            {
+              "name": "placement",
+              "description": "Where the popup sits relative to the trigger.",
+              "type": {
+                "text": "\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"",
+                "references": [
+                  {
+                    "name": "BsPopoverPlacement"
+                  }
+                ]
+              },
+              "default": "'bottom-start'",
+              "fieldName": "placement"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "open",
+              "description": "Whether the popup is shown.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "description": "Where the popup sits relative to the trigger.",
+              "type": {
+                "text": "\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"",
+                "references": [
+                  {
+                    "name": "BsPopoverPlacement"
+                  }
+                ]
+              },
+              "default": "'bottom-start'",
+              "attribute": "placement",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "bsOpenChange",
+              "description": "Emitted when the open state changes through user interaction, with the new value.",
+              "type": {
+                "text": "CustomEvent<boolean>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the popup content."
+            },
+            {
+              "name": "trigger",
+              "description": "The element that toggles the popup (e.g. a `bs-button`)."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "popup",
+              "description": "The popup surface."
+            },
+            {
+              "name": "trigger",
+              "description": "The wrapper around the trigger; carries aria-expanded/aria-haspopup/aria-controls."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsPopover",
+          "declaration": {
+            "name": "BsPopover"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-popover",
+          "declaration": {
+            "name": "BsPopover"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-product-tour/bs-product-tour.tsx",
@@ -12197,28 +13837,379 @@
               "description": "Maximum card width. 560px (Figma)."
             },
             {
-              "name": "--bs-session-timeout-min-width",
-              "description": "Minimum card width. 380px (Figma)."
+              "name": "--bs-session-timeout-min-width",
+              "description": "Minimum card width. 380px (Figma)."
+            },
+            {
+              "name": "--bs-session-timeout-padding",
+              "description": "Card padding. Aliased to --bs-spacing-200 (16px)."
+            },
+            {
+              "name": "--bs-session-timeout-radius",
+              "description": "Card corner radius. Aliased to --bs-border-radius-150 (12px)."
+            },
+            {
+              "name": "--bs-session-timeout-rule",
+              "description": "Colour of the divider lines and the account box border. Aliased to --bs-border-default."
+            },
+            {
+              "name": "--bs-session-timeout-shadow",
+              "description": "Card shadow. 0 8px 8px --bs-elevation-higher (Figma)."
+            },
+            {
+              "name": "--bs-session-timeout-width",
+              "description": "Card width. 440px (Figma); never narrower than the min or wider than the max below."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsSessionTimeout",
+          "declaration": {
+            "name": "BsSessionTimeout"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-session-timeout",
+          "declaration": {
+            "name": "BsSessionTimeout"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-side-panel/bs-side-panel.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-side-panel",
+          "name": "BsSidePanel",
+          "description": "A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ\nand similar secondary content. Closes via its close button or Escape and emits `bsClose`.\n\nComposed from `bs-icon-button` (close button).\n\nWhile open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.\n\n## When to use\n- Secondary content that sits beside the page without leaving it.\n\n## When not to use\n- A blocking confirmation (use `bs-dialog`).",
+          "attributes": [
+            {
+              "name": "close-label",
+              "description": "Accessible label of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "fieldName": "closeLabel"
+            },
+            {
+              "name": "heading",
+              "description": "Panel title; also its accessible name.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "heading"
+            },
+            {
+              "name": "open",
+              "description": "Whether the panel is visible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
+            {
+              "name": "overlay",
+              "description": "Shows a backdrop behind the panel; clicking it closes the panel.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "overlay"
+            },
+            {
+              "name": "side",
+              "description": "Edge the panel is anchored to.",
+              "type": {
+                "text": "\"end\" | \"start\"",
+                "references": [
+                  {
+                    "name": "BsSidePanelSide"
+                  }
+                ]
+              },
+              "default": "'end'",
+              "fieldName": "side"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "closeLabel",
+              "description": "Accessible label of the close button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Close'",
+              "attribute": "close-label"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "description": "Panel title; also its accessible name.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "description": "Whether the panel is visible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "overlay",
+              "description": "Shows a backdrop behind the panel; clicking it closes the panel.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "overlay",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "side",
+              "description": "Edge the panel is anchored to.",
+              "type": {
+                "text": "\"end\" | \"start\"",
+                "references": [
+                  {
+                    "name": "BsSidePanelSide"
+                  }
+                ]
+              },
+              "default": "'end'",
+              "attribute": "side",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "bsClose",
+              "description": "Emitted when the panel requests to close (close button, Escape, overlay click).",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the panel body."
+            },
+            {
+              "name": "footer",
+              "description": "Optional footer area (e.g. apply/reset buttons)."
+            },
+            {
+              "name": "header-actions",
+              "description": "Extra actions shown in the header next to the close button."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "body",
+              "description": "The scrollable body."
+            },
+            {
+              "name": "footer",
+              "description": "The footer wrapper."
+            },
+            {
+              "name": "header",
+              "description": "The header row."
+            },
+            {
+              "name": "heading",
+              "description": "The heading text."
+            },
+            {
+              "name": "overlay",
+              "description": "The backdrop (only when `overlay` is set)."
+            },
+            {
+              "name": "panel",
+              "description": "The panel surface (role=\"dialog\")."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsSidePanel",
+          "declaration": {
+            "name": "BsSidePanel"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-side-panel",
+          "declaration": {
+            "name": "BsSidePanel"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-skeleton/bs-skeleton.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-skeleton",
+          "name": "BsSkeleton",
+          "description": "A general-purpose loading placeholder for content whose shape isn't covered by a dedicated\nskeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.\n\nDecorative by default (`aria-hidden=\"true\"`). Set `label` to expose it to assistive tech as a\n`role=\"status\"` live region with that accessible name -- do this on one placeholder per loading\nregion, not on every placeholder, so screen readers don't announce it repeatedly.\n\n## When to use\n- Standing in for text, images, avatars or other blocks while their data loads.\n\n## When not to use\n- For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.\n- For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.",
+          "attributes": [
+            {
+              "name": "animated",
+              "description": "Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "animated"
+            },
+            {
+              "name": "height",
+              "description": "Any CSS length. Falls back to the variant's default height custom property.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "height"
+            },
+            {
+              "name": "label",
+              "description": "When set, the placeholder gets `role=\"status\"` and this as its `aria-label`; otherwise it is\n`aria-hidden=\"true\"`.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "lines",
+              "description": "Number of text lines (`variant=\"text\"` only). The last line of a multi-line block is shorter.\nValues below 1 are treated as 1.",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "lines"
+            },
+            {
+              "name": "variant",
+              "description": "Shape of the placeholder.",
+              "type": {
+                "text": "\"circle\" | \"rect\" | \"text\"",
+                "references": [
+                  {
+                    "name": "BsSkeletonVariant"
+                  }
+                ]
+              },
+              "default": "'text'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "width",
+              "description": "Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if\nonly one of `width`/`height` is set the other matches it.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "width"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "animated",
+              "description": "Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "animated"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "description": "Any CSS length. Falls back to the variant's default height custom property.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "When set, the placeholder gets `role=\"status\"` and this as its `aria-label`; otherwise it is\n`aria-hidden=\"true\"`.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label"
             },
             {
-              "name": "--bs-session-timeout-padding",
-              "description": "Card padding. Aliased to --bs-spacing-200 (16px)."
+              "kind": "field",
+              "name": "lines",
+              "description": "Number of text lines (`variant=\"text\"` only). The last line of a multi-line block is shorter.\nValues below 1 are treated as 1.",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "lines"
             },
             {
-              "name": "--bs-session-timeout-radius",
-              "description": "Card corner radius. Aliased to --bs-border-radius-150 (12px)."
+              "kind": "field",
+              "name": "variant",
+              "description": "Shape of the placeholder.",
+              "type": {
+                "text": "\"circle\" | \"rect\" | \"text\"",
+                "references": [
+                  {
+                    "name": "BsSkeletonVariant"
+                  }
+                ]
+              },
+              "default": "'text'",
+              "attribute": "variant"
             },
             {
-              "name": "--bs-session-timeout-rule",
-              "description": "Colour of the divider lines and the account box border. Aliased to --bs-border-default."
-            },
+              "kind": "field",
+              "name": "width",
+              "description": "Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if\nonly one of `width`/`height` is set the other matches it.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "width"
+            }
+          ],
+          "cssParts": [
             {
-              "name": "--bs-session-timeout-shadow",
-              "description": "Card shadow. 0 8px 8px --bs-elevation-higher (Figma)."
+              "name": "container",
+              "description": "The outer wrapper."
             },
             {
-              "name": "--bs-session-timeout-width",
-              "description": "Card width. 440px (Figma); never narrower than the min or wider than the max below."
+              "name": "line",
+              "description": "Each pulsing placeholder element (one per line for `variant=\"text\"`)."
             }
           ]
         }
@@ -12226,16 +14217,16 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BsSessionTimeout",
+          "name": "BsSkeleton",
           "declaration": {
-            "name": "BsSessionTimeout"
+            "name": "BsSkeleton"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bs-session-timeout",
+          "name": "bs-skeleton",
           "declaration": {
-            "name": "BsSessionTimeout"
+            "name": "BsSkeleton"
           }
         }
       ]
@@ -12269,6 +14260,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "end-value-label",
+              "description": "Accessible name of the upper-bound thumb / percent field when `ariaLabel` is unset.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'End value'",
+              "fieldName": "endValueLabel"
+            },
             {
               "name": "label",
               "description": "Label text shown above the track when `showLabel` is set.",
@@ -12322,6 +14322,15 @@
               "default": "true",
               "fieldName": "showLabel"
             },
+            {
+              "name": "start-value-label",
+              "description": "Accessible name of the lower-bound thumb / percent field when `ariaLabel` is unset.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Start value'",
+              "fieldName": "startValueLabel"
+            },
             {
               "name": "step",
               "description": "Step size between selectable values. For `type=\"segmented\"`, the effective step is derived\nfrom `(max - min) / segments` instead, so the thumb always snaps to a tick.",
@@ -12393,6 +14402,16 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "endValueLabel",
+              "description": "Accessible name of the upper-bound thumb / percent field when `ariaLabel` is unset.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'End value'",
+              "attribute": "end-value-label"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -12453,6 +14472,16 @@
               "default": "true",
               "attribute": "show-label"
             },
+            {
+              "kind": "field",
+              "name": "startValueLabel",
+              "description": "Accessible name of the lower-bound thumb / percent field when `ariaLabel` is unset.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Start value'",
+              "attribute": "start-value-label"
+            },
             {
               "kind": "field",
               "name": "step",
@@ -13129,6 +15158,95 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-spinner/bs-spinner.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-spinner",
+          "name": "BsSpinner",
+          "description": "A small inline spinner sized for text. By default (`size=\"inherit\"`) it is `1em` square so it\nscales with the surrounding font size, and it draws in `currentColor` so it matches the\nsurrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a\nblock layout, so it can't sit inline with text.\n\n## When to use\n- Inline \"busy\" feedback next to or inside text, e.g. \"Saving...\" or within a button label.\n\n## When not to use\n- For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.\n- As a content placeholder -- use `bs-skeleton`.",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "Accessible name (e.g. \"Loading\"). When set, the spinner gets `role=\"status\"` and this\n`aria-label`; when omitted it is `aria-hidden=\"true\"` (use it next to visible text that already\nsays what is happening).",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "size",
+              "description": "`xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size.",
+              "type": {
+                "text": "\"inherit\" | \"md\" | \"sm\" | \"xs\"",
+                "references": [
+                  {
+                    "name": "BsSpinnerSize"
+                  }
+                ]
+              },
+              "default": "'inherit'",
+              "fieldName": "size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Accessible name (e.g. \"Loading\"). When set, the spinner gets `role=\"status\"` and this\n`aria-label`; when omitted it is `aria-hidden=\"true\"` (use it next to visible text that already\nsays what is happening).",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "`xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size.",
+              "type": {
+                "text": "\"inherit\" | \"md\" | \"sm\" | \"xs\"",
+                "references": [
+                  {
+                    "name": "BsSpinnerSize"
+                  }
+                ]
+              },
+              "default": "'inherit'",
+              "attribute": "size"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "container",
+              "description": "The outer inline wrapper (carries the status role)."
+            },
+            {
+              "name": "svg",
+              "description": "The spinner SVG."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsSpinner",
+          "declaration": {
+            "name": "BsSpinner"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-spinner",
+          "declaration": {
+            "name": "BsSpinner"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-stepper/bs-stepper/bs-stepper.tsx",
@@ -14294,6 +16412,15 @@
               "default": "'Confirm'",
               "fieldName": "confirmLabel"
             },
+            {
+              "name": "decrease-label",
+              "description": "Verb prefix of each column's decrement button name (\"Decrease hour\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Decrease'",
+              "fieldName": "decreaseLabel"
+            },
             {
               "name": "format",
               "description": "Display format: `12h` (with an AM/PM dropdown) or `24h`. The user can switch it with the\n24h switch. Does not change `value`, which is always 24-hour.",
@@ -14323,13 +16450,21 @@
             },
             {
               "name": "hour-label",
-              "description": "Accessible name of the hour spinner.",
               "type": {
                 "text": "string"
               },
               "default": "'Hour'",
               "fieldName": "hourLabel"
             },
+            {
+              "name": "increase-label",
+              "description": "Verb prefix of each column's increment button name (\"Increase hour\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Increase'",
+              "fieldName": "increaseLabel"
+            },
             {
               "name": "minute-label",
               "description": "Accessible name of the minute spinner.",
@@ -14396,6 +16531,16 @@
               "default": "'Confirm'",
               "attribute": "confirm-label"
             },
+            {
+              "kind": "field",
+              "name": "decreaseLabel",
+              "description": "Verb prefix of each column's decrement button name (\"Decrease hour\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Decrease'",
+              "attribute": "decrease-label"
+            },
             {
               "kind": "field",
               "name": "format",
@@ -14430,13 +16575,22 @@
             {
               "kind": "field",
               "name": "hourLabel",
-              "description": "Accessible name of the hour spinner.",
               "type": {
                 "text": "string"
               },
               "default": "'Hour'",
               "attribute": "hour-label"
             },
+            {
+              "kind": "field",
+              "name": "increaseLabel",
+              "description": "Verb prefix of each column's increment button name (\"Increase hour\").",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Increase'",
+              "attribute": "increase-label"
+            },
             {
               "kind": "field",
               "name": "minuteLabel",
@@ -14668,6 +16822,15 @@
           "name": "BsToast",
           "description": "A transient status message for confirming the result of an action (e.g. \"Files uploaded\nsuccessfully.\") -- a state-specific icon, a message, and a close button.\n\nThis component only renders the toast itself -- it doesn't manage its own visibility, timing, or\nstacking. A consumer (typically a small \"toast manager\" utility) creates one per message and\nremoves it from the DOM again, whether on a timer or on `bsDismiss`. Figma's spec doesn't show\nauto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.",
           "attributes": [
+            {
+              "name": "dismiss-label",
+              "description": "Accessible name of the dismiss button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dismiss'",
+              "fieldName": "dismissLabel"
+            },
             {
               "name": "state",
               "description": "Semantic state. Each state has its own icon and matching container/text tokens -- there is\nno neutral/default state.",
@@ -14684,6 +16847,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dismissLabel",
+              "description": "Accessible name of the dismiss button.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Dismiss'",
+              "attribute": "dismiss-label"
+            },
             {
               "kind": "field",
               "name": "state",
@@ -14894,6 +17067,123 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-tooltip-trigger/bs-tooltip-trigger.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-tooltip-trigger",
+          "name": "BsTooltipTrigger",
+          "description": "Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional\ndelay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.\n\nComposed from `bs-tooltip`.\n\n## When to use\n- A short hint for an icon button or truncated label.\n\n## When not to use\n- Interactive content or long text (use `bs-popover`).",
+          "attributes": [
+            {
+              "name": "delay",
+              "description": "Milliseconds to wait before showing the tooltip.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "delay"
+            },
+            {
+              "name": "placement",
+              "description": "Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'.",
+              "type": {
+                "text": "\"bottom\" | \"end\" | \"start\" | \"top\"",
+                "references": [
+                  {
+                    "name": "BsTooltipTriggerPlacement"
+                  }
+                ]
+              },
+              "default": "'bottom'",
+              "fieldName": "placement"
+            },
+            {
+              "name": "text",
+              "description": "Tooltip message.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "text"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "delay",
+              "description": "Milliseconds to wait before showing the tooltip.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "delay"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "description": "Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'.",
+              "type": {
+                "text": "\"bottom\" | \"end\" | \"start\" | \"top\"",
+                "references": [
+                  {
+                    "name": "BsTooltipTriggerPlacement"
+                  }
+                ]
+              },
+              "default": "'bottom'",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "description": "Tooltip message.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "text"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the trigger element."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "tooltip",
+              "description": "The positioned tooltip wrapper (role=\"tooltip\")."
+            },
+            {
+              "name": "trigger",
+              "description": "The wrapper around the trigger; carries aria-describedby."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsTooltipTrigger",
+          "declaration": {
+            "name": "BsTooltipTrigger"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-tooltip-trigger",
+          "declaration": {
+            "name": "BsTooltipTrigger"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-whats-new/bs-whats-new.tsx",