@imfusion/web-ui 0.5.0

package/src/docgen/doc.gen.json

@@ -0,0 +1,4695 @@
+{
+  "app-shell": {
+    "root": {
+      "name": "AppShell.Root",
+      "description": "AppShell — application layout shell.\n\nThe classic dashboard frame: a fixed header, collapsible navbar/aside\nsidebars, an optional footer, and a scrolling main content area. Also called\nan app layout, application frame, dashboard shell, or sidebar layout.\n\nComposed of seven sub-components used with dot-notation: `AppShell.Root` wraps\n`AppShell.Header`, `AppShell.Navbar`, `AppShell.Aside`, `AppShell.Footer`,\n`AppShell.Main`, and (inside a sidebar) `AppShell.Section`.\n\nSizing is CSS-driven — override the `--imf-ui-appshell-*` custom properties\nrather than passing dimension props. Below the responsive breakpoints the\nnavbar (`md`) and aside (`lg`) become sliding overlays toggled via the `open`\nprop; the consumer wires that to a burger button.\n\nCopied and adapted from Mantine's AppShell; no upstream runtime dependency.\nMIT licensed (see Mantine repo).",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "AppShell.Aside",
+        "description": "",
+        "props": [
+          {
+            "name": "open",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the mobile overlay is open. Ignored above the `lg` breakpoint, where the aside is always visible."
+          }
+        ]
+      },
+      {
+        "name": "AppShell.Footer",
+        "description": "",
+        "props": []
+      },
+      {
+        "name": "AppShell.Header",
+        "description": "",
+        "props": []
+      },
+      {
+        "name": "AppShell.Main",
+        "description": "",
+        "props": []
+      },
+      {
+        "name": "AppShell.Navbar",
+        "description": "",
+        "props": [
+          {
+            "name": "open",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the mobile overlay is open. Ignored above the `md` breakpoint, where the navbar is always visible."
+          }
+        ]
+      },
+      {
+        "name": "AppShell.Section",
+        "description": "",
+        "props": [
+          {
+            "name": "grow",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "If set, the section expands to fill the remaining space in its sidebar."
+          }
+        ]
+      }
+    ]
+  },
+  "button": {
+    "root": {
+      "name": "Button",
+      "description": "Button component",
+      "props": [
+        {
+          "name": "chamfer",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": "size === \"hero\"",
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ButtonState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "endIcon",
+          "required": false,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Trailing slot — typically an icon. When present, the label aligns left and the icon pins right."
+        },
+        {
+          "name": "focusableWhenDisabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "radius",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"none\" | \"round\" | null",
+          "defaultValue": "none",
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "startIcon",
+          "required": false,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Leading slot — typically a label. When present, the label aligns right and the icon pins left."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| \"outline\"\n| \"ghost\"\n| null",
+          "defaultValue": "primary",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "callout": {
+    "root": {
+      "name": "Callout.Root",
+      "description": "Callout.Root — the banner container. Sets the `variant` (which tints the\nsurface and colours the icon and text) and lays out a leading `Callout.Icon`\nbeside a text region of `Callout.Title` / `Callout.Description`. `maxWidth`\ncaps the banner so it reads as a block region rather than stretching full\ncontainer width. A persistent element in the content flow — not a transient\nToast, not a modal Alert Dialog.",
+      "props": [
+        {
+          "name": "maxWidth",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"full\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"info\"\n| \"positive\"\n| \"warning\"\n| \"negative\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+          "defaultValue": "info",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Callout.Description",
+        "description": "Callout.Description — the message body, set in the editorial (grotesk) body voice.",
+        "props": []
+      },
+      {
+        "name": "Callout.Icon",
+        "description": "Callout.Icon — the leading status glyph. With no children it renders the\nvariant's default lucide icon; pass a custom icon as children to override.\n`aria-hidden` (the variant is conveyed by copy, not the glyph) and inherits\nthe status colour via `currentColor`.",
+        "props": []
+      },
+      {
+        "name": "Callout.Title",
+        "description": "Callout.Title — an optional short heading, set in the semi-mono UPPERCASE technical voice.",
+        "props": []
+      }
+    ]
+  },
+  "card": {
+    "root": {
+      "name": "Card.Root",
+      "description": "Card.Root — a surface container composed of slots: an optional `Card.Image`\n(bleeds edge-to-edge, no padding), then `Card.Header` / `Card.Content` /\n`Card.Footer`. `density` sets one scale that drives both each slot's padding\nand the gap between slots. `variant` picks the look — neutral tonal surfaces\n(`main`/`support`/`minor`) carry a hairline border; coloured intent fills\n(`primary`/`brand`) flip to contrast text and drop the border. `shadow` and\n`radius` layer on top. Also called a panel, tile, or paper.\n\nThe image is always the first entry in the stack, so `orientation` just\nswitches the stack between a column and a row without reordering slots.\n\nThe ImFusion brand ships flat (`shadow=\"none\"`), but the shadow scale is a\nfirst-class opt-in axis for third-party consumers. `shadow` picks the elevation\nlevel only — how hard or spread that shadow reads is a global lighting decision,\nowned by the `--imf-ui-shadow-hardness` / `--imf-ui-shadow-spread` tokens.",
+      "props": [
+        {
+          "name": "density",
+          "required": false,
+          "type": "\"compact\" | \"comfortable\" | \"spacious\" | null",
+          "defaultValue": "comfortable",
+          "description": ""
+        },
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "\"vertical\" | \"horizontal\" | null",
+          "defaultValue": "vertical",
+          "description": ""
+        },
+        {
+          "name": "radius",
+          "required": false,
+          "type": "\"brand\" | \"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "brand",
+          "description": ""
+        },
+        {
+          "name": "shadow",
+          "required": false,
+          "type": "\"none\" | \"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "lg",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"primary\"\n| \"brand\"\n| null",
+          "defaultValue": "main",
+          "description": ""
+        },
+        {
+          "name": "withBorder",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Card.Content",
+        "description": "Card.Content — the padded main body of the card.",
+        "props": []
+      },
+      {
+        "name": "Card.Footer",
+        "description": "Card.Footer — the padded action region at the bottom. Its background inherits\nthe card fill by default; override `background` in `style` for a distinct\naction bar.",
+        "props": []
+      },
+      {
+        "name": "Card.Header",
+        "description": "Card.Header — the padded title region at the top of the card body.",
+        "props": []
+      },
+      {
+        "name": "Card.Image",
+        "description": "Card.Image — an edge-to-edge media slot. Has no padding, so the image bleeds\nto the card edges. Always place it first among the slots.",
+        "props": []
+      }
+    ]
+  },
+  "checkbox": {
+    "root": {
+      "name": "Checkbox.Root",
+      "description": "Checkbox.Root — binary form control; renders a `<span>` plus a hidden `<input>`.",
+      "props": [
+        {
+          "name": "checked",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: CheckboxRootState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "indeterminate",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "inputRef",
+          "required": false,
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "onCheckedChange",
+          "required": false,
+          "type": "(\n  checked: boolean,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "parent",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "readOnly",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CheckboxRootState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "required",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: CheckboxRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "uncheckedValue",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Checkbox.Indicator",
+        "description": "Checkbox.Indicator — shows the checked / indeterminate mark. Ships brand\nicons by default (check, and a minus while `indeterminate`); pass children\nto replace them.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: CheckboxIndicatorState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CheckboxIndicatorState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: CheckboxIndicatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "chip": {
+    "root": {
+      "name": "Chip",
+      "description": "Chip — compact inline label for status or category.\nNot based on any upstream component.",
+      "props": [
+        {
+          "name": "appearance",
+          "required": false,
+          "type": "\"outline\" | \"solid\" | \"subtle\" | null",
+          "defaultValue": "outline",
+          "description": ""
+        },
+        {
+          "name": "inline",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+          "defaultValue": "minor",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "chip-link": {
+    "root": {
+      "name": "ChipLink",
+      "description": "ChipLink — anchor styled as a Chip. Reuses Chip's shared variants so the\nvariant and appearance axes stay aligned, and auto-appends a directional icon\n(Lucide `ArrowUpRight` for external, `ArrowRight` for internal).",
+      "props": [
+        {
+          "name": "appearance",
+          "required": false,
+          "type": "\"outline\" | \"solid\" | \"subtle\" | null",
+          "defaultValue": "subtle",
+          "description": ""
+        },
+        {
+          "name": "inline",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "kind",
+          "required": false,
+          "type": "ChipLinkKind",
+          "defaultValue": "external",
+          "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+          "defaultValue": "info",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "code": {
+    "root": {
+      "name": "Code",
+      "description": "",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "Code.Block",
+        "description": "Code.Block — a fenced code block on a flat brand surface, with an optional\nchamfered language notch (top-left) and a copy button (top-right). The\nsurface follows the global corner-radius token when a preset opts in.\nDumb: styling only — syntax coloring arrives pre-rendered through the\n`highlighted` slot (the code-highlight integration supplies it). Children\nmust be a string so the copy button has clean text to copy.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The code to display, as a raw string — also the value copied by the copy button."
+          },
+          {
+            "name": "hideCopy",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Hide the copy button."
+          },
+          {
+            "name": "highlighted",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Pre-rendered display content (e.g. syntax-highlighted tokens) shown in place of `children`, which stays the copied value. The code-highlight integration fills this slot."
+          },
+          {
+            "name": "language",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Language label shown in the corner notch. Omit to hide the notch."
+          }
+        ]
+      },
+      {
+        "name": "Code.Inline",
+        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. Dumb: styling only — syntax coloring arrives pre-rendered through the\n`highlighted` slot (the code-highlight integration supplies it). `Typo.InlineCode`\nrenders this under the hood so inline-code chrome is defined in one place.\nChildren must be a string so an opted-in copy button has clean text to copy.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The inline code, as a raw string — also the value copied when `copyable`."
+          },
+          {
+            "name": "copyable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show a small copy button on the right, behind a hairline separator."
+          },
+          {
+            "name": "highlighted",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Pre-rendered display content (e.g. syntax-highlighted tokens) shown in place of `children`, which stays the copied value. The code-highlight integration fills this slot."
+          }
+        ]
+      },
+      {
+        "name": "Code.InlineLink",
+        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with a directional arrow behind the separator instead of a copy button.\nSibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a\ncopy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor\nis the chip root, trailing icon nudges on hover, `data-kind` picks the icon).",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The link text, as a raw string, rendered as a code fragment."
+          },
+          {
+            "name": "kind",
+            "required": false,
+            "type": "CodeInlineLinkKind",
+            "defaultValue": "external",
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+          }
+        ]
+      }
+    ]
+  },
+  "collapsible": {
+    "root": {
+      "name": "Collapsible.Root",
+      "description": "Collapsible.Root — container that manages open/closed state for a trigger–panel pair.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "| string\n| ((state: CollapsibleRootState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "defaultOpen",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "onOpenChange",
+          "required": false,
+          "type": "(\n  open: boolean,\n  eventDetails: CollapsibleRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "open",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsibleRootState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: CollapsibleRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"default\" | \"solid\" | null",
+          "defaultValue": "default",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Collapsible.Panel",
+        "description": "Collapsible.Panel — region that expands and collapses when the trigger is activated.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: CollapsiblePanelState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "hiddenUntilFound",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsiblePanelState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: CollapsiblePanelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Collapsible.Trigger",
+        "description": "Collapsible.Trigger — button that toggles the panel open and closed.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: CollapsibleTriggerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsibleTriggerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: CollapsibleTriggerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "copy-button": {
+    "root": {
+      "name": "CopyButton",
+      "description": "CopyButton — a Button that copies `value` to the clipboard and shows a\ntransient confirmation (Copy → Check). Composes Button rather than rendering\nits own element, so all Button variants and native attributes pass through.",
+      "props": [
+        {
+          "name": "chamfer",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ButtonState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "copiedLabel",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Copied",
+          "description": "Accessible label shown briefly after a successful copy."
+        },
+        {
+          "name": "endIcon",
+          "required": false,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Trailing slot — typically an icon. When present, the label aligns left and the icon pins right."
+        },
+        {
+          "name": "focusableWhenDisabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "label",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Copy",
+          "description": "Accessible label in the idle state."
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "radius",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"none\" | \"round\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
+          "defaultValue": "sm",
+          "description": ""
+        },
+        {
+          "name": "startIcon",
+          "required": false,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Leading slot — typically a label. When present, the label aligns right and the icon pins left."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| \"outline\"\n| \"ghost\"\n| null",
+          "defaultValue": "secondary",
+          "description": "Variant to use for the button."
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "drawer": {
+    "root": {
+      "name": "Drawer.Root",
+      "description": "Drawer.Root — container that manages open/closed state and gesture interaction.",
+      "props": [
+        {
+          "name": "borderColor",
+          "required": false,
+          "type": "BorderColor",
+          "defaultValue": "primary",
+          "description": "Colour of the border on the panel's open edge. Inherited by Drawer.Popup;\na Popup-level prop overrides it."
+        },
+        {
+          "name": "borderStyle",
+          "required": false,
+          "type": "BorderStyle",
+          "defaultValue": "solid",
+          "description": "Stroke style of the border on the panel's open edge. Inherited by\nDrawer.Popup; a Popup-level prop overrides it."
+        },
+        {
+          "name": "defaultOpen",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "disablePointerDismissal",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "modal",
+          "required": false,
+          "type": "boolean | \"trap-focus\"",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "onOpenChange",
+          "required": false,
+          "type": "(\n  open: boolean,\n  eventDetails: DrawerRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onOpenChangeComplete",
+          "required": false,
+          "type": "(open: boolean) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onSnapPointChange",
+          "required": false,
+          "type": "(\n  snapPoint: DrawerSnapPoint | null,\n  eventDetails: DrawerRootSnapPointChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "open",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "snapPoint",
+          "required": false,
+          "type": "DrawerSnapPoint | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "snapPoints",
+          "required": false,
+          "type": "DrawerSnapPoint[]",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "snapToSequentialPoints",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "swipeDirection",
+          "required": false,
+          "type": "SwipeDirection",
+          "defaultValue": "'down'",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Drawer.Backdrop",
+        "description": "Drawer.Backdrop — semi-transparent overlay that dims the page content behind the drawer.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerBackdropState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerBackdropState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Close",
+        "description": "Drawer.Close — button that closes the drawer.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerCloseState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerCloseState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Content",
+        "description": "Drawer.Content — scrollable content wrapper inside the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerContentState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerContentState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Description",
+        "description": "Drawer.Description — supplementary paragraph describing the drawer's purpose for screen readers.",
+        "props": [
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerDescriptionState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Indent",
+        "description": "Drawer.Indent — wraps app content that scales and lifts when a drawer opens. Receives `data-active` from Base UI; use `--drawer-swipe-progress` in CSS to drive the animation.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerIndentState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerIndentState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.IndentBackground",
+        "description": "Drawer.IndentBackground — background layer placed behind Drawer.Indent. Styled to reveal a dark surface as the app content scales away.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: DrawerIndentBackgroundState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    DrawerIndentBackgroundState\n  >",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Popup",
+        "description": "Drawer.Popup — the visible panel surface. Positioning is driven automatically by the nearest Drawer.Root's swipeDirection.",
+        "props": [
+          {
+            "name": "borderColor",
+            "required": false,
+            "type": "BorderColor",
+            "defaultValue": null,
+            "description": "Colour of the border on the open edge. Overrides the value inherited from\nDrawer.Root; defaults to it when unset."
+          },
+          {
+            "name": "borderStyle",
+            "required": false,
+            "type": "BorderStyle",
+            "defaultValue": null,
+            "description": "Stroke style of the border on the open edge. Overrides the value inherited\nfrom Drawer.Root; defaults to it when unset."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerPopupState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "finalFocus",
+            "required": false,
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "initialFocus",
+            "required": false,
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerPopupState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Portal",
+        "description": "Drawer.Portal — renders backdrop and popup in a portal outside the main document flow.",
+        "props": [
+          {
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Provider",
+        "description": "Drawer.Provider — shared context for coordinating indent/background effects across multiple drawers. Required ancestor for Drawer.Indent and Drawer.IndentBackground.",
+        "props": []
+      },
+      {
+        "name": "Drawer.SwipeArea",
+        "description": "Drawer.SwipeArea — invisible fixed region that listens for swipe gestures to open the drawer. Position and size it at the screen edge relevant to the swipeDirection.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: DrawerSwipeAreaState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerSwipeAreaState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "swipeDirection",
+            "required": false,
+            "type": "SwipeDirection",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Title",
+        "description": "Drawer.Title — semantic heading for the drawer for screen readers.",
+        "props": [
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerTitleState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Trigger",
+        "description": "Drawer.Trigger — button that opens the drawer.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerTriggerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerTriggerState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Viewport",
+        "description": "Drawer.Viewport — full-screen container that positions the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerViewportState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerViewportState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "input": {
+    "root": {
+      "name": "Input",
+      "description": "Single-line text input. Also called a text field or input field.\nWraps Base UI Input for controlled/uncontrolled state, form integration,\nand Field context awareness (valid/invalid/dirty/touched/filled/focused).",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: InputState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  value: string,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, InputState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: InputState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"outline\" | \"filled\" | \"ghost\" | null",
+          "defaultValue": "outline",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "logo": {
+    "root": {
+      "name": "Logo",
+      "description": "",
+      "props": [
+        {
+          "name": "alt",
+          "required": true,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "height",
+          "required": false,
+          "type": "string | number",
+          "defaultValue": null,
+          "description": "Explicit height — overrides `size` variant when set."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "| \"xs\"\n| \"sm\"\n| \"md\"\n| \"lg\"\n| \"xl\"\n| \"hero\"\n| \"fit\"\n| null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "src",
+          "required": true,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Logo source — an image URL or an inline SVG node. Required; this primitive carries no brand default (see `ImFusionLogo` for our own mark)."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| null",
+          "defaultValue": "brand",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "navigation-menu": {
+    "root": {
+      "name": "NavigationMenu.Root",
+      "description": "NavigationMenu.Root — groups all parts and manages which item is open.\nRenders a `<nav>`.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "| string\n| ((state: NavigationMenuRootState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "Orientation",
+          "defaultValue": "horizontal",
+          "description": "Layout of the menu. `horizontal` is a top nav bar; `vertical` stacks the\nwhole menu into a side rail with flyouts opening to the side."
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuRootState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: NavigationMenuRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "NavigationMenu.Arrow",
+        "description": "NavigationMenu.Arrow — a pointer anchored to the popup edge. Receives data-side for orientation. Renders a `<div>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuArrowState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuArrowState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Backdrop",
+        "description": "NavigationMenu.Backdrop — overlay beneath the popup. Receives data-open/data-closed for transitions. Renders a `<div>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuBackdropState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    NavigationMenuBackdropState\n  >",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Content",
+        "description": "NavigationMenu.Content — an item's flyout body; moved into the shared Popup when active. Renders a `<div>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuContentState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    NavigationMenuContentState\n  >",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.FlyoutLink",
+        "description": "NavigationMenu.FlyoutLink — a quiet text link inside a flyout `Content`, the\nlightweight alternative to a `LinkCard` when a card is too heavy. Renders an\n`<a>`. A trailing `ArrowRight` slides in on hover/focus and the label nudges to\nmeet it; the current page is marked in primary. When a custom `render` is\nsupplied the icon is omitted — the consumer's element owns its content.",
+        "props": [
+          {
+            "name": "active",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks the link as the current page — renders it in full primary colour."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuLinkState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "closeOnClick",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuLinkState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Icon",
+        "description": "NavigationMenu.Icon — a chevron/marker that rotates when its trigger is open. Renders a `<span>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuIconState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuIconState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.InlineSubmenu",
+        "description": "NavigationMenu.InlineSubmenu — a master/detail submenu that stays inside one\nflyout: a category rail beside (or, on narrow viewports, above) its detail.\n\nA curated partial over the namespace's own primitives (a nested vertical\n`Root` without a `Portal`, plus the rail/detail layout). Drop it directly\ninside a `NavigationMenu.Content`. It bakes in Base UI's viewport\nresponsiveness: the nested Root flips `orientation` at `md` via `useMediaQuery`\nand the CSS flips the rail from a horizontal tab strip to a side rail at the\nsame breakpoint — no work for the consumer, no container queries.",
+        "props": [
+          {
+            "name": "defaultValue",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Which category is open initially (uncontrolled)."
+          },
+          {
+            "name": "items",
+            "required": true,
+            "type": "readonly InlineSubmenuItem[]",
+            "defaultValue": null,
+            "description": "The categories: each is a rail entry with its detail pane."
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.InlineSubmenuItem",
+        "description": "One category in an `InlineSubmenu` — a rail entry plus its detail pane.",
+        "props": []
+      },
+      {
+        "name": "NavigationMenu.Item",
+        "description": "NavigationMenu.Item — a single item in the list. Renders a `<li>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuItemState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuItemState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Link",
+        "description": "NavigationMenu.Link — a top-strip (rail) link: a peer of `Trigger` for a\nsection that navigates directly instead of opening a flyout. Renders an `<a>`.\nFor a link inside a flyout, use `NavigationMenu.FlyoutLink`.\n\nA trailing `ArrowRight` slides in on hover/focus. When a custom `render` is\nsupplied the icon is omitted — the consumer's element owns its content.",
+        "props": [
+          {
+            "name": "active",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks the link as the current page — renders it in full primary colour."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuLinkState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "closeOnClick",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuLinkState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.LinkCard",
+        "description": "NavigationMenu.LinkCard — a rich flyout entry (optional image + title +\ndescription) for the bigger menus. Built on the `Card` primitive (like\n`ChipLink` is built on `Chip`): it composes `Card.Root`/`Image`/`Header`/\n`Content` for the surface and layout, and adds the nav-specific state — a\nthick primary bar along the card's bottom edge on hover and when active. Use\nwhere a plain `NavigationMenu.FlyoutLink` is too sparse.",
+        "props": [
+          {
+            "name": "active",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks the card as the current page."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuLinkState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "closeOnClick",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "description",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Supporting line beneath the title."
+          },
+          {
+            "name": "image",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Optional media — renders an edge-to-edge image above the text."
+          },
+          {
+            "name": "imageAlt",
+            "required": false,
+            "type": "string",
+            "defaultValue": "",
+            "description": "Alt text for `image`."
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuLinkState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "title",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Card heading — the link label."
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.LinkList",
+        "description": "NavigationMenu.LinkList — a reset `<ul>` that lays out a flyout's `LinkCard`s\n(a responsive two-column grid that collapses to one column on narrow flyouts).\nOwns the flyout list layout so consumers wrap each card in an `<li>` and add no\nlayout styling of their own. Renders a `<ul>`.",
+        "props": []
+      },
+      {
+        "name": "NavigationMenu.List",
+        "description": "NavigationMenu.List — the strip of items. Renders a `<ul>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuListState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuListState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Popup",
+        "description": "NavigationMenu.Popup — the shared flyout surface holding the active Content. Renders a `<nav>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuPopupState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NavigationMenuPopupState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Portal",
+        "description": "NavigationMenu.Portal — renders the positioner outside the main document flow.",
+        "props": [
+          {
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Positioner",
+        "description": "NavigationMenu.Positioner — anchors the popup to the active trigger.\nDefaults to `align=\"start\"` (DESIGN.md §5) so the flyout reads as anchored to\nthe trigger edge rather than centered. Renders a `<div>`.",
+        "props": [
+          {
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "start",
+            "description": ""
+          },
+          {
+            "name": "alignOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "anchor",
+            "required": false,
+            "type": "| Element\n| VirtualElement\n| RefObject<Element | null>\n| (() => Element | VirtualElement | null)\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "arrowPadding",
+            "required": false,
+            "type": "number",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuPositionerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionAvoidance",
+            "required": false,
+            "type": "CollisionAvoidance",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionBoundary",
+            "required": false,
+            "type": "Boundary",
+            "defaultValue": "'clipping-ancestors'",
+            "description": ""
+          },
+          {
+            "name": "collisionPadding",
+            "required": false,
+            "type": "Padding",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "disableAnchorTracking",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "positionMethod",
+            "required": false,
+            "type": "\"absolute\" | \"fixed\"",
+            "defaultValue": "'absolute'",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    NavigationMenuPositionerState\n  >",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "'bottom'",
+            "description": ""
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "sticky",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Trigger",
+        "description": "NavigationMenu.Trigger — opens an item's flyout on hover or click. Renders a\n`<button>`. Ships a built-in `ChevronDown` (rotates when open) so consumers\ndon't hand-author an indicator; pass `hideChevron` to supply a custom `Icon`,\nand `nested` when the trigger opens a submenu from inside another flyout.",
+        "props": [
+          {
+            "name": "active",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks this section as the current page so it shows the active treatment even\nwhen its flyout is closed — the \"active trail\" anchor for a nav where the\nopen section isn't the current one. Base UI's Trigger has no active state of\nits own, so this stamps `data-active`."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuTriggerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "hideChevron",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Suppresses the built-in chevron. Use when supplying a custom `Icon` (e.g. a\n`ChevronRight` for a side-opening nested trigger)."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "nested",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks a trigger that lives inside a flyout (a nested submenu opener) so it\nsizes to its label instead of filling the row like a top-strip trigger."
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    NavigationMenuTriggerState\n  >",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NavigationMenu.Viewport",
+        "description": "NavigationMenu.Viewport — clips the current content for direction-aware transitions. Renders a `<div>`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NavigationMenuViewportState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    NavigationMenuViewportState\n  >",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "popover": {
+    "root": {
+      "name": "Popover.Root",
+      "description": "Popover.Root — container that manages open/closed state and positioning context.",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "Popover.Arrow",
+        "description": "Popover.Arrow — visual pointer arrow anchored to the popup edge. Receives data-side for orientation.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverArrowState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverArrowState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Backdrop",
+        "description": "Popover.Backdrop — overlay beneath the popover. Receives data-open/data-closed for transitions.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: PopoverBackdropState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverBackdropState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Close",
+        "description": "Popover.Close — button that dismisses the popover.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverCloseState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverCloseState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Description",
+        "description": "Popover.Description — supplementary paragraph for the popover's accessible description.",
+        "props": [
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverDescriptionState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Eyebrow",
+        "description": "Popover.Eyebrow — small uppercase label above Title, for a category or kicker (e.g. \"Glossary definition\").",
+        "props": []
+      },
+      {
+        "name": "Popover.Inline",
+        "description": "Popover.Inline — pre-composed inline annotation. Wraps the full\nRoot → Trigger(inline, openOnHover) → Portal → Positioner → Popup\npattern into a single component for annotating terms in running prose.",
+        "props": [
+          {
+            "name": "children",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Description or body content inside the popup."
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "150",
+            "description": "Hover delay in ms before the popover opens."
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "top",
+            "description": "Which side of the trigger the popup appears on."
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number",
+            "defaultValue": "6",
+            "description": "Gap between trigger and popup in px."
+          },
+          {
+            "name": "title",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Optional heading shown at the top of the popup."
+          },
+          {
+            "name": "trigger",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "The annotated text rendered as the trigger."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Popup",
+        "description": "Popover.Popup — the visible surface of the popover. Token-mapped background, border, and shadow.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverPopupState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPopupState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"ghost\"\n| \"outline\"\n| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"",
+            "defaultValue": null,
+            "description": "Match to the Trigger variant to tint the popup border accordingly."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Portal",
+        "description": "Popover.Portal — renders the positioner in a portal outside the main document flow.",
+        "props": [
+          {
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Positioner",
+        "description": "Popover.Positioner — positions the popup relative to the trigger via floating-point layout.",
+        "props": [
+          {
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "'center'",
+            "description": ""
+          },
+          {
+            "name": "alignOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "anchor",
+            "required": false,
+            "type": "| Element\n| VirtualElement\n| RefObject<Element | null>\n| (() => Element | VirtualElement | null)\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "arrowPadding",
+            "required": false,
+            "type": "number",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: PopoverPositionerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionAvoidance",
+            "required": false,
+            "type": "CollisionAvoidance",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionBoundary",
+            "required": false,
+            "type": "Boundary",
+            "defaultValue": "'clipping-ancestors'",
+            "description": ""
+          },
+          {
+            "name": "collisionPadding",
+            "required": false,
+            "type": "Padding",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "disableAnchorTracking",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPositionerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "'bottom'",
+            "description": ""
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "sticky",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Title",
+        "description": "Popover.Title — semantic heading for the popover's accessible name.",
+        "props": [
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverTitleState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Trigger",
+        "description": "Popover.Trigger — button that opens the popover.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverTriggerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "closeDelay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "300",
+            "description": ""
+          },
+          {
+            "name": "handle",
+            "required": false,
+            "type": "PopoverHandle<unknown>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "inline",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "openOnHover",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "payload",
+            "required": false,
+            "type": "unknown",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverTriggerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"ghost\"\n| \"outline\"\n| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"",
+            "defaultValue": "ghost",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Popover.Viewport",
+        "description": "Popover.Viewport — content wrapper that supports direction-aware animations.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: PopoverViewportState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverViewportState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "row": {
+    "root": {
+      "name": "Row",
+      "description": "Row — horizontal layout primitive.\n\nCopied and adapted from Mantine's Group; no upstream runtime\ndependency. Pure row flex container with token-driven gap and constrained\nalign/justify unions.",
+      "props": [
+        {
+          "name": "align",
+          "required": false,
+          "type": "\"start\" | \"center\" | \"end\" | \"stretch\"",
+          "defaultValue": "stretch",
+          "description": "Cross-axis alignment. Sets both `align-items` (item alignment within a\nrow) and `align-content` (row distribution when `wrap` is on). `\"stretch\"`\nkeeps rows packed together via `align-content: flex-start` while items\nfill their row height."
+        },
+        {
+          "name": "gap",
+          "required": false,
+          "type": "| \"1\"\n| \"2\"\n| \"3\"\n| \"4\"\n| \"5\"\n| \"6\"\n| \"7\"\n| \"8\"\n| \"9\"\n| \"10\"\n| null",
+          "defaultValue": "2",
+          "description": ""
+        },
+        {
+          "name": "justify",
+          "required": false,
+          "type": "| \"start\"\n| \"center\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
+          "defaultValue": "start",
+          "description": ""
+        },
+        {
+          "name": "wrap",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": "false",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "select": {
+    "root": {
+      "name": "Select.Root",
+      "description": "Select.Root — accessible select / listbox primitive.\n\nRenders a thin wrapper div so that a sibling Select.Label stacks above the\nSelect.Trigger regardless of the parent's layout. Select.Portal is unaffected\n(it renders to document.body).",
+      "props": [
+        {
+          "name": "actionsRef",
+          "required": false,
+          "type": "RefObject<SelectRootActions | null>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "autoComplete",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "defaultOpen",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "unknown",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "highlightItemOnHover",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "id",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "inputRef",
+          "required": false,
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "isItemEqualToValue",
+          "required": false,
+          "type": "(itemValue: unknown, value: unknown) => boolean",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "items",
+          "required": false,
+          "type": "| Record<string, ReactNode>\n| readonly { label: ReactNode; value: any }[]\n| readonly Group<any>[]",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "itemToStringLabel",
+          "required": false,
+          "type": "(itemValue: unknown) => string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "itemToStringValue",
+          "required": false,
+          "type": "(itemValue: unknown) => string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "modal",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "multiple",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onOpenChange",
+          "required": false,
+          "type": "(\n  open: boolean,\n  eventDetails: SelectRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onOpenChangeComplete",
+          "required": false,
+          "type": "(open: boolean) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  value: unknown,\n  eventDetails: SelectRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "open",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "readOnly",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "required",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "CSSProperties",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "unknown",
+          "defaultValue": null,
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Select.Arrow",
+        "description": "Select.Arrow — pointer arrow attached to the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectArrowState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectArrowState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectArrowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Backdrop",
+        "description": "Select.Backdrop — overlay behind the popup (visible only in modal mode).",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectBackdropState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectBackdropState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectBackdropState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Group",
+        "description": "Select.Group — wrapper around a grouped set of items.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectGroupState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectGroupState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectGroupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.GroupLabel",
+        "description": "Select.GroupLabel — heading for a Select.Group.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: SelectGroupLabelState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectGroupLabelState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectGroupLabelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Icon",
+        "description": "Select.Icon — visual indicator (chevron) next to the value.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectIconState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectIconState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectIconState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Item",
+        "description": "Select.Item — individual selectable option.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectItemState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectItemState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectItemState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "value",
+            "required": true,
+            "type": "any",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.ItemIndicator",
+        "description": "Select.ItemIndicator — visual marker (e.g. checkmark) inside the selected item.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: SelectItemIndicatorState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectItemIndicatorState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectItemIndicatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.ItemText",
+        "description": "Select.ItemText — text label for an item.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectItemTextState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectItemTextState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectItemTextState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Label",
+        "description": "Select.Label — visible label for the trigger.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldRootState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, FieldRootState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: FieldRootState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.List",
+        "description": "Select.List — items container.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectListState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectListState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectListState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Popup",
+        "description": "Select.Popup — dropdown surface.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectPopupState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectPopupState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectPopupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Portal",
+        "description": "Select.Portal — portals the popup tree to document.body (or a custom container).",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectPortalState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectPortalState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectPortalState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Positioner",
+        "description": "Select.Positioner — positions the popup relative to the trigger.",
+        "props": [
+          {
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "start",
+            "description": ""
+          },
+          {
+            "name": "alignItemWithTrigger",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "alignOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: SelectPositionerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionAvoidance",
+            "required": false,
+            "type": "CollisionAvoidance",
+            "defaultValue": "{ fallbackAxisSide: 'none' }",
+            "description": ""
+          },
+          {
+            "name": "collisionBoundary",
+            "required": false,
+            "type": "Boundary",
+            "defaultValue": "'clipping-ancestors'",
+            "description": ""
+          },
+          {
+            "name": "collisionPadding",
+            "required": false,
+            "type": "Padding",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "disableAnchorTracking",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectPositionerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "bottom",
+            "description": ""
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectPositionerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.ScrollDownArrow",
+        "description": "Select.ScrollDownArrow — indicator that more items exist below.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: SelectScrollDownArrowState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    SelectScrollDownArrowState\n  >",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectScrollDownArrowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.ScrollUpArrow",
+        "description": "Select.ScrollUpArrow — indicator that more items exist above.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: SelectScrollUpArrowState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectScrollUpArrowState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectScrollUpArrowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Separator",
+        "description": "Select.Separator — thin divider between items.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SeparatorState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SeparatorState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SeparatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Trigger",
+        "description": "Select.Trigger — button that opens the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectTriggerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectTriggerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectTriggerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Select.Value",
+        "description": "Select.Value — renders the currently-selected value (or placeholder).",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SelectValueState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "placeholder",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SelectValueState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SelectValueState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "separator": {
+    "root": {
+      "name": "Separator",
+      "description": "Separator — visual divider between content sections.",
+      "props": [
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "\"horizontal\" | \"vertical\"",
+          "defaultValue": "horizontal",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"solid\" | \"dashed\" | \"dotted\" | null",
+          "defaultValue": "solid",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "slider": {
+    "root": {
+      "name": "Slider.Root",
+      "description": "Slider.Root — value selector along a continuous or stepped track.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: SliderRootState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "number | number[]",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "format",
+          "required": false,
+          "type": "NumberFormatOptions",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "largeStep",
+          "required": false,
+          "type": "number",
+          "defaultValue": "10",
+          "description": ""
+        },
+        {
+          "name": "locale",
+          "required": false,
+          "type": "LocalesArgument",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "max",
+          "required": false,
+          "type": "number",
+          "defaultValue": "100",
+          "description": ""
+        },
+        {
+          "name": "min",
+          "required": false,
+          "type": "number",
+          "defaultValue": "0",
+          "description": ""
+        },
+        {
+          "name": "minStepsBetweenValues",
+          "required": false,
+          "type": "number",
+          "defaultValue": "0",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  value: number | readonly number[],\n  eventDetails: SliderRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "onValueCommitted",
+          "required": false,
+          "type": "(\n  value: number | readonly number[],\n  eventDetails: SliderRootCommitEventDetails\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "\"horizontal\" | \"vertical\"",
+          "defaultValue": "horizontal",
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderRootState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "step",
+          "required": false,
+          "type": "number",
+          "defaultValue": "1",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: SliderRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "thumbAlignment",
+          "required": false,
+          "type": "\"center\" | \"edge\" | \"edge-client-only\"",
+          "defaultValue": "edge",
+          "description": ""
+        },
+        {
+          "name": "thumbCollisionBehavior",
+          "required": false,
+          "type": "\"none\" | \"push\" | \"swap\"",
+          "defaultValue": "push",
+          "description": ""
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "number | number[]",
+          "defaultValue": null,
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Slider.Control",
+        "description": "Slider.Control — interactive container for track + thumb.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SliderControlState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderControlState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SliderControlState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Slider.Indicator",
+        "description": "Slider.Indicator — filled portion of the track.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: SliderIndicatorState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderIndicatorState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SliderIndicatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Slider.Label",
+        "description": "Slider.Label — accessible label for the slider.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SliderRootState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderRootState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SliderRootState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Slider.Thumb",
+        "description": "Slider.Thumb — draggable handle.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SliderThumbState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "getAriaLabel",
+            "required": false,
+            "type": "((index: number) => string) | null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "getAriaValueText",
+            "required": false,
+            "type": "| ((\n    formattedValue: string,\n    value: number,\n    index: number\n  ) => string)\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "index",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "inputRef",
+            "required": false,
+            "type": "Ref<HTMLInputElement>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "onBlur",
+            "required": false,
+            "type": "FocusEventHandler<HTMLInputElement>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "onFocus",
+            "required": false,
+            "type": "FocusEventHandler<HTMLInputElement>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderThumbState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SliderThumbState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Slider.Track",
+        "description": "Slider.Track — the static rail.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SliderTrackState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderTrackState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SliderTrackState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Slider.Value",
+        "description": "Slider.Value — live numeric readout.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SliderValueState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SliderValueState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SliderValueState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "spinner": {
+    "root": {
+      "name": "Spinner",
+      "description": "Loading indicator built from the animated ImFusion glyph — two filled bands\nand an empty diagonal channel that continuously rotates, breathes, and sways.\n\nThe motion is a live per-frame morph of the two paths (the channel geometry is\nrecomputed each frame in {@link frameGeometry}), driven by a single\n`requestAnimationFrame` loop that rewrites the two `d` attributes directly —\nno React re-render per frame. The loop pauses while the tab is hidden.",
+      "props": [
+        {
+          "name": "label",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Loading",
+          "description": "Accessible label announced by assistive tech."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "md",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "stack": {
+    "root": {
+      "name": "Stack",
+      "description": "Stack — vertical layout primitive.\n\nCopied and adapted from Mantine's Stack; no upstream runtime\ndependency. Pure column flex container with token-driven gap and constrained\nalign/justify unions.",
+      "props": [
+        {
+          "name": "align",
+          "required": false,
+          "type": "\"start\" | \"center\" | \"end\" | \"stretch\" | null",
+          "defaultValue": "stretch",
+          "description": ""
+        },
+        {
+          "name": "gap",
+          "required": false,
+          "type": "| \"1\"\n| \"2\"\n| \"3\"\n| \"4\"\n| \"5\"\n| \"6\"\n| \"7\"\n| \"8\"\n| \"9\"\n| \"10\"\n| null",
+          "defaultValue": "4",
+          "description": ""
+        },
+        {
+          "name": "justify",
+          "required": false,
+          "type": "| \"start\"\n| \"center\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
+          "defaultValue": "start",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "switch": {
+    "root": {
+      "name": "Switch.Root",
+      "description": "Switch.Root — toggleable on/off control.",
+      "props": [
+        {
+          "name": "checked",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: SwitchRootState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "inputRef",
+          "required": false,
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "onCheckedChange",
+          "required": false,
+          "type": "(\n  checked: boolean,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "readOnly",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SwitchRootState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "required",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: SwitchRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "uncheckedValue",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Switch.Thumb",
+        "description": "Switch.Thumb — the movable indicator inside the track.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SwitchThumbState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SwitchThumbState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: SwitchThumbState) => CSSProperties)",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "table": {
+    "root": {
+      "name": "Table.Root",
+      "description": "Table.Root — the `<table>` element.",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "Table.Body",
+        "description": "Table.Body — the `<tbody>` section.",
+        "props": []
+      },
+      {
+        "name": "Table.Cell",
+        "description": "Table.Cell — a `<td>` data cell.",
+        "props": []
+      },
+      {
+        "name": "Table.Header",
+        "description": "Table.Header — the `<thead>` section.",
+        "props": []
+      },
+      {
+        "name": "Table.HeaderButton",
+        "description": "Table.HeaderButton — inline action button for header cells. Generic by\ndesign: sorting toggles, filter toggles, column menus all render through it\nrather than each inventing a button. Icon/indicator goes in `children`.",
+        "props": []
+      },
+      {
+        "name": "Table.HeaderCell",
+        "description": "Table.HeaderCell — a `<th>` header cell.",
+        "props": []
+      },
+      {
+        "name": "Table.Row",
+        "description": "Table.Row — a `<tr>` in header or body.",
+        "props": []
+      },
+      {
+        "name": "Table.SortableHeaderCell",
+        "description": "Table.SortableHeaderCell — a partial: a header cell whose label is a sort\ntoggle, pre-composing HeaderCell + HeaderButton so the `aria-sort` state and\ndirection indicator don't get re-derived per consumer app. Headless-upstream-\nagnostic: feed it `sortDirection` and `onToggle` (e.g. from a TanStack\ncolumn). Omit `onToggle` and it renders a plain non-sortable header cell.",
+        "props": [
+          {
+            "name": "sortDirection",
+            "required": true,
+            "type": "SortDirection",
+            "defaultValue": null,
+            "description": "Current sort state. `false` renders the affordance in its unsorted rest state."
+          }
+        ]
+      }
+    ]
+  },
+  "tabs": {
+    "root": {
+      "name": "Tabs.Root",
+      "description": "Tabs.Root — container that manages the active tab value and orientation context.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: TabsRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TabsRootState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: TabsRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Tabs.Indicator",
+        "description": "Tabs.Indicator — the bordered box marking the active tab, overlapping the\nshared hairline border to visually fuse the active tab with the panel\nframe beneath it. Positioned via the `--active-tab-*` CSS custom\nproperties Base UI writes onto it; render once per Tabs.List, after the\nTabs.Tab list.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TabsIndicatorState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TabsIndicatorState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "renderBeforeHydration",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tabs.List",
+        "description": "Tabs.List — the strip of Tabs.Tab triggers, plus the sliding Tabs.Indicator.",
+        "props": [
+          {
+            "name": "activateOnFocus",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TabsListState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "fill",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Give every tab an equal share of the list's length (equal width when\nhorizontal). When vertical, this only takes effect if the list is stretched\nto a definite height."
+          },
+          {
+            "name": "loopFocus",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TabsListState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tabs.Panel",
+        "description": "Tabs.Panel — the content shown for a matching Tabs.Tab value.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TabsPanelState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TabsPanelState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "value",
+            "required": true,
+            "type": "any",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tabs.PanelViewport",
+        "description": "Tabs.PanelViewport — the shared frame Tabs.Panel elements render inside.\nNo Base UI equivalent exists (upstream leaves this as a plain wrapper div\nin its own reference); we surface it as a named part since its hairline\nborder is what Tabs.Indicator visually fuses into.",
+        "props": []
+      },
+      {
+        "name": "Tabs.Tab",
+        "description": "Tabs.Tab — a single trigger. Reads `data-active`/`data-disabled` from Base UI for all visual state.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TabsTabState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TabsTabState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "value",
+            "required": true,
+            "type": "any",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "toggle": {
+    "root": {
+      "name": "Toggle",
+      "description": "Toggle - a two-state button. Use standalone for a\nsingle on/off action (bold, mute), or compose several inside a `ToggleGroup`\nto build a segmented control.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ToggleState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "defaultPressed",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "onPressedChange",
+          "required": false,
+          "type": "(\n  pressed: boolean,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "pressed",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": "Whether the toggle is pressed."
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ToggleState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ToggleState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Identifies the toggle within a `ToggleGroup`: the value contributed to the\ngroup's value array. Optional for a standalone toggle."
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "toggle-group": {
+    "root": {
+      "name": "ToggleGroup",
+      "description": "ToggleGroup - a set of connected `Toggle`s sharing one value. Single-select by\ndefault (a segmented control); set `multiple` for multi-select. Compose one\n`Toggle` per segment, each with a `value`.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ToggleGroupState) => string)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "readonly string[]",
+          "defaultValue": null,
+          "description": "Values of the initially pressed items (uncontrolled)."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "loopFocus",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": ""
+        },
+        {
+          "name": "multiple",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": ""
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  groupValue: string[],\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "Orientation",
+          "defaultValue": "horizontal",
+          "description": ""
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ToggleGroupState>",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ToggleGroupState) => CSSProperties)",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "readonly string[]",
+          "defaultValue": null,
+          "description": "Values of the currently pressed items (controlled). Always an array, even in single-select."
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "tooltip": {
+    "root": {
+      "name": "Tooltip.Root",
+      "description": "Tooltip.Root — container that manages open/closed state and positioning context.",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "Tooltip.Arrow",
+        "description": "Tooltip.Arrow — visual pointer arrow anchored to the popup edge. Receives data-side for orientation.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TooltipArrowState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TooltipArrowState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Inline",
+        "description": "Tooltip.Inline — pre-composed inline annotation. Wraps the full\nRoot → Trigger(inline) → Portal → Positioner → Popup pattern into a single\ncomponent for annotating terms in running prose.",
+        "props": [
+          {
+            "name": "children",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Tooltip body content shown in the popup."
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "150",
+            "description": "Hover delay in ms before the tooltip opens."
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "top",
+            "description": "Which side of the trigger the popup appears on."
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number",
+            "defaultValue": "13",
+            "description": "Gap between trigger and popup in px."
+          },
+          {
+            "name": "trigger",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "The annotated text rendered as the trigger."
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Popup",
+        "description": "Tooltip.Popup — the visible label surface. Token-mapped background and border, flat by brand default.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TooltipPopupState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TooltipPopupState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "\"primary\" | \"secondary\" | \"positive\" | \"negative\"",
+            "defaultValue": null,
+            "description": "Match to the Trigger variant to tint the popup border accordingly."
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Portal",
+        "description": "Tooltip.Portal — renders the positioner in a portal outside the main document flow.",
+        "props": [
+          {
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Positioner",
+        "description": "Tooltip.Positioner — positions the popup relative to the trigger via\nfloating-point layout.\n\n`sideOffset` defaults to `--arrow-size` (tooltip.module.css) + 4px — enough\ngap for the arrow to bridge with a few px of breathing room past its tip,\nrather than landing flush on the trigger. Keep the two in sync if either\nchanges.",
+        "props": [
+          {
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "'center'",
+            "description": ""
+          },
+          {
+            "name": "alignOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "anchor",
+            "required": false,
+            "type": "| Element\n| VirtualElement\n| RefObject<Element | null>\n| (() => Element | VirtualElement | null)\n| null",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "arrowPadding",
+            "required": false,
+            "type": "number",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: TooltipPositionerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionAvoidance",
+            "required": false,
+            "type": "CollisionAvoidance",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "collisionBoundary",
+            "required": false,
+            "type": "Boundary",
+            "defaultValue": "'clipping-ancestors'",
+            "description": ""
+          },
+          {
+            "name": "collisionPadding",
+            "required": false,
+            "type": "Padding",
+            "defaultValue": "5",
+            "description": ""
+          },
+          {
+            "name": "disableAnchorTracking",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TooltipPositionerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "'top'",
+            "description": ""
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "13",
+            "description": ""
+          },
+          {
+            "name": "sticky",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Provider",
+        "description": "Tooltip.Provider — shares open/close delay across a group of tooltips so\nmoving between neighbouring triggers feels instant. Renders no DOM element.",
+        "props": [
+          {
+            "name": "closeDelay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "undefined",
+            "description": ""
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "undefined",
+            "description": ""
+          },
+          {
+            "name": "timeout",
+            "required": false,
+            "type": "number",
+            "defaultValue": "400",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Trigger",
+        "description": "Tooltip.Trigger — element that reveals the tooltip on hover or focus.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: TooltipTriggerState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "closeDelay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "0",
+            "description": ""
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "250",
+            "description": "Milliseconds to wait before opening on hover. Defaults to a snappier value\nthan Base UI's 600ms — a deliberate imf default per \"make the correct\nchoice the easy one\". Grouped triggers under a `Tooltip.Provider` open\ninstantly after the first regardless of this value."
+          },
+          {
+            "name": "handle",
+            "required": false,
+            "type": "TooltipHandle<unknown>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "inline",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": ""
+          },
+          {
+            "name": "payload",
+            "required": false,
+            "type": "unknown",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TooltipTriggerState>",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "\"primary\" | \"secondary\" | \"positive\" | \"negative\"",
+            "defaultValue": "secondary",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Tooltip.Viewport",
+        "description": "Tooltip.Viewport — content wrapper that supports direction-aware animations when content swaps.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: TooltipViewportState) => string)",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, TooltipViewportState>",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "typo": {
+    "root": {
+      "name": "Typo",
+      "description": "",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "Typo.Blockquote",
+        "description": "Typo.Blockquote — pulled quotation.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "support",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.Detail",
+        "description": "Typo.Detail — compact UI text, between Small (12px) and P (16px).",
+        "props": [
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.H1",
+        "description": "Typo.H1 — top-level page heading.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.H2",
+        "description": "Typo.H2 — section heading.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.H3",
+        "description": "Typo.H3 — sub-section heading.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.H4",
+        "description": "Typo.H4 — minor heading.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.Highlight",
+        "description": "Typo.Highlight — inline mark/highlight.",
+        "props": [
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "oncolor",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.InlineCode",
+        "description": "Typo.InlineCode — inline code fragment. Thin wrapper over `Code.Inline`, which\nowns the inline-code styling; the rendered `<code>` carries the `Code.Inline`\nidentity. Unlike other Typo members it has no color-`variant` axis — inline\ncode is a fixed neutral chip.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The inline code, as a raw string — also the value copied when `copyable`."
+          },
+          {
+            "name": "copyable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show a small copy button on the right, behind a hairline separator."
+          },
+          {
+            "name": "highlighted",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Pre-rendered display content (e.g. syntax-highlighted tokens) shown in place of `children`, which stays the copied value. The code-highlight integration fills this slot."
+          }
+        ]
+      },
+      {
+        "name": "Typo.Lead",
+        "description": "Typo.Lead — emphasised intro paragraph.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.Link",
+        "description": "Typo.Link — inline anchor. Auto-appends a directional icon (Lucide `ArrowUpRight` for external, `ArrowRight` for internal), mirroring ChipLink's affordance for prose links.",
+        "props": [
+          {
+            "name": "kind",
+            "required": false,
+            "type": "TypoLinkKind",
+            "defaultValue": "external",
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.OrderedList",
+        "description": "Typo.OrderedList — numbered list.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.P",
+        "description": "Typo.P — body paragraph.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.Small",
+        "description": "Typo.Small — fine print.",
+        "props": [
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "minor",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Typo.UnorderedList",
+        "description": "Typo.UnorderedList — bulleted list.",
+        "props": [
+          {
+            "name": "spacing",
+            "required": false,
+            "type": "\"default\" | \"none\" | null",
+            "defaultValue": "default",
+            "description": ""
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": "main",
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "code-highlight": {
+    "root": {
+      "name": "CodeHighlight",
+      "description": "",
+      "props": []
+    },
+    "subComponents": [
+      {
+        "name": "CodeHighlight.Block",
+        "description": "Code.Block — the core `Code.Block` with TanStack Highlight tokens filling its `highlighted` slot.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The code to display, as a raw string — also the value copied by the copy button."
+          },
+          {
+            "name": "hideCopy",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Hide the copy button."
+          },
+          {
+            "name": "language",
+            "required": false,
+            "type": "SupportedLanguage",
+            "defaultValue": null,
+            "description": "Language of `children`: grammar for tokenization and label for the corner notch. Omit to hide the notch and skip highlighting."
+          }
+        ]
+      },
+      {
+        "name": "CodeHighlight.Inline",
+        "description": "Code.Inline — the core `Code.Inline` with TanStack Highlight tokens filling its `highlighted` slot.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The inline code, as a raw string — also the value copied when `copyable`."
+          },
+          {
+            "name": "copyable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show a small copy button on the right, behind a hairline separator."
+          },
+          {
+            "name": "language",
+            "required": false,
+            "type": "SupportedLanguage",
+            "defaultValue": null,
+            "description": "Grammar used to tokenize the fragment. Purely visual — the chip shows no language label. Omit for plain text."
+          }
+        ]
+      },
+      {
+        "name": "CodeHighlight.InlineLink",
+        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with a directional arrow behind the separator instead of a copy button.\nSibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a\ncopy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor\nis the chip root, trailing icon nudges on hover, `data-kind` picks the icon).",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The link text, as a raw string, rendered as a code fragment."
+          },
+          {
+            "name": "kind",
+            "required": false,
+            "type": "CodeInlineLinkKind",
+            "defaultValue": "external",
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+          }
+        ]
+      }
+    ]
+  },
+  "image-display-options": {
+    "root": {
+      "name": "ImageDisplayOptions",
+      "description": "ImageDisplayOptions - a panel or toolbar of controls bound to an image\ndataset's display options.\n\nMust render inside an `ImFusionProvider`.",
+      "props": [
+        {
+          "name": "data",
+          "required": true,
+          "type": "SharedImageSet",
+          "defaultValue": null,
+          "description": "The dataset whose display options are edited."
+        },
+        {
+          "name": "ranges",
+          "required": false,
+          "type": "Partial<\n  Record<\"window\" | \"level\" | \"gamma\", SliderRange>\n>",
+          "defaultValue": null,
+          "description": "Override individual slider bounds.\nMerged over the defaults, which are driven from the dataset's intensity domain."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "Variant",
+          "defaultValue": "default",
+          "description": "Layout: a stacked card (`default`), a horizontal row with side tabs\n(`horizontal`), or a flat compact row (`horizontal-compact`)."
+        }
+      ]
+    },
+    "subComponents": []
+  }
+}