@brandsync/wc 0.0.1

package/custom-elements.json

@@ -0,0 +1,1138 @@
+{
+  "schemaVersion": "2.1.0",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-badge/bs-badge.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-badge",
+          "name": "BsBadge",
+          "description": "A small status or category pill, usually paired with a label or list item.\n\n## When to use\n- Communicating a short, fixed status (e.g. \"Active\", \"On leave\") or category label.\n\n## When not to use\n- As an interactive/clickable element — a badge is a label, not a control. Use a button\n  or chip component if it needs to be clickable.\n- For long text — badges are sized for one or two words.",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "Maps directly to the brandsync-tokens `--bs-badge-bg-*` / `--bs-badge-text-*` sets.",
+              "type": {
+                "text": "\"default\" | \"error\" | \"info\" | \"inverse\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "BsBadgeVariant"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "fieldName": "variant"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "Maps directly to the brandsync-tokens `--bs-badge-bg-*` / `--bs-badge-text-*` sets.",
+              "type": {
+                "text": "\"default\" | \"error\" | \"info\" | \"inverse\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "BsBadgeVariant"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "readonly": true,
+              "attribute": "variant"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the badge's label text."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "container",
+              "description": "The pill element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsBadge",
+          "declaration": {
+            "name": "BsBadge"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-badge",
+          "declaration": {
+            "name": "BsBadge"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-button/bs-button.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-button",
+          "name": "BsButton",
+          "description": "A clickable action element for the single most important action in a given context.\n\n## When to use\n- The primary call to action on a screen or within a card/modal (e.g. \"Book room\", \"Confirm\").\n- Secondary, lower-emphasis actions alongside it (use `variant=\"neutral\"`).\n- `variant=\"error\"` for destructive/irreversible actions (e.g. \"Delete account\") — per\n  BrandSync guidance, destructive actions should always use the error variant, never\n  `neutral`, so the visual weight matches the risk of the action.\n\n## When not to use\n- For navigation between pages — use a link/nav component instead, a button implies an\n  in-page action, not a destination change.\n- For more than one primary-emphasis action in the same view — pick one, demote the rest to\n  `neutral`.\n- `error` purely for visual emphasis — it signals a destructive action to the user, so reserve\n  it for actions that actually delete/revoke/undo something.",
+          "attributes": [
+            {
+              "name": "aria-label",
+              "description": "Accessible name for the button. Required for icon-only usage (no visible label text via the\ndefault slot) so screen readers still announce what the button does. Stencil reflects this\ncamelCase prop to the `aria-label` HTML attribute automatically.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the button and applies the disabled token set.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "size",
+              "description": "Sizing scale.",
+              "type": {
+                "text": "\"lg\" | \"md\" | \"sm\"",
+                "references": [
+                  {
+                    "name": "BsButtonSize"
+                  }
+                ]
+              },
+              "default": "'md'",
+              "fieldName": "size"
+            },
+            {
+              "name": "type",
+              "description": "Native `<button>` type.",
+              "type": {
+                "text": "\"button\" | \"reset\" | \"submit\""
+              },
+              "default": "'button'",
+              "fieldName": "type"
+            },
+            {
+              "name": "variant",
+              "description": "Visual style. Maps directly to the brandsync-tokens `--bs-button-*` semantic set.\n`error` is for destructive/irreversible actions per BrandSync guidance, not a stronger\nemphasis alternative to `primary`.",
+              "type": {
+                "text": "\"error\" | \"info\" | \"neutral\" | \"outlined\" | \"primary\" | \"subtle\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "BsButtonVariant"
+                  }
+                ]
+              },
+              "default": "'primary'",
+              "fieldName": "variant"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "description": "Accessible name for the button. Required for icon-only usage (no visible label text via the\ndefault slot) so screen readers still announce what the button does. Stencil reflects this\ncamelCase prop to the `aria-label` HTML attribute automatically.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "readonly": true,
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "Disables the button and applies the disabled token set.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "Sizing scale.",
+              "type": {
+                "text": "\"lg\" | \"md\" | \"sm\"",
+                "references": [
+                  {
+                    "name": "BsButtonSize"
+                  }
+                ]
+              },
+              "default": "'md'",
+              "readonly": true,
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "Native `<button>` type.",
+              "type": {
+                "text": "\"button\" | \"reset\" | \"submit\""
+              },
+              "default": "'button'",
+              "readonly": true,
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "Visual style. Maps directly to the brandsync-tokens `--bs-button-*` semantic set.\n`error` is for destructive/irreversible actions per BrandSync guidance, not a stronger\nemphasis alternative to `primary`.",
+              "type": {
+                "text": "\"error\" | \"info\" | \"neutral\" | \"outlined\" | \"primary\" | \"subtle\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "BsButtonVariant"
+                  }
+                ]
+              },
+              "default": "'primary'",
+              "readonly": true,
+              "attribute": "variant"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the button's label content."
+            },
+            {
+              "name": "end-icon",
+              "description": "Optional trailing icon, rendered after the label."
+            },
+            {
+              "name": "icon",
+              "description": "Optional leading icon, rendered before the label."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "end-icon",
+              "description": "The trailing icon wrapper element."
+            },
+            {
+              "name": "icon",
+              "description": "The icon wrapper element."
+            },
+            {
+              "name": "label",
+              "description": "The text label element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsButton",
+          "declaration": {
+            "name": "BsButton"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-button",
+          "declaration": {
+            "name": "BsButton"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-button-skeleton/bs-button-skeleton.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-button-skeleton",
+          "name": "BsButtonSkeleton",
+          "description": "A shape-matched loading placeholder for `bs-button`, shown while the real label/action isn't\nknown yet (e.g. still being fetched from an API). Sized to match `bs-button`'s `sm`/`md`/`lg`\nheights so layout doesn't shift once the real button renders.\n\nThis is not a submit-in-progress spinner — that's a different concern (a button that's\nalready rendered but waiting on an async action it triggered). Use this component only when\nthe button itself doesn't exist yet.\n\n## When to use\n- In place of a `bs-button` whose label/visibility depends on data that hasn't loaded yet.\n\n## When not to use\n- While a button's own click handler is running (e.g. a submit request in flight) — render the\n  real `bs-button` and show its own busy/spinner state instead.",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "Sizing scale, matching the `bs-button` size it stands in for.",
+              "type": {
+                "text": "\"lg\" | \"md\" | \"sm\"",
+                "references": [
+                  {
+                    "name": "BsButtonSize",
+                    "module": "../bs-button/bs-button"
+                  }
+                ]
+              },
+              "default": "'md'",
+              "fieldName": "size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "Sizing scale, matching the `bs-button` size it stands in for.",
+              "type": {
+                "text": "\"lg\" | \"md\" | \"sm\"",
+                "references": [
+                  {
+                    "name": "BsButtonSize",
+                    "module": "../bs-button/bs-button"
+                  }
+                ]
+              },
+              "default": "'md'",
+              "readonly": true,
+              "attribute": "size"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "container",
+              "description": "The pulsing placeholder element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsButtonSkeleton",
+          "declaration": {
+            "name": "BsButtonSkeleton"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-button-skeleton",
+          "declaration": {
+            "name": "BsButtonSkeleton"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-card/bs-card.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-card",
+          "name": "BsCard",
+          "description": "A bounded surface for grouping related content — a summary, a form section, a list item.\n\n## When to use\n- Grouping a self-contained piece of content that needs visual separation from the page\n  background (e.g. a booking summary, a settings section).\n\n## When not to use\n- As the only structural element on a page — cards group content, they don't replace layout.\n- For a dismissible/transient message — use a modal or a dedicated notification component.",
+          "attributes": [
+            {
+              "name": "surface",
+              "description": "Maps to the brandsync-tokens `--bs-paper-bg-*` set — Brandsync's tokens don't have a\ndedicated \"card\" component yet, so this reuses the existing Paper surface tokens.",
+              "type": {
+                "text": "\"base\" | \"container\" | \"raised\"",
+                "references": [
+                  {
+                    "name": "BsCardSurface"
+                  }
+                ]
+              },
+              "default": "'raised'",
+              "fieldName": "surface"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "description": "Maps to the brandsync-tokens `--bs-paper-bg-*` set — Brandsync's tokens don't have a\ndedicated \"card\" component yet, so this reuses the existing Paper surface tokens.",
+              "type": {
+                "text": "\"base\" | \"container\" | \"raised\"",
+                "references": [
+                  {
+                    "name": "BsCardSurface"
+                  }
+                ]
+              },
+              "default": "'raised'",
+              "readonly": true,
+              "attribute": "surface"
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the card's main body content."
+            },
+            {
+              "name": "footer",
+              "description": "Optional actions/content below the body (e.g. a button)."
+            },
+            {
+              "name": "header",
+              "description": "Optional heading content above the body."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "body",
+              "description": "The body wrapper."
+            },
+            {
+              "name": "container",
+              "description": "The outer bordered surface element."
+            },
+            {
+              "name": "footer",
+              "description": "The footer wrapper."
+            },
+            {
+              "name": "header",
+              "description": "The header wrapper."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsCard",
+          "declaration": {
+            "name": "BsCard"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-card",
+          "declaration": {
+            "name": "BsCard"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-composer/bs-composer.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-composer",
+          "name": "BsComposer",
+          "description": "A chat composer input for Genie AI-style conversational interfaces: a text field\nplus an attach button, a mic/voice-recording toggle, and a single primary action button whose\nicon and behavior change with `state` (send, stop generating, or confirm a voice recording).\n\n## When to use\n- The message-entry bar for an AI chat/assistant or human support conversation.\n\n## When not to use\n- A general-purpose text field — use `bs-input` instead; this component's layout and states are\n  purpose-built for a chat composer, not a generic form field.",
+          "attributes": [
+            {
+              "name": "aria-label",
+              "description": "Accessible name for the text field. This component has no visible `<label>` (chat composers\ndon't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an\naccessible name -- set it in every real usage.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "placeholder",
+              "description": "Overrides the variant's default placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "state",
+              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).",
+              "type": {
+                "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
+                "references": [
+                  {
+                    "name": "BsComposerState"
+                  }
+                ]
+              },
+              "default": "'idle'",
+              "fieldName": "state"
+            },
+            {
+              "name": "value",
+              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "variant",
+              "description": "Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`\ndirectly to override it) and, per the Figma design, renders the container border dashed\ninstead of solid for `'human'` -- a deliberate visual cue distinguishing a human-support\ncomposer from the AI one, not a layout/token difference.",
+              "type": {
+                "text": "\"ai\" | \"human\"",
+                "references": [
+                  {
+                    "name": "BsComposerVariant"
+                  }
+                ]
+              },
+              "default": "'ai'",
+              "fieldName": "variant"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "description": "Accessible name for the text field. This component has no visible `<label>` (chat composers\ndon't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an\naccessible name -- set it in every real usage.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "readonly": true,
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "description": "Overrides the variant's default placeholder.",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "description": "Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),\n`generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or\n`recording` (voice input in progress -- shows a waveform and a confirm action).",
+              "type": {
+                "text": "\"disabled\" | \"generating\" | \"idle\" | \"recording\"",
+                "references": [
+                  {
+                    "name": "BsComposerState"
+                  }
+                ]
+              },
+              "default": "'idle'",
+              "readonly": true,
+              "attribute": "state"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Current text value. Native `input` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as a `bsInput` custom event instead.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`\ndirectly to override it) and, per the Figma design, renders the container border dashed\ninstead of solid for `'human'` -- a deliberate visual cue distinguishing a human-support\ncomposer from the AI one, not a layout/token difference.",
+              "type": {
+                "text": "\"ai\" | \"human\"",
+                "references": [
+                  {
+                    "name": "BsComposerVariant"
+                  }
+                ]
+              },
+              "default": "'ai'",
+              "readonly": true,
+              "attribute": "variant"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsAttach",
+              "description": "Fires when the \"+\" attach button is clicked.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsInput",
+              "description": "Fires on every keystroke in the text field, with the current value.",
+              "type": {
+                "text": "CustomEvent<string>"
+              }
+            },
+            {
+              "name": "bsMicToggle",
+              "description": "Fires when the mic/stop-recording button is clicked. The consumer decides what that means\n(e.g. start recording when idle/generating, or stop recording when `state=\"recording\"`).",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsStop",
+              "description": "Fires when the primary action button is clicked while `state=\"generating\"`.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsSubmit",
+              "description": "Fires when the primary action button is clicked while `state=\"idle\"`.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "bsVoiceConfirm",
+              "description": "Fires when the primary action button is clicked while `state=\"recording\"`.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "action",
+              "description": "The primary circular action button (send, stop, or confirm depending on `state`)."
+            },
+            {
+              "name": "attach",
+              "description": "The \"+\" attach button."
+            },
+            {
+              "name": "input",
+              "description": "The native text `<input>`."
+            },
+            {
+              "name": "mic",
+              "description": "The secondary icon button (microphone, or the stop-recording square while `state=\"recording\"`)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsComposer",
+          "declaration": {
+            "name": "BsComposer"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-composer",
+          "declaration": {
+            "name": "BsComposer"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-data-table/bs-data-table.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-data-table",
+          "name": "BsDataTable",
+          "description": "A sortable, optionally row-selectable table for tabular data.\n\n`columns`, `rows`, and `cellRenderer` are JS-property-only — HTML attributes can only carry\nstrings, so arrays/objects/functions must be set via `element.rows = [...]` etc., not as\nattributes. See CONVENTIONS.md.\n\n## When to use\n- Comparing structured records across the same set of fields (a list of people, bookings, etc.).\n\n## When not to use\n- A handful of unrelated key/value pairs — a simple list or card is lighter-weight.\n- Deeply nested/hierarchical data — this component renders one flat row per record.",
+          "attributes": [
+            {
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selectable"
+            },
+            {
+              "name": "sort-column",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "sortColumn"
+            },
+            {
+              "name": "sort-direction",
+              "type": {
+                "text": "\"asc\" | \"desc\""
+              },
+              "default": "'asc'",
+              "fieldName": "sortDirection"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "cellRenderer",
+              "description": "Optional custom cell renderer, e.g. for an actions column. Function props are JS-property-only,\nsame as array props -- there is no attribute equivalent. Falls back to the raw cell value.",
+              "type": {
+                "text": "(row: BsDataTableRow, column: BsDataTableColumn) => string",
+                "references": [
+                  {
+                    "name": "BsDataTableRow"
+                  },
+                  {
+                    "name": "BsDataTableColumn"
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "description": "Array prop -- must be set as a JS property (`el.columns = [...]`), not an HTML attribute,\nsince attributes can only carry strings. See CONVENTIONS.md.",
+              "type": {
+                "text": "BsDataTableColumn[]",
+                "references": [
+                  {
+                    "name": "BsDataTableColumn"
+                  }
+                ]
+              },
+              "default": "[]",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "description": "Array prop -- same JS-property-only rule as `columns`.",
+              "type": {
+                "text": "BsDataTableRow[]",
+                "references": [
+                  {
+                    "name": "BsDataTableRow"
+                  }
+                ]
+              },
+              "default": "[]",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "selectable"
+            },
+            {
+              "kind": "field",
+              "name": "sortColumn",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "sort-column"
+            },
+            {
+              "kind": "field",
+              "name": "sortDirection",
+              "type": {
+                "text": "\"asc\" | \"desc\""
+              },
+              "default": "'asc'",
+              "readonly": true,
+              "attribute": "sort-direction"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsRowSelect",
+              "type": {
+                "text": "CustomEvent<{ id: string | number; selected: boolean; }>"
+              }
+            },
+            {
+              "name": "bsSort",
+              "type": {
+                "text": "CustomEvent<{ column: string; direction: \"desc\" | \"asc\"; }>"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "body",
+              "description": "The `<tbody>` element."
+            },
+            {
+              "name": "cell",
+              "description": "Each `<td>` in a body row."
+            },
+            {
+              "name": "head",
+              "description": "The `<thead>` element."
+            },
+            {
+              "name": "header-cell",
+              "description": "Each `<th>` in the header row."
+            },
+            {
+              "name": "row",
+              "description": "Each `<tr>` in the body."
+            },
+            {
+              "name": "table",
+              "description": "The `<table>` element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsDataTable",
+          "declaration": {
+            "name": "BsDataTable"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-data-table",
+          "declaration": {
+            "name": "BsDataTable"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-input/bs-input.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-input",
+          "name": "BsInput",
+          "description": "A single-line text field with an optional label, description, and error state.\n\n## When to use\n- Collecting a single line of free-text, email, password, or numeric input.\n- Pair with `error` for inline validation feedback tied to that specific field.\n\n## When not to use\n- Multi-line text — this component has no `textarea` mode.\n- A fixed set of choices — use a select/radio/checkbox component instead of free text.",
+          "attributes": [
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "description"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "error"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "\"email\" | \"number\" | \"password\" | \"text\""
+              },
+              "default": "'text'",
+              "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "description": "Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as `bsInput`/`bsChange` custom events instead.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "\"email\" | \"number\" | \"password\" | \"text\""
+              },
+              "default": "'text'",
+              "readonly": true,
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this\ncomponent re-dispatches them as `bsInput`/`bsChange` custom events instead.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "value"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsChange",
+              "type": {
+                "text": "CustomEvent<string>"
+              }
+            },
+            {
+              "name": "bsInput",
+              "type": {
+                "text": "CustomEvent<string>"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "control",
+              "description": "The native `<input>` element."
+            },
+            {
+              "name": "description",
+              "description": "The helper text element (hidden when `error` is set)."
+            },
+            {
+              "name": "error",
+              "description": "The error message element."
+            },
+            {
+              "name": "label",
+              "description": "The `<label>` element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsInput",
+          "declaration": {
+            "name": "BsInput"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-input",
+          "declaration": {
+            "name": "BsInput"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-modal/bs-modal.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-modal",
+          "name": "BsModal",
+          "description": "An overlay dialog that interrupts the current flow for a focused task or confirmation.\nCloses itself on backdrop click, Escape, or its own close button, and emits `bsClose`.\n\n## When to use\n- Confirming a consequential action (e.g. \"Confirm booking\") before it takes effect.\n- A short, focused task that doesn't warrant navigating to a new page.\n\n## When not to use\n- For non-blocking status messages — use a toast/notification instead of interrupting the user.\n- For a long, multi-step flow — a full page or a dedicated route is usually a better fit than a\n  modal that just gets taller and taller.",
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "heading"
+            },
+            {
+              "name": "open",
+              "description": "Mutable + reflected so the component can close itself (backdrop click, Escape, close button)\nthe same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"lg\" | \"md\" | \"sm\"",
+                "references": [
+                  {
+                    "name": "BsModalSize"
+                  }
+                ]
+              },
+              "default": "'md'",
+              "fieldName": "size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "description": "Mutable + reflected so the component can close itself (backdrop click, Escape, close button)\nthe same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"lg\" | \"md\" | \"sm\"",
+                "references": [
+                  {
+                    "name": "BsModalSize"
+                  }
+                ]
+              },
+              "default": "'md'",
+              "readonly": true,
+              "attribute": "size"
+            }
+          ],
+          "events": [
+            {
+              "name": "bsClose",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default slot: the dialog body content."
+            },
+            {
+              "name": "footer",
+              "description": "Optional footer content (typically action buttons)."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "backdrop",
+              "description": "The full-viewport overlay behind the dialog."
+            },
+            {
+              "name": "body",
+              "description": "The body content wrapper."
+            },
+            {
+              "name": "close",
+              "description": "The close button."
+            },
+            {
+              "name": "dialog",
+              "description": "The dialog box itself."
+            },
+            {
+              "name": "footer",
+              "description": "The footer wrapper (only visible when the footer slot has content)."
+            },
+            {
+              "name": "header",
+              "description": "The header row (heading + close button)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsModal",
+          "declaration": {
+            "name": "BsModal"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-modal",
+          "declaration": {
+            "name": "BsModal"
+          }
+        }
+      ]
+    }
+  ]
+}