@chiralkit/design-system 0.1.0-alpha.0

package/docs.json

@@ -0,0 +1,2112 @@
+{
+  "timestamp": "2026-09-25T23:38:41",
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.43.5",
+    "typescriptVersion": "5.8.3"
+  },
+  "components": [
+    {
+      "filePath": "src/components/ds-badge/ds-badge.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-badge",
+      "readme": "# ds-badge\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** static-display\n**APG pattern:** N/A — non-interactive text label.\n\n**Keyboard interactions:**\n- Tab: N/A — the badge is not focusable and does not appear in tab order.\n- Enter: N/A.\n- Escape: N/A.\n- Arrow keys: N/A.\n- Printable characters: N/A.\n\n**ARIA:**\n- Roles used: none — renders a plain `<span>` around a `<slot />`. The\n  `variant` prop is a purely visual axis and MUST NOT be the sole carrier\n  of information (color/style alone fails WCAG 1.4.1 Use of Color); the\n  textual content inside the slot must convey the same meaning.\n- State attributes: none.\n- Labeling strategy: visible text via `<slot />`. Consumers place the\n  readable label directly inside the tag.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On activate/open: N/A — non-interactive.\n- On close/deactivate: N/A.\n- Focus indicator: N/A — the host is not focusable. If a consumer wraps\n  `ds-badge` in an interactive element (e.g. `<button>`, `<a>`), that\n  wrapper owns the focus indicator via the DS `--ds-color-focus` token\n  and its own `:focus-visible` rule.\n\n**Motion:**\n- Animations: none.\n- Reduced-motion behavior: N/A.\n\n**Contrast:**\n- Text: inherits `color: inherit` / `currentColor` from the host page and\n  the variant-specific style; not verified in isolation here. Consumers\n  are responsible for confirming ≥ 4.5:1 (WCAG 1.4.3) against the surface\n  the badge is placed on.\n- Non-text: no state-conveying icons or borders that need the 3:1\n  non-text contrast threshold.\n\n**Screen reader announcement:**\n- Rendered state: announces the slot text as inline content within its\n  surrounding context (no role means AT reads it as plain text). The\n  `variant` value is not announced — that is intentional; the label text\n  is the source of truth for meaning.\n- State change: N/A — no dynamic state owned by this component.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "variant",
+          "type": "\"agent\" | \"config\" | \"neutral\" | \"recipe\" | \"ui-component\"",
+          "complexType": {
+            "original": "| \"neutral\"\n    | \"ui-component\"\n    | \"recipe\"\n    | \"agent\"\n    | \"config\"",
+            "resolved": "\"agent\" | \"config\" | \"neutral\" | \"recipe\" | \"ui-component\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"neutral\""
+            }
+          ],
+          "default": "\"neutral\"",
+          "values": [
+            {
+              "value": "agent",
+              "type": "string"
+            },
+            {
+              "value": "config",
+              "type": "string"
+            },
+            {
+              "value": "neutral",
+              "type": "string"
+            },
+            {
+              "value": "recipe",
+              "type": "string"
+            },
+            {
+              "value": "ui-component",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-button/ds-button.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-button",
+      "readme": "# ds-button\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** interactive-display\n**APG pattern:** Button — https://www.w3.org/WAI/ARIA/apg/patterns/button/\n(satisfied natively by the underlying `<button>` element). When `href` is\nset, the component renders `<a href>` instead — a link, not a button — and\nthat surface follows native `<a>` semantics rather than the Button pattern.\n\n**Keyboard interactions:**\n- Tab: moves focus to the internal `<button>` or `<a>` (shadow DOM does not\n  interrupt tab order).\n- Enter: activates (fires click on `<button>`, navigates on `<a>`).\n- Space: activates the `<button>` variant only (native behavior); on the\n  `<a>` variant Space scrolls the page as usual.\n- Escape: N/A — no dismissible state owned by this component.\n- Arrow keys: N/A.\n- Printable characters: N/A.\n\n**ARIA:**\n- Roles used: none explicit — the native `<button>` / `<a href>` supplies\n  the implicit `button` / `link` role.\n- State attributes: `disabled` (native attribute on `<button>`, not\n  `aria-disabled`). The `<a>` variant does not accept `disabled` — a\n  disabled navigation is a spec smell (see spec §\"Button vs Link\"); if a\n  link needs a disabled state, model it as a `<button>` action instead.\n- Labeling strategy: visible text via `<slot />`. Consumers MUST place\n  readable text (or a labeled icon) inside the tag. An empty slot leaves\n  the button/link without an accessible name and fails\n  `button-name` / `link-name` axe rules. Icon-only usage is out of contract\n  for `ds-button`; use a future `ds-icon-button` with a required\n  `aria-label` prop when that lands.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On activate: focus stays on the element (native click behavior; the\n  component does not move focus on its own).\n- On close/deactivate: N/A.\n- Focus indicator: 2px `outline` in `var(--ds-color-focus)` with 2px\n  `outline-offset`, applied via `:focus-visible` — replaces the browser\n  default so both `<button>` and `<a>` variants use the same DS ring\n  (spec universal rule 3, WCAG 1.4.11 non-text contrast ≥ 3:1).\n\n**Motion:**\n- Animations: 150ms `background-color` ease-in-out transition on\n  `primary`/`secondary` variants (hover).\n- Reduced-motion behavior: N/A — 150ms is below the spec's 200ms threshold\n  for `prefers-reduced-motion` handling, and the transition animates color\n  only (no motion of position, scale, or opacity).\n\n**Contrast:**\n- Text: `primary` and `secondary` variants pair `--ds-color-{primary,secondary}`\n  with `--ds-color-text-on-{primary,secondary}` — the token pairs are\n  authored to meet WCAG 2.1 AA (≥ 4.5:1). The `ghost` variant inherits\n  `color: inherit` and pins `opacity: 0.85`, so its effective contrast\n  depends on the consumer's surface — verify per site.\n- Non-text (border on `ghost`): 1px `currentColor`; contrast tracks the\n  text color 1:1, subject to the same host-page caveat.\n\n**Screen reader announcement:**\n- Rendered state: announces the slot text followed by \"button\" (or \"link\"\n  for the `href` variant), plus \"dimmed\" / \"unavailable\" when `disabled`\n  is set (browser/AT dependent wording).\n- State change: N/A — this component does not own toggle state. A pressed\n  toggle needs `aria-pressed`, which is out of scope here; model that as\n  a distinct component or extend the API deliberately per the spec.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "href",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "href",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\"",
+          "complexType": {
+            "original": "\"md\" | \"lg\"",
+            "resolved": "\"lg\" | \"md\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"md\""
+            }
+          ],
+          "default": "\"md\"",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"button\" | \"reset\" | \"submit\"",
+          "complexType": {
+            "original": "\"button\" | \"submit\" | \"reset\"",
+            "resolved": "\"button\" | \"reset\" | \"submit\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"button\""
+            }
+          ],
+          "default": "\"button\"",
+          "values": [
+            {
+              "value": "button",
+              "type": "string"
+            },
+            {
+              "value": "reset",
+              "type": "string"
+            },
+            {
+              "value": "submit",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"ghost\" | \"primary\" | \"secondary\"",
+          "complexType": {
+            "original": "\"primary\" | \"secondary\" | \"ghost\"",
+            "resolved": "\"ghost\" | \"primary\" | \"secondary\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"primary\""
+            }
+          ],
+          "default": "\"primary\"",
+          "values": [
+            {
+              "value": "ghost",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-card/ds-card.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-card",
+      "readme": "# ds-card\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** static-display\n**APG pattern:** N/A — a container surface with no interactive\nbehavior of its own. If a consumer nests interactive elements\ninside (button, link, form field), those elements satisfy their\nown a11y bucket independently.\n\n**Keyboard interactions:**\n- Tab / Shift+Tab: N/A — the card itself is not focusable. Any\n  interactive descendant carries its own tab semantics.\n- Enter / Space / Arrow / Escape / Printable: N/A.\n\n**ARIA:**\n- Roles used: none. `<ds-card>` is a purely visual grouping and\n  deliberately does not carry `role=\"region\"` — that would demand\n  a labelledby target, which would only be correct in a subset of\n  uses. Consumers that need a labeled landmark should render a\n  `<section aria-labelledby>` around the card.\n- State attributes: none.\n- Labeling strategy: none applied by the component; consumer's\n  heading structure inside the slot supplies the accessible name\n  when needed.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- Focus indicator: N/A — the card itself is not focusable.\n\n**Motion:**\n- Animations: none.\n- Reduced-motion behavior: N/A.\n\n**Contrast:**\n- Text: inherits `color: inherit` / `currentColor`; the card does\n  not impose a text color, so contrast is the consumer theme's\n  responsibility.\n- Non-text (border, subtle background tint): both derived from\n  `color-mix(in oklch, currentColor N%, transparent)`, matching\n  the pattern used by `ds-input` and `ds-select`. WCAG 1.4.11\n  (3:1 non-text contrast) is met in themes where the surface has\n  enough delta against the page background; the component does\n  not override the consumer's palette to force it.\n\n**Screen reader announcement:**\n- Rendered state: no announcement of the card itself. AT\n  navigates to the slotted content directly, using whatever\n  heading and landmark structure the consumer places inside.\n- State change: N/A.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-checkbox/ds-checkbox.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-checkbox",
+      "readme": "# ds-checkbox\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** form-field\n**APG pattern:** N/A — native element. This wraps a native\n`<input type=\"checkbox\">`; the browser already implements the\ncheckbox role and its state semantics. Reference:\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox\n\nNote: `ds-checkbox` intentionally does NOT reach for the WAI-ARIA\nAPG \"tri-state checkbox\" pattern (indeterminate + on + off) as a\nscratch-built ARIA widget. The native input already exposes the\n`indeterminate` DOM property and browsers report it to AT\ncorrectly; the `indeterminate` prop here forwards to that DOM\nproperty so the native mechanism carries the semantics.\n\n**Keyboard interactions:**\n- Tab: moves focus to the native `<input type=\"checkbox\">`.\n- Space: toggles the checked state (native behavior).\n- Enter: no native effect on a checkbox (unlike button). Form\n  submission triggered by Enter comes from the enclosing form's\n  default submit button, not from the checkbox itself.\n\n**ARIA:**\n- Roles used: none explicit — the native checkbox supplies the\n  implicit `checkbox` role.\n- State attributes: `checked` (DOM property, kept in sync via\n  componentDidRender because Stencil does not JSX-forward the\n  attribute cleanly for controlled use), `disabled` (native\n  attribute, not `aria-disabled`), `aria-invalid` (from the\n  `invalid` prop), `aria-required` (from the `required` prop),\n  `aria-describedby` (from the `describedBy` prop).\n- Labeling strategy: `aria-label` set from the `label` prop onto\n  the internal checkbox. This is the **canonical, recommended**\n  mode. Wrapping the host in a light-DOM `<label>` also produces\n  an accessible name in Chromium via flattened-tree resolution —\n  same secondary mode documented on `ds-input`.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On toggle: focus remains on the native checkbox.\n- Focus indicator: browser default `:focus-visible` ring, kept on\n  purpose until the DS ships a themed focus utility using\n  `--ds-color-focus`. Not overridden by `ds-checkbox.css`.\n\n**Motion:**\n- Animations: none.\n- Reduced-motion behavior: N/A.\n\n**Contrast:**\n- Text: N/A — the checkbox itself renders no text (labels are\n  supplied by the consumer via `label` prop or wrapping <label>).\n- Non-text (the box and its check glyph): browser default rendering\n  is kept on purpose (no `appearance: none` override); this\n  preserves the OS/browser accessibility rendering that AT and\n  forced-color modes rely on. A themed override is a future\n  decision once the DS commits to a checkbox visual language that\n  still passes 3:1 non-text contrast in every theme.\n\n**Screen reader announcement:**\n- Rendered state: announces the `label` prop text as the\n  accessible name, followed by \"checkbox\", followed by \"checked\"\n  / \"not checked\" / \"mixed\" per the current DOM state.\n- State change: on toggle, AT announces the new state (native\n  behavior); no `aria-live` added.\n\n**Consumer contract:**\n- `checked` is the source of truth for controlled use. Reading\n  `event.detail` from `dsChange` gives the new state; the internal\n  input is kept in sync via a Watch + a re-sync in componentDidRender.\n- `indeterminate` is a visual/AT state, not a value — it is NOT\n  submitted with a form and clears on the next user toggle.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "checked",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "describedBy",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "described-by",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "indeterminate",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "indeterminate",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-code-block/ds-code-block.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-code-block",
+      "readme": "# ds-code-block\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** interactive-display\n**APG pattern:** Button — https://www.w3.org/WAI/ARIA/apg/patterns/button/\n(for the internal copy control; the code readout itself is static text).\n\n**Keyboard interactions:**\n- Tab: moves focus into the internal copy `<button>`; the code readout\n  (`<pre><code>`) is not focusable itself, but its container is\n  horizontally scrollable and remains reachable via the browser's caret\n  browsing / find-in-page path.\n- Enter: activates the copy button (writes `code` to the clipboard).\n- Space: activates the copy button (native `<button>` behavior).\n- Escape: N/A — the \"Copied\" state auto-clears after 1.4s; no dismissible\n  modal state.\n- Arrow keys: N/A.\n- Printable characters: N/A.\n\n**ARIA:**\n- Roles used: none explicit — the native `<button>` supplies the implicit\n  `button` role; `<pre>` and `<code>` supply their semantic roles.\n- State attributes: none. The `copied` flag lives only in the button's\n  accessible name (see below); it is intentionally not surfaced via\n  `aria-pressed` because it is not a toggle — it is a transient\n  post-action confirmation.\n- Labeling strategy: `aria-label` on the copy button — \"Copy code\" in the\n  resting state, \"Copied\" while the confirmation is visible. This is\n  authoritative because the button carries both an icon and the words\n  \"Copy\" / \"Copied\", and mixed icon+text needs an explicit accessible\n  name to avoid AT reading the SVG as a separate node.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On activate: focus stays on the copy button (clipboard write is\n  synchronous from the user's perspective; no focus is moved).\n- On close/deactivate: N/A — no popup or overlay to close.\n- Focus indicator: 2px `outline` in `var(--ds-color-focus)` with 2px\n  `outline-offset`, applied to `.ds-code-block__copy:focus-visible`. The\n  readout itself is not focusable and has no focus indicator by design.\n\n**Motion:**\n- Animations: 120ms `color` / `border-color` ease transition on the copy\n  button (hover/focus).\n- Reduced-motion behavior: N/A — 120ms is below the spec's 200ms\n  threshold, and the transition animates color only.\n\n**Contrast:**\n- Text (code readout): inherits `color: currentColor`; contrast depends\n  on the host page's text color vs. the block's tinted background\n  (`color-mix(currentColor 4%, transparent)`). Verify per site.\n- Text (copy button): `color-mix(in oklch, currentColor 70%, transparent)`\n  at rest, `currentColor` on hover. The 70%-mixed resting color can drop\n  below 4.5:1 on low-contrast surfaces — audit per usage site, and lean\n  on the hover/focus states (both restore full `currentColor`) as the\n  accessible fallback.\n- Non-text (button border, language tag border-bottom): both use\n  `color-mix(currentColor <15|12>%, transparent)` — decorative separators,\n  they do not convey state, so the 3:1 non-text contrast rule does not\n  apply. Focus and hover borders shift up to 30% for clearer edges.\n\n**Screen reader announcement:**\n- Rendered state: announces \"Copy code, button\" (the `aria-label`), then\n  the code content when the user navigates into the `<pre><code>` block\n  (usually announced as a code block on VoiceOver).\n- State change: after clicking Copy, the button's `aria-label` flips to\n  \"Copied\"; AT will announce this on the next focus or re-read of the\n  button, but NOT proactively — there is no `aria-live` region. This is\n  deliberate per spec §\"What we explicitly do NOT do\" (avoid live-region\n  overuse), and the trade-off is that a screen-reader-only user does not\n  get an unsolicited confirmation. If a future review decides that\n  confirmation must be audible, add a visually-hidden\n  `aria-live=\"polite\"` element whose text toggles on `copied`.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "code",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "code",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "language",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "language",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"bash\""
+            }
+          ],
+          "default": "\"bash\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-dialog/ds-dialog.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-dialog",
+      "readme": "# ds-dialog\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** state-machine\n**APG pattern:** https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n\nThis component wraps the **native `<dialog>` element** rather than\nscratch-building the APG pattern on top of a `<div role=\"dialog\">`.\n`<dialog>` opened via `showModal()` gives us — from the browser,\nverified by the platform, not by us:\n\n- Focus trap: Tab / Shift+Tab cycle only through focusable\n  descendants (including slotted light-DOM descendants; the flattened\n  accessibility tree is what the trap operates on).\n- Escape: closes the dialog and returns focus to the previously\n  focused element (native, not implemented here).\n- Inert background: everything outside the dialog is inert while it\n  is open — no mouse, no keyboard, not part of the a11y tree.\n- Return focus: on close, focus returns to whatever element had it\n  before `showModal()` — native, not implemented here.\n- Initial focus: browser auto-focuses the first `autofocus` element\n  inside, or the first focusable if none — native.\n- `role=\"dialog\"` and `aria-modal=\"true\"` semantics: implicit on\n  `<dialog>`, no ARIA needed from us.\n\nThis is the deliberate answer to the a11y spec §D warning about\nscratch-building Tier 2 components: the native element removes the\n\"compiles, axe passes, screen-reader user gets trapped\" failure\nmode by delegating the state machine to the platform.\n\n**Keyboard interactions (all handled by the native element unless\nnoted otherwise):**\n- Tab: cycles focus within the dialog's focusable descendants\n  (native focus trap).\n- Shift+Tab: reverse cycle (native).\n- Escape: closes the dialog and fires the `close` event (native).\n  Consumers who need to prevent dismissal on Escape (destructive\n  flows: e.g. an unsaved-changes guard) must call\n  `event.preventDefault()` inside their own `keydown` listener on\n  the dialog before it reaches the browser — that is an escape\n  hatch, not a default we impose.\n- Enter / Space: no special dialog behavior; forwarded to\n  whatever descendant has focus (a button will activate).\n- Home / End / Arrow keys: no special dialog behavior; forwarded\n  to descendants.\n- Printable characters: forwarded to descendants (e.g. typing\n  inside a slotted `<ds-input>`).\n\n**ARIA attributes and value triggers:**\n- Implicit `role=\"dialog\"` on the native `<dialog>`.\n- Implicit `aria-modal=\"true\"` when opened via `showModal()`\n  (which is what this component always uses; `show()` — the\n  non-modal form — is intentionally not exposed in v1).\n- `aria-label` set from the `label` prop onto the `<dialog>`.\n  Consumers who prefer an in-content title can pass a\n  `labelledBy` prop instead, whose value is the id of a heading\n  element they render inside the slot — `aria-labelledby`\n  resolves that id through the flattened tree.\n- `aria-describedby` from the `describedBy` prop, resolving a\n  light-DOM id of a descriptive block (e.g. the dialog body copy\n  when the label is short).\n\n**Focus lifecycle:**\n- Opening: `showModal()` moves focus to the first `autofocus`\n  element inside, or the first focusable if none. Consumers who\n  want a specific initial focus target should mark that element\n  with `autofocus`.\n- While open: focus is trapped within the flattened tree of the\n  `<dialog>`; Tab / Shift+Tab cycle through slotted descendants.\n  Focus cannot escape into the inert background.\n- Closing: `close()` (either from Escape, from a form-submit with\n  `method=\"dialog\"`, from a light-dismiss backdrop click handler\n  the consumer wires up, or from `open=false`) returns focus to\n  the element that had it immediately before `showModal()` was\n  called. The `dsClose` event fires after focus has been restored.\n\n**ARIA labelling contract (choose one):**\n- **`label`** (string) — sets `aria-label` on the dialog. Simplest\n  for short titles.\n- **`labelledBy`** (id) — sets `aria-labelledby` to reference a\n  heading rendered inside the slot. Preferred when the dialog has\n  a visible title so the accessible name matches the visible name.\n\nIf both are omitted, axe reports `dialog-name` — the dialog has no\naccessible name. The a11y test for this component asserts that at\nleast one of the two is provided.\n\n**Motion:**\n- Animations: none applied by the component. Consumers who want an\n  entrance transition can style `::backdrop` and `dialog[open]`\n  with their own animation, gated on `@media\n  (prefers-reduced-motion: no-preference)`.\n- Reduced-motion behavior: N/A — no animation to collapse. If a\n  consumer adds one, they own the reduced-motion fallback.\n\n**Contrast:**\n- Text: inherits `color: inherit`; consumer theme owns contrast.\n- Non-text: subtle bordered surface via\n  `color-mix(in oklch, currentColor N%, transparent)` matching\n  `ds-card`. Backdrop is a semi-transparent black by default.\n\n**Screen reader announcement:**\n- Rendered state (closed): dialog is not in the a11y tree.\n- Opened: AT announces \"dialog\" plus the accessible name from\n  `label` / `labelledBy`, then reads the content following focus\n  (or the descriptive block referenced by `describedBy` first,\n  depending on AT).\n- State change: on close, AT returns to the element that regained\n  focus (the trigger); no `aria-live` announcement is added.\n\n**Consumer contract:**\n- Set `open` to true to show; set to false to close. The component\n  syncs the DOM state via `showModal()` / `close()` in a Watch.\n- Listen to `dsClose` to know when the dialog was dismissed (by\n  Escape, by `open=false`, or by a form submit with\n  `method=\"dialog\"`). Listen to `dsOpen` for the mirror event.\n- The default backdrop is opaque and NOT click-to-dismiss. Consumers\n  who want light-dismiss can add a click listener on the dialog\n  that closes when the click target is the dialog itself (not a\n  descendant): `if (e.target === dialog) dialog.close()`.\n- Put focus targets (form fields, primary action button) inside\n  the slot. Use `autofocus` on the element that should receive\n  focus first.\n\n**Pending manual verification (see commit message TODO):**\n- VoiceOver on macOS: confirm the dialog announces its accessible\n  name + \"dialog\" on open, focus lands on the correct element,\n  Escape closes and focus returns to the trigger.\n- Chromium high-contrast / forced-colors: confirm the surface\n  still reads as a bordered container with the native ::backdrop\n  dim.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "describedBy",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "described-by",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "labelledBy",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "labelled-by",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsClose",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsOpen",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-input/ds-input.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-input",
+      "readme": "# ds-input\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** form-field\n**APG pattern:** N/A — native element. This wraps a native `<input>`;\nthere is no WAI-ARIA APG pattern for a plain text input because the\nbrowser already implements it natively. Reference:\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input\n\n**Keyboard interactions:**\n- Tab: moves focus to the native `<input>` (shadow DOM does not\n  interrupt tab order).\n- Printable characters: insert at the caret position (native).\n- Backspace / Delete: native editing.\n- Arrow keys: move the caret within the value (native); for\n  `type=\"number\"` Up/Down step the numeric value (native).\n- Enter: on `type=\"search\"` may submit the enclosing form (native);\n  no custom handling.\n- Escape: no native meaning for a text input.\n\n**ARIA:**\n- Roles used: none explicit — the native `<input>` supplies its\n  implicit role (`textbox`, `searchbox`, etc. depending on `type`).\n- State attributes: `disabled` (native attribute, not `aria-disabled`),\n  `aria-invalid` (from the `invalid` prop), `aria-required` (from the\n  `required` prop), `aria-describedby` (from the `describedBy` prop,\n  expected to reference a light-DOM node id — typically a hint or\n  error message rendered by the consumer alongside the field).\n- Labeling strategy: `aria-label` set from the `label` prop onto the\n  internal `<input>`. This is the **canonical, recommended** mode —\n  explicit and independent of DOM structure. Consumers MUST pass\n  `label` (or otherwise give the field an accessible name) — an\n  `<input>` with no accessible name is a WCAG failure (axe rule\n  `label`). Wrapping the host in a light-DOM `<label>` (e.g.\n  `<label>Email <ds-input></ds-input></label>`) also produces an\n  accessible name in Chromium via flattened-tree resolution — the\n  same secondary mode documented on `ds-select`, verified in this\n  component's e2e tests. Setting `aria-label` directly on the\n  `<ds-input>` host does NOT work: shadow-DOM attribute forwarding\n  would be required — use the `label` prop instead.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On value change: focus remains on the native `<input>`.\n- Focus indicator: the browser default `:focus-visible` ring is kept\n  on purpose — a themed focus ring using `--ds-color-focus` is a\n  future decision once the DS ships a shared focus utility. Not\n  overridden by `ds-input.css`.\n\n**Motion:**\n- Animations: none.\n- Reduced-motion behavior: N/A — no animation to collapse.\n\n**Contrast:**\n- Text: inherits `color: inherit` / `currentColor`; ratio depends on\n  the consumer's theme, not verified in isolation here.\n- Border: `color-mix(in oklch, currentColor 22%, transparent)`,\n  matching `ds-select` — inherits whatever contrast the host page\n  sets. WCAG 1.4.11 (3:1 non-text) is the consumer's responsibility\n  in themes that override the surface.\n\n**Screen reader announcement:**\n- Rendered state: announces the `label` prop text as the accessible\n  name, followed by the browser/AT's role announcement for the\n  input type (\"edit text\", \"search text\", \"password\", \"phone\n  number\", \"email\"…). When `required=true` the announcement\n  includes \"required\"; when `invalid=true` it includes \"invalid\".\n- State change: on value edit, AT typically echoes the typed\n  character (native input behavior); no `aria-live` added, per the\n  spec's guidance against live-region overuse.\n\n**Consumer contract:**\n- `placeholder` is a hint, not a label. It disappears on focus in\n  most browsers and is not reliably announced by every AT — always\n  pair with `label`.\n- For `type=\"password\"` in a real form, pair with a light-DOM\n  `<input type=\"hidden\">` or a form-associated ancestor that gives\n  the browser's password manager an `autocomplete` hint. This\n  component intentionally does not expose `autocomplete` in v1;\n  consumers that need it can render a native `<input>` for that\n  field until the prop is added.\n- When `invalid=true`, pair with a `describedBy` id that points at\n  a visible error message; `aria-invalid` alone gives the AT the\n  status but not the reason.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "describedBy",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "described-by",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\"",
+          "complexType": {
+            "original": "\"md\" | \"lg\"",
+            "resolved": "\"lg\" | \"md\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"md\""
+            }
+          ],
+          "default": "\"md\"",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "complexType": {
+            "original": "| \"text\"\n    | \"email\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"url\"\n    | \"number\"",
+            "resolved": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"text\""
+            }
+          ],
+          "default": "\"text\"",
+          "values": [
+            {
+              "value": "email",
+              "type": "string"
+            },
+            {
+              "value": "number",
+              "type": "string"
+            },
+            {
+              "value": "password",
+              "type": "string"
+            },
+            {
+              "value": "search",
+              "type": "string"
+            },
+            {
+              "value": "tel",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "url",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsInput",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-loader/ds-loader.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-loader",
+      "readme": "# ds-loader\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** static-display (indeterminate progress indicator)\n**APG pattern:** N/A — the loader is a passive presence indicator, not a\n`progressbar` (no measurable value). Uses `role=\"status\"` per WAI-ARIA\nlive-region semantics for indeterminate loading states.\n\n**Keyboard interactions:**\n- Tab: N/A — not focusable.\n- Enter: N/A.\n- Escape: N/A.\n- Arrow keys: N/A.\n- Printable characters: N/A.\n\n**ARIA:**\n- Roles used: `role=\"status\"` on the host — an implicit polite live\n  region ARIA lists as valid for \"advisory information\" including\n  in-progress operations. The inner `<svg>` is decorative and carries\n  `aria-hidden=\"true\"` + `focusable=\"false\"` so it never becomes a\n  parallel target for screen readers.\n- State attributes: none. The loader has no state changes to announce\n  beyond its own presence; the polite live region on mount is the\n  announcement.\n- Labeling strategy: `aria-label` from the `label` prop (default\n  \"Loading\"). Consumers pass a more specific string when the context\n  warrants (\"Loading ceremonies\", \"Signing in\", …).\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On activate/open: N/A — not interactive.\n- On close/deactivate: N/A.\n- Focus indicator: N/A — the host is not focusable.\n\n**Motion:**\n- Animations: two mirrored halves of the logo path oscillate\n  symmetrically around the visual center, meeting at the ring midpoint\n  and separating again. Cycle 1.4s by default (`speed=\"normal\"`);\n  `speed=\"slow\"` = 2.2s, `speed=\"fast\"` = 0.9s.\n- Reduced-motion behavior: `@media (prefers-reduced-motion: reduce)`\n  collapses both halves to a static rendering with a slow opacity\n  pulse (2s ease-in-out). No rotation, no lateral movement.\n\n**Contrast:**\n- Text: N/A — the visible surface is the SVG stroke, not text.\n- Non-text: stroke inherits `currentColor` from the host. Consumers are\n  responsible for confirming the stroke against its background meets\n  the ≥ 3:1 non-text contrast threshold (WCAG 1.4.11) where the loader\n  conveys state (e.g. distinguishing \"still loading\" from \"idle\").\n\n**Screen reader announcement:**\n- Rendered state: the polite live region announces the label\n  (e.g. \"Loading\") when the loader mounts.\n- State change: N/A — the loader itself has no state that changes.\n  Consumers unmount the loader when the awaited work completes; that\n  removal is silent, which is the intended behavior (the arriving\n  content is the announcement).",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"Loading\""
+            }
+          ],
+          "default": "\"Loading\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "\"sm\" | \"md\" | \"lg\"",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"md\""
+            }
+          ],
+          "default": "\"md\"",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "speed",
+          "type": "\"fast\" | \"normal\" | \"slow\"",
+          "complexType": {
+            "original": "\"slow\" | \"normal\" | \"fast\"",
+            "resolved": "\"fast\" | \"normal\" | \"slow\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "speed",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"normal\""
+            }
+          ],
+          "default": "\"normal\"",
+          "values": [
+            {
+              "value": "fast",
+              "type": "string"
+            },
+            {
+              "value": "normal",
+              "type": "string"
+            },
+            {
+              "value": "slow",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-select/ds-select.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-select",
+      "readme": "# ds-select\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "options",
+          "type": "readonly DsSelectOption[] | string",
+          "complexType": {
+            "original": "string | ReadonlyArray<DsSelectOption>",
+            "resolved": "readonly DsSelectOption[] | string",
+            "references": {
+              "ReadonlyArray": {
+                "location": "global",
+                "id": "global::ReadonlyArray"
+              },
+              "DsSelectOption": {
+                "location": "local",
+                "path": "/Users/alex/projects/MyGitHub/chiralkit/packages/design-system/src/components/ds-select/ds-select.tsx",
+                "id": "src/components/ds-select/ds-select.tsx::DsSelectOption"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "options",
+          "reflectToAttr": false,
+          "docs": "Options rendered inside the internal shadow `<select>`. Accepts either:\n- a JSON string (SSR-friendly — server-rendered HTML can only set\n  string attributes, and Stencil does not JSON-parse array attributes),\n  e.g. `options='[{\"value\":\"en\",\"label\":\"EN\"}]'`\n- an array property set from client-side JS,\n  e.g. `el.options = [{ value: 'en', label: 'EN' }]`\n\nMalformed JSON fails safe to an empty list rather than throwing, so the\ncomponent still renders a visible (if empty) select.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"[]\""
+            }
+          ],
+          "default": "\"[]\"",
+          "values": [
+            {
+              "type": "readonly DsSelectOption[]"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\"",
+          "complexType": {
+            "original": "\"md\" | \"lg\"",
+            "resolved": "\"lg\" | \"md\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"md\""
+            }
+          ],
+          "default": "\"md\"",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-tabs/ds-tabs.tsx",
+      "encapsulation": "none",
+      "tag": "ds-tabs",
+      "readme": "# ds-tabs\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "active",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "active",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "items",
+          "type": "readonly DsTabItem[] | string",
+          "complexType": {
+            "original": "string | ReadonlyArray<DsTabItem>",
+            "resolved": "readonly DsTabItem[] | string",
+            "references": {
+              "ReadonlyArray": {
+                "location": "global",
+                "id": "global::ReadonlyArray"
+              },
+              "DsTabItem": {
+                "location": "local",
+                "path": "/Users/alex/projects/MyGitHub/chiralkit/packages/design-system/src/components/ds-tabs/ds-tabs.tsx",
+                "id": "src/components/ds-tabs/ds-tabs.tsx::DsTabItem"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "items",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"[]\""
+            }
+          ],
+          "default": "\"[]\"",
+          "values": [
+            {
+              "type": "readonly DsTabItem[]"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "orientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "\"horizontal\" | \"vertical\"",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "orientation",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"horizontal\""
+            }
+          ],
+          "default": "\"horizontal\"",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-textarea/ds-textarea.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-textarea",
+      "readme": "# ds-textarea\n\n\n",
+      "docs": "## Accessibility\n\n**Category:** form-field\n**APG pattern:** N/A — native element. This wraps a native\n`<textarea>`; there is no WAI-ARIA APG pattern for a plain\nmulti-line text field because the browser already implements it\nnatively. Reference:\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea\n\n**Keyboard interactions:**\n- Tab: moves focus to the native `<textarea>`; Tab inside the\n  textarea inserts a tab character only when the browser is\n  configured to do so (default behavior: Tab moves focus out).\n- Printable characters: insert at the caret position (native).\n- Enter: inserts a newline within the value (native), does not\n  submit the enclosing form (unlike a single-line input).\n- Backspace / Delete: native editing.\n- Arrow keys: move the caret within the value (native).\n- Escape: no native meaning for a text area.\n\n**ARIA:**\n- Roles used: none explicit — the native `<textarea>` supplies\n  the implicit `textbox` role with multiline behavior.\n- State attributes: `disabled` (native attribute, not\n  `aria-disabled`), `aria-invalid` (from the `invalid` prop),\n  `aria-required` (from the `required` prop), `aria-describedby`\n  (from the `describedBy` prop, expected to reference a light-DOM\n  node id — typically a hint or error message rendered by the\n  consumer alongside the field).\n- Labeling strategy: `aria-label` set from the `label` prop onto\n  the internal `<textarea>`. This is the **canonical, recommended**\n  mode. Wrapping the host in a light-DOM `<label>` also produces\n  an accessible name in Chromium via flattened-tree resolution —\n  same secondary mode documented on `ds-input` and `ds-select`,\n  verified in this component's e2e tests. Setting `aria-label`\n  directly on the `<ds-textarea>` host does NOT work: shadow-DOM\n  attribute forwarding would be required — use the `label` prop.\n\n**Focus:**\n- On mount: nothing auto-focuses.\n- On value change: focus remains on the native `<textarea>`.\n- Focus indicator: the browser default `:focus-visible` ring is\n  kept on purpose — a themed focus ring using `--ds-color-focus`\n  is a future decision once the DS ships a shared focus utility.\n\n**Motion:**\n- Animations: none.\n- Reduced-motion behavior: N/A — no animation to collapse.\n\n**Contrast:**\n- Text: inherits `color: inherit` / `currentColor`; ratio depends\n  on the consumer's theme, not verified in isolation.\n- Border: `color-mix(in oklch, currentColor 22%, transparent)`,\n  matching `ds-input`.\n\n**Screen reader announcement:**\n- Rendered state: announces the `label` prop text as the\n  accessible name, followed by \"edit text, multiline\" (browser/AT\n  wording varies). When `required=true` the announcement includes\n  \"required\"; when `invalid=true` it includes \"invalid\".\n- State change: on value edit, AT typically echoes the typed\n  character (native behavior); no `aria-live` added.\n\n**Consumer contract:**\n- `placeholder` is a hint, not a label — always pair with `label`.\n- When `invalid=true`, pair with a `describedBy` id that points at\n  a visible error message; `aria-invalid` alone gives the AT the\n  status but not the reason.\n- `rows` sets the initial visible line count. Vertical resize is\n  left to the native default (`resize: vertical`) so users can\n  grow the field for long entries; the consumer's CSS can pin it\n  with `resize: none` when a fixed height matters.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "describedBy",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "described-by",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rows",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rows",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "3"
+            }
+          ],
+          "default": "3",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\"",
+          "complexType": {
+            "original": "\"md\" | \"lg\"",
+            "resolved": "\"lg\" | \"md\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"md\""
+            }
+          ],
+          "default": "\"md\"",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsInput",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/ds-tooltip/ds-tooltip.tsx",
+      "encapsulation": "none",
+      "tag": "ds-tooltip",
+      "readme": "# ds-tooltip\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "closeDelay",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "close-delay",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "100"
+            }
+          ],
+          "default": "100",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "openDelay",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open-delay",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "250"
+            }
+          ],
+          "default": "250",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"top\"",
+          "complexType": {
+            "original": "\"top\" | \"bottom\"",
+            "resolved": "\"bottom\" | \"top\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"bottom\""
+            }
+          ],
+          "default": "\"bottom\"",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    }
+  ],
+  "typeLibrary": {
+    "src/components/ds-select/ds-select.tsx::DsSelectOption": {
+      "declaration": "{ value: string; label: string }",
+      "docstring": "",
+      "path": "src/components/ds-select/ds-select.tsx"
+    },
+    "src/components/ds-tabs/ds-tabs.tsx::DsTabItem": {
+      "declaration": "{\n  id: string;\n  label: string;\n  /**\n   * Id of the tabpanel this tab controls. Defaults to `id`.\n   */\n  controls?: string;\n  disabled?: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/ds-tabs/ds-tabs.tsx"
+    }
+  }
+}