@imfusion/web-ui 0.11.1-dev.3.ga6fcf91c → 0.11.1-dev.30.g5f35727d

package/src/docgen/doc.gen.json

@@ -342,430 +342,404 @@
       }
     ]
   },
-  "avatar": {
+  "autocomplete": {
     "root": {
-      "name": "Avatar.Root",
-      "description": "Avatar.Root — a round badge that stands for a person. Also called a profile picture or user badge.\n\nWithout `aria-label` or `aria-labelledby` it is decorative and hidden from assistive tech, for use next to a visible\nname. With a label it is announced as an image with that name.",
+      "name": "Autocomplete.Root",
+      "description": "Autocomplete.Root — text input that suggests options as you type and keeps free text.\n\nWraps children in a div so the field and its label stack regardless of the parent's layout.\nAutocomplete.Portal is unaffected (it renders to document.body).",
       "props": [
         {
-          "name": "className",
+          "name": "actionsRef",
           "required": false,
-          "type": "string | ((state: AvatarRootState) => string)",
+          "type": "RefObject<AutocompleteRootActions | null>",
           "defaultValue": null,
-          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          "description": "A ref to imperative actions.\n- `unmount`: Manually unmounts the autocomplete.\nCall this after any externally controlled closing animation finishes."
         },
         {
-          "name": "context",
+          "name": "autoHighlight",
           "required": false,
-          "type": "\"default\" | \"oncolor\" | null",
-          "defaultValue": "default",
-          "description": ""
+          "type": "boolean | \"always\"",
+          "defaultValue": "false",
+          "description": "Whether the first matching item is highlighted automatically.\n- `true`: highlight after the user types and keep the highlight while the query changes.\n- `'always'`: always highlight the first item."
         },
         {
-          "name": "ref",
+          "name": "className",
           "required": false,
-          "type": "Ref<HTMLSpanElement>",
+          "type": "string",
           "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          "description": ""
         },
         {
-          "name": "render",
+          "name": "defaultOpen",
           "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AvatarRootState>",
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the popup is initially open.\n\nTo render a controlled popup, use the `open` prop instead."
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "string | number | readonly string[]",
           "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."
+          "description": "The uncontrolled input value of the autocomplete when it's initially rendered.\n\nTo render a controlled autocomplete, use the `value` prop instead."
         },
         {
-          "name": "size",
+          "name": "disabled",
           "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | null",
-          "defaultValue": "md",
-          "description": ""
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component should ignore user interaction."
         },
         {
-          "name": "style",
+          "name": "filter",
           "required": false,
-          "type": "| CSSProperties\n| ((state: AvatarRootState) => CSSProperties)",
+          "type": "| ((\n    itemValue: ItemValue,\n    query: string,\n    itemToString?: (itemValue: ItemValue) => string\n  ) => boolean)\n| null",
           "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-        }
-      ]
-    },
-    "subComponents": [
-      {
-        "name": "Avatar.Fallback",
-        "description": "Avatar.Fallback — the initials the consumer passes, one or two letters. Without children it shows a person glyph.\nIt derives nothing from a name or email.",
-        "props": [
-          {
-            "name": "className",
-            "required": false,
-            "type": "string | ((state: AvatarFallbackState) => string)",
-            "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-          },
-          {
-            "name": "delay",
-            "required": false,
-            "type": "number",
-            "defaultValue": null,
-            "description": "How long to wait before showing the fallback. Specified in milliseconds."
-          },
-          {
-            "name": "ref",
-            "required": false,
-            "type": "Ref<HTMLSpanElement>",
-            "defaultValue": null,
-            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-          },
-          {
-            "name": "render",
-            "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AvatarFallbackState>",
-            "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: AvatarFallbackState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      },
-      {
-        "name": "Avatar.Image",
-        "description": "Avatar.Image — the person's photo, cropped to the circle. It shows once `src` has loaded; until then, and when it\nfails, `Avatar.Fallback` shows instead.",
-        "props": [
-          {
-            "name": "className",
-            "required": false,
-            "type": "string | ((state: AvatarImageState) => string)",
-            "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-          },
-          {
-            "name": "onLoadingStatusChange",
-            "required": false,
-            "type": "(status: ImageLoadingStatus) => void",
-            "defaultValue": null,
-            "description": "Callback fired when the loading status changes."
-          },
-          {
-            "name": "ref",
-            "required": false,
-            "type": "Ref<HTMLSpanElement>",
-            "defaultValue": null,
-            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-          },
-          {
-            "name": "render",
-            "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AvatarImageState>",
-            "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: AvatarImageState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      }
-    ]
-  },
-  "button": {
-    "root": {
-      "name": "Button",
-      "description": "Button",
-      "props": [
+          "description": "Filter function used to match items vs input query."
+        },
         {
-          "name": "chamfer",
+          "name": "filteredItems",
           "required": false,
-          "type": "boolean | null",
-          "defaultValue": "size === \"hero\"",
-          "description": ""
+          "type": "readonly any[] | readonly Group<any>[]",
+          "defaultValue": null,
+          "description": "Filtered items to display in the list.\nWhen provided, the list will use these items instead of filtering the `items` prop internally.\nUse when you want to control filtering logic externally with the `useFilter()` hook."
         },
         {
-          "name": "className",
+          "name": "form",
           "required": false,
-          "type": "string | ((state: ButtonState) => string)",
+          "type": "string",
           "defaultValue": null,
-          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          "description": "Identifies the form that owns the internal input.\nUseful when the combobox is rendered outside the form."
         },
         {
-          "name": "context",
+          "name": "grid",
           "required": false,
-          "type": "\"default\" | \"oncolor\" | null",
-          "defaultValue": "default",
-          "description": ""
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether list items are presented in a grid layout.\nWhen enabled, arrow keys navigate across rows and columns inferred from DOM rows."
         },
         {
-          "name": "endIcon",
+          "name": "highlightItemOnHover",
           "required": false,
-          "type": "ReactNode",
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether moving the pointer over items should highlight them.\nDisabling this prop allows CSS `:hover` to be differentiated from the `:focus` (`data-highlighted`) state."
+        },
+        {
+          "name": "id",
+          "required": false,
+          "type": "string",
           "defaultValue": null,
-          "description": "Trailing slot, typically an icon."
+          "description": "The id of the component."
         },
         {
-          "name": "focusableWhenDisabled",
+          "name": "inline",
           "required": false,
           "type": "boolean",
           "defaultValue": "false",
-          "description": "Whether the button should be focusable when disabled."
+          "description": "Whether the list is rendered inline without using the component's own popup.\n\nSpecify `open` unconditionally in conjunction with this prop so the list is considered\nvisible: `<Autocomplete.Root inline open>`"
         },
         {
-          "name": "justify",
+          "name": "inputRef",
           "required": false,
-          "type": "\"center\" | \"spread\" | null",
-          "defaultValue": "center",
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": "A ref to the hidden input element."
+        },
+        {
+          "name": "items",
+          "required": false,
+          "type": "readonly ItemValue[]",
+          "defaultValue": null,
           "description": ""
         },
         {
-          "name": "nativeButton",
+          "name": "itemToStringValue",
+          "required": false,
+          "type": "(itemValue: ItemValue) => string",
+          "defaultValue": null,
+          "description": "When the item values are objects (`<Autocomplete.Item value={object}>`), this function converts the object value to a string representation for both display in the input and form submission.\nIf the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop."
+        },
+        {
+          "name": "keepHighlight",
           "required": false,
           "type": "boolean",
-          "defaultValue": "true",
-          "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          "defaultValue": "false",
+          "description": "Whether the highlighted item should be preserved when the pointer leaves the list."
         },
         {
-          "name": "radius",
+          "name": "limit",
           "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | \"none\" | \"round\" | null",
-          "defaultValue": "none",
-          "description": ""
+          "type": "number",
+          "defaultValue": "-1",
+          "description": "The maximum number of items to display in the list."
         },
         {
-          "name": "ref",
+          "name": "locale",
           "required": false,
-          "type": "Ref<HTMLElement>",
+          "type": "LocalesArgument",
           "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          "description": "The locale to use for string comparison.\nDefaults to the user's runtime locale."
         },
         {
-          "name": "render",
+          "name": "loopFocus",
           "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
-          "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."
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether to loop keyboard focus back to the input when the end of the list is reached while using the arrow keys. The first item can then be reached by pressing <kbd>ArrowDown</kbd> again from the input, or the last item can be reached by pressing <kbd>ArrowUp</kbd> from the input.\nThe input is always included in the focus loop per [ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/).\nWhen disabled, focus does not move when on the last element and the user presses <kbd>ArrowDown</kbd>, or when on the first element and the user presses <kbd>ArrowUp</kbd>."
         },
         {
-          "name": "shortcut",
+          "name": "modal",
           "required": false,
-          "type": "string",
-          "defaultValue": null,
-          "description": "Key hint shown in the top corner at the end of the line, such as `\"S\"` or `\"Ctrl Z\"`. It also sets\n`aria-keyshortcuts` in its notation (`Control+Z`), which an explicit\n`aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys."
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Determines if the popup enters a modal state when open.\n- `true`: user interaction is limited to the popup: document page scroll is locked and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed."
         },
         {
-          "name": "size",
+          "name": "mode",
           "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
-          "defaultValue": "md",
-          "description": ""
+          "type": "\"none\" | \"inline\" | \"list\" | \"both\"",
+          "defaultValue": "list",
+          "description": "Controls how the autocomplete behaves with respect to list filtering and inline autocompletion.\n- `list` (default): items are dynamically filtered based on the input value. The input value does not change based on the active item.\n- `both`: items are dynamically filtered based on the input value, which will temporarily change based on the active item (inline autocompletion).\n- `inline`: items are static (not filtered), and the input value will temporarily change based on the active item (inline autocompletion).\n- `none`: items are static (not filtered), and the input value will not change based on the active item."
         },
         {
-          "name": "startIcon",
+          "name": "name",
           "required": false,
-          "type": "ReactNode",
+          "type": "string",
           "defaultValue": null,
-          "description": "Leading slot, typically an icon."
+          "description": "Identifies the field when a form is submitted."
         },
         {
-          "name": "style",
+          "name": "onItemHighlighted",
           "required": false,
-          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "type": "(\n  highlightedValue: ItemValue,\n  eventDetails: HighlightEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          "description": "Callback fired when an item is highlighted or unhighlighted.\nReceives the highlighted item value (or `undefined` if no item is highlighted) and event details with a `reason` property describing why the highlight changed.\nThe `reason` can be:\n- `'keyboard'`: the highlight changed due to keyboard navigation.\n- `'pointer'`: the highlight changed due to pointer hovering.\n- `'none'`: the highlight changed programmatically."
         },
         {
-          "name": "variant",
+          "name": "onOpenChange",
           "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 `variant` (tints surface, icon, and text) and lays\nout a leading `Callout.Icon` beside `Callout.Title` / `Callout.Description`. `maxWidth` caps\nthe banner so it reads as a block region, not full container width. A persistent content-flow\nelement — not a transient Toast, not a modal Alert Dialog.",
-      "props": [
+          "type": "(\n  open: boolean,\n  eventDetails: ChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": "Event handler called when the popup is opened or closed."
+        },
         {
-          "name": "maxWidth",
+          "name": "onOpenChangeComplete",
           "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | \"full\" | null",
-          "defaultValue": "md",
-          "description": ""
+          "type": "(open: boolean) => void",
+          "defaultValue": null,
+          "description": "Event handler called after any animations complete when the popup is opened or closed."
         },
         {
-          "name": "ref",
+          "name": "onValueChange",
           "required": false,
-          "type": "Ref<HTMLDivElement>",
+          "type": "(\n  value: string,\n  eventDetails: ChangeEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          "description": "Event handler called when the input value of the autocomplete changes."
         },
         {
-          "name": "variant",
+          "name": "open",
           "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": "ref",
-            "required": false,
-            "type": "Ref<HTMLDivElement>",
-            "defaultValue": null,
-            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-          }
-        ]
-      },
-      {
-        "name": "Callout.Icon",
-        "description": "Callout.Icon — the leading status glyph. Renders the variant's default icon when no children\nare passed; pass a custom icon as children to override. `aria-hidden` (variant is conveyed by\ncopy) and inherits colour via `currentColor`.",
-        "props": [
-          {
-            "name": "ref",
-            "required": false,
-            "type": "Ref<HTMLDivElement>",
-            "defaultValue": null,
-            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-          }
-        ]
-      },
-      {
-        "name": "Callout.Title",
-        "description": "Callout.Title — an optional short heading, set in the mono UPPERCASE technical voice.",
-        "props": [
-          {
-            "name": "ref",
-            "required": false,
-            "type": "Ref<HTMLDivElement>",
-            "defaultValue": null,
-            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-          }
-        ]
-      }
-    ]
-  },
-  "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\n`shadow` defaults to `lg`; `shadow=\"none\"` gives the flat surface. It picks the elevation level only: how hard or\nspread the shadow reads is global, set by `--imf-ui-shadow-hardness` and `--imf-ui-shadow-spread`.",
-      "props": [
+          "type": "boolean",
+          "defaultValue": null,
+          "description": "Whether the popup is currently open. Use when controlled."
+        },
         {
-          "name": "density",
+          "name": "openOnInputClick",
           "required": false,
-          "type": "\"compact\" | \"comfortable\" | \"spacious\" | null",
-          "defaultValue": "comfortable",
-          "description": ""
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the popup opens when clicking the input."
         },
         {
-          "name": "orientation",
+          "name": "readOnly",
           "required": false,
-          "type": "\"vertical\" | \"horizontal\" | null",
-          "defaultValue": "vertical",
-          "description": ""
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user should be unable to choose a different option from the popup."
         },
         {
-          "name": "radius",
+          "name": "required",
           "required": false,
-          "type": "\"brand\" | \"sm\" | \"md\" | \"lg\" | null",
-          "defaultValue": "brand",
-          "description": ""
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user must choose a value before submitting a form."
         },
         {
-          "name": "ref",
+          "name": "style",
           "required": false,
-          "type": "Ref<HTMLDivElement>",
+          "type": "CSSProperties",
           "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          "description": ""
         },
         {
-          "name": "shadow",
+          "name": "submitOnItemClick",
           "required": false,
-          "type": "\"none\" | \"sm\" | \"md\" | \"lg\" | null",
-          "defaultValue": "lg",
-          "description": ""
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether clicking an item should submit the autocomplete's owning form.\nBy default, clicking an item via a pointer or <kbd>Enter</kbd> key does not submit the owning form.\nUseful when the autocomplete is used as a single-field form search input."
         },
         {
-          "name": "variant",
+          "name": "value",
           "required": false,
-          "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"primary\"\n| \"brand\"\n| null",
-          "defaultValue": "main",
-          "description": ""
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The input value of the autocomplete. Use when controlled."
         },
         {
-          "name": "withBorder",
+          "name": "virtualized",
           "required": false,
           "type": "boolean",
-          "defaultValue": "true",
-          "description": ""
+          "defaultValue": "false",
+          "description": "Whether the items are being externally virtualized."
+        },
+        {
+          "name": "width",
+          "required": false,
+          "type": "\"auto\" | \"wide\" | \"full\" | null",
+          "defaultValue": "auto",
+          "description": "Field width: `auto` keeps the compact minimum; `wide` raises it; `full` fills the parent."
         }
       ]
     },
     "subComponents": [
       {
-        "name": "Card.Content",
-        "description": "Card.Content — the padded main body of the card.",
+        "name": "Autocomplete.Arrow",
+        "description": "Autocomplete.Arrow — pointer arrow attached to the popup.",
         "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxArrowState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
           {
             "name": "ref",
             "required": false,
             "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxArrowState>",
+            "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: ComboboxArrowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "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.",
+        "name": "Autocomplete.Backdrop",
+        "description": "Autocomplete.Backdrop — overlay behind the popup (visible only in modal mode).",
         "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxBackdropState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
           {
             "name": "ref",
             "required": false,
             "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxBackdropState>",
+            "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: ComboboxBackdropState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Card.Header",
-        "description": "Card.Header — the padded title region at the top of the card body.",
+        "name": "Autocomplete.Clear",
+        "description": "Autocomplete.Clear — button that clears the text. Without children it draws a cross.",
         "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxClearState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should remain mounted in the DOM when not visible."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
           {
             "name": "ref",
             "required": false,
             "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxClearState>",
+            "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: ComboboxClearState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "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.",
+        "name": "Autocomplete.Collection",
+        "description": "Autocomplete.Collection — renders a list of items inside a group.",
+        "props": []
+      },
+      {
+        "name": "Autocomplete.Empty",
+        "description": "Autocomplete.Empty — message shown while no item matches.",
         "props": [
           {
-            "name": "aspectRatio",
+            "name": "className",
             "required": false,
-            "type": "number | \"auto\"",
-            "defaultValue": "16 / 10",
-            "description": "Width divided by height, or \"auto\" to use the image's intrinsic ratio."
+            "type": "string | ((state: ComboboxEmptyState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
             "name": "ref",
@@ -773,13 +747,41 @@
             "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxEmptyState>",
+            "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: ComboboxEmptyState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Card.Status",
-        "description": "Card.Status — a tinted slot that marks the card's status with the variant's glyph. Pass\nchildren to replace the glyph. Like `Card.Image`, place it first among the slots: a column\nbeside the body in a horizontal card, a band above it in a vertical one. Decorative\n(`aria-hidden`); the card's text carries the status.",
+        "name": "Autocomplete.Group",
+        "description": "Autocomplete.Group — wrapper around a grouped set of items.",
         "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxGroupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "items",
+            "required": false,
+            "type": "readonly any[]",
+            "defaultValue": null,
+            "description": "Items to be rendered within this group.\nWhen provided, child `Collection` components will use these items."
+          },
           {
             "name": "ref",
             "required": false,
@@ -788,165 +790,2584 @@
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
-            "name": "variant",
+            "name": "render",
             "required": false,
-            "type": "| \"info\"\n| \"positive\"\n| \"warning\"\n| \"negative\"\n| null",
-            "defaultValue": "info",
-            "description": ""
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxGroupState>",
+            "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: ComboboxGroupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
-      }
-    ]
-  },
-  "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": "undefined",
-          "description": "Whether the checkbox is currently ticked.\n\nTo render an uncontrolled checkbox, use the `defaultChecked` prop instead."
-        },
-        {
-          "name": "className",
-          "required": false,
-          "type": "string | ((state: CheckboxRootState) => string)",
-          "defaultValue": null,
-          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-        },
-        {
-          "name": "defaultChecked",
+      },
+      {
+        "name": "Autocomplete.GroupLabel",
+        "description": "Autocomplete.GroupLabel — heading for an Autocomplete.Group.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxGroupLabelState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxGroupLabelState>",
+            "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: ComboboxGroupLabelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Icon",
+        "description": "Autocomplete.Icon — visual indicator (chevron) inside the trigger.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxIconState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxIconState>",
+            "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: ComboboxIconState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Input",
+        "description": "Autocomplete.Input — the text input. Its text is the value.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxInputState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxInputState>",
+            "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: ComboboxInputState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.InputGroup",
+        "description": "Autocomplete.InputGroup — the field box that holds the input, clear button, and trigger.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: AutocompleteInputGroupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    AutocompleteInputGroupState\n  >",
+            "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: AutocompleteInputGroupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Item",
+        "description": "Autocomplete.Item — individual suggestion. It carries no selection state, so it has no indicator column.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: AutocompleteItemState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "index",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "The index of the item in the list. Improves performance when specified by avoiding the need to calculate the index automatically from the DOM."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "onClick",
+            "required": false,
+            "type": "(\n  event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>\n) => void",
+            "defaultValue": null,
+            "description": "An optional click handler for the item when selected.\nIt fires when clicking the item with the pointer, as well as when pressing `Enter` with the keyboard if the item is highlighted when the `Input` or `List` element has focus."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AutocompleteItemState>",
+            "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: AutocompleteItemState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          },
+          {
+            "name": "value",
+            "required": true,
+            "type": "any",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.ItemDescription",
+        "description": "Autocomplete.ItemDescription — a muted second line under an item's text.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.ItemText",
+        "description": "Autocomplete.ItemText — text label for an item.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.List",
+        "description": "Autocomplete.List — items container. An `inline` list keeps the height it had when it mounted while it filters.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxListState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxListState>",
+            "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: ComboboxListState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Popup",
+        "description": "Autocomplete.Popup — dropdown surface. It keeps the height it had when it opened while the list filters.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxPopupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "finalFocus",
+            "required": false,
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "defaultValue": null,
+            "description": "Determines the element to focus when the popup is closed.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (trigger or previously focused element).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing."
+          },
+          {
+            "name": "initialFocus",
+            "required": false,
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "defaultValue": null,
+            "description": "Determines the element to focus when the popup is opened.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (first tabbable element or popup).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxPopupState>",
+            "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: ComboboxPopupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Portal",
+        "description": "Autocomplete.Portal — portals the popup tree to document.body (or a custom container).",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxPortalState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": "A parent element to render the portal element into."
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to keep the portal mounted in the DOM while the popup is hidden."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxPortalState>",
+            "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: ComboboxPortalState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Positioner",
+        "description": "Autocomplete.Positioner — positions the popup relative to the field.",
+        "props": [
+          {
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "start",
+            "description": "How to align the popup relative to the specified side."
+          },
+          {
+            "name": "alignOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": "Additional offset along the alignment axis in pixels.\nAlso accepts a function that returns the offset to read the dimensions of the anchor\nand positioner elements, along with its side and alignment.\n\nThe function takes a `data` object parameter with the following properties:\n- `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.\n- `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.\n- `data.side`: which side of the anchor element the positioner is aligned against.\n- `data.align`: how the positioner is aligned relative to the specified side.\n@example ```jsx\n<Positioner\n  alignOffset={({ side, align, anchor, positioner }) => {\n    return side === 'top' || side === 'bottom'\n      ? anchor.width\n      : anchor.height;\n  }}\n/>\n```"
+          },
+          {
+            "name": "anchor",
+            "required": false,
+            "type": "| Element\n| VirtualElement\n| RefObject<Element | null>\n| (() => Element | VirtualElement | null)\n| null",
+            "defaultValue": null,
+            "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger."
+          },
+          {
+            "name": "arrowPadding",
+            "required": false,
+            "type": "number",
+            "defaultValue": "5",
+            "description": "Minimum distance to maintain between the arrow and the edges of the popup.\n\nUse it to prevent the arrow element from hanging out of the rounded corners of a popup."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxPositionerState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "collisionAvoidance",
+            "required": false,
+            "type": "CollisionAvoidance",
+            "defaultValue": null,
+            "description": "Determines how to handle collisions when positioning the popup.\n\n`side` controls overflow on the preferred placement axis (`top`/`bottom` or `left`/`right`):\n- `'flip'`: keep the requested side when it fits; otherwise try the opposite side\n  (`top` and `bottom`, or `left` and `right`).\n- `'shift'`: never change side; keep the requested side and move the popup within\n  the clipping boundary so it stays visible.\n- `'none'`: do not correct side-axis overflow.\n\n`align` controls overflow on the alignment axis (`start`/`center`/`end`):\n- `'flip'`: keep side, but swap `start` and `end` when the requested alignment overflows.\n- `'shift'`: keep side and requested alignment, then nudge the popup along the\n  alignment axis to fit.\n- `'none'`: do not correct alignment-axis overflow.\n\n`fallbackAxisSide` controls fallback behavior on the perpendicular axis when the\npreferred axis cannot fit:\n- `'start'`: allow perpendicular fallback and try the logical start side first\n  (`top` before `bottom`, or `left` before `right` in LTR).\n- `'end'`: allow perpendicular fallback and try the logical end side first\n  (`bottom` before `top`, or `right` before `left` in LTR).\n- `'none'`: do not fallback to the perpendicular axis.\n\nWhen `side` is `'shift'`, explicitly setting `align` only supports `'shift'` or `'none'`.\nIf `align` is omitted, it defaults to `'flip'`.\n@example ```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```"
+          },
+          {
+            "name": "collisionBoundary",
+            "required": false,
+            "type": "Boundary",
+            "defaultValue": "clipping-ancestors",
+            "description": "An element or a rectangle that delimits the area that the popup is confined to."
+          },
+          {
+            "name": "collisionPadding",
+            "required": false,
+            "type": "Padding",
+            "defaultValue": "5",
+            "description": "Additional space to maintain from the edge of the collision boundary."
+          },
+          {
+            "name": "disableAnchorTracking",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to disable the popup from tracking any layout shift of its positioning anchor."
+          },
+          {
+            "name": "positionMethod",
+            "required": false,
+            "type": "\"absolute\" | \"fixed\"",
+            "defaultValue": "absolute",
+            "description": "Determines which CSS `position` property to use."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxPositionerState>",
+            "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": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "bottom",
+            "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions."
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "4",
+            "description": "Distance between the anchor and the popup in pixels.\nAlso accepts a function that returns the distance to read the dimensions of the anchor\nand positioner elements, along with its side and alignment.\n\nThe function takes a `data` object parameter with the following properties:\n- `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.\n- `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.\n- `data.side`: which side of the anchor element the positioner is aligned against.\n- `data.align`: how the positioner is aligned relative to the specified side.\n@example ```jsx\n<Positioner\n  sideOffset={({ side, align, anchor, positioner }) => {\n    return side === 'top' || side === 'bottom'\n      ? anchor.height\n      : anchor.width;\n  }}\n/>\n```"
+          },
+          {
+            "name": "sticky",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: ComboboxPositionerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Row",
+        "description": "Autocomplete.Row — one row of a `grid` list.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxRowState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxRowState>",
+            "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: ComboboxRowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Separator",
+        "description": "Autocomplete.Separator — thin divider between items.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SeparatorState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "orientation",
+            "required": false,
+            "type": "Orientation",
+            "defaultValue": "horizontal",
+            "description": "The orientation of the separator."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SeparatorState>",
+            "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: SeparatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Status",
+        "description": "Autocomplete.Status — live-region line for loading and result counts, announced to screen readers.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxStatusState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxStatusState>",
+            "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: ComboboxStatusState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Trigger",
+        "description": "Autocomplete.Trigger — button that opens the popup. Without children it draws a chevron.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: AutocompleteTriggerState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AutocompleteTriggerState>",
+            "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: AutocompleteTriggerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Autocomplete.Value",
+        "description": "Autocomplete.Value — renders the input text.",
+        "props": []
+      }
+    ]
+  },
+  "avatar": {
+    "root": {
+      "name": "Avatar.Root",
+      "description": "Avatar.Root — a round badge that stands for a person. Also called a profile picture or user badge.\n\nWithout `aria-label` or `aria-labelledby` it is decorative and hidden from assistive tech, for use next to a visible\nname. With a label it is announced as an image with that name.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: AvatarRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "context",
+          "required": false,
+          "type": "\"default\" | \"oncolor\" | null",
+          "defaultValue": "default",
+          "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLSpanElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AvatarRootState>",
+          "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": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: AvatarRootState) => 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": "Avatar.Fallback",
+        "description": "Avatar.Fallback — the initials the consumer passes, one or two letters. Without children it shows a person glyph.\nIt derives nothing from a name or email.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: AvatarFallbackState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "How long to wait before showing the fallback. Specified in milliseconds."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLSpanElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AvatarFallbackState>",
+            "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: AvatarFallbackState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Avatar.Image",
+        "description": "Avatar.Image — the person's photo, cropped to the circle. It shows once `src` has loaded; until then, and when it\nfails, `Avatar.Fallback` shows instead.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: AvatarImageState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "onLoadingStatusChange",
+            "required": false,
+            "type": "(status: ImageLoadingStatus) => void",
+            "defaultValue": null,
+            "description": "Callback fired when the loading status changes."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLSpanElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, AvatarImageState>",
+            "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: AvatarImageState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      }
+    ]
+  },
+  "button": {
+    "root": {
+      "name": "Button",
+      "description": "Button",
+      "props": [
+        {
+          "name": "chamfer",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": "size === \"hero\"",
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ButtonState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "context",
+          "required": false,
+          "type": "\"default\" | \"oncolor\" | null",
+          "defaultValue": "default",
+          "description": ""
+        },
+        {
+          "name": "endIcon",
+          "required": false,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Trailing slot, typically an icon."
+        },
+        {
+          "name": "focusableWhenDisabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the button should be focusable when disabled."
+        },
+        {
+          "name": "justify",
+          "required": false,
+          "type": "\"center\" | \"spread\" | null",
+          "defaultValue": "center",
+          "description": ""
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+        },
+        {
+          "name": "radius",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"none\" | \"round\" | null",
+          "defaultValue": "none",
+          "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+          "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": "shortcut",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Key hint shown in the top corner at the end of the line, such as `\"S\"` or `\"Ctrl Z\"`. It also sets\n`aria-keyshortcuts` in its notation (`Control+Z`), which an explicit\n`aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys."
+        },
+        {
+          "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 an icon."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "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 `variant` (tints surface, icon, and text) and lays\nout a leading `Callout.Icon` beside `Callout.Title` / `Callout.Description`. `maxWidth` caps\nthe banner so it reads as a block region, not full container width. A persistent content-flow\nelement — not a transient Toast, not a modal Alert Dialog.",
+      "props": [
+        {
+          "name": "maxWidth",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"full\" | null",
+          "defaultValue": "lg",
+          "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "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": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Callout.Icon",
+        "description": "Callout.Icon — the leading status glyph. Renders the variant's default icon when no children\nare passed; pass a custom icon as children to override. `aria-hidden` (variant is conveyed by\ncopy) and inherits colour via `currentColor`.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Callout.Title",
+        "description": "Callout.Title — an optional short heading, set in the mono UPPERCASE technical voice.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      }
+    ]
+  },
+  "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\n`shadow` defaults to `lg`; `shadow=\"none\"` gives the flat surface. It picks the elevation level only: how hard or\nspread the shadow reads is global, set by `--imf-ui-shadow-hardness` and `--imf-ui-shadow-spread`.",
+      "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": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "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": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "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": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Card.Header",
+        "description": "Card.Header — the padded title region at the top of the card body.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "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": [
+          {
+            "name": "aspectRatio",
+            "required": false,
+            "type": "number | \"auto\"",
+            "defaultValue": "16 / 10",
+            "description": "Width divided by height, or \"auto\" to use the image's intrinsic ratio."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Card.Status",
+        "description": "Card.Status — a tinted slot that marks the card's status with the variant's glyph. Pass\nchildren to replace the glyph. Like `Card.Image`, place it first among the slots: a column\nbeside the body in a horizontal card, a band above it in a vertical one. Decorative\n(`aria-hidden`); the card's text carries the status.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "| \"info\"\n| \"positive\"\n| \"warning\"\n| \"negative\"\n| null",
+            "defaultValue": "info",
+            "description": ""
+          }
+        ]
+      }
+    ]
+  },
+  "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": "undefined",
+          "description": "Whether the checkbox is currently ticked.\n\nTo render an uncontrolled checkbox, use the `defaultChecked` prop instead."
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: CheckboxRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "defaultChecked",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the checkbox is initially ticked.\n\nTo render a controlled checkbox, use the `checked` prop instead."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component should ignore user interaction."
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Identifies the form that owns the hidden input.\nUseful when the checkbox is rendered outside the form."
+        },
+        {
+          "name": "id",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "The id of the input element."
+        },
+        {
+          "name": "indeterminate",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the checkbox is in a mixed state: neither ticked, nor unticked."
+        },
+        {
+          "name": "inputRef",
+          "required": false,
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": "A ref to access the hidden `<input>` element."
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": "undefined",
+          "description": "Identifies the field when a form is submitted."
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button."
+        },
+        {
+          "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": "Event handler called when the checkbox is ticked or unticked."
+        },
+        {
+          "name": "parent",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the checkbox controls a group of child checkboxes.\n\nMust be used in a [Checkbox Group](https://base-ui.com/react/components/checkbox-group)."
+        },
+        {
+          "name": "readOnly",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user should be unable to tick or untick the checkbox."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CheckboxRootState>",
+          "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": "required",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user must tick the checkbox before submitting a form."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: CheckboxRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "uncheckedValue",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "The value submitted with the form when the checkbox is unchecked.\nBy default, unchecked checkboxes do not submit any value, matching native checkbox behavior."
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "The value of the selected checkbox."
+        }
+      ]
+    },
+    "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": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to keep the element in the DOM when the checkbox is not checked."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CheckboxIndicatorState>",
+            "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: CheckboxIndicatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      }
+    ]
+  },
+  "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": "ref",
+          "required": false,
+          "type": "Ref<HTMLSpanElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "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(local Web UI `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": "ref",
+          "required": false,
+          "type": "Ref<HTMLAnchorElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "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. The\ncopy button copies the rendered text.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Code content shown in the block. The copy button copies its rendered text."
+          },
+          {
+            "name": "hideCopy",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Hide the copy button."
+          },
+          {
+            "name": "language",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Language label shown in the corner notch. Omit to hide the notch."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Code.Inline",
+        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. `Typo.InlineCode` renders this under the hood so inline-code chrome is\ndefined in one place. The copy button copies the rendered text.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Code content shown in the chip. The copy button copies its rendered text."
+          },
+          {
+            "name": "copyable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show a small copy button on the right, behind a hairline separator."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "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": "Code.InlineLink",
+        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with an optional 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": "kind",
+            "required": false,
+            "type": "CodeInlineLinkKind",
+            "defaultValue": "external",
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab; `\"internal\"` stays in the current tab."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "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."
+          }
+        ]
+      }
+    ]
+  },
+  "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": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "defaultOpen",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the collapsible panel is initially open.\n\nTo render a controlled collapsible, use the `open` prop instead."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component should ignore user interaction."
+        },
+        {
+          "name": "onOpenChange",
+          "required": false,
+          "type": "(\n  open: boolean,\n  eventDetails: CollapsibleRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": "Event handler called when the panel is opened or closed."
+        },
+        {
+          "name": "open",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": "Whether the collapsible panel is currently open.\n\nTo render an uncontrolled collapsible, use the `defaultOpen` prop instead."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsibleRootState>",
+          "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: CollapsibleRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "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": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "hiddenUntilFound",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Allows the browser's built-in page search to find and expand the panel contents.\n\nOverrides the `keepMounted` prop and uses `hidden=\"until-found\"`\nto hide the element without removing it from the DOM."
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to keep the element in the DOM while the panel is hidden.\nThis prop is ignored when `hiddenUntilFound` is used."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsiblePanelState>",
+            "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: CollapsiblePanelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "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": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsibleTriggerState>",
+            "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: CollapsibleTriggerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      }
+    ]
+  },
+  "color-scheme-toggle": {
+    "root": {
+      "name": "ColorSchemeToggle",
+      "description": "ColorSchemeToggle - lets the user pick Light, System, or Dark. It reads and stores the preference through\n`useColorScheme`, so placing it is enough. System stays pressed while the page follows the operating system.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ToggleGroupState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "darkLabel",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Dark",
+          "description": "Text of the segment that picks the dark scheme."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the toggle group should ignore user interaction."
+        },
+        {
+          "name": "label",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Color scheme",
+          "description": "Accessible name of the group."
+        },
+        {
+          "name": "lightLabel",
+          "required": false,
+          "type": "string",
+          "defaultValue": "Light",
+          "description": "Text of the segment that picks the light scheme."
+        },
+        {
+          "name": "loopFocus",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether to loop keyboard focus back to the first item\nwhen the end of the list is reached while using the arrow keys."
+        },
+        {
+          "name": "orientation",
+          "required": false,
+          "type": "Orientation",
+          "defaultValue": "horizontal",
+          "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ToggleGroupState>",
+          "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": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ToggleGroupState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "systemLabel",
+          "required": false,
+          "type": "string",
+          "defaultValue": "System",
+          "description": "Text of the segment that follows the operating system."
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "combobox": {
+    "root": {
+      "name": "Combobox.Root",
+      "description": "Combobox.Root — text input with a filterable list of options, for choosing one or several.\n\nWraps children in a div so a sibling Combobox.Label stacks above the field regardless of the parent's layout.\nCombobox.Portal is unaffected (it renders to document.body).",
+      "props": [
+        {
+          "name": "actionsRef",
+          "required": false,
+          "type": "RefObject<Actions | null>",
+          "defaultValue": null,
+          "description": "A ref to imperative actions.\n- `unmount`: Manually unmounts the combobox.\nCall this after any externally controlled closing animation finishes."
+        },
+        {
+          "name": "autoComplete",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Provides a hint to the browser for autofill.\n@see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete"
+        },
+        {
+          "name": "autoHighlight",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the first matching item is highlighted automatically while filtering."
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "defaultInputValue",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The uncontrolled input value when initially rendered.\n\nTo render a controlled input, use the `inputValue` prop instead."
+        },
+        {
+          "name": "defaultOpen",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the popup is initially open.\n\nTo render a controlled popup, use the `open` prop instead."
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "ComboboxValueType<Value, Multiple> | null",
+          "defaultValue": null,
+          "description": "The uncontrolled selected value of the combobox when it's initially rendered.\n\nTo render a controlled combobox, use the `value` prop instead."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component should ignore user interaction."
+        },
+        {
+          "name": "filter",
+          "required": false,
+          "type": "| ((\n    itemValue: Value,\n    query: string,\n    itemToString?: (itemValue: Value) => string\n  ) => boolean)\n| null",
+          "defaultValue": null,
+          "description": "Filter function used to match items vs input query."
+        },
+        {
+          "name": "filteredItems",
+          "required": false,
+          "type": "readonly any[] | readonly Group<any>[]",
+          "defaultValue": null,
+          "description": "Filtered items to display in the list.\nWhen provided, the list will use these items instead of filtering the `items` prop internally.\nUse when you want to control filtering logic externally with the `useFilter()` hook."
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Identifies the form that owns the internal input.\nUseful when the combobox is rendered outside the form."
+        },
+        {
+          "name": "grid",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether list items are presented in a grid layout.\nWhen enabled, arrow keys navigate across rows and columns inferred from DOM rows."
+        },
+        {
+          "name": "highlightItemOnHover",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether moving the pointer over items should highlight them.\nDisabling this prop allows CSS `:hover` to be differentiated from the `:focus` (`data-highlighted`) state."
+        },
+        {
+          "name": "id",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "The id of the component."
+        },
+        {
+          "name": "inline",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the list is rendered inline without using the component's own popup.\n\nSpecify `open` unconditionally in conjunction with this prop so the list is considered\nvisible: `<Combobox.Root inline open>`\n\nIn a `Combobox.Root` > `Dialog.Root` composition, bind the Combobox's `open` and\n`onOpenChange` props to the `Dialog`'s `open` and `onOpenChange` state instead so the\ncomponent resets its transient state (filter query, highlighted item, and input value) when\nthe dialog closes."
+        },
+        {
+          "name": "inputRef",
+          "required": false,
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": "A ref to the hidden input element."
+        },
+        {
+          "name": "inputValue",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The input value of the combobox. Use when controlled."
+        },
+        {
+          "name": "isItemEqualToValue",
           "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the checkbox is initially ticked.\n\nTo render a controlled checkbox, use the `checked` prop instead."
+          "type": "(itemValue: Value, value: Value) => boolean",
+          "defaultValue": null,
+          "description": "Custom comparison logic used to determine if a combobox item value matches the current selected value. Useful when item values are objects without matching referentially.\nDefaults to `Object.is` comparison."
         },
         {
-          "name": "disabled",
+          "name": "items",
           "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the component should ignore user interaction."
+          "type": "readonly any[] | readonly Group<any>[]",
+          "defaultValue": null,
+          "description": "The items to be displayed in the list.\nCan be either a flat array of items or an array of groups with items."
         },
         {
-          "name": "form",
+          "name": "itemToStringLabel",
           "required": false,
-          "type": "string",
+          "type": "(itemValue: Value) => string",
           "defaultValue": null,
-          "description": "Identifies the form that owns the hidden input.\nUseful when the checkbox is rendered outside the form."
+          "description": "When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for display in the input.\nIf the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop."
         },
         {
-          "name": "id",
+          "name": "itemToStringValue",
           "required": false,
-          "type": "string",
+          "type": "(itemValue: Value) => string",
           "defaultValue": null,
-          "description": "The id of the input element."
+          "description": "When the item values are objects (`<Combobox.Item value={object}>`), this function converts the object value to a string representation for form submission.\nIf the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop."
         },
         {
-          "name": "indeterminate",
+          "name": "limit",
+          "required": false,
+          "type": "number",
+          "defaultValue": "-1",
+          "description": "The maximum number of items to display in the list."
+        },
+        {
+          "name": "locale",
+          "required": false,
+          "type": "LocalesArgument",
+          "defaultValue": null,
+          "description": "The locale to use for string comparison.\nDefaults to the user's runtime locale."
+        },
+        {
+          "name": "loopFocus",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether to loop keyboard focus back to the input when the end of the list is reached while using the arrow keys. The first item can then be reached by pressing <kbd>ArrowDown</kbd> again from the input, or the last item can be reached by pressing <kbd>ArrowUp</kbd> from the input.\nThe input is always included in the focus loop per [ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/).\nWhen disabled, focus does not move when on the last element and the user presses <kbd>ArrowDown</kbd>, or when on the first element and the user presses <kbd>ArrowUp</kbd>."
+        },
+        {
+          "name": "modal",
           "required": false,
           "type": "boolean",
           "defaultValue": "false",
-          "description": "Whether the checkbox is in a mixed state: neither ticked, nor unticked."
+          "description": "Determines if the popup enters a modal state when open.\n- `true`: user interaction is limited to the popup: document page scroll is locked and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed."
         },
         {
-          "name": "inputRef",
+          "name": "multiple",
           "required": false,
-          "type": "Ref<HTMLInputElement>",
-          "defaultValue": null,
-          "description": "A ref to access the hidden `<input>` element."
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether multiple items can be selected."
         },
         {
           "name": "name",
           "required": false,
           "type": "string",
-          "defaultValue": "undefined",
+          "defaultValue": null,
           "description": "Identifies the field when a form is submitted."
         },
         {
-          "name": "nativeButton",
+          "name": "onInputValueChange",
           "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button."
+          "type": "(\n  inputValue: string,\n  eventDetails: ChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": "Event handler called when the input value changes."
         },
         {
-          "name": "onCheckedChange",
+          "name": "onItemHighlighted",
           "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",
+          "type": "(\n  highlightedValue: Value,\n  eventDetails: HighlightEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Event handler called when the checkbox is ticked or unticked."
+          "description": "Callback fired when an item is highlighted or unhighlighted.\nReceives the highlighted item value (or `undefined` if no item is highlighted) and event details with a `reason` property describing why the highlight changed.\nThe `reason` can be:\n- `'keyboard'`: the highlight changed due to keyboard navigation.\n- `'pointer'`: the highlight changed due to pointer hovering.\n- `'none'`: the highlight changed programmatically."
         },
         {
-          "name": "parent",
+          "name": "onOpenChange",
           "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the checkbox controls a group of child checkboxes.\n\nMust be used in a [Checkbox Group](https://base-ui.com/react/components/checkbox-group)."
+          "type": "(\n  open: boolean,\n  eventDetails: ChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": "Event handler called when the popup is opened or closed."
         },
         {
-          "name": "readOnly",
+          "name": "onOpenChangeComplete",
           "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the user should be unable to tick or untick the checkbox."
+          "type": "(open: boolean) => void",
+          "defaultValue": null,
+          "description": "Event handler called after any animations complete when the popup is opened or closed."
         },
         {
-          "name": "ref",
+          "name": "onValueChange",
           "required": false,
-          "type": "Ref<HTMLElement>",
+          "type": "(\n  value:\n    | ComboboxValueType<Value, Multiple>\n    | (Multiple extends true ? never : null),\n  eventDetails: ChangeEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          "description": "Event handler called when the selected value of the combobox changes."
         },
         {
-          "name": "render",
+          "name": "open",
           "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CheckboxRootState>",
+          "type": "boolean",
           "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."
+          "description": "Whether the popup is currently open. Use when controlled."
+        },
+        {
+          "name": "openOnInputClick",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether the popup opens when clicking the input."
+        },
+        {
+          "name": "readOnly",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user should be unable to choose a different option from the popup."
         },
         {
           "name": "required",
           "required": false,
           "type": "boolean",
           "defaultValue": "false",
-          "description": "Whether the user must tick the checkbox before submitting a form."
+          "description": "Whether the user must choose a value before submitting a form."
         },
         {
           "name": "style",
           "required": false,
-          "type": "| CSSProperties\n| ((state: CheckboxRootState) => CSSProperties)",
+          "type": "CSSProperties",
           "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          "description": ""
         },
         {
-          "name": "uncheckedValue",
+          "name": "value",
           "required": false,
-          "type": "string",
+          "type": "ComboboxValueType<Value, Multiple> | null",
           "defaultValue": null,
-          "description": "The value submitted with the form when the checkbox is unchecked.\nBy default, unchecked checkboxes do not submit any value, matching native checkbox behavior."
+          "description": "The selected value of the combobox. Use when controlled."
         },
         {
-          "name": "value",
+          "name": "virtualized",
           "required": false,
-          "type": "string",
-          "defaultValue": null,
-          "description": "The value of the selected checkbox."
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the items are being externally virtualized."
+        },
+        {
+          "name": "width",
+          "required": false,
+          "type": "\"auto\" | \"wide\" | \"full\" | null",
+          "defaultValue": "auto",
+          "description": "Field width: `auto` keeps the compact minimum; `wide` raises it; `full` fills the parent."
         }
       ]
     },
     "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.",
+        "name": "Combobox.Arrow",
+        "description": "Combobox.Arrow — pointer arrow attached to the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxArrowState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxArrowState>",
+            "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: ComboboxArrowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Backdrop",
+        "description": "Combobox.Backdrop — overlay behind the popup (visible only in modal mode).",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxBackdropState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxBackdropState>",
+            "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: ComboboxBackdropState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Chip",
+        "description": "Combobox.Chip — one selected value in the field.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxChipState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxChipState>",
+            "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: ComboboxChipState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.ChipRemove",
+        "description": "Combobox.ChipRemove — button that removes its chip. Without children it draws a small cross; give it an `aria-label`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxChipRemoveState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxChipRemoveState>",
+            "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: ComboboxChipRemoveState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Chips",
+        "description": "Combobox.Chips — the field box of a multiple combobox, holding chips and the input.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxChipsState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxChipsState>",
+            "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: ComboboxChipsState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Clear",
+        "description": "Combobox.Clear — button that clears the value. Without children it draws a cross.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxClearState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "keepMounted",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should remain mounted in the DOM when not visible."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxClearState>",
+            "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: ComboboxClearState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Collection",
+        "description": "Combobox.Collection — renders a list of items inside a group.",
+        "props": []
+      },
+      {
+        "name": "Combobox.Empty",
+        "description": "Combobox.Empty — message shown while no item matches.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxEmptyState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxEmptyState>",
+            "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: ComboboxEmptyState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Group",
+        "description": "Combobox.Group — wrapper around a grouped set of items.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxGroupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "items",
+            "required": false,
+            "type": "readonly any[]",
+            "defaultValue": null,
+            "description": "Items to be rendered within this group.\nWhen provided, child `Collection` components will use these items."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxGroupState>",
+            "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: ComboboxGroupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.GroupLabel",
+        "description": "Combobox.GroupLabel — heading for a Combobox.Group.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxGroupLabelState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxGroupLabelState>",
+            "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: ComboboxGroupLabelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Icon",
+        "description": "Combobox.Icon — visual indicator (chevron) inside the trigger.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxIconState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxIconState>",
+            "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: ComboboxIconState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Input",
+        "description": "Combobox.Input — the text input that filters the list. An `inline` list is always open, so `aria-expanded` defaults to true.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxInputState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxInputState>",
+            "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: ComboboxInputState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.InputGroup",
+        "description": "Combobox.InputGroup — the field box that holds the input, clear button, and trigger.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxInputGroupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxInputGroupState>",
+            "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: ComboboxInputGroupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Item",
+        "description": "Combobox.Item — individual selectable option.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxItemState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "index",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "The index of the item in the list. Improves performance when specified by avoiding the need to calculate the index automatically from the DOM."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "onClick",
+            "required": false,
+            "type": "(\n  event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>\n) => void",
+            "defaultValue": null,
+            "description": "An optional click handler for the item when selected.\nIt fires when clicking the item with the pointer, as well as when pressing `Enter` with the keyboard if the item is highlighted when the `Input` or `List` element has focus."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxItemState>",
+            "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: ComboboxItemState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          },
+          {
+            "name": "value",
+            "required": true,
+            "type": "any",
+            "defaultValue": null,
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "Combobox.ItemDescription",
+        "description": "Combobox.ItemDescription — a muted second line under an item's text, such as an email address.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Combobox.ItemIndicator",
+        "description": "Combobox.ItemIndicator — marker inside the item. Without children a single combobox draws a check in the selected\nitem, and a `multiple` combobox draws a checkbox box on every item, checked when selected.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: CheckboxIndicatorState) => string)",
+            "type": "| string\n| ((state: ComboboxItemIndicatorState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
@@ -955,313 +3376,411 @@
             "required": false,
             "type": "boolean",
             "defaultValue": "false",
-            "description": "Whether to keep the element in the DOM when the checkbox is not checked."
+            "description": "Whether to keep the HTML element in the DOM when the item is not selected."
           },
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CheckboxIndicatorState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    ComboboxItemIndicatorState\n  >",
             "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: CheckboxIndicatorState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ComboboxItemIndicatorState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
-      }
-    ]
-  },
-  "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": "ref",
-          "required": false,
-          "type": "Ref<HTMLSpanElement>",
-          "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-        },
-        {
-          "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(local Web UI `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": "ref",
-          "required": false,
-          "type": "Ref<HTMLAnchorElement>",
-          "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-        },
-        {
-          "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": "Combobox.ItemText",
+        "description": "Combobox.ItemText — text label for an item, beside the indicator.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Label",
+        "description": "Combobox.Label — visible label, for the trigger in the input-inside-popup pattern. Label an input with `Field.Label`.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxLabelState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxLabelState>",
+            "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: ComboboxLabelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.List",
+        "description": "Combobox.List — items container. An `inline` list keeps the height it had when it mounted while it filters.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxListState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxListState>",
+            "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: ComboboxListState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Popup",
+        "description": "Combobox.Popup — dropdown surface. It keeps the height it had when it opened while the list filters.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxPopupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "finalFocus",
+            "required": false,
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "defaultValue": null,
+            "description": "Determines the element to focus when the popup is closed.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (trigger or previously focused element).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing."
+          },
+          {
+            "name": "initialFocus",
+            "required": false,
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "defaultValue": null,
+            "description": "Determines the element to focus when the popup is opened.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (first tabbable element or popup).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxPopupState>",
+            "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: ComboboxPopupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
       {
-        "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. The\ncopy button copies the rendered text.",
+        "name": "Combobox.Portal",
+        "description": "Combobox.Portal — portals the popup tree to document.body (or a custom container).",
         "props": [
           {
-            "name": "children",
-            "required": true,
-            "type": "ReactNode",
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxPortalState) => string)",
             "defaultValue": null,
-            "description": "Code content shown in the block. The copy button copies its rendered text."
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
-            "name": "hideCopy",
+            "name": "container",
+            "required": false,
+            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "defaultValue": null,
+            "description": "A parent element to render the portal element into."
+          },
+          {
+            "name": "keepMounted",
             "required": false,
             "type": "boolean",
             "defaultValue": "false",
-            "description": "Hide the copy button."
+            "description": "Whether to keep the portal mounted in the DOM while the popup is hidden."
           },
           {
-            "name": "language",
+            "name": "ref",
             "required": false,
-            "type": "string",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
-            "description": "Language label shown in the corner notch. Omit to hide the notch."
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
-            "name": "ref",
+            "name": "render",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxPortalState>",
             "defaultValue": null,
-            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+            "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: ComboboxPortalState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Code.Inline",
-        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. `Typo.InlineCode` renders this under the hood so inline-code chrome is\ndefined in one place. The copy button copies the rendered text.",
+        "name": "Combobox.Positioner",
+        "description": "Combobox.Positioner — positions the popup relative to the field.",
         "props": [
           {
-            "name": "children",
-            "required": true,
-            "type": "ReactNode",
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "start",
+            "description": "How to align the popup relative to the specified side."
+          },
+          {
+            "name": "alignOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "0",
+            "description": "Additional offset along the alignment axis in pixels.\nAlso accepts a function that returns the offset to read the dimensions of the anchor\nand positioner elements, along with its side and alignment.\n\nThe function takes a `data` object parameter with the following properties:\n- `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.\n- `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.\n- `data.side`: which side of the anchor element the positioner is aligned against.\n- `data.align`: how the positioner is aligned relative to the specified side.\n@example ```jsx\n<Positioner\n  alignOffset={({ side, align, anchor, positioner }) => {\n    return side === 'top' || side === 'bottom'\n      ? anchor.width\n      : anchor.height;\n  }}\n/>\n```"
+          },
+          {
+            "name": "anchor",
+            "required": false,
+            "type": "| Element\n| VirtualElement\n| RefObject<Element | null>\n| (() => Element | VirtualElement | null)\n| null",
             "defaultValue": null,
-            "description": "Code content shown in the chip. The copy button copies its rendered text."
+            "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger."
           },
           {
-            "name": "copyable",
+            "name": "arrowPadding",
+            "required": false,
+            "type": "number",
+            "defaultValue": "5",
+            "description": "Minimum distance to maintain between the arrow and the edges of the popup.\n\nUse it to prevent the arrow element from hanging out of the rounded corners of a popup."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: ComboboxPositionerState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "collisionAvoidance",
+            "required": false,
+            "type": "CollisionAvoidance",
+            "defaultValue": null,
+            "description": "Determines how to handle collisions when positioning the popup.\n\n`side` controls overflow on the preferred placement axis (`top`/`bottom` or `left`/`right`):\n- `'flip'`: keep the requested side when it fits; otherwise try the opposite side\n  (`top` and `bottom`, or `left` and `right`).\n- `'shift'`: never change side; keep the requested side and move the popup within\n  the clipping boundary so it stays visible.\n- `'none'`: do not correct side-axis overflow.\n\n`align` controls overflow on the alignment axis (`start`/`center`/`end`):\n- `'flip'`: keep side, but swap `start` and `end` when the requested alignment overflows.\n- `'shift'`: keep side and requested alignment, then nudge the popup along the\n  alignment axis to fit.\n- `'none'`: do not correct alignment-axis overflow.\n\n`fallbackAxisSide` controls fallback behavior on the perpendicular axis when the\npreferred axis cannot fit:\n- `'start'`: allow perpendicular fallback and try the logical start side first\n  (`top` before `bottom`, or `left` before `right` in LTR).\n- `'end'`: allow perpendicular fallback and try the logical end side first\n  (`bottom` before `top`, or `right` before `left` in LTR).\n- `'none'`: do not fallback to the perpendicular axis.\n\nWhen `side` is `'shift'`, explicitly setting `align` only supports `'shift'` or `'none'`.\nIf `align` is omitted, it defaults to `'flip'`.\n@example ```jsx\n<Positioner\n  collisionAvoidance={{\n    side: 'shift',\n    align: 'shift',\n    fallbackAxisSide: 'none',\n  }}\n/>\n```"
+          },
+          {
+            "name": "collisionBoundary",
+            "required": false,
+            "type": "Boundary",
+            "defaultValue": "clipping-ancestors",
+            "description": "An element or a rectangle that delimits the area that the popup is confined to."
+          },
+          {
+            "name": "collisionPadding",
+            "required": false,
+            "type": "Padding",
+            "defaultValue": "5",
+            "description": "Additional space to maintain from the edge of the collision boundary."
+          },
+          {
+            "name": "disableAnchorTracking",
             "required": false,
             "type": "boolean",
             "defaultValue": "false",
-            "description": "Show a small copy button on the right, behind a hairline separator."
+            "description": "Whether to disable the popup from tracking any layout shift of its positioning anchor."
+          },
+          {
+            "name": "positionMethod",
+            "required": false,
+            "type": "\"absolute\" | \"fixed\"",
+            "defaultValue": "absolute",
+            "description": "Determines which CSS `position` property to use."
           },
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxPositionerState>",
             "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": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "bottom",
+            "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions."
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number | OffsetFunction",
+            "defaultValue": "4",
+            "description": "Distance between the anchor and the popup in pixels.\nAlso accepts a function that returns the distance to read the dimensions of the anchor\nand positioner elements, along with its side and alignment.\n\nThe function takes a `data` object parameter with the following properties:\n- `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.\n- `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.\n- `data.side`: which side of the anchor element the positioner is aligned against.\n- `data.align`: how the positioner is aligned relative to the specified side.\n@example ```jsx\n<Positioner\n  sideOffset={({ side, align, anchor, positioner }) => {\n    return side === 'top' || side === 'bottom'\n      ? anchor.height\n      : anchor.width;\n  }}\n/>\n```"
+          },
+          {
+            "name": "sticky",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to maintain the popup in the viewport after\nthe anchor element was scrolled out of view."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: ComboboxPositionerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Code.InlineLink",
-        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with an optional 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).",
+        "name": "Combobox.Row",
+        "description": "Combobox.Row — one row of a `grid` list.",
         "props": [
           {
-            "name": "kind",
+            "name": "className",
             "required": false,
-            "type": "CodeInlineLinkKind",
-            "defaultValue": "external",
-            "description": "Link target scope. `\"external\"` (default) opens in a new tab; `\"internal\"` stays in the current tab."
+            "type": "string | ((state: ComboboxRowState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLElement>",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
             "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxRowState>",
             "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: ComboboxRowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
-      }
-    ]
-  },
-  "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": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-        },
-        {
-          "name": "defaultOpen",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the collapsible panel is initially open.\n\nTo render a controlled collapsible, use the `open` prop instead."
-        },
-        {
-          "name": "disabled",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the component should ignore user interaction."
-        },
-        {
-          "name": "onOpenChange",
-          "required": false,
-          "type": "(\n  open: boolean,\n  eventDetails: CollapsibleRootChangeEventDetails\n) => void",
-          "defaultValue": null,
-          "description": "Event handler called when the panel is opened or closed."
-        },
-        {
-          "name": "open",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": null,
-          "description": "Whether the collapsible panel is currently open.\n\nTo render an uncontrolled collapsible, use the `defaultOpen` prop instead."
-        },
-        {
-          "name": "ref",
-          "required": false,
-          "type": "Ref<HTMLDivElement>",
-          "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-        },
-        {
-          "name": "render",
-          "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsibleRootState>",
-          "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: CollapsibleRootState) => CSSProperties)",
-          "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-        },
-        {
-          "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.",
+        "name": "Combobox.Separator",
+        "description": "Combobox.Separator — thin divider between items.",
         "props": [
           {
-            "name": "className",
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: SeparatorState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "orientation",
             "required": false,
-            "type": "| string\n| ((state: CollapsiblePanelState) => string)",
+            "type": "Orientation",
+            "defaultValue": "horizontal",
+            "description": "The orientation of the separator."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
           },
           {
-            "name": "hiddenUntilFound",
+            "name": "render",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Allows the browser's built-in page search to find and expand the panel contents.\n\nOverrides the `keepMounted` prop and uses `hidden=\"until-found\"`\nto hide the element without removing it from the DOM."
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, SeparatorState>",
+            "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": "keepMounted",
+            "name": "style",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether to keep the element in the DOM while the panel is hidden.\nThis prop is ignored when `hiddenUntilFound` is used."
+            "type": "| CSSProperties\n| ((state: SeparatorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Combobox.Status",
+        "description": "Combobox.Status — live-region line for loading and result counts, announced to screen readers.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: ComboboxStatusState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
             "name": "ref",
@@ -1273,30 +3792,37 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsiblePanelState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxStatusState>",
             "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: CollapsiblePanelState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ComboboxStatusState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Collapsible.Trigger",
-        "description": "Collapsible.Trigger — button that toggles the panel open and closed.",
+        "name": "Combobox.Trigger",
+        "description": "Combobox.Trigger — button that opens the popup. Without children it draws a chevron.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: CollapsibleTriggerState) => string)",
+            "type": "| string\n| ((state: ComboboxTriggerState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
           {
             "name": "nativeButton",
             "required": false,
@@ -1314,114 +3840,34 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, CollapsibleTriggerState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ComboboxTriggerState>",
             "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: CollapsibleTriggerState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ComboboxTriggerState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
+      },
+      {
+        "name": "Combobox.Value",
+        "description": "Combobox.Value — renders the selected value, or the placeholder.",
+        "props": [
+          {
+            "name": "placeholder",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "The placeholder value to display when no value is selected.\nThis is overridden by `children` if specified, or by a null item's label in `items`."
+          }
+        ]
       }
     ]
   },
-  "color-scheme-toggle": {
-    "root": {
-      "name": "ColorSchemeToggle",
-      "description": "ColorSchemeToggle - lets the user pick Light, System, or Dark. It reads and stores the preference through\n`useColorScheme`, so placing it is enough. System stays pressed while the page follows the operating system.",
-      "props": [
-        {
-          "name": "className",
-          "required": false,
-          "type": "string | ((state: ToggleGroupState) => string)",
-          "defaultValue": null,
-          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-        },
-        {
-          "name": "darkLabel",
-          "required": false,
-          "type": "string",
-          "defaultValue": "Dark",
-          "description": "Text of the segment that picks the dark scheme."
-        },
-        {
-          "name": "disabled",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the toggle group should ignore user interaction."
-        },
-        {
-          "name": "label",
-          "required": false,
-          "type": "string",
-          "defaultValue": "Color scheme",
-          "description": "Accessible name of the group."
-        },
-        {
-          "name": "lightLabel",
-          "required": false,
-          "type": "string",
-          "defaultValue": "Light",
-          "description": "Text of the segment that picks the light scheme."
-        },
-        {
-          "name": "loopFocus",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": "true",
-          "description": "Whether to loop keyboard focus back to the first item\nwhen the end of the list is reached while using the arrow keys."
-        },
-        {
-          "name": "orientation",
-          "required": false,
-          "type": "Orientation",
-          "defaultValue": "horizontal",
-          "description": ""
-        },
-        {
-          "name": "ref",
-          "required": false,
-          "type": "Ref<HTMLDivElement>",
-          "defaultValue": null,
-          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
-        },
-        {
-          "name": "render",
-          "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ToggleGroupState>",
-          "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": "size",
-          "required": false,
-          "type": "\"sm\" | \"md\" | null",
-          "defaultValue": null,
-          "description": ""
-        },
-        {
-          "name": "style",
-          "required": false,
-          "type": "| CSSProperties\n| ((state: ToggleGroupState) => CSSProperties)",
-          "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-        },
-        {
-          "name": "systemLabel",
-          "required": false,
-          "type": "string",
-          "defaultValue": "System",
-          "description": "Text of the segment that follows the operating system."
-        }
-      ]
-    },
-    "subComponents": []
-  },
   "copy-button": {
     "root": {
       "name": "CopyButton",
@@ -2388,7 +4834,7 @@
           "name": "borderColor",
           "required": false,
           "type": "BorderColor",
-          "defaultValue": "primary",
+          "defaultValue": "none",
           "description": "Colour of the border on the panel's open edge. Inherited by Drawer.Popup;\na Popup-level prop overrides it."
         },
         {
@@ -5976,7 +8422,7 @@
       },
       {
         "name": "Popover.Trigger",
-        "description": "Popover.Trigger — button that opens the popover.",
+        "description": "Popover.Trigger — button that opens the popover. With `render`, the rendered element keeps its own styles, such as a `Button`.",
         "props": [
           {
             "name": "className",
@@ -8467,6 +10913,26 @@
           }
         ]
       },
+      {
+        "name": "Table.RowButton",
+        "description": "Table.RowButton — a `<button>` that stands for its whole row, such as one that opens a drawer. Use it when the row acts\ninstead of navigating; a link that goes to a page is a `Table.RowLink`.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLTableElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
+            "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": "Table.RowLink",
         "description": "Table.RowLink — an `<a>` that stands in for its whole row, such as a link to the row's detail page. Reads as row text,\nnot as a separate link, and wraps anywhere so long values like emails stay inside a narrow table.",
@@ -8794,6 +11260,92 @@
       }
     ]
   },
+  "textarea": {
+    "root": {
+      "name": "Textarea",
+      "description": "Multi-line text input. Also called a text area; use Input for a single line.\nWraps Base UI Input rendered as a textarea for controlled/uncontrolled state, form integration,\nand Field context awareness (valid/invalid/dirty/touched/filled/focused). `className` and `style`\ngo to the root wrapper; every other prop goes to the textarea.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Class of the root wrapper that lays the field out."
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The default value of the input. Use when uncontrolled."
+        },
+        {
+          "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": "Callback fired when the `value` changes. Use when controlled."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLTextAreaElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, InputState>",
+          "defaultValue": "<textarea />",
+          "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": "resize",
+          "required": false,
+          "type": "\"vertical\" | \"horizontal\" | \"both\" | \"none\"",
+          "defaultValue": "vertical",
+          "description": "Which directions the user can drag to resize. `horizontal` and `both` size the textarea from `cols` and shrink-wrap\nthe root, so the width follows the drag; `none` hides the resize corner."
+        },
+        {
+          "name": "rows",
+          "required": false,
+          "type": "number",
+          "defaultValue": "3",
+          "description": "Number of visible text lines."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "CSSProperties",
+          "defaultValue": null,
+          "description": "Style of the root wrapper that lays the field out."
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "string | number | readonly string[]",
+          "defaultValue": null,
+          "description": "The value of the input. Use when controlled."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "\"outline\" | \"filled\" | \"ghost\" | null",
+          "defaultValue": "outline",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
   "toast": {
     "root": {
       "name": "Toast.Root",
@@ -10549,6 +13101,13 @@
         "name": "Typo.UnorderedList",
         "description": "Typo.UnorderedList — bulleted list.",
         "props": [
+          {
+            "name": "markerVariant",
+            "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": null,
+            "description": "Colour of the dash. Omit to follow the text colour."
+          },
           {
             "name": "ref",
             "required": false,