@brandsync/wc 1.12.0 → 1.13.0

package/reference.json

@@ -0,0 +1,4176 @@
+{
+  "bs-accordion": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the body/content area, shown below the header when expanded (and, unless `showPreview` is `false`, truncated to one line when collapsed)."
+      },
+      {
+        "kind": "slot",
+        "name": "label",
+        "description": "The header's title text."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon, overriding the default Plus glyph. Only rendered when `showIcon` is `true`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The clickable header row."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The leading icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "caret",
+        "description": "The trailing caret wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "content",
+        "description": "The body content wrapper."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-accordion-group": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "`bs-accordion` elements."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "group",
+        "description": "The stacking wrapper."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-accordion-group-gap",
+        "description": "Gap between accordions. Defaults to `0`."
+      }
+    ]
+  },
+  "bs-ai-disclaimer": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "The disclaimer text/content, centered. Defaults to no content -- the consumer supplies the copy, e.g. \"AI can make mistakes. Please verify important information.\""
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "text",
+        "description": "The disclaimer text container."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-ai-disclaimer-padding-x",
+        "description": "Horizontal padding. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-disclaimer-text-color",
+        "description": "Text color. Aliased to `--bs-text-secondary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-disclaimer-font-size",
+        "description": "Text font size. Aliased to `--bs-font-size-sm`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-disclaimer-line-height",
+        "description": "Text line height. Aliased to `--bs-line-height-body-sm`."
+      }
+    ]
+  },
+  "bs-ai-greeting": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The bold \"Hi. I'm {assistantName}, your AI assistant.\" heading."
+      },
+      {
+        "kind": "part",
+        "name": "subtext",
+        "description": "The \"How can I help you...\" subtext."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-gap",
+        "description": "Gap between heading and subtext. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-max-width",
+        "description": "Max width of the centered content block. Matches Figma's 490px."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-heading-color",
+        "description": "Heading text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-heading-font-size",
+        "description": "Heading font size. Aliased to `--bs-font-size-4xl`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-heading-line-height",
+        "description": "Heading line height. Figma specifies 28px, which doesn't match any `--bs-line-height-heading-*` token (h4 is 32) -- aliased directly to `--bs-line-height-body-lg`, the token that happens to share the same numeric value."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-heading-weight",
+        "description": "Heading font weight. Aliased to `--bs-font-weight-bold`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-heading-gap",
+        "description": "Gap between the two heading lines. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-subtext-color",
+        "description": "Subtext color. Aliased to `--bs-text-secondary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-subtext-font-size",
+        "description": "Subtext font size. Figma specifies 20px, which doesn't match the semantic `--bs-text-style-body-lg-size` (18px) -- aliased directly to the raw `--bs-font-size-xl` primitive instead."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-greeting-subtext-line-height",
+        "description": "Subtext line height. Aliased to `--bs-line-height-body-lg`."
+      }
+    ]
+  },
+  "bs-ai-thinking": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The Genie mark icon."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The status label text."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-gap",
+        "description": "Gap between icon and label. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-icon-size",
+        "description": "Width/height of the icon."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-text",
+        "description": "Label base color. Aliased to `--bs-text-muted`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-shimmer-highlight",
+        "description": "Color of the moving highlight band. Aliased to `--bs-text-default` (more prominent than `--bs-text-muted` in both themes)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-font-size",
+        "description": "Label font size. Aliased to `--bs-font-size-md`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-line-height",
+        "description": "Label line height. Aliased to `--bs-line-height-body-md`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ai-thinking-cycle-duration",
+        "description": "Duration of one shimmer sweep. Figma's own keyframe track for this label runs over exactly 2s, longer than any `--bs-duration-*` token (max `--bs-duration-slower` is 500ms), so this is aliased directly to the literal value."
+      }
+    ]
+  },
+  "bs-attachment": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "thumbnail",
+        "description": "The image thumbnail wrapper (type=\"image\" only)."
+      },
+      {
+        "kind": "part",
+        "name": "card",
+        "description": "The filename card (type=\"pdf\" / type=\"document\" only)."
+      },
+      {
+        "kind": "part",
+        "name": "filename",
+        "description": "The truncated filename text inside the card."
+      },
+      {
+        "kind": "part",
+        "name": "badge",
+        "description": "The colored file-type badge inside the card."
+      },
+      {
+        "kind": "part",
+        "name": "remove",
+        "description": "The remove button."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-size",
+        "description": "Width/height of the image thumbnail and of the card. Defaults to 112px."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-radius",
+        "description": "Corner radius of the thumbnail/card. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-border-color",
+        "description": "Border color of the card / loading image wrap. Aliased to `--bs-border-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-card-bg",
+        "description": "Card background. Aliased to `--bs-surface-base`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-filename-color",
+        "description": "Filename text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-badge-bg-pdf",
+        "description": "PDF badge background. Aliased to `--bs-badge-bg-error`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-badge-bg-document",
+        "description": "Document badge background. Aliased to `--bs-badge-bg-info`."
+      }
+    ]
+  },
+  "bs-attachment-list": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "One or more `bs-attachment` elements."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "row",
+        "description": "The scrollable flex row containing the slotted attachments."
+      },
+      {
+        "kind": "part",
+        "name": "fade",
+        "description": "The right-edge fade-out overlay shown only while the row has more content to scroll to."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-list-gap",
+        "description": "Gap between attachments. Matches the 10px Figma spec (not tied to the `--bs-spacing-*` scale, which only has 8px/12px neighbors)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-list-padding",
+        "description": "Padding around the row. Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-list-fade-color",
+        "description": "Color the right-edge fade blends into. Aliased to `--bs-static-white`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-list-fade-width",
+        "description": "Width of the right-edge fade overlay. Aliased to `--bs-spacing-800`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-attachment-list-scrollbar-thumb",
+        "description": "Color of the scrollbar thumb that appears on hover/focus once the row is scrollable. Aliased to `--bs-neutral-300`."
+      }
+    ]
+  },
+  "bs-avatar": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The circular wrapper (all three `type`s render this; `image` additionally wraps a real `<img>` inside it, since the border/background/radius treatment is identical across types and factoring it into one shared part keeps `::part(container)` overrides consistent regardless of which `type` ends up rendering)."
+      },
+      {
+        "kind": "part",
+        "name": "image",
+        "description": "The `<img>` itself. Only rendered for `type=\"image\"`."
+      },
+      {
+        "kind": "part",
+        "name": "initials",
+        "description": "The initials text. Only rendered for `type=\"initials\"`."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The fallback user-silhouette icon. Only rendered for `type=\"icon\"`. // Note: this component's CSS Custom Properties are documented via @prop comments in bs-avatar.css, // not here -- see bs-navigation-header.css's identical note. Most of them are this library's // existing vendored --bs-avatar-* tokens (see tokens.css), not new ones invented for this // component -- brandsync-tokens already ships a full avatar-specific token set."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-badge": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the badge's label text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The pill element."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-breadcrumb": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the crumb's label content/text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "separator",
+        "description": "The leading separator icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "link",
+        "description": "The anchor (or, when there's no `href`, plain `<span>`) for a non-current crumb."
+      },
+      {
+        "kind": "part",
+        "name": "current",
+        "description": "The current-page text element. // Note: this component's CSS Custom Properties (--bs-breadcrumb-*) are documented via @prop // comments in bs-breadcrumb.css, not here -- see bs-tab.tsx's identical note."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-breadcrumb-overflow": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "None: `items` fully drives the popup's contents."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "separator",
+        "description": "The leading separator icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ellipsis",
+        "description": "The icon-only disclosure button."
+      },
+      {
+        "kind": "part",
+        "name": "menu",
+        "description": "The `bs-menu` popup revealed by the ellipsis button."
+      },
+      {
+        "kind": "part",
+        "name": "link",
+        "description": "Each anchor/span row inside the popup. // Note: this component's CSS Custom Properties (--bs-breadcrumb-overflow-*) are documented via // @prop comments in bs-breadcrumb-overflow.css, not here -- see bs-tab.tsx's identical note."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-breadcrumbs": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the trail's crumbs, `<bs-breadcrumb>` and/or `<bs-breadcrumb-overflow>` elements, in visual order."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "list",
+        "description": "The `<ol>` element. // Note: this component's CSS Custom Property (--bs-breadcrumbs-gap) is documented via an @prop // comment in bs-breadcrumbs.css, not here -- see bs-tab.tsx's identical note."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-button": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the button's label content."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon, rendered before the label."
+      },
+      {
+        "kind": "slot",
+        "name": "end-icon",
+        "description": "Optional trailing icon, rendered after the label."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The text label element."
+      },
+      {
+        "kind": "part",
+        "name": "end-icon",
+        "description": "The trailing icon wrapper element."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-button-radius",
+        "description": "Corner radius. Aliased to `--bs-border-radius-100` by default."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-padding-x-sm",
+        "description": "Left/right padding of a label-only button at `size=\"sm\"`. Aliased to `--bs-spacing-300`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-width",
+        "description": "Width of the button. `auto` by default (fits its content); set `100%` for a full-width button, e.g. `bs-button { --bs-button-width: 100%; }`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-subtle-color",
+        "description": "Label/icon colour, `variant=\"subtle\"`. Aliased to `--bs-color-neutral-default`; set it to `var(--bs-text-action)` for a blue text button."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-height-sm",
+        "description": "Height at `size=\"sm\"`. Aliased to `--bs-spacing-500`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-height-md",
+        "description": "Height at `size=\"md\"`. Aliased to `--bs-spacing-600`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-height-lg",
+        "description": "Height at `size=\"lg\"`. Aliased to `--bs-spacing-700`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-neutral-border",
+        "description": "Border color, `variant=\"neutral\"`, default/disabled. Aliased to `--bs-border-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-neutral-border-hover",
+        "description": "Border color, `variant=\"neutral\"`, hover. Aliased to `--bs-border-neutral-container-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-neutral-border-pressed",
+        "description": "Border color, `variant=\"neutral\"`, pressed. Aliased to `--bs-border-neutral-container-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-padding-x-icon-side",
+        "description": "Horizontal padding on an edge that's adjacent to a leading/trailing icon (tighter than the plain text-only edge). Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-padding-x-label-side",
+        "description": "Horizontal padding on the opposite edge, when an icon on the other side needs compensating extra space to keep the button optically balanced. Aliased to `--bs-spacing-250`."
+      }
+    ]
+  },
+  "bs-icon-button": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the icon content. Exactly one icon, no label -- an inline SVG, or an icon-font glyph (sized by `font-size`, which this component sets from the `size` prop)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper element. // Note: this component's CSS Custom Properties (--bs-icon-button-*) are documented via @prop // comments in bs-icon-button.css, not here -- Stencil's docs generator only parses @prop out of // CSS file comments, not the class-level JSDoc (see bs-tab.css's/bs-inline-tab.css's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-button-skeleton": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The pulsing placeholder element."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-button-skeleton-height-sm",
+        "description": "Height at `size=\"sm\"`. Aliased to `--bs-spacing-500`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-skeleton-height-md",
+        "description": "Height at `size=\"md\"`. Aliased to `--bs-spacing-600`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-skeleton-height-lg",
+        "description": "Height at `size=\"lg\"`. Aliased to `--bs-spacing-700`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-button-skeleton-width",
+        "description": "Placeholder width. Defaults to `96px`."
+      }
+    ]
+  },
+  "bs-card": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "image",
+        "description": "Optional hero image across the top of the card, flush with its edges and clipped to its top corners. Presence of assigned content is what shows it -- doesn't affect layout when empty."
+      },
+      {
+        "kind": "slot",
+        "name": "header",
+        "description": "Optional heading content above the body."
+      },
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the card's main body content."
+      },
+      {
+        "kind": "slot",
+        "name": "footer",
+        "description": "Optional actions/content below the body (e.g. a button)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer surface element."
+      },
+      {
+        "kind": "part",
+        "name": "image",
+        "description": "The hero image wrapper (only visible when the `image` slot has content)."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The header wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "body",
+        "description": "The body wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "footer",
+        "description": "The footer wrapper."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-carousel": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the slides. Each direct child is one slide."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "carousel",
+        "description": "The outer region (`role=\"region\"`, `aria-roledescription=\"carousel\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "slides",
+        "description": "The row holding the visible slides."
+      },
+      {
+        "kind": "part",
+        "name": "tracker",
+        "description": "The row holding the tracker and the Pause/Play button."
+      },
+      {
+        "kind": "part",
+        "name": "prev",
+        "description": "The previous button (`tracker=\"dots\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "next",
+        "description": "The next button (`tracker=\"dots\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "dots",
+        "description": "The dot group (`tracker=\"dots\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "dot",
+        "description": "Each dot (`tracker=\"dots\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "current",
+        "description": "The current page's dot (in addition to `dot`)."
+      },
+      {
+        "kind": "part",
+        "name": "pagination",
+        "description": "The numbered tracker (`tracker=\"numbers\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "pause",
+        "description": "The Pause/Play button (only rendered when `autoplay`). // Note: this component's CSS Custom Properties (--bs-carousel-*) are documented via @prop comments // in bs-carousel.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments (see bs-input.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-chatbot-feedback": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading text."
+      },
+      {
+        "kind": "part",
+        "name": "subtitle",
+        "description": "The subtitle text."
+      },
+      {
+        "kind": "part",
+        "name": "star",
+        "description": "A single star button (`::part(star)` matches all five)."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The \"Tell us what you think\" label (only rendered before submitting)."
+      },
+      {
+        "kind": "part",
+        "name": "textarea",
+        "description": "The comment textarea (only rendered before submitting)."
+      },
+      {
+        "kind": "part",
+        "name": "comment",
+        "description": "The submitted comment, read-only (only rendered after submitting, if a comment was given)."
+      },
+      {
+        "kind": "part",
+        "name": "submit",
+        "description": "The \"Submit feedback\" button (only rendered before submitting)."
+      },
+      {
+        "kind": "part",
+        "name": "new-chat",
+        "description": "The \"Start new chat\" button."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-bg",
+        "description": "Card background. Aliased to `--bs-surface-raised`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-border",
+        "description": "Card border color. Aliased to `--bs-border-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-radius",
+        "description": "Card corner radius. Aliased to `--bs-border-radius-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-padding-x",
+        "description": "Card horizontal padding. Aliased to `--bs-spacing-250`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-padding-y",
+        "description": "Card vertical padding. Aliased to `--bs-spacing-550`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-max-width",
+        "description": "Max width of the card. Matches Figma's 762px."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-gap",
+        "description": "Gap between the top content block and the button(s). Aliased to `--bs-spacing-300`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-top-gap",
+        "description": "Gap between heading/subtitle, stars, and the textarea/comment within the top block. Aliased to `--bs-spacing-250`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-heading-color",
+        "description": "Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-subtitle-color",
+        "description": "Aliased to `--bs-text-secondary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-star-filled",
+        "description": "Filled star color. Aliased to `--bs-color-primary-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-star-empty",
+        "description": "Empty star color. Aliased to `--bs-border-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-comment-color",
+        "description": "Submitted comment text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-close-hover",
+        "description": "Close button hover background. Aliased to `--bs-surface-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-primary-bg",
+        "description": "\"Submit feedback\" / post-submit \"Start new chat\" background. Aliased to `--bs-button-primary-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-primary-bg-hover",
+        "description": "Aliased to `--bs-button-primary-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-primary-bg-disabled",
+        "description": "Aliased to `--bs-button-primary-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-outlined-border",
+        "description": "Pre-submit \"Start new chat\" border. Aliased to `--bs-border-primary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-outlined-hover",
+        "description": "Pre-submit \"Start new chat\" hover background. Aliased to `--bs-color-primary-container-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-feedback-outlined-text",
+        "description": "Pre-submit \"Start new chat\" text/icon color. Aliased to `--bs-text-action`."
+      }
+    ]
+  },
+  "bs-chatbot-header": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "actions",
+        "description": "Extra consumer-supplied controls (e.g. a language selector) rendered before the built-in buttons."
+      },
+      {
+        "kind": "slot",
+        "name": "new-chat-icon",
+        "description": "Overrides the default \"New chat\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "history-icon",
+        "description": "Overrides the default \"History\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "expand-icon",
+        "description": "Overrides the default \"Expand\"/\"Collapse\" button icon (rendered regardless of `expanded` -- there is no separate confirmed \"collapsed\" glyph in the design, so swap it yourself via this slot if you need one)."
+      },
+      {
+        "kind": "slot",
+        "name": "close-icon",
+        "description": "Overrides the default \"Close\" button icon."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "logo",
+        "description": "The Genie brand mark (inline SVG)."
+      },
+      {
+        "kind": "part",
+        "name": "new-chat",
+        "description": "The \"New chat\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "history",
+        "description": "The \"History\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "expand",
+        "description": "The \"Expand\"/\"Collapse\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The \"Close\" icon button."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-bg",
+        "description": "Background of the header bar. Aliased to `--bs-surface-base`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-border",
+        "description": "Bottom border color. Aliased to `--bs-border-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-padding-top",
+        "description": "Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-padding-bottom",
+        "description": "Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-padding-x",
+        "description": "Aliased to `--bs-margin-fluid`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-gap",
+        "description": "Gap between the logo and the button group. Aliased to `--bs-navigation-header-gap`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-actions-gap",
+        "description": "Gap between the individual action buttons. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-button-size",
+        "description": "Width/height of each icon button. Aliased to `--bs-spacing-600`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-button-radius",
+        "description": "Corner radius of each icon button. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-button-hover",
+        "description": "Icon button background on hover. Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-button-pressed",
+        "description": "Icon button background when pressed. Aliased to `--bs-color-neutral-container-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-header-icon",
+        "description": "Icon color. Aliased to `--bs-icon-default`."
+      }
+    ]
+  },
+  "bs-chatbot-response-action": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "like-icon",
+        "description": "Overrides the default \"Like\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "dislike-icon",
+        "description": "Overrides the default \"Dislike\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "copy-icon",
+        "description": "Overrides the default \"Copy\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "regenerate-icon",
+        "description": "Overrides the default \"Regenerate\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "menu-icon",
+        "description": "Overrides the default \"More options\" button icon."
+      },
+      {
+        "kind": "slot",
+        "name": "menu",
+        "description": "A `bs-menu` (or other content) rendered in a popup positioned below the \"More options\" button, shown only while `menuOpen` is `true`."
+      },
+      {
+        "kind": "slot",
+        "name": "sources-icon",
+        "description": "Overrides the default icon in the \"N sources\" button."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "like",
+        "description": "The \"Like\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "dislike",
+        "description": "The \"Dislike\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "copy",
+        "description": "The \"Copy\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "regenerate",
+        "description": "The \"Regenerate\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "menu",
+        "description": "The \"More options\" icon button."
+      },
+      {
+        "kind": "part",
+        "name": "sources",
+        "description": "The \"N sources\" button (only rendered when `sourcesCount` is set)."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-gap",
+        "description": "Gap between all buttons in the row. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-padding-top",
+        "description": "Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-padding-bottom",
+        "description": "Aliased to `--bs-spacing-50`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-button-size",
+        "description": "Width/height of each icon button. Aliased to `--bs-spacing-400`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-button-radius",
+        "description": "Corner radius of each button. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-button-hover",
+        "description": "Button background on hover. Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-button-pressed",
+        "description": "Button background when pressed. Aliased to `--bs-color-neutral-container-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-icon",
+        "description": "Icon color. Aliased to `--bs-icon-neutral-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-sources-gap",
+        "description": "Gap between the sources icon and its label. Aliased to `--bs-spacing-50`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-sources-padding-left",
+        "description": "Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-sources-padding-right",
+        "description": "Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-sources-color",
+        "description": "Text color of the sources label. Aliased to `--bs-text-neutral-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-sources-font-size",
+        "description": "Aliased to `--bs-font-size-sm`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-response-action-sources-line-height",
+        "description": "Aliased to `--bs-line-height-body-sm`."
+      }
+    ]
+  },
+  "bs-chatbot-sources-drawer": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "One or more `bs-source-link` rows."
+      },
+      {
+        "kind": "slot",
+        "name": "collapse-icon",
+        "description": "Overrides the default collapse chevron icon."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The \"Sources\" title text."
+      },
+      {
+        "kind": "part",
+        "name": "count",
+        "description": "The count badge next to the title."
+      },
+      {
+        "kind": "part",
+        "name": "collapse",
+        "description": "The collapse chevron button."
+      },
+      {
+        "kind": "part",
+        "name": "list",
+        "description": "The scrollable container of slotted `bs-source-link` rows."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-bg",
+        "description": "Background of the whole panel. Aliased to `--bs-surface-raised`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-header-shadow",
+        "description": "Drop shadow under the header, separating it from the scrolled list. Aliased to `--bs-shadow-xs`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-header-padding-x",
+        "description": "Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-header-padding-top",
+        "description": "Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-header-padding-bottom",
+        "description": "Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-heading-color",
+        "description": "Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-count-bg",
+        "description": "Count badge background. Aliased to `--bs-badge-bg-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-count-color",
+        "description": "Count badge text color. Aliased to `--bs-badge-text-neutral`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-collapse-hover",
+        "description": "Collapse button background on hover. Aliased to `--bs-surface-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-section-gap",
+        "description": "Gap between the header and the list. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-list-padding",
+        "description": "Horizontal/bottom padding of the list. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-sources-drawer-list-gap",
+        "description": "Gap between rows. Aliased to `--bs-spacing-50`."
+      }
+    ]
+  },
+  "bs-chatbot-suggestion-button": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the suggestion's label text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "button",
+        "description": "The button element."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-radius",
+        "description": "Corner radius. Aliased to `--bs-border-radius-full`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-border-color",
+        "description": "Border color. Aliased to `--bs-border-primary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-bg-default",
+        "description": "Background in the default (enabled) state. Aliased to `--bs-color-primary-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-bg-hover",
+        "description": "Background on hover. Aliased to `--bs-color-primary-container-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-bg-pressed",
+        "description": "Background when pressed. Aliased to `--bs-color-primary-container-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-bg-focus",
+        "description": "Background when focused. Aliased to `--bs-color-primary-container-hover` (same as hover)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-text-default",
+        "description": "Text color in the default state. Aliased to `--bs-text-action`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-text-hover",
+        "description": "Text color on hover, pressed, and focus. Aliased to `--bs-text-action-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-chatbot-suggestion-button-focus-ring-color",
+        "description": "Focus ring color. Aliased to `--bs-border-primary-focus`."
+      }
+    ]
+  },
+  "bs-checkbox-skeleton": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer wrapper holding both placeholder pieces."
+      },
+      {
+        "kind": "part",
+        "name": "box",
+        "description": "The pulsing placeholder standing in for the checkbox's own box."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The pulsing placeholder bar standing in for the label text."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-checkbox-skeleton-size-sm",
+        "description": "Box width/height at `size=\"sm\"`. Aliased to `--bs-spacing-200`, mirroring `bs-checkbox`'s own `--bs-checkbox-size-sm` -- not read directly from it, since these are two separate shadow roots."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-checkbox-skeleton-size-md",
+        "description": "Box width/height at `size=\"md\"`. Aliased to `--bs-spacing-250`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-checkbox-skeleton-size-lg",
+        "description": "Box width/height at `size=\"lg\"`. Aliased to `--bs-spacing-300`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-checkbox-skeleton-gap",
+        "description": "Gap between the box and label placeholders. Aliased to `--bs-spacing-100`, mirroring `bs-checkbox`'s own `--bs-checkbox-gap`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-checkbox-skeleton-label-width",
+        "description": "Width of the label placeholder bar. Defaults to `96px`."
+      }
+    ]
+  },
+  "bs-checkbox": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the label text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "box",
+        "description": "The visual checkbox square."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The check/minus icon shown inside the box when `checked` or `indeterminate`."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label text wrapper. // Note: this component's CSS Custom Properties (--bs-checkbox-*) are documented via @prop comments // in bs-checkbox.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments, not the class-level JSDoc (see bs-input.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-chip-filter": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the chip's label content."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon, rendered before the label."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The text label element."
+      },
+      {
+        "kind": "part",
+        "name": "caret",
+        "description": "The dropdown caret wrapper element, when `dropdown` is set."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-chip-informative": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the chip's label content."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The text label element."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-chip-input": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the chip's label content."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading visual. Defaults to 16px (a plain icon), except a `<bs-avatar size=\"xs\">` specifically keeps its own natural 24px sizing instead -- Figma specs a plain icon and an avatar (with its own existing border ring) at two different sizes."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "body",
+        "description": "The button that toggles `selected`."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The text label element."
+      },
+      {
+        "kind": "part",
+        "name": "remove",
+        "description": "The trailing remove button."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-citation-preview": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "The snippet / preview content (text, highlighted excerpt, image)."
+      },
+      {
+        "kind": "slot",
+        "name": "footer",
+        "description": "Overrides the default footer (page label)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card surface (`bs-card`)."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The `bs-source-link` header."
+      },
+      {
+        "kind": "part",
+        "name": "snippet",
+        "description": "The snippet wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "page",
+        "description": "The page label."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-citation-preview-gap",
+        "description": "Gap between header, snippet and footer. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-citation-preview-snippet-color",
+        "description": "Snippet text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-citation-preview-snippet-bg",
+        "description": "Snippet background. Aliased to `--bs-surface-base`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-citation-preview-snippet-radius",
+        "description": "Snippet corner radius. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-citation-preview-page-color",
+        "description": "Page label color. Aliased to `--bs-text-secondary`."
+      }
+    ]
+  },
+  "bs-composer": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "attachments",
+        "description": "A `bs-attachment-list` (or other content) rendered inside the composer's own bordered container, above the text field -- only takes up space/padding when it has assigned content, so leaving it empty renders identically to not having the slot at all."
+      },
+      {
+        "kind": "slot",
+        "name": "actions-end",
+        "description": "Extra consumer-supplied controls appended after the primary action button in the controls row (e.g. a product-specific \"Tools\" button). Slotted content is placed inline in the same flex row as attach/mic/action, so a slotted element should size itself to roughly match `--bs-composer-button-size` to align visually."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "attachments",
+        "description": "The wrapper around the `attachments` slot."
+      },
+      {
+        "kind": "part",
+        "name": "attach",
+        "description": "The \"+\" attach button."
+      },
+      {
+        "kind": "part",
+        "name": "input",
+        "description": "The native text `<textarea>`."
+      },
+      {
+        "kind": "part",
+        "name": "mic",
+        "description": "The secondary icon button (microphone, or the stop-recording square while `state=\"recording\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The primary circular action button (send, stop, or confirm depending on `state`)."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-composer-radius",
+        "description": "Corner radius of the container. Aliased to `--bs-border-radius-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-button-radius",
+        "description": "Corner radius of the attach/mic/action buttons. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-button-size",
+        "description": "Width/height of the attach/mic/action buttons. Aliased to `--bs-spacing-600`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-bg",
+        "description": "Background of the pill container. Aliased to `--bs-input-bg-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-border",
+        "description": "Border color of the pill container. Aliased to `--bs-input-border-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-border-focus",
+        "description": "Border color when the text field has focus. Aliased to `--bs-input-border-focus`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-action-bg",
+        "description": "Background of the primary action button. Aliased to `--bs-color-primary-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-action-bg-hover",
+        "description": "Aliased to `--bs-color-primary-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-action-bg-pressed",
+        "description": "Aliased to `--bs-color-primary-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-action-bg-disabled",
+        "description": "Aliased to `--bs-surface-action-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-action-icon",
+        "description": "Icon color on the primary action button. Aliased to `--bs-text-on-action`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-action-icon-disabled",
+        "description": "Aliased to `--bs-text-on-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-attach-icon",
+        "description": "Icon color of the attach button. Aliased to `--bs-icon-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-mic-icon",
+        "description": "Icon color of the mic/stop-recording button. Aliased to `--bs-icon-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-mic-icon-disabled",
+        "description": "Aliased to `--bs-icon-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-subtle-hover",
+        "description": "Background of the attach/mic buttons on hover (subtle-button treatment, same as `bs-button`'s `subtle` variant). Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-subtle-pressed",
+        "description": "Background of the attach/mic buttons when pressed. Aliased to `--bs-color-neutral-container-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-input-max-lines",
+        "description": "How many lines the text field grows to before scrolling internally instead of growing further. Aliased to `10`."
+      }
+    ]
+  },
+  "bs-composer-status-banner": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Overrides the default leading icon. Only rendered when `showIcon` is true."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The leading icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "message",
+        "description": "The message text."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The optional \"Continue\"-style action button."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The optional close button."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-radius",
+        "description": "Corner radius of the top-left/top-right corners (bottom corners are square, so this sits flush above `bs-composer`). Aliased to `--bs-border-radius-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-padding-x",
+        "description": "Horizontal padding. Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-padding-top",
+        "description": "Top padding. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-padding-bottom",
+        "description": "Bottom padding. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-gap",
+        "description": "Gap between the message group and the action/close controls. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-icon-gap",
+        "description": "Gap between the icon and the message text. Aliased to `--bs-spacing-75`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-error-bg",
+        "description": "Background for `type=\"error\"`. Aliased to `--bs-color-error-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-error-text",
+        "description": "Text/icon color for `type=\"error\"`. Aliased to `--bs-text-error`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-error-action-bg",
+        "description": "Action button background for `type=\"error\"`. Aliased to `--bs-color-error-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-error-action-bg-hover",
+        "description": "Aliased to `--bs-color-error-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-info-bg",
+        "description": "Background for `type=\"info\"`. Aliased to `--bs-color-info-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-info-text",
+        "description": "Text/icon color for `type=\"info\"`. Aliased to `--bs-text-info`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-info-action-bg",
+        "description": "Action button background for `type=\"info\"`. Aliased to `--bs-color-info-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-info-action-bg-hover",
+        "description": "Aliased to `--bs-color-info-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-neutral-bg",
+        "description": "Background for `type=\"neutral\"`. Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-neutral-text",
+        "description": "Text/icon color for `type=\"neutral\"`. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-neutral-action-bg",
+        "description": "Action button background for `type=\"neutral\"`. Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-neutral-action-bg-hover",
+        "description": "Aliased to `--bs-color-neutral-container-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-neutral-action-border",
+        "description": "Action button border for `type=\"neutral\"` (the only variant whose action button is outlined). Aliased to `--bs-border-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-warning-bg",
+        "description": "Background for `type=\"warning\"`. Aliased to `--bs-color-warning-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-warning-text",
+        "description": "Text/icon color for `type=\"warning\"`. Aliased to `--bs-text-warning`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-warning-action-bg",
+        "description": "Action button background for `type=\"warning\"`. Aliased to `--bs-color-warning-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-warning-action-bg-hover",
+        "description": "Aliased to `--bs-color-warning-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-composer-status-banner-close-hover-bg",
+        "description": "Close button hover background (same across every `type`). Aliased to `--bs-color-neutral-container-hover`."
+      }
+    ]
+  },
+  "bs-cookie-consent": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Replaces the cookie glyph in the icon tile. Draw it with `currentColor`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card (or the snackbar, for `saved`)."
+      },
+      {
+        "kind": "part",
+        "name": "art",
+        "description": "The icon tile."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The paragraph under it."
+      },
+      {
+        "kind": "part",
+        "name": "policy",
+        "description": "The cookie policy link."
+      },
+      {
+        "kind": "part",
+        "name": "actions",
+        "description": "The row of consent buttons."
+      },
+      {
+        "kind": "part",
+        "name": "customise",
+        "description": "The Customise button."
+      },
+      {
+        "kind": "part",
+        "name": "reject",
+        "description": "The Reject optional button."
+      },
+      {
+        "kind": "part",
+        "name": "accept",
+        "description": "The Accept all button."
+      },
+      {
+        "kind": "part",
+        "name": "save",
+        "description": "The Save choices button (`preferences`)."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button (`preferences`)."
+      },
+      {
+        "kind": "part",
+        "name": "category",
+        "description": "Each cookie category (`preferences`)."
+      },
+      {
+        "kind": "part",
+        "name": "switch",
+        "description": "Each category's switch (`preferences`)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-data-table": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "table",
+        "description": "The `<table>` element."
+      },
+      {
+        "kind": "part",
+        "name": "head",
+        "description": "The `<thead>` element."
+      },
+      {
+        "kind": "part",
+        "name": "body",
+        "description": "The `<tbody>` element."
+      },
+      {
+        "kind": "part",
+        "name": "row",
+        "description": "Each `<tr>` in the body."
+      },
+      {
+        "kind": "part",
+        "name": "header-cell",
+        "description": "Each `<th>` in the header row."
+      },
+      {
+        "kind": "part",
+        "name": "cell",
+        "description": "Each `<td>` in a body row."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-datepicker": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer card."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The row of month/year dropdowns (default) or start/end fields (range)."
+      },
+      {
+        "kind": "part",
+        "name": "menu",
+        "description": "The month/year dropdown list, when open (default mode)."
+      },
+      {
+        "kind": "part",
+        "name": "nav",
+        "description": "The row holding the previous/next buttons and the title."
+      },
+      {
+        "kind": "part",
+        "name": "prev",
+        "description": "The previous-month button."
+      },
+      {
+        "kind": "part",
+        "name": "next",
+        "description": "The next-month button."
+      },
+      {
+        "kind": "part",
+        "name": "title",
+        "description": "The title between the nav buttons."
+      },
+      {
+        "kind": "part",
+        "name": "weekday",
+        "description": "Each weekday column header."
+      },
+      {
+        "kind": "part",
+        "name": "grid",
+        "description": "The day grid."
+      },
+      {
+        "kind": "part",
+        "name": "day",
+        "description": "Each day button."
+      },
+      {
+        "kind": "part",
+        "name": "selected",
+        "description": "A selected day (the single date, or either end of a range), in addition to `day`."
+      },
+      {
+        "kind": "part",
+        "name": "in-range",
+        "description": "A day strictly between the range start and end, in addition to `day`."
+      },
+      {
+        "kind": "part",
+        "name": "outside",
+        "description": "A day from the previous/next month, in addition to `day`."
+      },
+      {
+        "kind": "part",
+        "name": "today",
+        "description": "Today's day button, in addition to `day`."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-dialog": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the dialog body content."
+      },
+      {
+        "kind": "slot",
+        "name": "image",
+        "description": "Optional hero image across the top of the dialog. Presence of assigned content switches the close button to float over it; doesn't affect layout when empty."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional icon shown above the heading, only rendered at all when `centered` is true."
+      },
+      {
+        "kind": "slot",
+        "name": "footer",
+        "description": "Optional footer content (typically action buttons)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "backdrop",
+        "description": "The full-viewport overlay behind the dialog."
+      },
+      {
+        "kind": "part",
+        "name": "dialog",
+        "description": "The dialog box itself."
+      },
+      {
+        "kind": "part",
+        "name": "image",
+        "description": "The hero image wrapper (only visible when the `image` slot has content)."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper (only rendered when `centered` is true)."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The header row (heading + close button, when the close button isn't floating)."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button (inline in the header, or floating -- see the class doc above)."
+      },
+      {
+        "kind": "part",
+        "name": "body",
+        "description": "The body content wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "footer",
+        "description": "The footer wrapper (only visible when the footer slot has content)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-error-page": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Replaces the default glyph in the icon tile. Draw it with `currentColor`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card."
+      },
+      {
+        "kind": "part",
+        "name": "art",
+        "description": "The icon tile."
+      },
+      {
+        "kind": "part",
+        "name": "code",
+        "description": "The label under the icon (\"404\", \"Maintenance\", ...)."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The paragraph."
+      },
+      {
+        "kind": "part",
+        "name": "actions",
+        "description": "The button row."
+      },
+      {
+        "kind": "part",
+        "name": "primary",
+        "description": "The primary button."
+      },
+      {
+        "kind": "part",
+        "name": "secondary",
+        "description": "The secondary button."
+      },
+      {
+        "kind": "part",
+        "name": "reference",
+        "description": "The small reference line (an error id and time)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-file-upload": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Replaces the default upload icon inside the round icon area."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "dropzone",
+        "description": "The dashed drop area."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The round icon area."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading text."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The guidelines text under the heading."
+      },
+      {
+        "kind": "part",
+        "name": "browse",
+        "description": "The \"Browse file\" button. // Note: this component's CSS Custom Properties (--bs-file-upload-*) are documented via @prop // comments in bs-file-upload.css, not here (see bs-input.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-file-upload-item": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "thumbnail",
+        "description": "Replaces the thumbnail content (the image-placeholder icon, or `thumbnailSrc`)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "item",
+        "description": "The card."
+      },
+      {
+        "kind": "part",
+        "name": "thumbnail",
+        "description": "The thumbnail box."
+      },
+      {
+        "kind": "part",
+        "name": "name",
+        "description": "The file name."
+      },
+      {
+        "kind": "part",
+        "name": "size",
+        "description": "The file size text."
+      },
+      {
+        "kind": "part",
+        "name": "progress",
+        "description": "The progress bar (`loading` / `in-progress`)."
+      },
+      {
+        "kind": "part",
+        "name": "status",
+        "description": "The success / error message line."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The cancel / remove button. // Note: this component's CSS Custom Properties (--bs-file-upload-item-*) are documented via @prop // comments in bs-file-upload-item.css, not here (see bs-input.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-icon-tile": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Optional icon replacing the intent's default glyph."
+      },
+      {
+        "kind": "slot",
+        "name": "text",
+        "description": "Optional text shown beside the square (e.g. \"Payment received\"), in `--bs-icon-tile-text-color`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The tinted square."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The wrapper around the glyph (default or slotted)."
+      },
+      {
+        "kind": "part",
+        "name": "text",
+        "description": "The wrapper around the `text` slot (only shown when something is slotted)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-input": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon, rendered before the native control (e.g. a mail icon for an email field). For `type=\"search\"`, the slot is used if provided, otherwise a default magnifying-glass icon is shown."
+      },
+      {
+        "kind": "slot",
+        "name": "end-icon",
+        "description": "Optional trailing icon, rendered after the native control (e.g. a chevron for a field that opens a picker). Ignored when `type` is `number` (stepper buttons), `password` (show/hide toggle), or `dropdown` (chevron) -- those types always render their own trailing control there. For `type=\"date\"`, the slot is used if provided, otherwise a default calendar icon is shown."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "field",
+        "description": "The bordered field wrapper containing the icon(s) and native control(s). `type=\"initials\"` renders this part on TWO separate elements instead of one (the title `<select>`'s own small box, and the name `<input>`'s own box) -- Figma specs these as two genuinely independent bordered containers with a gap between them, not one shared field the way every other composite type (`country` included) renders, so `::part(field)` reaches whichever of the two a given selector context matches, same \"multiple elements, one shared part name\" convention as `bs-attachment`'s own `star` part."
+      },
+      {
+        "kind": "part",
+        "name": "menu",
+        "description": "The `bs-menu` rendered below the field for `type=\"dropdown\"` when `open` and `options` is non-empty."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The `<label>` element."
+      },
+      {
+        "kind": "part",
+        "name": "required",
+        "description": "The red `*` rendered after the label text when `required` is set."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The leading icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "control",
+        "description": "The native control element (`<input>`, `<select>`, or `<textarea>` depending on `type`). Composite types (`initials`, `country`) render this part on more than one element."
+      },
+      {
+        "kind": "part",
+        "name": "end-icon",
+        "description": "The trailing icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "chip",
+        "description": "A single chip pill (a `bs-chip-informative`), when `type=\"chip\"`."
+      },
+      {
+        "kind": "part",
+        "name": "chip-remove",
+        "description": "A chip's remove button (a `bs-icon-button`), when `type=\"chip\"`."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The helper text element (hidden when `error` is set)."
+      },
+      {
+        "kind": "part",
+        "name": "error",
+        "description": "The error message element."
+      },
+      {
+        "kind": "part",
+        "name": "error-icon",
+        "description": "The warning icon shown before the error message. // Note: this component's CSS Custom Properties (--bs-input-*) are documented via @prop comments // in bs-input.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments (see stencil.js's parseStyleDocs/parseCssComment), not the class-level JSDoc."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-logo": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "logo",
+        "description": "The rendered SVG/image's wrapper. // Note: this component's CSS Custom Properties are documented via @prop comments in bs-logo.css, // not here -- see bs-navigation-header.css's identical note."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-menu": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the menu's items (typically `bs-menu-item` elements, though anything can be slotted in -- this component doesn't restrict slot content via JS)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "list",
+        "description": "The rounded, elevated box wrapping the slotted items."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-menu-bg",
+        "description": "Background of the menu box. Aliased to `--bs-surface-raised`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-radius",
+        "description": "Corner radius of the menu box. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-padding-y",
+        "description": "Top/bottom padding of the menu box. Aliased to `--bs-spacing-50`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-gap",
+        "description": "Gap between slotted items. Aliased to `--bs-spacing-50`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-shadow",
+        "description": "Elevation shadow of the menu box. Aliased to `--bs-shadow-sm`."
+      }
+    ]
+  },
+  "bs-menu-item": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon (24x24). When left empty, no icon space is reserved."
+      },
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the item's text label."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "item",
+        "description": "The button element."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label wrapper."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-radius",
+        "description": "Corner radius of the row. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-padding-y",
+        "description": "Top/bottom padding. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-padding-x",
+        "description": "Left/right padding. Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-gap",
+        "description": "Gap between icon and label. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-hover",
+        "description": "Background on hover. Aliased to `--bs-color-neutral-container-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-pressed",
+        "description": "Background when pressed. Aliased to `--bs-color-neutral-container-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-disabled-bg",
+        "description": "Background when `disabled` is set. Aliased to `--bs-surface-action-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-icon-color",
+        "description": "Icon color. Aliased to `--bs-icon-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-icon-color-disabled",
+        "description": "Icon color when `disabled` is set. Aliased to `--bs-icon-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-color",
+        "description": "Label text color. Aliased to `--bs-text-muted`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-color-disabled",
+        "description": "Label text color when `disabled` is set. Aliased to `--bs-text-on-disabled`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-font-size",
+        "description": "Aliased to `--bs-font-size-md`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-menu-item-line-height",
+        "description": "Aliased to `--bs-line-height-body-md`."
+      }
+    ]
+  },
+  "bs-message": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "The message content. The consumer renders markdown/rich content here."
+      },
+      {
+        "kind": "slot",
+        "name": "avatar",
+        "description": "Optional avatar (e.g. `bs-avatar`) beside the bubble."
+      },
+      {
+        "kind": "slot",
+        "name": "footer",
+        "description": "Optional content below the bubble (e.g. `bs-chatbot-response-action`)."
+      },
+      {
+        "kind": "slot",
+        "name": "timestamp",
+        "description": "Overrides the default `<time>` element rendered from `timestamp`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The bubble (`bs-card`)."
+      },
+      {
+        "kind": "part",
+        "name": "avatar",
+        "description": "The avatar wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "content",
+        "description": "The message content wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "footer",
+        "description": "The footer wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "timestamp",
+        "description": "The timestamp wrapper."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-message-gap",
+        "description": "Gap between avatar and message column. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-max-width",
+        "description": "Max width of the message column. Defaults to `80%`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-padding",
+        "description": "Bubble padding. Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-radius",
+        "description": "Bubble corner radius. Aliased to `--bs-border-radius-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-user-bg",
+        "description": "User bubble background. Aliased to `--bs-color-primary-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-user-color",
+        "description": "User bubble text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-assistant-bg",
+        "description": "Assistant bubble background. Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-assistant-color",
+        "description": "Assistant bubble text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-error-bg",
+        "description": "Error bubble background. Aliased to `--bs-color-error-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-error-color",
+        "description": "Error bubble text color. Aliased to `--bs-text-error`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-pending-opacity",
+        "description": "Bubble opacity while pending. Defaults to `0.6`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-timestamp-color",
+        "description": "Timestamp color. Aliased to `--bs-text-secondary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-timestamp-font-size",
+        "description": "Timestamp font size. Aliased to `--bs-font-size-xs`."
+      }
+    ]
+  },
+  "bs-message-list": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "`bs-message` elements."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "viewport",
+        "description": "The scrollable region."
+      },
+      {
+        "kind": "part",
+        "name": "scroll-to-latest",
+        "description": "The scroll-to-latest `bs-icon-button`."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-message-list-gap",
+        "description": "Gap between messages. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-list-padding",
+        "description": "Padding inside the scroll area. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-message-list-button-offset",
+        "description": "Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`."
+      }
+    ]
+  },
+  "bs-onboarding-checklist": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Replaces the icon in the heading tile (`panel`, `dashboard`, `launcher`)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card (or the launcher button's card)."
+      },
+      {
+        "kind": "part",
+        "name": "art",
+        "description": "The heading icon tile."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The paragraph under it."
+      },
+      {
+        "kind": "part",
+        "name": "progress",
+        "description": "The progress block (label, percentage, bar)."
+      },
+      {
+        "kind": "part",
+        "name": "steps",
+        "description": "The list of steps (`panel`)."
+      },
+      {
+        "kind": "part",
+        "name": "step",
+        "description": "Each step row (`panel`) or card (`dashboard`)."
+      },
+      {
+        "kind": "part",
+        "name": "current",
+        "description": "The current step, in addition to `step`."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The current step's primary button (`panel`) or Start link (`dashboard`)."
+      },
+      {
+        "kind": "part",
+        "name": "skip",
+        "description": "The current step's Skip for now button (`panel`)."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button."
+      },
+      {
+        "kind": "part",
+        "name": "see-all",
+        "description": "The \"See all steps\" link (`dashboard`)."
+      },
+      {
+        "kind": "part",
+        "name": "launcher",
+        "description": "The launcher button (`launcher`)."
+      },
+      {
+        "kind": "part",
+        "name": "primary",
+        "description": "The main button (`completion`)."
+      },
+      {
+        "kind": "part",
+        "name": "secondary",
+        "description": "The Hide checklist button (`completion`)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-pagination": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "list",
+        "description": "The `<ul>` element."
+      },
+      {
+        "kind": "part",
+        "name": "item",
+        "description": "Each `<li>` in the list."
+      },
+      {
+        "kind": "part",
+        "name": "prev",
+        "description": "The previous-page button."
+      },
+      {
+        "kind": "part",
+        "name": "next",
+        "description": "The next-page button."
+      },
+      {
+        "kind": "part",
+        "name": "page",
+        "description": "Each page-number button."
+      },
+      {
+        "kind": "part",
+        "name": "current",
+        "description": "The current page's button (in addition to `page`)."
+      },
+      {
+        "kind": "part",
+        "name": "ellipsis",
+        "description": "Each collapsed-range indicator."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-popover": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "trigger",
+        "description": "The element that toggles the popup (e.g. a `bs-button`)."
+      },
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the popup content."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "trigger",
+        "description": "The wrapper around the trigger; carries aria-expanded/aria-haspopup/aria-controls."
+      },
+      {
+        "kind": "part",
+        "name": "popup",
+        "description": "The popup surface."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-popover-bg",
+        "description": "Popup background. Aliased to `--bs-surface-raised`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-radius",
+        "description": "Popup corner radius. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-shadow",
+        "description": "Popup shadow. Aliased to `--bs-shadow-md`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-offset",
+        "description": "Gap between trigger and popup. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-min-width",
+        "description": "Minimum popup width. Aliased to `--bs-scale-1600`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-z-index",
+        "description": "Popup stacking order. Aliased to `--bs-z-index-popover`."
+      }
+    ]
+  },
+  "bs-product-tour": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "The art glyph in the `welcome`/`success` tile, replacing the default sparkle/check. Draw it with `currentColor`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card (the arrow is drawn outside it)."
+      },
+      {
+        "kind": "part",
+        "name": "art",
+        "description": "The tinted art tile (`welcome`/`success`)."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button (`pointer`, when `closable`)."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The paragraph."
+      },
+      {
+        "kind": "part",
+        "name": "footer",
+        "description": "The row with the progress label and actions (`pointer`)."
+      },
+      {
+        "kind": "part",
+        "name": "progress",
+        "description": "The \"1 of 3\" label."
+      },
+      {
+        "kind": "part",
+        "name": "actions",
+        "description": "The secondary + primary buttons."
+      },
+      {
+        "kind": "part",
+        "name": "secondary",
+        "description": "The secondary button."
+      },
+      {
+        "kind": "part",
+        "name": "primary",
+        "description": "The primary button."
+      },
+      {
+        "kind": "part",
+        "name": "arrow",
+        "description": "The arrow (`pointer`)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-progress": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer wrapper (ring + optional label)."
+      },
+      {
+        "kind": "part",
+        "name": "track",
+        "description": "The background track circle."
+      },
+      {
+        "kind": "part",
+        "name": "arc",
+        "description": "The colored progress/spinner arc circle."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The percentage label (`determinate` + `showLabel` only)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-progress-linear": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Free-form label content rendered below the bar (e.g. \"Uploading...\"), gated by `showLabel`. Unlike `bs-progress`'s label, this is not a computed `${value}%` string -- it's consumer-supplied content, per the Figma spec's free-text \"Label\" placeholder."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer wrapper (bar + optional label)."
+      },
+      {
+        "kind": "part",
+        "name": "track",
+        "description": "The background track bar."
+      },
+      {
+        "kind": "part",
+        "name": "fill",
+        "description": "The colored progress/sliding fill bar."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label wrapper (only rendered when `showLabel` is true and slotted content exists)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-qr-code": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "code",
+        "description": "The code itself (`<img>`, `<svg>`, `<canvas>`), used instead of `matrix`."
+      },
+      {
+        "kind": "slot",
+        "name": "logo",
+        "description": "Optional logo centred over the code. Use a high error-correction level when you generate the code so it still scans."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer card."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button (when `closable`)."
+      },
+      {
+        "kind": "part",
+        "name": "head",
+        "description": "The heading + description."
+      },
+      {
+        "kind": "part",
+        "name": "title",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The description under the heading."
+      },
+      {
+        "kind": "part",
+        "name": "qr",
+        "description": "The bordered white box holding the code and any state overlay."
+      },
+      {
+        "kind": "part",
+        "name": "code",
+        "description": "The white square the code is drawn on."
+      },
+      {
+        "kind": "part",
+        "name": "logo",
+        "description": "The wrapper around the logo."
+      },
+      {
+        "kind": "part",
+        "name": "overlay",
+        "description": "The loading/error/expired/scanned panel covering the code."
+      },
+      {
+        "kind": "part",
+        "name": "url",
+        "description": "The URL chip (`type=\"default\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "amount",
+        "description": "The amount block (`type=\"payment\"`)."
+      },
+      {
+        "kind": "part",
+        "name": "expiry",
+        "description": "The expiry chip."
+      },
+      {
+        "kind": "part",
+        "name": "actions",
+        "description": "The Download/Copy row."
+      },
+      {
+        "kind": "part",
+        "name": "download",
+        "description": "The Download button."
+      },
+      {
+        "kind": "part",
+        "name": "copy",
+        "description": "The Copy link button."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-radio": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the label text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "circle",
+        "description": "The visual radio ring."
+      },
+      {
+        "kind": "part",
+        "name": "dot",
+        "description": "The center fill shown inside the ring when `checked`."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label text wrapper. // Note: this component's CSS Custom Properties (--bs-radio-*) are documented via @prop comments // in bs-radio.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments, not the class-level JSDoc (see bs-checkbox.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-session-timeout": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Replaces the default glyph in the icon tile. Draw it with `currentColor`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card."
+      },
+      {
+        "kind": "part",
+        "name": "art",
+        "description": "The icon tile."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The paragraph under it."
+      },
+      {
+        "kind": "part",
+        "name": "countdown",
+        "description": "The countdown box (`warning`)."
+      },
+      {
+        "kind": "part",
+        "name": "time",
+        "description": "The big `m:ss` time (`warning`)."
+      },
+      {
+        "kind": "part",
+        "name": "saved",
+        "description": "The \"work is saved\" note (`warning`)."
+      },
+      {
+        "kind": "part",
+        "name": "account",
+        "description": "The signed-in account summary (`signed-out`)."
+      },
+      {
+        "kind": "part",
+        "name": "password",
+        "description": "The password field (`confirm-identity`)."
+      },
+      {
+        "kind": "part",
+        "name": "divider",
+        "description": "The \"or\" divider (`confirm-identity`)."
+      },
+      {
+        "kind": "part",
+        "name": "alternatives",
+        "description": "The alternative sign-in buttons (`confirm-identity`)."
+      },
+      {
+        "kind": "part",
+        "name": "actions",
+        "description": "The action buttons."
+      },
+      {
+        "kind": "part",
+        "name": "primary",
+        "description": "The primary button."
+      },
+      {
+        "kind": "part",
+        "name": "secondary",
+        "description": "The secondary button."
+      },
+      {
+        "kind": "part",
+        "name": "cancel",
+        "description": "The Cancel button (`confirm-identity`)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-side-panel": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the panel body."
+      },
+      {
+        "kind": "slot",
+        "name": "header-actions",
+        "description": "Extra actions shown in the header next to the close button."
+      },
+      {
+        "kind": "slot",
+        "name": "footer",
+        "description": "Optional footer area (e.g. apply/reset buttons)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "overlay",
+        "description": "The backdrop (only when `overlay` is set)."
+      },
+      {
+        "kind": "part",
+        "name": "panel",
+        "description": "The panel surface (role=\"dialog\")."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The header row."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading text."
+      },
+      {
+        "kind": "part",
+        "name": "body",
+        "description": "The scrollable body."
+      },
+      {
+        "kind": "part",
+        "name": "footer",
+        "description": "The footer wrapper."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-bg",
+        "description": "Panel background. Aliased to `--bs-surface-raised`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-width",
+        "description": "Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-padding",
+        "description": "Header/body/footer padding. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-shadow",
+        "description": "Panel shadow. Aliased to `--bs-shadow-md`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-overlay-bg",
+        "description": "Backdrop color. Aliased to `--bs-surface-overlay`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-color",
+        "description": "Text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-z-index",
+        "description": "Stacking order. Aliased to `--bs-z-index-modal`."
+      }
+    ]
+  },
+  "bs-skeleton": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "line",
+        "description": "Each pulsing placeholder element (one per line for `variant=\"text\"`)."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-bg",
+        "description": "Placeholder color. Aliased to `--bs-color-neutral-container`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-radius",
+        "description": "Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-width",
+        "description": "Width when the `width` prop is not set. Defaults to `100%`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-text-height",
+        "description": "Height of each text line when `height` is not set. Defaults to `1em`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-rect-height",
+        "description": "Height of `rect`/`circle` when `height` is not set. Defaults to `96px`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-gap",
+        "description": "Gap between text lines. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-skeleton-duration",
+        "description": "Pulse duration. Defaults to `1.5s`."
+      }
+    ]
+  },
+  "bs-slider": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The \"Label\" text above the track."
+      },
+      {
+        "kind": "part",
+        "name": "field",
+        "description": "Each editable percentage-value field, shown top-right above the track."
+      },
+      {
+        "kind": "part",
+        "name": "bound",
+        "description": "Each static min/max bound label flanking the track itself."
+      },
+      {
+        "kind": "part",
+        "name": "track",
+        "description": "The background (inactive) track."
+      },
+      {
+        "kind": "part",
+        "name": "fill",
+        "description": "The active/filled portion of the track."
+      },
+      {
+        "kind": "part",
+        "name": "control",
+        "description": "The native range input(s) that drive the knob(s)."
+      },
+      {
+        "kind": "part",
+        "name": "tooltip",
+        "description": "The value tooltip shown above a knob while focused/dragging. // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-slider.css, not here."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-snackbar": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the message text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer bar."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The leading icon/spinner wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "message",
+        "description": "The message text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The optional action button (only rendered when `actionLabel` is set)."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-source-link": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Overrides the default file icon."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The leading file-type icon."
+      },
+      {
+        "kind": "part",
+        "name": "filename",
+        "description": "The filename text."
+      },
+      {
+        "kind": "part",
+        "name": "source",
+        "description": "The source system name."
+      },
+      {
+        "kind": "part",
+        "name": "version",
+        "description": "The version label."
+      },
+      {
+        "kind": "part",
+        "name": "arrow",
+        "description": "The trailing \"open\" arrow icon."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-radius",
+        "description": "Corner radius of the row. Aliased to `--bs-border-radius-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-padding",
+        "description": "Padding around the row. Aliased to `--bs-spacing-150`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-gap",
+        "description": "Gap between the filename+meta block and the trailing arrow. Aliased to `--bs-spacing-50`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-icon-gap",
+        "description": "Gap between the leading icon and the filename text. Aliased to `--bs-spacing-75`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-hover",
+        "description": "Row background on hover/focus. Aliased to `--bs-surface-hover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-pressed",
+        "description": "Row background while active/pressed. Aliased to `--bs-surface-pressed`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-focus",
+        "description": "Focus-visible outline color. Aliased to `--bs-border-neutral-focus`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-filename-color",
+        "description": "Filename text color. Aliased to `--bs-text-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-meta-color",
+        "description": "Source/version text color. Aliased to `--bs-text-secondary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-icon-color",
+        "description": "File icon and arrow color. Aliased to `--bs-icon-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-source-link-dot-color",
+        "description": "Separator dot between source and version. Aliased to `--bs-text-secondary`."
+      }
+    ]
+  },
+  "bs-spinner": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer inline wrapper (carries the status role)."
+      },
+      {
+        "kind": "part",
+        "name": "svg",
+        "description": "The spinner SVG."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-spinner-size-xs",
+        "description": "Diameter at `size=\"xs\"`. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-spinner-size-sm",
+        "description": "Diameter at `size=\"sm\"`. Aliased to `--bs-spacing-250`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-spinner-size-md",
+        "description": "Diameter at `size=\"md\"`. Aliased to `--bs-spacing-300`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-spinner-color",
+        "description": "Spinner color. Defaults to `currentColor`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-spinner-track-opacity",
+        "description": "Opacity of the background track ring. Defaults to `0.25`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-spinner-duration",
+        "description": "Rotation duration. Defaults to `0.8s`."
+      }
+    ]
+  },
+  "bs-stepper": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the `<bs-stepper-step>` elements making up the sequence, in order."
+      }
+    ],
+    "parts": [],
+    "cssProperties": []
+  },
+  "bs-stepper-step": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "None: `name`/`description` fully drive the label content."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon/indicator wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The name+description wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "name",
+        "description": "The name text."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The description text (only rendered when `showDescription` is true and `description` is set)."
+      },
+      {
+        "kind": "part",
+        "name": "connector",
+        "description": "The trailing rail segment (not rendered on the last step)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-switch": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the label text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "track",
+        "description": "The visual pill-shaped track."
+      },
+      {
+        "kind": "part",
+        "name": "knob",
+        "description": "The sliding circular knob."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label text wrapper. // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-switch.css, not here."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-inline-tab": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the tab's label text. When empty (icon-only), no space is reserved for it."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon (24x24). When empty (text-only), no space is reserved for it."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "tab",
+        "description": "The button element."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label wrapper. // Note: this component's CSS Custom Properties (--bs-inline-tab-*) are documented via @prop // comments in bs-inline-tab.css, not here -- Stencil's docs generator only parses @prop out of CSS // file comments, not the class-level JSDoc (see bs-tab.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-tab": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the tab's label text. When empty (icon-only), no space is reserved for it."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional icon (24x24). When empty (text-only), no space is reserved for it."
+      },
+      {
+        "kind": "slot",
+        "name": "badge",
+        "description": "Optional trailing badge, rendered after the label (e.g. an unread count). Typically a `bs-badge` element -- consumer's responsibility to style/populate, this component just reserves a slot for it. Only rendered for text-only and icon+text-horizontal layouts, per the design spec (not icon-only or icon+text-vertical)."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "tab",
+        "description": "The button element."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "badge",
+        "description": "The badge wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "indicator",
+        "description": "The selection/hover underline indicator. // Note: this component's CSS Custom Properties (--bs-tab-*) are documented via @prop comments in // bs-tab.css, not here -- Stencil's docs generator only parses @prop out of CSS file comments, not // the class-level JSDoc (see bs-checkbox.tsx's/bs-radio.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-tabs": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the tab elements (`<bs-tab>` or `<bs-inline-tab>`, matching `type`) that make up this group."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "tablist",
+        "description": "The wrapping element carrying `role=\"tablist\"`. // Note: this component's CSS Custom Properties (--bs-tabs-*) are documented via @prop comments in // bs-tabs.css, not here -- Stencil's docs generator only parses @prop out of CSS file comments, not // the class-level JSDoc (see bs-tab.tsx's equivalent note)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-timepicker": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer card."
+      },
+      {
+        "kind": "part",
+        "name": "header",
+        "description": "The title row."
+      },
+      {
+        "kind": "part",
+        "name": "title",
+        "description": "The heading text."
+      },
+      {
+        "kind": "part",
+        "name": "format-toggle",
+        "description": "The 24h switch."
+      },
+      {
+        "kind": "part",
+        "name": "selector",
+        "description": "The row of spinners."
+      },
+      {
+        "kind": "part",
+        "name": "spinner",
+        "description": "Each hour/minute column."
+      },
+      {
+        "kind": "part",
+        "name": "step",
+        "description": "Each up/down caret button."
+      },
+      {
+        "kind": "part",
+        "name": "value",
+        "description": "Each hour/minute value (a `spinbutton`)."
+      },
+      {
+        "kind": "part",
+        "name": "separator",
+        "description": "The colon between hours and minutes."
+      },
+      {
+        "kind": "part",
+        "name": "period",
+        "description": "The AM/PM dropdown (12h only)."
+      },
+      {
+        "kind": "part",
+        "name": "footer",
+        "description": "The Cancel/Confirm row."
+      },
+      {
+        "kind": "part",
+        "name": "cancel",
+        "description": "The Cancel button."
+      },
+      {
+        "kind": "part",
+        "name": "confirm",
+        "description": "The Confirm button."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-toast": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the message text."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The outer toast."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The leading icon wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "message",
+        "description": "The message text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-tooltip": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the tooltip's message content."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "bubble",
+        "description": "The dark rounded box containing the slotted content."
+      },
+      {
+        "kind": "part",
+        "name": "arrow",
+        "description": "The triangular pointer arrow."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-bg",
+        "description": "Background of the bubble and arrow. Aliased to `--bs-surface-inverse`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-color",
+        "description": "Text color of the slotted content. Aliased to `--bs-text-inverse`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-radius",
+        "description": "Corner radius of the bubble. Aliased to `--bs-border-radius-50`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-padding-x",
+        "description": "Left/right padding of the bubble. Aliased to `--bs-spacing-200`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-padding-y",
+        "description": "Top/bottom padding of the bubble. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-max-width",
+        "description": "Max width of the bubble. Aliased to `200px`, Figma's own reference width (the bubble's width is otherwise variable based on content)."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-shadow",
+        "description": "Elevation shadow of the bubble. See `bs-tooltip.css` for why this is a literal value rather than a `--bs-shadow-*` token alias."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-font-size",
+        "description": "Font size of the slotted content. Aliased to `--bs-font-size-sm`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-line-height",
+        "description": "Line height of the slotted content. Aliased to `--bs-line-height-body-sm`."
+      }
+    ]
+  },
+  "bs-tooltip-trigger": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the trigger element."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "trigger",
+        "description": "The wrapper around the trigger; carries aria-describedby."
+      },
+      {
+        "kind": "part",
+        "name": "tooltip",
+        "description": "The positioned tooltip wrapper (role=\"tooltip\")."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-trigger-offset",
+        "description": "Gap between trigger and tooltip. Aliased to `--bs-spacing-100`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-trigger-z-index",
+        "description": "Stacking order. Aliased to `--bs-z-index-popover`."
+      }
+    ]
+  },
+  "bs-whats-new": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "hero",
+        "description": "The hero image of the `announcement` (or any media). Use `image` for a plain URL."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "container",
+        "description": "The card."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The heading."
+      },
+      {
+        "kind": "part",
+        "name": "close",
+        "description": "The close button."
+      },
+      {
+        "kind": "part",
+        "name": "mark-all-read",
+        "description": "The \"Mark all as read\" button (`feed`)."
+      },
+      {
+        "kind": "part",
+        "name": "filters",
+        "description": "The filter tabs (`feed`)."
+      },
+      {
+        "kind": "part",
+        "name": "entries",
+        "description": "The list of updates (`feed`)."
+      },
+      {
+        "kind": "part",
+        "name": "entry",
+        "description": "Each update (`feed`)."
+      },
+      {
+        "kind": "part",
+        "name": "release-notes",
+        "description": "The release notes link (`feed`)."
+      },
+      {
+        "kind": "part",
+        "name": "hero",
+        "description": "The hero area (`announcement`)."
+      },
+      {
+        "kind": "part",
+        "name": "tag",
+        "description": "The tag chip (`announcement`, `teaser`)."
+      },
+      {
+        "kind": "part",
+        "name": "points",
+        "description": "The bullet list (`announcement`)."
+      },
+      {
+        "kind": "part",
+        "name": "step",
+        "description": "The \"1 of 3\" label (`announcement`)."
+      },
+      {
+        "kind": "part",
+        "name": "secondary",
+        "description": "The Remind me later button (`announcement`)."
+      },
+      {
+        "kind": "part",
+        "name": "primary",
+        "description": "The Next button (`announcement`)."
+      },
+      {
+        "kind": "part",
+        "name": "date",
+        "description": "The date (`teaser`)."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The text (`teaser`)."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The Open What's new link (`teaser`)."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-whats-new-entry": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "image",
+        "description": "An image (or any media) shown above the title. Nothing is shown when empty."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "meta",
+        "description": "The row with the tag, date and unread dot."
+      },
+      {
+        "kind": "part",
+        "name": "tag",
+        "description": "The tag chip."
+      },
+      {
+        "kind": "part",
+        "name": "date",
+        "description": "The date."
+      },
+      {
+        "kind": "part",
+        "name": "unread",
+        "description": "The unread dot."
+      },
+      {
+        "kind": "part",
+        "name": "image",
+        "description": "The wrapper around the image slot."
+      },
+      {
+        "kind": "part",
+        "name": "heading",
+        "description": "The title."
+      },
+      {
+        "kind": "part",
+        "name": "description",
+        "description": "The description."
+      },
+      {
+        "kind": "part",
+        "name": "action",
+        "description": "The action button."
+      },
+      {
+        "kind": "part",
+        "name": "divider",
+        "description": "The rule under the entry."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-navigation-drawer": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "search",
+        "description": "Reserved for a search field, e.g. a `bs-input type=\"search\"`. This component does not build one itself. Hidden while `collapsed` (see above)."
+      },
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the scrollable list of nav items, typically one or more `bs-navigation-drawer-item` elements."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "logo",
+        "description": "The wrapper around the BrandSync brand mark. Two of these exist in the shadow DOM at once while `showLogo` is `true` (one wrapping a `bs-logo variant=\"full\"`, one wrapping a `bs-logo variant=\"mark\"`), both carrying this same part name (the same \"multiple elements, one shared part name\" approach `bs-attachment`'s `star` part uses) -- only one is visible at a time, toggled by plain CSS on `collapsed` (see above), so `::part(logo)` always reaches whichever is showing. Neither renders at all while `showLogo` is `false`."
+      },
+      {
+        "kind": "part",
+        "name": "title",
+        "description": "The \"Main Menu\" heading text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "collapse",
+        "description": "The collapse toggle button."
+      },
+      {
+        "kind": "part",
+        "name": "search",
+        "description": "The wrapper around the `search` slot."
+      },
+      {
+        "kind": "part",
+        "name": "search-trigger",
+        "description": "The compact search button shown instead of the `search` slot while `collapsed`."
+      },
+      {
+        "kind": "part",
+        "name": "items",
+        "description": "The wrapper around the default (items) slot."
+      },
+      {
+        "kind": "part",
+        "name": "backdrop",
+        "description": "The scrim behind the overlay (small screens only; clicking it closes the overlay). // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-navigation-drawer.css, not here -- see bs-navigation-header.css's identical note."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-navigation-drawer-item": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "Default slot: the row's label text."
+      },
+      {
+        "kind": "slot",
+        "name": "icon",
+        "description": "Optional leading icon (24x24). Only rendered (and only reserves layout space) when populated -- same \"only take up space if slotted\" pattern as `bs-tab`'s `icon` slot. Not rendered at all for `nested` rows (Figma's nested rows never have icons)."
+      },
+      {
+        "kind": "slot",
+        "name": "children",
+        "description": "`expandable` only: nested `bs-navigation-drawer-item` rows, shown/hidden based on `expanded`."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "item",
+        "description": "The row's root `<button>` element."
+      },
+      {
+        "kind": "part",
+        "name": "icon",
+        "description": "The icon wrapper (top-level, non-`nested` rows only)."
+      },
+      {
+        "kind": "part",
+        "name": "label",
+        "description": "The label text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "chevron",
+        "description": "The trailing expand/collapse chevron wrapper (`expandable` only)."
+      },
+      {
+        "kind": "part",
+        "name": "children",
+        "description": "The wrapper around the `children` slot. // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-navigation-drawer-item.css, not here -- see bs-navigation-header.css's identical note."
+      }
+    ],
+    "cssProperties": []
+  },
+  "bs-navigation-header": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "left",
+        "description": "Menu/action content immediately after the logo (or, in `with-navigation-drawer` mode, at the bar's left edge). Typically one or more `bs-button`/`bs-icon-button` elements."
+      },
+      {
+        "kind": "slot",
+        "name": "right",
+        "description": "Menu/action content pushed to the bar's far right."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "logo",
+        "description": "The BrandSync brand mark, rendered via a nested `bs-logo` element (`part=\"logo\"` is set directly on that element -- the same pattern `bs-attachment` uses for its own nested `bs-icon-button`'s `remove` part -- so `bs-navigation-header::part(logo)` still targets it directly, no forwarding needed). Not rendered in `with-navigation-drawer` mode."
+      },
+      {
+        "kind": "part",
+        "name": "left",
+        "description": "The wrapper around the `left` slot."
+      },
+      {
+        "kind": "part",
+        "name": "right",
+        "description": "The wrapper around the `right` slot."
+      },
+      {
+        "kind": "part",
+        "name": "skip-link",
+        "description": "The \"Skip to main content\" link (only rendered when `skipToContentHref` is set). // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-navigation-header.css, not here."
+      }
+    ],
+    "cssProperties": []
+  }
+}