@imfusion/web-ui 0.10.1-dev.6.gf715361a → 0.10.1-dev.60.g7891a716

package/src/docgen/doc.gen.json

@@ -2,7 +2,7 @@
   "account-card": {
     "root": {
       "name": "AccountCard.Root",
-      "description": "AccountCard.Root — the signed-in person's card: `AccountCard.Link` and, in its top row, `AccountCard.Action`. The\naction sits beside the link, not inside it, since a link cannot contain a button.",
+      "description": "AccountCard.Root — the signed-in person's row, holding `AccountCard.Avatar`, `AccountCard.Title`, `AccountCard.Subtitle`,\n`AccountCard.Description`, `AccountCard.Role`, and, at its top right, `AccountCard.Action`. The row itself is not\ninteractive; the action's buttons are.",
       "props": [
         {
           "name": "context",
@@ -23,7 +23,7 @@
     "subComponents": [
       {
         "name": "AccountCard.Action",
-        "description": "AccountCard.Action — a slot in the card's top row, beside the link, such as a ghost icon `Button` that logs out. The\nbutton carries its own `aria-label` and its own `context`.",
+        "description": "AccountCard.Action — the card's top-right slot for ghost `IconButton`s, such as one that logs out. The\nbutton carries its own `aria-label` and its own `context`.",
         "props": [
           {
             "name": "ref",
@@ -49,7 +49,7 @@
             "name": "size",
             "required": false,
             "type": "\"sm\" | \"md\" | \"lg\" | null",
-            "defaultValue": "md",
+            "defaultValue": "sm",
             "description": "The avatar size."
           },
           {
@@ -63,33 +63,7 @@
       },
       {
         "name": "AccountCard.Description",
-        "description": "AccountCard.Description — the organization, under a rule at the foot 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": "AccountCard.Group",
-        "description": "AccountCard.Group — a list of cards, such as accounts to switch between. Inside it a link with `aria-current=\"page\"`\nshows as current; a standalone card is always the signed-in account and shows no current state.",
-        "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": "AccountCard.Link",
-        "description": "AccountCard.Link — the link to the account, holding `AccountCard.Avatar`, `AccountCard.Title`,\n`AccountCard.Subtitle`, `AccountCard.Description`, and `AccountCard.Role`. Pass a router link through `render`. Its\naccessible name is its text; the avatar stays decorative.",
+        "description": "AccountCard.Description — the organization, set apart below the subtitle.",
         "props": [
           {
             "name": "ref",
@@ -97,19 +71,12 @@
             "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, {}>",
-            "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": "AccountCard.Role",
-        "description": "AccountCard.Role — a mono uppercase label beside the description, such as the person's role.",
+        "description": "AccountCard.Role — a mono uppercase label under the description, such as the person's role.",
         "props": [
           {
             "name": "ref",
@@ -135,7 +102,7 @@
       },
       {
         "name": "AccountCard.Title",
-        "description": "AccountCard.Title — the account's name, or the email's local part until a name exists. Set large; text wraps before\nan `@` and after a dot.",
+        "description": "AccountCard.Title — the account's name, or the email's local part until a name exists. Text wraps before an `@` and\nafter a dot.",
         "props": [
           {
             "name": "ref",
@@ -151,7 +118,7 @@
   "app-shell": {
     "root": {
       "name": "AppShell.Root",
-      "description": "",
+      "description": "AppShell — application layout shell.\n\nThe classic dashboard frame: collapsible navbar/aside sidebars, a page\nheader, an optional footer, and a scrolling main content area. Also called\nan app layout, application frame, dashboard shell, or sidebar layout.\n\nComposed of eight sub-components used with dot-notation: `AppShell.Root` wraps\n`AppShell.Header`, `AppShell.Navbar`, `AppShell.Aside`, `AppShell.Footer`,\n`AppShell.Main`, and (inside a sidebar) `AppShell.Section` and `AppShell.NavItem`.\n\nSizing is CSS-driven — override the `--imf-ui-appshell-*` custom properties\nrather than passing dimension props. Below the responsive breakpoints the\nnavbar (`md`) and aside (`lg`) open as drawers, and the shell renders the\nnavbar's toggle itself.\n\nCopied and adapted from Mantine's AppShell; no upstream runtime dependency.\nMIT licensed (see Mantine repo).",
       "props": [
         {
           "name": "ref",
@@ -167,6 +134,20 @@
         "name": "AppShell.Aside",
         "description": "Below `lg` the aside opens as a drawer: from the bottom on phones, from the inline end on tablets.",
         "props": [
+          {
+            "name": "closeLabel",
+            "required": false,
+            "type": "string",
+            "defaultValue": "Close panel",
+            "description": "Accessible name of the close button shown while the aside is a drawer."
+          },
+          {
+            "name": "defaultOpen",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the drawer starts open when `open` is omitted."
+          },
           {
             "name": "onOpenChange",
             "required": false,
@@ -211,68 +192,6 @@
           }
         ]
       },
-      {
-        "name": "AppShell.Burger",
-        "description": "AppShell.Burger — the header's menu toggle: three sheared bands that cross when `opened`. Takes its color from the\nsurface and hides from `md` up, where the navbar is docked.",
-        "props": [
-          {
-            "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": "focusableWhenDisabled",
-            "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether the button should be focusable when disabled."
-          },
-          {
-            "name": "label",
-            "required": false,
-            "type": "string",
-            "defaultValue": null,
-            "description": "Accessible name. Defaults to \"Open navigation\" or \"Close navigation\" from `opened`."
-          },
-          {
-            "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": "opened",
-            "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether the navigation it controls is open; draws the cross and sets `aria-expanded`."
-          },
-          {
-            "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, 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": "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": "AppShell.Footer",
         "description": "",
@@ -288,7 +207,7 @@
       },
       {
         "name": "AppShell.Header",
-        "description": "",
+        "description": "AppShell.Header — the page row: a title and actions at every width. Below `md` it sits under the shell's bar, and from\n`md` it sits beside the rail.",
         "props": [
           {
             "name": "ref",
@@ -314,8 +233,29 @@
       },
       {
         "name": "AppShell.Navbar",
-        "description": "`variant=\"branded\"` paints the primary color; children opt into on-color themselves. Below `md` the navbar opens as a\ndrawer from the inline end.",
+        "description": "The navbar owns its frame: `logo` on top, the children (nav items) in the middle, `account` at the foot. Without a\nHeader the logo's bottom edge sits on the baseline of Main's first heading. `variant=\"branded\"` paints the primary\ncolor; children opt into on-color themselves. Below `md` the navbar opens as a drawer from the inline start, with its\nclose on the logo row.",
         "props": [
+          {
+            "name": "account",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "The signed-in account at the foot of the rail, usually an `AccountCard`. Without it the foot is omitted."
+          },
+          {
+            "name": "defaultOpen",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the drawer starts open when `open` is omitted."
+          },
+          {
+            "name": "logo",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": "variant === \"branded\" ? oncolorLogo : brandLogo",
+            "description": "The brand at the top of the rail. Defaults to the ImFusion logo; `null` leaves the row empty."
+          },
           {
             "name": "onOpenChange",
             "required": false,
@@ -348,7 +288,7 @@
       },
       {
         "name": "AppShell.NavItem",
-        "description": "AppShell.NavItem — a navbar link: icon, mono label, and an optional description. Takes its color from the navbar;\n`aria-current=\"page\"` marks the current page. Pass a router link through `render`.",
+        "description": "AppShell.NavItem — a navbar link: icon, mono label, and an optional description. Takes its color from the navbar;\n`aria-current=\"page\"` underlines the label. Pass a router link through `render`. Followed inside the navbar drawer,\nit closes the drawer.",
         "props": [
           {
             "name": "description",
@@ -707,7 +647,7 @@
       },
       {
         "name": "Callout.Title",
-        "description": "Callout.Title — an optional short heading, set in the semi-mono UPPERCASE technical voice.",
+        "description": "Callout.Title — an optional short heading, set in the mono UPPERCASE technical voice.",
         "props": [
           {
             "name": "ref",
@@ -1389,6 +1329,99 @@
       }
     ]
   },
+  "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",
@@ -1517,155 +1550,99 @@
     },
     "subComponents": []
   },
-  "drawer": {
+  "dialog": {
     "root": {
-      "name": "Drawer.Root",
-      "description": "Drawer.Root — container that manages open/closed state and gesture interaction.",
+      "name": "Dialog.Root",
+      "description": "Dialog.Root — container that manages open/closed state.",
       "props": [
         {
           "name": "actionsRef",
           "required": false,
-          "type": "RefObject<DrawerRootActions | null>",
+          "type": "RefObject<DialogRootActions | null>",
           "defaultValue": null,
-          "description": "A ref to imperative actions.\n- `unmount`: Manually unmounts the drawer.\nCall this after any externally controlled closing animation finishes.\n- `close`: Closes the drawer imperatively when called."
-        },
-        {
-          "name": "borderColor",
-          "required": false,
-          "type": "BorderColor",
-          "defaultValue": "primary",
-          "description": "Colour of the border on the panel's open edge. Inherited by Drawer.Popup;\na Popup-level prop overrides it."
-        },
-        {
-          "name": "borderStyle",
-          "required": false,
-          "type": "BorderStyle",
-          "defaultValue": "solid",
-          "description": "Stroke style of the border on the panel's open edge. Inherited by\nDrawer.Popup; a Popup-level prop overrides it."
+          "description": "A ref to imperative actions.\n- `unmount`: Manually unmounts the dialog.\nCall this after any externally controlled closing animation finishes.\n- `close`: Closes the dialog imperatively when called."
         },
         {
           "name": "children",
           "required": false,
           "type": "ReactNode | PayloadChildRenderFunction<Payload>",
           "defaultValue": null,
-          "description": "The content of the drawer."
+          "description": "The content of the dialog.\nThis can be a regular React node or a render function that receives the `payload` of the active trigger."
         },
         {
           "name": "defaultOpen",
           "required": false,
           "type": "boolean",
           "defaultValue": "false",
-          "description": "Whether the drawer is initially open.\n\nTo render a controlled drawer, use the `open` prop instead."
-        },
-        {
-          "name": "defaultSnapPoint",
-          "required": false,
-          "type": "DrawerSnapPoint | null",
-          "defaultValue": null,
-          "description": "The initial snap point value when uncontrolled."
+          "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead."
         },
         {
           "name": "defaultTriggerId",
           "required": false,
           "type": "string | null",
           "defaultValue": null,
-          "description": "ID of the trigger that the drawer is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open drawer."
+          "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open dialog."
         },
         {
           "name": "disablePointerDismissal",
           "required": false,
           "type": "boolean",
           "defaultValue": "false",
-          "description": "Whether to prevent the drawer from closing on outside presses.\nFor non-modal drawers, this also prevents the drawer from closing when focus moves outside of it."
+          "description": "Whether to prevent the dialog from closing on outside presses.\nFor non-modal dialogs, this also prevents the dialog from closing when focus moves outside of it."
         },
         {
           "name": "handle",
           "required": false,
           "type": "DialogHandle<Payload>",
           "defaultValue": null,
-          "description": "A handle to associate the drawer with a trigger.\nIf specified, allows detached triggers to control the drawer's open state.\nCan be created with the Drawer.createHandle() method."
+          "description": "A handle to associate the dialog with a trigger.\nIf specified, allows external triggers to control the dialog's open state.\nCan be created with the Dialog.createHandle() method."
         },
         {
           "name": "modal",
           "required": false,
           "type": "boolean | \"trap-focus\"",
           "defaultValue": "true",
-          "description": "Determines if the drawer enters a modal state when open.\n- `true`: user interaction is limited to just the drawer: focus is trapped, 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.\n- `'trap-focus'`: focus is trapped inside the drawer, but document page scroll is not locked and pointer interactions outside of it remain enabled."
+          "description": "Determines if the dialog enters a modal state when open.\n- `true`: user interaction is limited to just the dialog: focus is trapped, 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.\n- `'trap-focus'`: focus is trapped inside the dialog, but document page scroll is not locked and pointer interactions outside of it remain enabled.\n\nWhen `modal` is `true` or `'trap-focus'`, render `<Dialog.Close>` inside `<Dialog.Popup>` so\ntouch screen readers can escape the popup."
         },
         {
           "name": "onOpenChange",
           "required": false,
-          "type": "(\n  open: boolean,\n  eventDetails: DrawerRootChangeEventDetails\n) => void",
+          "type": "(\n  open: boolean,\n  eventDetails: DialogRootChangeEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Event handler called when the drawer is opened or closed."
+          "description": "Event handler called when the dialog is opened or closed."
         },
         {
           "name": "onOpenChangeComplete",
           "required": false,
           "type": "(open: boolean) => void",
           "defaultValue": null,
-          "description": "Event handler called after any animations complete when the drawer is opened or closed."
-        },
-        {
-          "name": "onSnapPointChange",
-          "required": false,
-          "type": "(\n  snapPoint: DrawerSnapPoint | null,\n  eventDetails: DrawerRootSnapPointChangeEventDetails\n) => void",
-          "defaultValue": null,
-          "description": "Callback fired when the snap point changes."
+          "description": "Event handler called after any animations complete when the dialog is opened or closed."
         },
         {
           "name": "open",
           "required": false,
           "type": "boolean",
           "defaultValue": null,
-          "description": "Whether the drawer is currently open."
-        },
-        {
-          "name": "snapPoint",
-          "required": false,
-          "type": "DrawerSnapPoint | null",
-          "defaultValue": null,
-          "description": "The currently active snap point. Use with `onSnapPointChange` to control the snap point."
-        },
-        {
-          "name": "snapPoints",
-          "required": false,
-          "type": "DrawerSnapPoint[]",
-          "defaultValue": null,
-          "description": "Snap points used to position the drawer.\nUse numbers between 0 and 1 to represent fractions of the viewport height,\nnumbers greater than 1 as pixel values, or strings in `px`/`rem` units\n(for example, `'148px'` or `'30rem'`)."
-        },
-        {
-          "name": "snapToSequentialPoints",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Disables velocity-based snap skipping so drag distance determines the next snap point."
-        },
-        {
-          "name": "swipeDirection",
-          "required": false,
-          "type": "SwipeDirection",
-          "defaultValue": "down",
-          "description": "The swipe direction used to dismiss the drawer."
+          "description": "Whether the dialog is currently open."
         },
         {
           "name": "triggerId",
           "required": false,
           "type": "string | null",
           "defaultValue": null,
-          "description": "ID of the trigger that the drawer is associated with.\nThis is useful in conjunction with the `open` prop to create a controlled drawer.\nThere's no need to specify this prop when the drawer is uncontrolled (that is, when the `open` prop is not set)."
+          "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `open` prop to create a controlled dialog.\nThere's no need to specify this prop when the dialog is uncontrolled (that is, when the `open` prop is not set)."
         }
       ]
     },
     "subComponents": [
       {
-        "name": "Drawer.Backdrop",
-        "description": "Drawer.Backdrop — semi-transparent overlay that dims the page content behind the drawer.",
+        "name": "Dialog.Backdrop",
+        "description": "Dialog.Backdrop — flat dark overlay that dims the page behind the dialog.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: DrawerBackdropState) => string)",
+            "type": "string | ((state: DialogBackdropState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
@@ -1686,36 +1663,43 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerBackdropState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogBackdropState>",
             "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: DrawerBackdropState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogBackdropState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Drawer.Close",
-        "description": "Drawer.Close — button that closes the drawer.",
+        "name": "Dialog.Body",
+        "description": "Dialog.Body — the scrolling region between header and footer, a ScrollArea with the library's thumb and edge fades.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: DrawerCloseState) => string)",
+            "type": "string | ((state: ScrollAreaRootState) => 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",
+            "name": "orientation",
             "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>`)."
+            "type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\"",
+            "defaultValue": "vertical",
+            "description": "Which scrollbars to render. `both` also adds the Corner; `none` scrolls and fades without a visible bar."
+          },
+          {
+            "name": "overflowEdgeThreshold",
+            "required": false,
+            "type": "| number\n| Partial<{\n    xStart: number;\n    xEnd: number;\n    yStart: number;\n    yEnd: number;\n  }>",
+            "defaultValue": "0",
+            "description": "The threshold in pixels that must be passed before the overflow edge attributes are applied.\nAccepts a single number for all edges or an object to configure them individually."
           },
           {
             "name": "ref",
@@ -1727,30 +1711,37 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerCloseState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaRootState>",
             "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: DrawerCloseState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ScrollAreaRootState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Drawer.Content",
-        "description": "Drawer.Content — scrollable content wrapper inside the popup.",
+        "name": "Dialog.Close",
+        "description": "Dialog.Close — button that closes the dialog. With no `children` and no `render` it renders the library's ghost close\nbutton (a boxed × icon labelled \"Close\"); otherwise render your own `Button`.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: DrawerContentState) => string)",
+            "type": "string | ((state: DialogCloseState) => 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,
@@ -1761,27 +1752,27 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerContentState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogCloseState>",
             "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: DrawerContentState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogCloseState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Drawer.Description",
-        "description": "Drawer.Description — supplementary paragraph describing the drawer's purpose for screen readers.",
+        "name": "Dialog.Description",
+        "description": "Dialog.Description — supplementary paragraph that describes the dialog for screen readers, set as `Typo.P`.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: DrawerDescriptionState) => string)",
+            "type": "| string\n| ((state: DialogDescriptionState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
@@ -1795,219 +1786,215 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerDescriptionState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogDescriptionState>",
             "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: DrawerDescriptionState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogDescriptionState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Drawer.Indent",
-        "description": "Drawer.Indent — wraps app content that scales and lifts when a drawer opens. Receives `data-active` from Base UI; use `--drawer-swipe-progress` in CSS to drive the animation.",
+        "name": "Dialog.Footer",
+        "description": "Dialog.Footer — row of actions pinned to the bottom of the popup.",
         "props": [
-          {
-            "name": "className",
-            "required": false,
-            "type": "string | ((state: DrawerIndentState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
             "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": "Dialog.Header",
+        "description": "Dialog.Header — band at the top of the popup that holds the title, description, and close button.",
+        "props": [
           {
-            "name": "render",
+            "name": "ref",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerIndentState>",
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
             "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": "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": "style",
+            "name": "variant",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerIndentState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+            "type": "HeaderVariant",
+            "defaultValue": "main",
+            "description": "Colour of the header band. On `primary` the title, description, and close button turn light."
           }
         ]
       },
       {
-        "name": "Drawer.IndentBackground",
-        "description": "Drawer.IndentBackground — background layer placed behind Drawer.Indent. Styled to reveal a dark surface as the app content scales away.",
+        "name": "Dialog.Inline",
+        "description": "Dialog.Inline — like Dialog.Simple, but the trigger is text inside a sentence.",
         "props": [
           {
-            "name": "className",
+            "name": "actions",
             "required": false,
-            "type": "| string\n| ((state: DrawerIndentBackgroundState) => string)",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "Content of the footer, usually buttons. The footer renders only when this is set, and then replaces the header's\nclose button, so include a way out such as a Cancel `Dialog.Close`."
           },
           {
-            "name": "ref",
+            "name": "actionsRef",
             "required": false,
-            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "type": "RefObject<DialogRootActions | null>",
             "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": "A ref to imperative actions.\n- `unmount`: Manually unmounts the dialog.\nCall this after any externally controlled closing animation finishes.\n- `close`: Closes the dialog imperatively when called."
           },
           {
-            "name": "render",
+            "name": "children",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    DrawerIndentBackgroundState\n  >",
+            "type": "ReactNode",
             "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": "Content of the body."
           },
           {
-            "name": "style",
+            "name": "defaultOpen",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerIndentBackgroundState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      },
-      {
-        "name": "Drawer.Popup",
-        "description": "Drawer.Popup — the visible panel surface. Positioning is driven automatically by the nearest Drawer.Root's swipeDirection.",
-        "props": [
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead."
+          },
           {
-            "name": "borderColor",
+            "name": "defaultTriggerId",
             "required": false,
-            "type": "BorderColor",
+            "type": "string | null",
             "defaultValue": null,
-            "description": "Colour of the border on the open edge. Overrides the value inherited from\nDrawer.Root; defaults to it when unset."
+            "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open dialog."
           },
           {
-            "name": "borderStyle",
+            "name": "description",
             "required": false,
-            "type": "BorderStyle",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "Stroke style of the border on the open edge. Overrides the value inherited\nfrom Drawer.Root; defaults to it when unset."
+            "description": "Line of context under the title."
           },
           {
-            "name": "className",
+            "name": "disablePointerDismissal",
             "required": false,
-            "type": "string | ((state: DrawerPopupState) => string)",
-            "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to prevent the dialog from closing on outside presses.\nFor non-modal dialogs, this also prevents the dialog from closing when focus moves outside of it."
           },
           {
-            "name": "finalFocus",
+            "name": "eyebrow",
             "required": false,
-            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    closeType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "Determines the element to focus when the drawer 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."
+            "description": "Short uppercase label above the title."
           },
           {
-            "name": "initialFocus",
+            "name": "handle",
             "required": false,
-            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "type": "DialogHandle<Payload>",
             "defaultValue": null,
-            "description": "Determines the element to focus when the drawer 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."
+            "description": "A handle to associate the dialog with a trigger.\nIf specified, allows external triggers to control the dialog's open state.\nCan be created with the Dialog.createHandle() method."
           },
           {
-            "name": "ref",
+            "name": "headerVariant",
             "required": false,
-            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
-            "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}"
+            "type": "HeaderVariant",
+            "defaultValue": "main",
+            "description": "Colour of the header band."
           },
           {
-            "name": "render",
+            "name": "modal",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerPopupState>",
-            "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 | \"trap-focus\"",
+            "defaultValue": "true",
+            "description": "Determines if the dialog enters a modal state when open.\n- `true`: user interaction is limited to just the dialog: focus is trapped, 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.\n- `'trap-focus'`: focus is trapped inside the dialog, but document page scroll is not locked and pointer interactions outside of it remain enabled.\n\nWhen `modal` is `true` or `'trap-focus'`, render `<Dialog.Close>` inside `<Dialog.Popup>` so\ntouch screen readers can escape the popup."
           },
           {
-            "name": "style",
+            "name": "onOpenChange",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerPopupState) => CSSProperties)",
+            "type": "(\n  open: boolean,\n  eventDetails: DialogRootChangeEventDetails\n) => void",
             "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      },
-      {
-        "name": "Drawer.Portal",
-        "description": "Drawer.Portal — renders backdrop and popup in a portal outside the main document flow.",
-        "props": [
+            "description": "Event handler called when the dialog is opened or closed."
+          },
           {
-            "name": "className",
+            "name": "onOpenChangeComplete",
             "required": false,
-            "type": "string | ((state: DrawerPortalState) => string)",
+            "type": "(open: boolean) => void",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "Event handler called after any animations complete when the dialog is opened or closed."
           },
           {
-            "name": "container",
+            "name": "open",
             "required": false,
-            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "type": "boolean",
             "defaultValue": null,
-            "description": "A parent element to render the portal element into."
+            "description": "Whether the dialog is currently open."
           },
           {
-            "name": "keepMounted",
+            "name": "size",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether to keep the portal mounted in the DOM while the popup is hidden."
+            "type": "\"sm\" | \"md\" | \"lg\" | \"full\"",
+            "defaultValue": "md",
+            "description": "Width of the window."
           },
           {
-            "name": "ref",
+            "name": "status",
             "required": false,
-            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "type": "| NonNullable<\n    \"info\" | \"positive\" | \"warning\" | \"negative\" | null\n  >\n| undefined",
             "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": "Adds a `Dialog.Status` with this variant at the start of the popup."
           },
           {
-            "name": "render",
-            "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerPortalState>",
+            "name": "title",
+            "required": true,
+            "type": "ReactNode",
             "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": "Heading of the dialog."
           },
           {
-            "name": "style",
+            "name": "trigger",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Text of the trigger, set as an inline term inside running prose."
+          },
+          {
+            "name": "triggerId",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerPortalState) => CSSProperties)",
+            "type": "string | null",
             "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+            "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `open` prop to create a controlled dialog.\nThere's no need to specify this prop when the dialog is uncontrolled (that is, when the `open` prop is not set)."
           }
         ]
       },
       {
-        "name": "Drawer.Provider",
-        "description": "Drawer.Provider — shared context for coordinating indent/background effects across multiple drawers. Required ancestor for Drawer.Indent and Drawer.IndentBackground.",
-        "props": []
-      },
-      {
-        "name": "Drawer.SwipeArea",
-        "description": "Drawer.SwipeArea — invisible fixed region that listens for swipe gestures to open the drawer. Position and size it at the screen edge relevant to the swipeDirection.",
+        "name": "Dialog.Popup",
+        "description": "Dialog.Popup — the window. Holds Header, Body, and Footer, or any free content.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: DrawerSwipeAreaState) => string)",
+            "type": "string | ((state: DialogPopupState) => 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",
+            "name": "finalFocus",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether the swipe area is disabled."
+            "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 dialog 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, `null` to fall back to 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 dialog is opened.\nBy default, focus moves to the first tabbable element inside the popup, except when the dialog\nis opened by touch — then the popup itself is focused to avoid opening the virtual keyboard.\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, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
           },
           {
             "name": "ref",
@@ -2019,37 +2006,51 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerSwipeAreaState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogPopupState>",
             "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",
+            "name": "size",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerSwipeAreaState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+            "type": "\"sm\" | \"md\" | \"lg\" | \"full\"",
+            "defaultValue": "md",
+            "description": "Width of the window. `full` fills the screen minus a margin."
           },
           {
-            "name": "swipeDirection",
+            "name": "style",
             "required": false,
-            "type": "SwipeDirection",
+            "type": "| CSSProperties\n| ((state: DialogPopupState) => CSSProperties)",
             "defaultValue": null,
-            "description": "The swipe direction that opens the drawer.\nDefaults to the opposite of `Drawer.Root` `swipeDirection`."
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Drawer.Title",
-        "description": "Drawer.Title — semantic heading for the drawer for screen readers.",
+        "name": "Dialog.Portal",
+        "description": "Dialog.Portal — renders backdrop and popup in a portal outside the main document flow.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: DrawerTitleState) => string)",
+            "type": "string | ((state: DialogPortalState) => 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,
@@ -2060,651 +2061,1505 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerTitleState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogPortalState>",
             "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: DrawerTitleState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogPortalState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Drawer.Trigger",
-        "description": "Drawer.Trigger — button that opens the drawer.",
+        "name": "Dialog.Simple",
+        "description": "Dialog.Simple — pre-composed dialog: trigger, header with title, description, and optional status, a scrolling body,\nand either a close button in the header or a footer of `actions`. Root props pass through.",
         "props": [
           {
-            "name": "className",
+            "name": "actions",
             "required": false,
-            "type": "string | ((state: DrawerTriggerState) => string)",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "Content of the footer, usually buttons. The footer renders only when this is set, and then replaces the header's\nclose button, so include a way out such as a Cancel `Dialog.Close`."
           },
           {
-            "name": "handle",
+            "name": "actionsRef",
             "required": false,
-            "type": "DialogHandle<unknown>",
+            "type": "RefObject<DialogRootActions | null>",
             "defaultValue": null,
-            "description": "A handle to associate the trigger with a drawer.\nCan be created with the Drawer.createHandle() method."
+            "description": "A ref to imperative actions.\n- `unmount`: Manually unmounts the dialog.\nCall this after any externally controlled closing animation finishes.\n- `close`: Closes the dialog imperatively when called."
           },
           {
-            "name": "id",
+            "name": "children",
             "required": false,
-            "type": "string",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "ID of the trigger. In addition to being forwarded to the rendered element,\nit is also used to specify the active trigger for drawers in controlled mode (with the Drawer.Root `triggerId` prop)."
+            "description": "Content of the body."
           },
           {
-            "name": "nativeButton",
+            "name": "defaultOpen",
             "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 dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead."
           },
           {
-            "name": "payload",
+            "name": "defaultTriggerId",
             "required": false,
-            "type": "unknown",
+            "type": "string | null",
             "defaultValue": null,
-            "description": "A payload to pass to the drawer when it is opened."
+            "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open dialog."
           },
           {
-            "name": "ref",
+            "name": "description",
             "required": false,
-            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "type": "ReactNode",
             "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": "Line of context under the title."
           },
           {
-            "name": "render",
+            "name": "disablePointerDismissal",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerTriggerState>",
-            "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": "false",
+            "description": "Whether to prevent the dialog from closing on outside presses.\nFor non-modal dialogs, this also prevents the dialog from closing when focus moves outside of it."
           },
           {
-            "name": "style",
+            "name": "eyebrow",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerTriggerState) => CSSProperties)",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      },
-      {
-        "name": "Drawer.Viewport",
-        "description": "Drawer.Viewport — full-screen container that positions the popup.",
-        "props": [
+            "description": "Short uppercase label above the title."
+          },
           {
-            "name": "className",
+            "name": "handle",
             "required": false,
-            "type": "string | ((state: DrawerViewportState) => string)",
+            "type": "DialogHandle<Payload>",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "A handle to associate the dialog with a trigger.\nIf specified, allows external triggers to control the dialog's open state.\nCan be created with the Dialog.createHandle() method."
           },
           {
-            "name": "ref",
+            "name": "headerVariant",
             "required": false,
-            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
-            "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}"
+            "type": "HeaderVariant",
+            "defaultValue": "main",
+            "description": "Colour of the header band."
           },
           {
-            "name": "render",
+            "name": "modal",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DrawerViewportState>",
-            "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 | \"trap-focus\"",
+            "defaultValue": "true",
+            "description": "Determines if the dialog enters a modal state when open.\n- `true`: user interaction is limited to just the dialog: focus is trapped, 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.\n- `'trap-focus'`: focus is trapped inside the dialog, but document page scroll is not locked and pointer interactions outside of it remain enabled.\n\nWhen `modal` is `true` or `'trap-focus'`, render `<Dialog.Close>` inside `<Dialog.Popup>` so\ntouch screen readers can escape the popup."
           },
           {
-            "name": "style",
+            "name": "onOpenChange",
             "required": false,
-            "type": "| CSSProperties\n| ((state: DrawerViewportState) => CSSProperties)",
+            "type": "(\n  open: boolean,\n  eventDetails: DialogRootChangeEventDetails\n) => void",
             "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      }
-    ]
-  },
-  "field": {
-    "root": {
-      "name": "Field.Root",
-      "description": "Field.Root — groups a label, control, validation state, and supporting copy.",
-      "props": [
-        {
-          "name": "actionsRef",
-          "required": false,
-          "type": "RefObject<FieldRootActions | null>",
-          "defaultValue": null,
-          "description": "A ref to imperative actions.\n- `validate`: Validates the field when called."
-        },
-        {
-          "name": "className",
-          "required": false,
-          "type": "string | ((state: FieldRootState) => string)",
-          "defaultValue": null,
-          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-        },
-        {
-          "name": "dirty",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": null,
-          "description": "Whether the field's value has been changed from its initial value.\nUseful when the field state is controlled by an external library."
-        },
-        {
-          "name": "disabled",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the component should ignore user interaction.\nTakes precedence over the `disabled` prop on the `<Field.Control>` component."
-        },
-        {
-          "name": "invalid",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": null,
-          "description": "Whether the field is invalid.\nUseful when the field state is controlled by an external library."
-        },
-        {
-          "name": "name",
-          "required": false,
-          "type": "string",
-          "defaultValue": null,
-          "description": "Identifies the field when a form is submitted.\nTakes precedence over the `name` prop on the `<Field.Control>` component."
-        },
-        {
-          "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, FieldRootState>",
-          "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: FieldRootState) => CSSProperties)",
-          "defaultValue": null,
-          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-        },
-        {
-          "name": "touched",
-          "required": false,
-          "type": "boolean",
-          "defaultValue": null,
-          "description": "Whether the field has been touched.\nUseful when the field state is controlled by an external library."
-        },
-        {
-          "name": "validate",
-          "required": false,
-          "type": "(\n  value: unknown,\n  formValues: Record<string, any>\n) =>\n  | string\n  | string[]\n  | Promise<string | string[] | null>\n  | null",
-          "defaultValue": null,
-          "description": "A function for custom validation. Return a string or an array of strings with\nthe error message(s) if the value is invalid, or `null` if the value is valid.\nAsynchronous functions are supported, but they do not prevent form submission\nwhen using `validationMode=\"onSubmit\"`."
-        },
-        {
-          "name": "validationDebounceTime",
-          "required": false,
-          "type": "number",
-          "defaultValue": "0",
-          "description": "How long to wait between `validate` callbacks if\n`validationMode=\"onChange\"` is used. Specified in milliseconds."
-        },
-        {
-          "name": "validationMode",
-          "required": false,
-          "type": "FormValidationMode",
-          "defaultValue": "onSubmit",
-          "description": "Determines when the field should be validated.\nThis takes precedence over the `validationMode` prop on `<Form>`.\n\n- `onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission.\n- `onBlur`: triggers validation when the control loses focus.\n- `onChange`: triggers validation on every change to the control value."
-        }
-      ]
-    },
-    "subComponents": [
-      {
-        "name": "Field.Control",
-        "description": "Field.Control — a native input control with Field labeling and validation.",
-        "props": [
+            "description": "Event handler called when the dialog is opened or closed."
+          },
           {
-            "name": "className",
+            "name": "onOpenChangeComplete",
             "required": false,
-            "type": "string | ((state: FieldControlState) => string)",
+            "type": "(open: boolean) => void",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "Event handler called after any animations complete when the dialog is opened or closed."
           },
           {
-            "name": "defaultValue",
+            "name": "open",
             "required": false,
-            "type": "string | number | readonly string[]",
+            "type": "boolean",
             "defaultValue": null,
-            "description": ""
+            "description": "Whether the dialog is currently open."
           },
           {
-            "name": "onValueChange",
+            "name": "size",
             "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."
+            "type": "\"sm\" | \"md\" | \"lg\" | \"full\"",
+            "defaultValue": "md",
+            "description": "Width of the window."
           },
           {
-            "name": "ref",
+            "name": "status",
             "required": false,
-            "type": "Ref<HTMLDivElement>",
+            "type": "| NonNullable<\n    \"info\" | \"positive\" | \"warning\" | \"negative\" | null\n  >\n| undefined",
             "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": "Adds a `Dialog.Status` with this variant at the start of the popup."
           },
           {
-            "name": "render",
+            "name": "title",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Heading of the dialog."
+          },
+          {
+            "name": "trigger",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, FieldControlState>",
+            "type": "ReactElement<\n  unknown,\n  string | JSXElementConstructor<any>\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."
+            "description": "Element rendered as the trigger, such as a `Button`. Omit it for a controlled dialog."
           },
           {
-            "name": "style",
+            "name": "triggerId",
             "required": false,
-            "type": "| CSSProperties\n| ((state: FieldControlState) => CSSProperties)",
+            "type": "string | null",
             "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+            "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `open` prop to create a controlled dialog.\nThere's no need to specify this prop when the dialog is uncontrolled (that is, when the `open` prop is not set)."
           }
         ]
       },
       {
-        "name": "Field.Description",
-        "description": "Field.Description — supporting information for a field.",
+        "name": "Dialog.Status",
+        "description": "Dialog.Status — a tinted column at the start of the popup, spanning its full height, that marks the dialog's\nstatus with the variant's glyph. Place it first inside `Dialog.Popup`. Pass children to replace the glyph.\nDecorative (`aria-hidden`); the title carries the status.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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": ""
+          }
+        ]
+      },
+      {
+        "name": "Dialog.Title",
+        "description": "Dialog.Title — heading that names the dialog for screen readers, set as `Typo.H2`. Light on a `primary` header.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: FieldDescriptionState) => string)",
+            "type": "string | ((state: DialogTitleState) => 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>",
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
             "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, FieldDescriptionState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogTitleState>",
             "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: FieldDescriptionState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogTitleState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Field.Error",
-        "description": "Field.Error — an inline validation message shown when its match condition fails.\nIt announces itself with `role=\"alert\"`; pass another `role` to quiet it.",
+        "name": "Dialog.Trigger",
+        "description": "Dialog.Trigger — button that opens the dialog. `inline` styles it as a dashed-underlined term inside running text.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: FieldErrorState) => string)",
+            "type": "string | ((state: DialogTriggerState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
-            "name": "match",
+            "name": "handle",
             "required": false,
-            "type": "boolean | keyof ValidityState",
+            "type": "DialogHandle<unknown>",
             "defaultValue": null,
-            "description": "Determines whether to show the error message according to the field's\n[ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState).\nSpecifying `true` will always show the error message, and lets external libraries\ncontrol the visibility."
+            "description": "A handle to associate the trigger with a dialog.\nCan be created with the Dialog.createHandle() method."
+          },
+          {
+            "name": "id",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "ID of the trigger. In addition to being forwarded to the rendered element,\nit is also used to specify the active trigger for the dialog in controlled mode (with the DialogRoot `triggerId` prop)."
+          },
+          {
+            "name": "inline",
+            "required": false,
+            "type": "boolean | null",
+            "defaultValue": "false",
+            "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": "payload",
+            "required": false,
+            "type": "unknown",
+            "defaultValue": null,
+            "description": "A payload to pass to the dialog when it is opened."
           },
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLDivElement>",
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
             "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, FieldErrorState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogTriggerState>",
             "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: FieldErrorState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogTriggerState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Field.Item",
-        "description": "Field.Item — groups one checkable option with its label and description.",
+        "name": "Dialog.Viewport",
+        "description": "Dialog.Viewport — full-screen container that centres the popup.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: FieldItemState) => string)",
+            "type": "string | ((state: DialogViewportState) => 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 wrapped control should ignore user interaction.\nThe `disabled` prop on `<Field.Root>` takes precedence over this."
-          },
           {
             "name": "ref",
             "required": false,
-            "type": "Ref<HTMLDivElement>",
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
             "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, FieldItemState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, DialogViewportState>",
             "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: FieldItemState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: DialogViewportState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
-      },
-      {
-        "name": "Field.Label",
-        "description": "Field.Label — an accessible label automatically associated with the control.",
-        "props": [
-          {
-            "name": "className",
-            "required": false,
-            "type": "string | ((state: FieldLabelState) => string)",
-            "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
-          },
-          {
-            "name": "nativeLabel",
-            "required": false,
-            "type": "boolean",
-            "defaultValue": "true",
-            "description": "Whether the component renders a native `<label>` element when replacing it via the `render` prop.\nSet to `false` if the rendered element is not a label (for example, `<div>`).\n\nThis is useful to avoid inheriting label behaviors on `<button>` controls (such as `<Select.Trigger>` and `<Combobox.Trigger>`), including avoiding `:hover` on the button when hovering the label, and preventing clicks on the label from firing on the button."
-          },
-          {
-            "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, FieldLabelState>",
-            "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: FieldLabelState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      },
-      {
-        "name": "Field.Validity",
-        "description": "Field.Validity — renderless access to the field validity data for custom messages.\nIts function child owns the rendered element and therefore its identity and styling.",
-        "props": [
-          {
-            "name": "children",
-            "required": true,
-            "type": "(state: FieldValidityState) => ReactNode",
-            "defaultValue": null,
-            "description": "A function that accepts the field validity state as an argument.\n\n```jsx\n<Field.Validity>\n  {(validity) => {\n    return <div>...</div>\n  }}\n</Field.Validity>\n```"
-          }
-        ]
       }
     ]
   },
-  "fieldset": {
+  "drawer": {
     "root": {
-      "name": "Fieldset.Root",
-      "description": "Fieldset.Root — semantic grouping for related form controls and a shared legend.",
+      "name": "Drawer.Root",
+      "description": "Drawer.Root — container that manages open/closed state and gesture interaction.",
       "props": [
         {
-          "name": "className",
+          "name": "actionsRef",
           "required": false,
-          "type": "string | ((state: FieldsetRootState) => string)",
+          "type": "RefObject<DrawerRootActions | 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 drawer.\nCall this after any externally controlled closing animation finishes.\n- `close`: Closes the drawer imperatively when called."
         },
         {
-          "name": "ref",
+          "name": "borderColor",
           "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}"
+          "type": "BorderColor",
+          "defaultValue": "primary",
+          "description": "Colour of the border on the panel's open edge. Inherited by Drawer.Popup;\na Popup-level prop overrides it."
         },
         {
-          "name": "render",
+          "name": "borderStyle",
           "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, FieldsetRootState>",
-          "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": "BorderStyle",
+          "defaultValue": "solid",
+          "description": "Stroke style of the border on the panel's open edge. Inherited by\nDrawer.Popup; a Popup-level prop overrides it."
         },
         {
-          "name": "style",
+          "name": "children",
           "required": false,
-          "type": "| CSSProperties\n| ((state: FieldsetRootState) => 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": "Fieldset.Legend",
-        "description": "Fieldset.Legend — the accessible label for its related controls.",
-        "props": [
-          {
-            "name": "className",
-            "required": false,
-            "type": "string | ((state: FieldsetLegendState) => 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>",
-            "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, FieldsetLegendState>",
-            "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: FieldsetLegendState) => CSSProperties)",
-            "defaultValue": null,
-            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
-          }
-        ]
-      }
-    ]
-  },
-  "icon": {
-    "root": {
-      "name": "Icon",
-      "description": "Icon — renders an icon component with a semantic Web UI foreground color.",
-      "props": [
-        {
-          "name": "glyph",
-          "required": true,
-          "type": "IconComponent",
+          "type": "ReactNode | PayloadChildRenderFunction<Payload>",
           "defaultValue": null,
-          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+          "description": "The content of the drawer."
         },
         {
-          "name": "ref",
+          "name": "defaultOpen",
           "required": false,
-          "type": "Ref<SVGSVGElement>",
-          "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}"
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the drawer is initially open.\n\nTo render a controlled drawer, use the `open` prop instead."
         },
         {
-          "name": "size",
+          "name": "defaultSnapPoint",
           "required": false,
-          "type": "string | number",
+          "type": "DrawerSnapPoint | null",
           "defaultValue": null,
-          "description": "Sets both SVG dimensions unless `width` or `height` is provided."
+          "description": "The initial snap point value when uncontrolled."
         },
         {
-          "name": "variant",
-          "required": false,
-          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"positive\"\n| \"negative\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
-          "defaultValue": "inherit",
-          "description": ""
-        }
-      ]
-    },
-    "subComponents": []
-  },
-  "icon-button": {
-    "root": {
-      "name": "IconButton",
-      "description": "IconButton — a square Button that shows a single Icon. Composes Button, so every Button variant and native attribute\npasses through.",
-      "props": [
-        {
-          "name": "chamfer",
+          "name": "defaultTriggerId",
           "required": false,
-          "type": "boolean | null",
+          "type": "string | null",
           "defaultValue": null,
-          "description": ""
+          "description": "ID of the trigger that the drawer is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open drawer."
         },
         {
-          "name": "className",
+          "name": "disablePointerDismissal",
           "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."
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether to prevent the drawer from closing on outside presses.\nFor non-modal drawers, this also prevents the drawer from closing when focus moves outside of it."
         },
         {
-          "name": "context",
+          "name": "handle",
           "required": false,
-          "type": "\"default\" | \"oncolor\" | null",
+          "type": "DialogHandle<Payload>",
           "defaultValue": null,
-          "description": ""
+          "description": "A handle to associate the drawer with a trigger.\nIf specified, allows detached triggers to control the drawer's open state.\nCan be created with the Drawer.createHandle() method."
         },
         {
-          "name": "focusableWhenDisabled",
+          "name": "modal",
           "required": false,
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "Whether the button should be focusable when disabled."
+          "type": "boolean | \"trap-focus\"",
+          "defaultValue": "true",
+          "description": "Determines if the drawer enters a modal state when open.\n- `true`: user interaction is limited to just the drawer: focus is trapped, 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.\n- `'trap-focus'`: focus is trapped inside the drawer, but document page scroll is not locked and pointer interactions outside of it remain enabled."
         },
         {
-          "name": "glyph",
-          "required": true,
-          "type": "IconComponent",
+          "name": "onOpenChange",
+          "required": false,
+          "type": "(\n  open: boolean,\n  eventDetails: DrawerRootChangeEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+          "description": "Event handler called when the drawer is opened or closed."
         },
         {
-          "name": "iconProps",
+          "name": "onOpenChangeComplete",
           "required": false,
-          "type": "Omit<Omit<Omit<SVGProps<SVGSVGElement>, \"ref\"> & RefAttributes<SVGSVGElement>, \"color\"> & VariantProps<(props?: (ConfigVariants<...> & ClassProp)) => string> & { ...; }, \"glyph\">",
+          "type": "(open: boolean) => void",
           "defaultValue": null,
-          "description": "Props for the inner Icon, such as `strokeWidth` or a `size` override."
+          "description": "Event handler called after any animations complete when the drawer is opened or closed."
         },
         {
-          "name": "label",
-          "required": true,
-          "type": "string",
+          "name": "onSnapPointChange",
+          "required": false,
+          "type": "(\n  snapPoint: DrawerSnapPoint | null,\n  eventDetails: DrawerRootSnapPointChangeEventDetails\n) => void",
           "defaultValue": null,
-          "description": "Accessible name; the button renders no visible text."
+          "description": "Callback fired when the snap point changes."
         },
         {
-          "name": "nativeButton",
+          "name": "open",
           "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": null,
-          "description": ""
+          "description": "Whether the drawer is currently open."
         },
         {
-          "name": "ref",
+          "name": "snapPoint",
           "required": false,
-          "type": "Ref<HTMLElement>",
+          "type": "DrawerSnapPoint | null",
           "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 currently active snap point. Use with `onSnapPointChange` to control the snap point."
         },
         {
-          "name": "render",
+          "name": "snapPoints",
           "required": false,
-          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+          "type": "DrawerSnapPoint[]",
           "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": "Snap points used to position the drawer.\nUse numbers between 0 and 1 to represent fractions of the viewport height,\nnumbers greater than 1 as pixel values, or strings in `px`/`rem` units\n(for example, `'148px'` or `'30rem'`)."
         },
         {
-          "name": "shortcut",
+          "name": "snapToSequentialPoints",
           "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": "Disables velocity-based snap skipping so drag distance determines the next snap point."
         },
         {
-          "name": "size",
+          "name": "swipeDirection",
           "required": false,
-          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
-          "defaultValue": "md",
-          "description": ""
+          "type": "SwipeDirection",
+          "defaultValue": "down",
+          "description": "The swipe direction used to dismiss the drawer."
         },
         {
-          "name": "style",
+          "name": "triggerId",
           "required": false,
-          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "type": "string | null",
           "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,
+          "description": "ID of the trigger that the drawer is associated with.\nThis is useful in conjunction with the `open` prop to create a controlled drawer.\nThere's no need to specify this prop when the drawer is uncontrolled (that is, when the `open` prop is not set)."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Drawer.Backdrop",
+        "description": "Drawer.Backdrop — semi-transparent overlay that dims the page content behind the drawer.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerBackdropState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "forceRender",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the backdrop is forced to render even when nested."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerBackdropState>",
+            "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: DrawerBackdropState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Close",
+        "description": "Drawer.Close — button that closes the drawer.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerCloseState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerCloseState>",
+            "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: DrawerCloseState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Content",
+        "description": "Drawer.Content — scrollable content wrapper inside the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerContentState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerContentState>",
+            "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: DrawerContentState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Description",
+        "description": "Drawer.Description — supplementary paragraph describing the drawer's purpose for screen readers.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: DrawerDescriptionState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerDescriptionState>",
+            "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: DrawerDescriptionState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Indent",
+        "description": "Drawer.Indent — wraps app content that scales and lifts when a drawer opens. Receives `data-active` from Base UI; use `--drawer-swipe-progress` in CSS to drive the animation.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerIndentState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerIndentState>",
+            "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: DrawerIndentState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.IndentBackground",
+        "description": "Drawer.IndentBackground — background layer placed behind Drawer.Indent. Styled to reveal a dark surface as the app content scales away.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: DrawerIndentBackgroundState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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    DrawerIndentBackgroundState\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: DrawerIndentBackgroundState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Popup",
+        "description": "Drawer.Popup — the visible panel surface. Positioning is driven automatically by the nearest Drawer.Root's swipeDirection.",
+        "props": [
+          {
+            "name": "borderColor",
+            "required": false,
+            "type": "BorderColor",
+            "defaultValue": null,
+            "description": "Colour of the border on the open edge. Overrides the value inherited from\nDrawer.Root; defaults to it when unset."
+          },
+          {
+            "name": "borderStyle",
+            "required": false,
+            "type": "BorderStyle",
+            "defaultValue": null,
+            "description": "Stroke style of the border on the open edge. Overrides the value inherited\nfrom Drawer.Root; defaults to it when unset."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerPopupState) => string)",
+            "defaultValue": null,
+            "description": "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 drawer 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 drawer 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerPopupState>",
+            "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: DrawerPopupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Portal",
+        "description": "Drawer.Portal — renders backdrop and popup in a portal outside the main document flow.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerPortalState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerPortalState>",
+            "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: DrawerPortalState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Provider",
+        "description": "Drawer.Provider — shared context for coordinating indent/background effects across multiple drawers. Required ancestor for Drawer.Indent and Drawer.IndentBackground.",
+        "props": []
+      },
+      {
+        "name": "Drawer.SwipeArea",
+        "description": "Drawer.SwipeArea — invisible fixed region that listens for swipe gestures to open the drawer. Position and size it at the screen edge relevant to the swipeDirection.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: DrawerSwipeAreaState) => string)",
+            "defaultValue": null,
+            "description": "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 swipe area is disabled."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerSwipeAreaState>",
+            "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: DrawerSwipeAreaState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          },
+          {
+            "name": "swipeDirection",
+            "required": false,
+            "type": "SwipeDirection",
+            "defaultValue": null,
+            "description": "The swipe direction that opens the drawer.\nDefaults to the opposite of `Drawer.Root` `swipeDirection`."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Title",
+        "description": "Drawer.Title — semantic heading for the drawer for screen readers.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerTitleState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerTitleState>",
+            "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: DrawerTitleState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Trigger",
+        "description": "Drawer.Trigger — button that opens the drawer.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerTriggerState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "handle",
+            "required": false,
+            "type": "DialogHandle<unknown>",
+            "defaultValue": null,
+            "description": "A handle to associate the trigger with a drawer.\nCan be created with the Drawer.createHandle() method."
+          },
+          {
+            "name": "id",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "ID of the trigger. In addition to being forwarded to the rendered element,\nit is also used to specify the active trigger for drawers in controlled mode (with the Drawer.Root `triggerId` prop)."
+          },
+          {
+            "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": "payload",
+            "required": false,
+            "type": "unknown",
+            "defaultValue": null,
+            "description": "A payload to pass to the drawer when it is opened."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerTriggerState>",
+            "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: DrawerTriggerState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Drawer.Viewport",
+        "description": "Drawer.Viewport — full-screen container that positions the popup.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: DrawerViewportState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, DrawerViewportState>",
+            "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: DrawerViewportState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      }
+    ]
+  },
+  "field": {
+    "root": {
+      "name": "Field.Root",
+      "description": "Field.Root — groups a label, control, validation state, and supporting copy.",
+      "props": [
+        {
+          "name": "actionsRef",
+          "required": false,
+          "type": "RefObject<FieldRootActions | null>",
+          "defaultValue": null,
+          "description": "A ref to imperative actions.\n- `validate`: Validates the field when called."
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: FieldRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "dirty",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": "Whether the field's value has been changed from its initial value.\nUseful when the field state is controlled by an external library."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component should ignore user interaction.\nTakes precedence over the `disabled` prop on the `<Field.Control>` component."
+        },
+        {
+          "name": "invalid",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": "Whether the field is invalid.\nUseful when the field state is controlled by an external library."
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Identifies the field when a form is submitted.\nTakes precedence over the `name` prop on the `<Field.Control>` component."
+        },
+        {
+          "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, FieldRootState>",
+          "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: FieldRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "touched",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": null,
+          "description": "Whether the field has been touched.\nUseful when the field state is controlled by an external library."
+        },
+        {
+          "name": "validate",
+          "required": false,
+          "type": "(\n  value: unknown,\n  formValues: Record<string, any>\n) =>\n  | string\n  | string[]\n  | Promise<string | string[] | null>\n  | null",
+          "defaultValue": null,
+          "description": "A function for custom validation. Return a string or an array of strings with\nthe error message(s) if the value is invalid, or `null` if the value is valid.\nAsynchronous functions are supported, but they do not prevent form submission\nwhen using `validationMode=\"onSubmit\"`."
+        },
+        {
+          "name": "validationDebounceTime",
+          "required": false,
+          "type": "number",
+          "defaultValue": "0",
+          "description": "How long to wait between `validate` callbacks if\n`validationMode=\"onChange\"` is used. Specified in milliseconds."
+        },
+        {
+          "name": "validationMode",
+          "required": false,
+          "type": "FormValidationMode",
+          "defaultValue": "onSubmit",
+          "description": "Determines when the field should be validated.\nThis takes precedence over the `validationMode` prop on `<Form>`.\n\n- `onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission.\n- `onBlur`: triggers validation when the control loses focus.\n- `onChange`: triggers validation on every change to the control value."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "Field.Control",
+        "description": "Field.Control — a native input control with Field labeling and validation.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldControlState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "defaultValue",
+            "required": false,
+            "type": "string | number | readonly string[]",
+            "defaultValue": null,
+            "description": ""
+          },
+          {
+            "name": "onValueChange",
+            "required": false,
+            "type": "(\n  value: string,\n  eventDetails: {\n    reason: \"none\";\n    event: Event;\n    cancel: () => void;\n    allowPropagation: () => void;\n    isCanceled: boolean;\n    isPropagationAllowed: boolean;\n    trigger: Element;\n  }\n) => void",
+            "defaultValue": null,
+            "description": "Callback fired when the `value` changes. Use when controlled."
+          },
+          {
+            "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, FieldControlState>",
+            "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: FieldControlState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Field.Description",
+        "description": "Field.Description — supporting information for a field.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: FieldDescriptionState) => 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, FieldDescriptionState>",
+            "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: FieldDescriptionState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Field.Error",
+        "description": "Field.Error — an inline validation message shown when its match condition fails.\nIt announces itself with `role=\"alert\"`; pass another `role` to quiet it.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldErrorState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "match",
+            "required": false,
+            "type": "boolean | keyof ValidityState",
+            "defaultValue": null,
+            "description": "Determines whether to show the error message according to the field's\n[ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState).\nSpecifying `true` will always show the error message, and lets external libraries\ncontrol the visibility."
+          },
+          {
+            "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, FieldErrorState>",
+            "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: FieldErrorState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Field.Item",
+        "description": "Field.Item — groups one checkable option with its label and description.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldItemState) => 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 wrapped control should ignore user interaction.\nThe `disabled` prop on `<Field.Root>` takes precedence over this."
+          },
+          {
+            "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, FieldItemState>",
+            "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: FieldItemState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Field.Label",
+        "description": "Field.Label — an accessible label automatically associated with the control.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldLabelState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "nativeLabel",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<label>` element when replacing it via the `render` prop.\nSet to `false` if the rendered element is not a label (for example, `<div>`).\n\nThis is useful to avoid inheriting label behaviors on `<button>` controls (such as `<Select.Trigger>` and `<Combobox.Trigger>`), including avoiding `:hover` on the button when hovering the label, and preventing clicks on the label from firing on the button."
+          },
+          {
+            "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, FieldLabelState>",
+            "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: FieldLabelState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Field.Validity",
+        "description": "Field.Validity — renderless access to the field validity data for custom messages.\nIts function child owns the rendered element and therefore its identity and styling.",
+        "props": [
+          {
+            "name": "children",
+            "required": true,
+            "type": "(state: FieldValidityState) => ReactNode",
+            "defaultValue": null,
+            "description": "A function that accepts the field validity state as an argument.\n\n```jsx\n<Field.Validity>\n  {(validity) => {\n    return <div>...</div>\n  }}\n</Field.Validity>\n```"
+          }
+        ]
+      }
+    ]
+  },
+  "fieldset": {
+    "root": {
+      "name": "Fieldset.Root",
+      "description": "Fieldset.Root — semantic grouping for related form controls and a shared legend.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: FieldsetRootState) => 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>",
+          "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, FieldsetRootState>",
+          "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: FieldsetRootState) => 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": "Fieldset.Legend",
+        "description": "Fieldset.Legend — the accessible label for its related controls.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: FieldsetLegendState) => 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>",
+            "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, FieldsetLegendState>",
+            "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: FieldsetLegendState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      }
+    ]
+  },
+  "icon": {
+    "root": {
+      "name": "Icon",
+      "description": "Icon — renders an icon component with a semantic Web UI foreground color.",
+      "props": [
+        {
+          "name": "glyph",
+          "required": true,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<SVGSVGElement>",
+          "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": "size",
+          "required": false,
+          "type": "string | number",
+          "defaultValue": null,
+          "description": "Sets both SVG dimensions unless `width` or `height` is provided."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"inherit\"\n| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"positive\"\n| \"negative\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+          "defaultValue": "inherit",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "icon-button": {
+    "root": {
+      "name": "IconButton",
+      "description": "IconButton — a square Button that shows a single Icon. Composes Button, so every Button variant and native attribute\npasses through.",
+      "props": [
+        {
+          "name": "chamfer",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": null,
+          "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": null,
+          "description": ""
+        },
+        {
+          "name": "focusableWhenDisabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the button should be focusable when disabled."
+        },
+        {
+          "name": "glyph",
+          "required": true,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+        },
+        {
+          "name": "iconProps",
+          "required": false,
+          "type": "Omit<Omit<Omit<SVGProps<SVGSVGElement>, \"ref\"> & RefAttributes<SVGSVGElement>, \"color\"> & VariantProps<(props?: (ConfigVariants<...> & ClassProp)) => string> & { ...; }, \"glyph\">",
+          "defaultValue": null,
+          "description": "Props for the inner Icon, such as `strokeWidth` or a `size` override."
+        },
+        {
+          "name": "label",
+          "required": true,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Accessible name; the button renders no visible text."
+        },
+        {
+          "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": null,
+          "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": "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": null,
           "description": ""
@@ -4665,11 +5520,229 @@
         "description": "Popover.Arrow — visual pointer arrow anchored to the popup edge. Receives data-side for orientation.",
         "props": [
           {
-            "name": "className",
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverArrowState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverArrowState>",
+            "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: PopoverArrowState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Backdrop",
+        "description": "Popover.Backdrop — overlay beneath the popover. Receives data-open/data-closed for transitions.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: PopoverBackdropState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverBackdropState>",
+            "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: PopoverBackdropState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Close",
+        "description": "Popover.Close — button that dismisses the popover.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverCloseState) => 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>`).\nWhether 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 (e.g. `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverCloseState>",
+            "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: PopoverCloseState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Description",
+        "description": "Popover.Description — supplementary paragraph for the popover's accessible description.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: PopoverDescriptionState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverDescriptionState>",
+            "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: PopoverDescriptionState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Eyebrow",
+        "description": "Popover.Eyebrow — small uppercase label above Title, for a category or kicker (e.g. \"Glossary definition\").",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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": "Popover.Inline",
+        "description": "Popover.Inline — pre-composed inline annotation. Wraps the full\nRoot → Trigger(inline, openOnHover) → Portal → Positioner → Popup\npattern into a single component for annotating terms in running prose.",
+        "props": [
+          {
+            "name": "children",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Description or body content inside the popup."
+          },
+          {
+            "name": "delay",
+            "required": false,
+            "type": "number",
+            "defaultValue": "150",
+            "description": "Hover delay in ms before the popover opens."
+          },
+          {
+            "name": "side",
+            "required": false,
+            "type": "Side",
+            "defaultValue": "top",
+            "description": "Which side of the trigger the popup appears on."
+          },
+          {
+            "name": "sideOffset",
+            "required": false,
+            "type": "number",
+            "defaultValue": "6",
+            "description": "Gap between trigger and popup in px."
+          },
+          {
+            "name": "title",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Optional heading shown at the top of the popup."
+          },
+          {
+            "name": "trigger",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "The annotated text rendered as the trigger."
+          }
+        ]
+      },
+      {
+        "name": "Popover.Popup",
+        "description": "Popover.Popup — the visible surface of the popover. Token-mapped background, border, and shadow.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "string | ((state: PopoverPopupState) => string)",
+            "defaultValue": null,
+            "description": "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 popover 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, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
+          },
+          {
+            "name": "initialFocus",
             "required": false,
-            "type": "string | ((state: PopoverArrowState) => string)",
+            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
             "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "description": "Determines the element to focus when the popover is opened.\nBy default, focus moves to the first tabbable element inside the popup, except when the popover\nis opened by touch — then the popup itself is focused to avoid opening the virtual keyboard.\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, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
           },
           {
             "name": "ref",
@@ -4681,30 +5754,51 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverArrowState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPopupState>",
             "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: PopoverArrowState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: PopoverPopupState) => 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": "| \"ghost\"\n| \"outline\"\n| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| null",
+            "defaultValue": null,
+            "description": "Match to the Trigger variant to tint the popup border accordingly."
           }
         ]
       },
       {
-        "name": "Popover.Backdrop",
-        "description": "Popover.Backdrop — overlay beneath the popover. Receives data-open/data-closed for transitions.",
+        "name": "Popover.Portal",
+        "description": "Popover.Portal — renders the positioner in a portal outside the main document flow.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: PopoverBackdropState) => string)",
+            "type": "string | ((state: PopoverPortalState) => 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,
@@ -4715,36 +5809,92 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverBackdropState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPortalState>",
             "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: PopoverBackdropState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: PopoverPortalState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Popover.Close",
-        "description": "Popover.Close — button that dismisses the popover.",
+        "name": "Popover.Positioner",
+        "description": "Popover.Positioner — positions the popup relative to the trigger via floating-point layout.",
         "props": [
+          {
+            "name": "align",
+            "required": false,
+            "type": "Align",
+            "defaultValue": "center",
+            "description": "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 | ((state: PopoverCloseState) => string)",
+            "type": "| string\n| ((state: PopoverPositionerState) => 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",
+            "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": "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>`).\nWhether 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 (e.g. `<div>`)."
+            "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",
@@ -4756,27 +5906,48 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverCloseState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPositionerState>",
             "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": "0",
+            "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: PopoverCloseState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: PopoverPositionerState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Popover.Description",
-        "description": "Popover.Description — supplementary paragraph for the popover's accessible description.",
+        "name": "Popover.Title",
+        "description": "Popover.Title — semantic heading for the popover's accessible name.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: PopoverDescriptionState) => string)",
+            "type": "string | ((state: PopoverTitleState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
@@ -4790,104 +5961,78 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverDescriptionState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverTitleState>",
             "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: PopoverDescriptionState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: PopoverTitleState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Popover.Eyebrow",
-        "description": "Popover.Eyebrow — small uppercase label above Title, for a category or kicker (e.g. \"Glossary definition\").",
-        "props": [
-          {
-            "name": "ref",
-            "required": false,
-            "type": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
-            "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": "Popover.Inline",
-        "description": "Popover.Inline — pre-composed inline annotation. Wraps the full\nRoot → Trigger(inline, openOnHover) → Portal → Positioner → Popup\npattern into a single component for annotating terms in running prose.",
+        "name": "Popover.Trigger",
+        "description": "Popover.Trigger — button that opens the popover.",
         "props": [
           {
-            "name": "children",
+            "name": "className",
             "required": false,
-            "type": "ReactNode",
+            "type": "string | ((state: PopoverTriggerState) => string)",
             "defaultValue": null,
-            "description": "Description or body content inside the popup."
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
-            "name": "delay",
+            "name": "closeDelay",
             "required": false,
             "type": "number",
-            "defaultValue": "150",
-            "description": "Hover delay in ms before the popover opens."
-          },
-          {
-            "name": "side",
-            "required": false,
-            "type": "Side",
-            "defaultValue": "top",
-            "description": "Which side of the trigger the popup appears on."
+            "defaultValue": "0",
+            "description": "How long to wait before closing the popover that was opened on hover.\nSpecified in milliseconds.\n\nRequires the `openOnHover` prop."
           },
           {
-            "name": "sideOffset",
+            "name": "delay",
             "required": false,
             "type": "number",
-            "defaultValue": "6",
-            "description": "Gap between trigger and popup in px."
+            "defaultValue": "300",
+            "description": "How long to wait before the popover may be opened on hover. Specified in milliseconds.\n\nRequires the `openOnHover` prop."
           },
           {
-            "name": "title",
+            "name": "handle",
             "required": false,
-            "type": "ReactNode",
+            "type": "PopoverHandle<unknown>",
             "defaultValue": null,
-            "description": "Optional heading shown at the top of the popup."
+            "description": "A handle to associate the trigger with a popover."
           },
           {
-            "name": "trigger",
-            "required": true,
-            "type": "ReactNode",
-            "defaultValue": null,
-            "description": "The annotated text rendered as the trigger."
-          }
-        ]
-      },
-      {
-        "name": "Popover.Popup",
-        "description": "Popover.Popup — the visible surface of the popover. Token-mapped background, border, and shadow.",
-        "props": [
+            "name": "inline",
+            "required": false,
+            "type": "boolean | null",
+            "defaultValue": "false",
+            "description": ""
+          },
           {
-            "name": "className",
+            "name": "nativeButton",
             "required": false,
-            "type": "string | ((state: PopoverPopupState) => string)",
-            "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "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>`).\nWhether 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 (e.g. `<div>`)."
           },
           {
-            "name": "finalFocus",
+            "name": "openOnHover",
             "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 popover 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, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the popover should also open when the trigger is hovered."
           },
           {
-            "name": "initialFocus",
+            "name": "payload",
             "required": false,
-            "type": "| boolean\n| RefObject<HTMLElement | null>\n| ((\n    openType: InteractionType\n  ) => boolean | void | HTMLElement | null)",
+            "type": "unknown",
             "defaultValue": null,
-            "description": "Determines the element to focus when the popover is opened.\nBy default, focus moves to the first tabbable element inside the popup, except when the popover\nis opened by touch — then the popup itself is focused to avoid opening the virtual keyboard.\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, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
+            "description": "A payload to pass to the popover when it is opened."
           },
           {
             "name": "ref",
@@ -4899,14 +6044,14 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPopupState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverTriggerState>",
             "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: PopoverPopupState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: PopoverTriggerState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           },
@@ -4914,35 +6059,28 @@
             "name": "variant",
             "required": false,
             "type": "| \"ghost\"\n| \"outline\"\n| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| null",
-            "defaultValue": null,
-            "description": "Match to the Trigger variant to tint the popup border accordingly."
+            "defaultValue": "ghost",
+            "description": ""
           }
         ]
       },
       {
-        "name": "Popover.Portal",
-        "description": "Popover.Portal — renders the positioner in a portal outside the main document flow.",
+        "name": "Popover.Viewport",
+        "description": "Popover.Viewport — content wrapper that supports direction-aware animations.",
         "props": [
           {
-            "name": "className",
-            "required": false,
-            "type": "string | ((state: PopoverPortalState) => 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",
+            "name": "children",
             "required": false,
-            "type": "| HTMLElement\n| ShadowRoot\n| RefObject<HTMLElement | ShadowRoot | null>\n| null",
+            "type": "ReactNode",
             "defaultValue": null,
-            "description": "A parent element to render the portal element into."
+            "description": "The content to render inside the transition container."
           },
           {
-            "name": "keepMounted",
+            "name": "className",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether to keep the portal mounted in the DOM while the popup is hidden."
+            "type": "| string\n| ((state: PopoverViewportState) => 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",
@@ -4954,297 +6092,395 @@
           {
             "name": "render",
             "required": false,
-            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverPortalState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, PopoverViewportState>",
             "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: PopoverPortalState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: PopoverViewportState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
-      },
+      }
+    ]
+  },
+  "prose": {
+    "root": {
+      "name": "Prose",
+      "description": "",
+      "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}"
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "rich-link": {
+    "root": {
+      "name": "RichLink",
+      "description": "RichLink — a link as a whole row: an optional leading icon on a tinted tile, the label with an optional description\nline, and a trailing icon for where it leads. Draws no divider; stacked links get their spacing from the layout. Wrap it\nwith TanStack Router's `createLink` to use it as a router link.",
+      "props": [
+        {
+          "name": "description",
+          "required": false,
+          "type": "ReactNode",
+          "defaultValue": null,
+          "description": "Second line under the label. When set, the label turns bold."
+        },
+        {
+          "name": "endGlyph",
+          "required": false,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Trailing icon from `@imfusion/web-ui/icons`, replacing the arrow `kind` picks, such as `Download` for a file."
+        },
+        {
+          "name": "glyph",
+          "required": false,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Leading icon from `@imfusion/web-ui/icons`, shown on a tile in the primary color."
+        },
+        {
+          "name": "kind",
+          "required": false,
+          "type": "\"external\" | \"internal\"",
+          "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}"
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "row": {
+    "root": {
+      "name": "Row",
+      "description": "Row — horizontal layout primitive.\n\nCopied and adapted from Mantine's Group; no upstream runtime\ndependency. Pure row flex container with token-driven gap and constrained\nalign/justify unions.",
+      "props": [
+        {
+          "name": "align",
+          "required": false,
+          "type": "\"center\" | \"start\" | \"end\" | \"stretch\"",
+          "defaultValue": "stretch",
+          "description": "Cross-axis alignment. Sets both `align-items` (item alignment within a\nrow) and `align-content` (row distribution when `wrap` is on). `\"stretch\"`\nkeeps rows packed together via `align-content: flex-start` while items\nfill their row height."
+        },
+        {
+          "name": "gap",
+          "required": false,
+          "type": "| \"1\"\n| \"2\"\n| \"3\"\n| \"4\"\n| \"5\"\n| \"6\"\n| \"7\"\n| \"8\"\n| \"9\"\n| \"10\"\n| null",
+          "defaultValue": "2",
+          "description": ""
+        },
+        {
+          "name": "justify",
+          "required": false,
+          "type": "| \"center\"\n| \"start\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
+          "defaultValue": "start",
+          "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": "wrap",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": "false",
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
+  "scroll-area": {
+    "root": {
+      "name": "ScrollArea.Root",
+      "description": "ScrollArea.Root — groups the viewport and its scrollbars. Give it a height or max-height.",
+      "props": [
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ScrollAreaRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "overflowEdgeThreshold",
+          "required": false,
+          "type": "| number\n| Partial<{\n    xStart: number;\n    xEnd: number;\n    yStart: number;\n    yEnd: number;\n  }>",
+          "defaultValue": "0",
+          "description": "The threshold in pixels that must be passed before the overflow edge attributes are applied.\nAccepts a single number for all edges or an object to configure them individually."
+        },
+        {
+          "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, ScrollAreaRootState>",
+          "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: ScrollAreaRootState) => 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": "Popover.Positioner",
-        "description": "Popover.Positioner — positions the popup relative to the trigger via floating-point layout.",
+        "name": "ScrollArea.Auto",
+        "description": "ScrollArea.Auto — Root, Viewport, Content, and the scrollbars for `orientation`, around `children`.",
         "props": [
           {
-            "name": "align",
-            "required": false,
-            "type": "Align",
-            "defaultValue": "center",
-            "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",
+            "name": "className",
             "required": false,
-            "type": "| Element\n| VirtualElement\n| RefObject<Element | null>\n| (() => Element | VirtualElement | null)\n| null",
+            "type": "string | ((state: ScrollAreaRootState) => string)",
             "defaultValue": null,
-            "description": "An element to position the popup against.\nBy default, the popup will be positioned against the trigger."
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
-            "name": "arrowPadding",
+            "name": "orientation",
             "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."
+            "type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\"",
+            "defaultValue": "vertical",
+            "description": "Which scrollbars to render. `both` also adds the Corner; `none` scrolls and fades without a visible bar."
           },
           {
-            "name": "className",
+            "name": "overflowEdgeThreshold",
             "required": false,
-            "type": "| string\n| ((state: PopoverPositionerState) => string)",
-            "defaultValue": null,
-            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+            "type": "| number\n| Partial<{\n    xStart: number;\n    xEnd: number;\n    yStart: number;\n    yEnd: number;\n  }>",
+            "defaultValue": "0",
+            "description": "The threshold in pixels that must be passed before the overflow edge attributes are applied.\nAccepts a single number for all edges or an object to configure them individually."
           },
           {
-            "name": "collisionAvoidance",
+            "name": "ref",
             "required": false,
-            "type": "CollisionAvoidance",
+            "type": "Ref<HTMLDivElement>",
             "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."
+            "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": "collisionPadding",
+            "name": "render",
             "required": false,
-            "type": "Padding",
-            "defaultValue": "5",
-            "description": "Additional space to maintain from the edge of the collision boundary."
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaRootState>",
+            "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": "disableAnchorTracking",
+            "name": "style",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether to disable the popup from tracking any layout shift of its positioning anchor."
-          },
+            "type": "| CSSProperties\n| ((state: ScrollAreaRootState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "ScrollArea.Content",
+        "description": "ScrollArea.Content — wraps the scrolled content so the viewport can measure it.",
+        "props": [
           {
-            "name": "positionMethod",
+            "name": "className",
             "required": false,
-            "type": "\"absolute\" | \"fixed\"",
-            "defaultValue": "absolute",
-            "description": "Determines which CSS `position` property to use."
+            "type": "| string\n| ((state: ScrollAreaContentState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverPositionerState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaContentState>",
             "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": "0",
-            "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: PopoverPositionerState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ScrollAreaContentState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Popover.Title",
-        "description": "Popover.Title — semantic heading for the popover's accessible name.",
+        "name": "ScrollArea.Corner",
+        "description": "ScrollArea.Corner — the square where a vertical and a horizontal scrollbar meet.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: PopoverTitleState) => string)",
+            "type": "| string\n| ((state: ScrollAreaCornerState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverTitleState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaCornerState>",
             "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: PopoverTitleState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ScrollAreaCornerState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
         ]
       },
       {
-        "name": "Popover.Trigger",
-        "description": "Popover.Trigger — button that opens the popover.",
+        "name": "ScrollArea.Scrollbar",
+        "description": "ScrollArea.Scrollbar — overlay bar that shows while the area is hovered or scrolling.",
         "props": [
           {
             "name": "className",
             "required": false,
-            "type": "string | ((state: PopoverTriggerState) => string)",
+            "type": "| string\n| ((state: ScrollAreaScrollbarState) => string)",
             "defaultValue": null,
             "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
           },
           {
-            "name": "closeDelay",
+            "name": "keepMounted",
             "required": false,
-            "type": "number",
-            "defaultValue": "0",
-            "description": "How long to wait before closing the popover that was opened on hover.\nSpecified in milliseconds.\n\nRequires the `openOnHover` prop."
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to keep the HTML element in the DOM when the viewport isn't scrollable."
           },
           {
-            "name": "delay",
+            "name": "orientation",
             "required": false,
-            "type": "number",
-            "defaultValue": "300",
-            "description": "How long to wait before the popover may be opened on hover. Specified in milliseconds.\n\nRequires the `openOnHover` prop."
+            "type": "\"horizontal\" | \"vertical\"",
+            "defaultValue": "vertical",
+            "description": "Whether the scrollbar controls vertical or horizontal scroll."
           },
           {
-            "name": "handle",
+            "name": "ref",
             "required": false,
-            "type": "PopoverHandle<unknown>",
+            "type": "Ref<HTMLDivElement>",
             "defaultValue": null,
-            "description": "A handle to associate the trigger with a popover."
-          },
-          {
-            "name": "inline",
-            "required": false,
-            "type": "boolean | null",
-            "defaultValue": "false",
-            "description": ""
+            "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": "nativeButton",
+            "name": "render",
             "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>`).\nWhether 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 (e.g. `<div>`)."
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaScrollbarState>",
+            "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": "openOnHover",
+            "name": "style",
             "required": false,
-            "type": "boolean",
-            "defaultValue": "false",
-            "description": "Whether the popover should also open when the trigger is hovered."
-          },
+            "type": "| CSSProperties\n| ((state: ScrollAreaScrollbarState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "ScrollArea.Thumb",
+        "description": "ScrollArea.Thumb — the draggable part of the scrollbar.",
+        "props": [
           {
-            "name": "payload",
+            "name": "className",
             "required": false,
-            "type": "unknown",
+            "type": "| string\n| ((state: ScrollAreaThumbState) => string)",
             "defaultValue": null,
-            "description": "A payload to pass to the popover when it is opened."
+            "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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverTriggerState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaThumbState>",
             "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: PopoverTriggerState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ScrollAreaThumbState) => 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": "| \"ghost\"\n| \"outline\"\n| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| null",
-            "defaultValue": "ghost",
-            "description": ""
           }
         ]
       },
       {
-        "name": "Popover.Viewport",
-        "description": "Popover.Viewport — content wrapper that supports direction-aware animations.",
+        "name": "ScrollArea.Viewport",
+        "description": "ScrollArea.Viewport — the scrolling box. It fades its content out at each edge with more to scroll.",
         "props": [
-          {
-            "name": "children",
-            "required": false,
-            "type": "ReactNode",
-            "defaultValue": null,
-            "description": "The content to render inside the transition container."
-          },
           {
             "name": "className",
             "required": false,
-            "type": "| string\n| ((state: PopoverViewportState) => string)",
+            "type": "| string\n| ((state: ScrollAreaViewportState) => 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": "((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLButtonElement | null> | ((instance: HTMLElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null",
+            "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, PopoverViewportState>",
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ScrollAreaViewportState>",
             "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: PopoverViewportState) => CSSProperties)",
+            "type": "| CSSProperties\n| ((state: ScrollAreaViewportState) => CSSProperties)",
             "defaultValue": null,
             "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
           }
@@ -5252,110 +6488,6 @@
       }
     ]
   },
-  "prose": {
-    "root": {
-      "name": "Prose",
-      "description": "",
-      "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}"
-        }
-      ]
-    },
-    "subComponents": []
-  },
-  "rich-link": {
-    "root": {
-      "name": "RichLink",
-      "description": "RichLink — a link as a whole row: an optional leading icon on a tinted tile, the label with an optional description\nline, and a trailing icon for where it leads. Draws no divider; stacked links get their spacing from the layout. Wrap it\nwith TanStack Router's `createLink` to use it as a router link.",
-      "props": [
-        {
-          "name": "description",
-          "required": false,
-          "type": "ReactNode",
-          "defaultValue": null,
-          "description": "Second line under the label. When set, the label turns bold."
-        },
-        {
-          "name": "endGlyph",
-          "required": false,
-          "type": "IconComponent",
-          "defaultValue": null,
-          "description": "Trailing icon from `@imfusion/web-ui/icons`, replacing the arrow `kind` picks, such as `Download` for a file."
-        },
-        {
-          "name": "glyph",
-          "required": false,
-          "type": "IconComponent",
-          "defaultValue": null,
-          "description": "Leading icon from `@imfusion/web-ui/icons`, shown on a tile in the primary color."
-        },
-        {
-          "name": "kind",
-          "required": false,
-          "type": "\"external\" | \"internal\"",
-          "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}"
-        }
-      ]
-    },
-    "subComponents": []
-  },
-  "row": {
-    "root": {
-      "name": "Row",
-      "description": "Row — horizontal layout primitive.\n\nCopied and adapted from Mantine's Group; no upstream runtime\ndependency. Pure row flex container with token-driven gap and constrained\nalign/justify unions.",
-      "props": [
-        {
-          "name": "align",
-          "required": false,
-          "type": "\"center\" | \"start\" | \"end\" | \"stretch\"",
-          "defaultValue": "stretch",
-          "description": "Cross-axis alignment. Sets both `align-items` (item alignment within a\nrow) and `align-content` (row distribution when `wrap` is on). `\"stretch\"`\nkeeps rows packed together via `align-content: flex-start` while items\nfill their row height."
-        },
-        {
-          "name": "gap",
-          "required": false,
-          "type": "| \"1\"\n| \"2\"\n| \"3\"\n| \"4\"\n| \"5\"\n| \"6\"\n| \"7\"\n| \"8\"\n| \"9\"\n| \"10\"\n| null",
-          "defaultValue": "2",
-          "description": ""
-        },
-        {
-          "name": "justify",
-          "required": false,
-          "type": "| \"center\"\n| \"start\"\n| \"end\"\n| \"between\"\n| \"around\"\n| \"evenly\"\n| null",
-          "defaultValue": "start",
-          "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": "wrap",
-          "required": false,
-          "type": "boolean | null",
-          "defaultValue": "false",
-          "description": ""
-        }
-      ]
-    },
-    "subComponents": []
-  },
   "select": {
     "root": {
       "name": "Select.Root",
@@ -5535,6 +6667,13 @@
           "type": "SelectValueType<Value, Multiple> | null",
           "defaultValue": null,
           "description": "The value of the select. Use when controlled."
+        },
+        {
+          "name": "width",
+          "required": false,
+          "type": "\"auto\" | \"wide\" | \"full\" | null",
+          "defaultValue": "auto",
+          "description": "Trigger width: `auto` keeps the compact minimum; `wide` raises it; `full` fills the parent."
         }
       ]
     },
@@ -5771,9 +6910,22 @@
           }
         ]
       },
+      {
+        "name": "Select.ItemDescription",
+        "description": "Select.ItemDescription — a muted second line under an item's text, such as what a role allows. It stays out of the\ntrigger, which shows only `Select.ItemText`.",
+        "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": "Select.ItemIndicator",
-        "description": "Select.ItemIndicator — visual marker (e.g. checkmark) inside the selected item.",
+        "description": "Select.ItemIndicator — marker inside the selected item. Without children it draws a check icon in the item's text colour.",
         "props": [
           {
             "name": "className",
@@ -6102,7 +7254,7 @@
             "name": "sideOffset",
             "required": false,
             "type": "number | OffsetFunction",
-            "defaultValue": "0",
+            "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```"
           },
           {
@@ -6345,7 +7497,7 @@
   "separator": {
     "root": {
       "name": "Separator",
-      "description": "Separator — visual divider between content sections.",
+      "description": "Separator — visual divider between content sections. `tone=\"minor\"` draws a neutral line for a quiet break inside a\npage; the default primary line marks a stronger division.",
       "props": [
         {
           "name": "className",
@@ -6382,6 +7534,13 @@
           "defaultValue": null,
           "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
         },
+        {
+          "name": "tone",
+          "required": false,
+          "type": "\"primary\" | \"minor\" | null",
+          "defaultValue": "primary",
+          "description": ""
+        },
         {
           "name": "variant",
           "required": false,
@@ -6396,7 +7555,7 @@
   "skeleton": {
     "root": {
       "name": "Skeleton.Root",
-      "description": "Skeleton.Root — marks a region as loading. The view inside renders for real; bones stand in for the data. While\n`loading`, sets `aria-busy` and announces `label` once, however many bones it holds. When `loading` turns false, the\ndata fades in over the bones.",
+      "description": "Skeleton.Root — marks a region as loading. The view inside renders for real; bones stand in for the data. While\n`loading`, sets `aria-busy` and announces `label` once, however many bones it holds. When `loading` turns false, the\ndata fades in.",
       "props": [
         {
           "name": "animation",
@@ -6470,6 +7629,26 @@
           }
         ]
       },
+      {
+        "name": "Skeleton.Suspense",
+        "description": "Skeleton.Suspense — a Suspense boundary whose fallback is bones in a busy Root. When the children mount after the\nfallback showed, they fade in over it. Content that was ready without suspending mounts without a fade.",
+        "props": [
+          {
+            "name": "fallback",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Bones shown while the children suspend."
+          },
+          {
+            "name": "label",
+            "required": true,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Announced once through a visually hidden status while the fallback shows."
+          }
+        ]
+      },
       {
         "name": "Skeleton.Text",
         "description": "Skeleton.Text — a text bar exactly one line of the parent's font tall. Place it inside the real Typo element so the\nrow keeps the loaded row's height.",
@@ -7179,6 +8358,13 @@
       "name": "Table.Root",
       "description": "Table.Root — the `<table>` element.",
       "props": [
+        {
+          "name": "density",
+          "required": false,
+          "type": "\"compact\" | \"comfortable\" | \"spacious\"",
+          "defaultValue": "comfortable",
+          "description": "Cell padding: `compact` for dense data, `spacious` for a few rows at a glance."
+        },
         {
           "name": "ref",
           "required": false,
@@ -7206,6 +8392,13 @@
         "name": "Table.Cell",
         "description": "Table.Cell — a `<td>` data cell.",
         "props": [
+          {
+            "name": "action",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks an action column: it shrinks to its content and keeps it on one line."
+          },
           {
             "name": "ref",
             "required": false,
@@ -7245,6 +8438,13 @@
         "name": "Table.HeaderCell",
         "description": "Table.HeaderCell — a `<th>` header cell.",
         "props": [
+          {
+            "name": "action",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Marks an action column: it shrinks to its content and keeps it on one line."
+          },
           {
             "name": "ref",
             "required": false,
@@ -7291,6 +8491,13 @@
         "name": "Table.SortableHeaderCell",
         "description": "Table.SortableHeaderCell — a header cell whose label is a sort toggle,\npre-composing HeaderCell + HeaderButton so `aria-sort` and the direction\nindicator aren't re-derived per consumer. Omit `onToggle` for a plain cell.",
         "props": [
+          {
+            "name": "action",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Marks an action column: it shrinks to its content and keeps it on one line."
+          },
           {
             "name": "ref",
             "required": false,
@@ -8183,6 +9390,13 @@
           "defaultValue": null,
           "description": "Key hint shown in the top corner at the end of the line, such as `\"P\"` 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\" | null",
+          "defaultValue": null,
+          "description": "Defaults to the enclosing `ToggleGroup`'s `size`, or `\"md\"` standalone."
+        },
         {
           "name": "style",
           "required": false,
@@ -8204,7 +9418,7 @@
   "toggle-group": {
     "root": {
       "name": "ToggleGroup",
-      "description": "ToggleGroup - a set of connected `Toggle`s sharing one value. Single-select by\ndefault (a segmented control); set `multiple` for multi-select. Compose one\n`Toggle` per segment, each with a `value`.",
+      "description": "ToggleGroup - a set of connected `Toggle`s sharing one value. Single-select by\ndefault (a segmented control); set `multiple` for multi-select. Compose one\n`Toggle` per segment, each with a `value`. `size` applies to every toggle in the group.",
       "props": [
         {
           "name": "className",
@@ -8269,6 +9483,13 @@
           "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": "md",
+          "description": ""
+        },
         {
           "name": "style",
           "required": false,